.vk-top-label {
    float: left;
    margin: 0;
    padding-top: 8px;
    color: #625d52;
    font-size: 13px;
    font-weight: 700;
}

#firstLaneText .vk-page-heading {
    margin: 0 0 .55em;
    color: #173d64;
    font: 700 clamp(1.8rem, 3.2vw, 2.4rem)/1.15 Dosis, sans-serif;
}

.vk-page-intro, .vk-subheading { line-height: 1.5; }
.vk-subheading, .vk-archive-note { color: #5a5446; }

.vk-contact-tab {
    position: fixed;
    bottom: 18px;
    right: 14px;
    z-index: 1100;
    padding: .6rem .9rem;
    border-radius: .35rem;
    background: #004992;
    color: #fff;
    font: 700 1rem/1.2 Dosis, sans-serif;
    text-decoration: none;
}

.vk-contact-tab[hidden] { display: none; }
.vk-contact-tab:focus-visible, .vk-form :focus-visible { outline: 3px solid #af752b; outline-offset: 2px; }
.vk-form-area { clear: both; margin: 1.5rem 0; scroll-margin-top: 1rem; }

.vk-form, .vk-feedback {
    box-sizing: border-box;
    max-width: 100%;
    padding: clamp(1rem, 3vw, 1.5rem);
    border: 1px solid #d8d1bd;
    border-radius: .45rem;
    background: #fbfaf7;
    color: #3a3834;
    font-size: 1rem;
    line-height: 1.45;
}

.vk-form-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem 1rem; }
.vk-form label { display: block; margin-bottom: .65rem; font-weight: 700; min-width: 0; }

.vk-form input:not([type=checkbox]), .vk-form select, .vk-form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 2.75rem;
    margin-top: .25rem;
    padding: .5rem .6rem;
    border: 1px solid #8a8373;
    border-radius: .25rem;
    background: #fff;
    color: #2d2a23;
    font: 1rem/1.3 system-ui, sans-serif;
}

.vk-form textarea { resize: vertical; }
.vk-form .vk-check { display: flex; align-items: baseline; gap: .45rem; font-weight: 400; }
.vk-form button {
    min-height: 2.75rem;
    border: 0;
    border-radius: .25rem;
    padding: .6rem .85rem;
    background: #004992;
    color: #fff;
    cursor: pointer;
    font: 700 1rem/1.3 Dosis, sans-serif;
}

.vk-form button:hover { background: #063667; }
.vk-form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.vk-feedback { margin: 8vh auto; width: min(92vw,40rem); font-family: system-ui,sans-serif; }
.vk-feedback a { color: #004992; }

@media (max-width: 1055px) {
    .top, .header { min-width: 0; }
    #topText, #headerText, #firstLaneText, #secondLaneBlText, #secondLaneText, #secondLaneText2,
    #footerText, .siteRoad, #sddm, #social, .content {
        box-sizing: border-box;
        max-width: calc(100% - 2rem);
    }

    #firstLaneText > div, #secondLaneBlText > div, #secondLaneText > div, #secondLaneText2 > div,
    .content > div, #footerText > div {
        box-sizing: border-box;
        max-width: 100%;
    }

    #firstLaneText table, #firstLaneText iframe, #firstLaneText img, #firstLaneText object,
    .content table, .content iframe, .content img, .content object,
    #secondLaneBlText table, #secondLaneBlText img, #secondLaneText img {
        max-width: 100%;
    }

    #firstLaneText td, .content td { overflow-wrap: anywhere; }
    #firstLaneText iframe, .content iframe { box-sizing: border-box; }
    .secondLane, .footer { height: auto; background-color: #235b90; display: flow-root; }
    .secondLane { background-color: #f1eee5; }
    #footerText { padding-bottom: 4rem; overflow-wrap: anywhere; }
    .firstLane, .secondLaneBl, .content { display: flow-root; }
}

@media (max-width: 780px) {
    .top { height: auto; display: flow-root; background-color: #f5f2e8; }
    #topText { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; padding: .4rem 0; }
    .top h1, .top span, .vk-top-label { float: none; padding-top: 0; }
    .header { height: auto; min-height: 21rem; background-position: 49% top; background-size: auto 440px; }
    #examplePanel { right: 16px !important; top: 3px !important; height: auto !important; padding: .5rem; }
    #examplePanel input { max-width: 100%; box-sizing: border-box; }
    #sddm { display: flex; flex-wrap: wrap; gap: .25rem; padding-top: .6rem; }
    #sddm li { float: none; width: auto !important; background: #fffffff0; font-size: 1rem; }
    #sddm li a { padding: .35rem .5rem; }
    #sddm div { z-index: 5; max-width: calc(100vw - 2rem); box-shadow: 0 3px 12px #00254a30; }
    #sddm div a { white-space: normal; font-size: .95rem; }
    #social { margin-top: .4rem; }
    #headerText { padding: 1rem 0; }
    #headerText img { max-width: min(260px, 90%); height: auto; }
    #headerText h2 {
        box-sizing: border-box;
        width: min(100%,440px);
        margin: .75rem 0 0;
        padding: .65rem;
        background: #fffc;
        font-size: clamp(1.3rem,5vw,1.9rem);
    }
    #headerText h2 div { font-size: inherit !important; }
    .garance { float: none; margin: .5rem 0 0; }
    .garance div { position: static !important; display: inline-block; padding: .35rem .5rem !important; }
    .garance > img { display: none; }
    .garance img { max-height: 2rem; }
    .firstLane { margin-top: 0; min-height: 0; }
    #firstLaneText > div, #secondLaneBlText > div, #secondLaneText > div, #secondLaneText2 > div,
    .content > div, #footerText > div { float: none !important; width: 100% !important; padding-inline: 0 !important; }
    #firstLaneText table, .content table { float: none !important; }
    #firstLaneText .vk-wide-table { max-width: 100%; overflow-x: auto; }
    #firstLaneText img, .content img { height: auto; }
    #firstLaneText iframe { max-height: 24rem; }
    .vk-contact-tab { bottom: 10px; right: 10px; }
}

@media (max-width: 520px) {
    .vk-form-fields { grid-template-columns: 1fr; gap: 0; }
}


@media (max-width: 1055px) {
    .nabidkaBoxy, .nabidkaBoxy2 {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr));
        gap: .8rem;
    }

    .nabidkaBoxy > div, .nabidkaBoxy2 > div {
        box-sizing: border-box;
        width: 100% !important;
        min-height: 0;
        height: auto !important;
        margin: 0;
        padding-bottom: .75rem;
    }
}

@media (max-width: 780px) {
    .aktualitaSeparator { max-width: 100%; }
    .aktualityVse, .content .left > a, .content .right > a { max-width: 100%; overflow-wrap: anywhere; }
    .content .left *, .content .right * { box-sizing: border-box; }
    .content .left div[style*="width:"], .content .right div[style*="width:"] { max-width: 100%; }
    .vk-wide-table { outline-offset: 2px; }
    .vk-form-area .vk-form button { position: relative; z-index: 1; }
}

@media (max-width: 780px) {
    .content { overflow-wrap: anywhere; }
    #firstLaneText .vk-wide-table table { max-width: none; }
}

.vk-static-banner {
    display: inline-block;
    max-width: 100%;
}

.vk-static-banner img {
    display: block;
    max-width: 100%;
    height: auto;
}