@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
    margin: 0;
    padding: 0;
    font-family: "Saira Condensed", sans-serif;
    font-weight:300;
    font-size: 1.6em;
    color:#606060;
}

h2 { font-size: 2em; font-weight:300; color:#EF7D00; }
b { font-weight:500;}

a { text-decoration:none; color:#606060; font-weight:500; }
a:hover { color: #63251B; }
#HlavniFoto { margin-bottom:100px; }
#HlavniFoto img { width:100%; }
#Menu { width:100%; height:130px; position:fixed; background:rgba(255,255,255,0.9); }
#MenuCont { width:80%; margin:0 auto; }
#Logo { width:25%; float:left; padding:25px 0; }

#MenuItems { width:75%; float:right; text-align:right; padding:40px 0; }
#MenuItems a { display:inline-block; padding: 5px 15px; border-right:2px dotted #808080; }

.blok { text-align:center; padding-top:50px;  }
.blokCont { width:80%; margin:0 auto; }
.blokLevy { width:50%; float:left; }
.blokPravy { width:50%; float:right; }
.blokLevy img, .blokPravy img { width:100%; }
.blokLevy p, .blokLevy h2 { padding-right:100px; text-align:left; }
.blokPravy p, .blokPravy h2 { padding-left:100px; text-align:right; }

#Zapati { clear:both; padding:50px 0; background:#F2E8DD; }
#ZapatiCont { width:80%; margin:0 auto; }
#ZapatiCont div { width:33%; float:left; }

.row { *zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after { clear: both; }

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

@media (max-width: 1024px) {
    body { font-size:1.3em; }

    #Logo { float:none; width:100%; padding:25px 0 0 0; }
    #Menu { height:auto; position:relative; }
    #MenuItems { width:100%; text-align:center; padding:10px 0; font-size:1.8em; }
    #MenuItems a { padding: 5px 10px; border-right:1px dotted #808080; }


    #HlavniFoto { margin-bottom:0; }

    .blok { padding:0;}
    .blokLevy, .blokPravy { float:none; width:100%; }
    .blokLevy p, .blokLevy h2 { padding-right:0; text-align:center; }
    .blokPravy p, .blokPravy h2 { padding-left:0; text-align:center; }
    
    #ZapatiCont div { width:100%; float:none; text-align:center; margin-bottom:20px; }
}
[hidden] { display: none !important; }
.map-section { clear: both; background: #f7f3ee; }
.map-placeholder { box-sizing: border-box; max-width: 850px; min-height: 450px; margin: 0 auto; padding: 55px 25px; text-align: center; }
.map-placeholder h2 { margin-top: 0; }
.map-placeholder p { font-size: 20px; line-height: 1.5; }
#map-container iframe { display: block; }
.consent-footer { padding: 15px 20px; text-align: center; background: #f2e8dd; }
#cookie-settings, .consent-close { border: 0; background: transparent; color: #63251b; font: inherit; font-size: 17px; text-decoration: underline; cursor: pointer; }
.cookie-banner { position: fixed; z-index: 1000; bottom: 0; left: 0; right: 0; box-sizing: border-box; max-height: 85vh; overflow-y: auto; padding: 24px max(24px, calc((100vw - 1200px) / 2)); background: #fffaf4; color: #42352e; border-top: 3px solid #ef7d00; box-shadow: 0 -4px 24px #0002; font-size: 16px; line-height: 1.5; }
.cookie-banner h2 { font-size: 25px; color: #63251b; font-weight: 500; margin: 0 0 10px; }
.cookie-banner p { margin: 0 0 12px; }
.cookie-banner a { color: #63251b; text-decoration: underline; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.consent-button { padding: 12px 20px; border: 2px solid #63251b; border-radius: 4px; background: #63251b; color: #fff; font: inherit; font-size: 17px; line-height: 1.4; cursor: pointer; }
.consent-button:hover { background: #492019; border-color: #492019; }
.consent-button:focus-visible, #cookie-settings:focus-visible, .consent-close:focus-visible, .cookie-banner a:focus-visible { outline: 3px solid #ef7d00; outline-offset: 4px; }
@media (max-width: 600px) {
    .cookie-banner { padding: 18px; font-size: 15px; }
    .cookie-actions { flex-direction: column; }
    .consent-button { width: 100%; }
}