h4 {
    font-size: clamp(1.1rem, 1.5vw, 1.3rem);
line-height: 1.6;}
.space-between {min-height: 150px;}
/*.container {border:2px solid #000;}*/
.cena-top{justify-content:flex-end;}
.columns-two-order {flex-wrap: wrap-reverse;}
.lokal-dane {display:flex;flex-direction:column;}
#dane-lokalu {margin-top:20px;}
.lokal-kontakt {margin-top:30px;}
.lokal-buttons {display:flex;flex-direction:row;flex-wrap: wrap;justify-content: flex-start;margin-top:30px;}
.lokal-buttons a {display:block;width:100%;background-color:#102e4a;color:#d1c7bc;}
	.lokal-button{height:30px;padding-top:10px;width:200px;background-color:#102e4a;color:#d1c7bc;text-align:center;margin:10px;border:2px solid #d1c7bc;}
	.lokal-button:hover {border:2px solid #102e4a;}
	.lokal-button:hover, .lokal-button:hover a{background-color:#d1c7bc;color:#102e4a;}
.dane-pracownika {margin-top:10px;}
.lokal-nav {display:flex;flex-direction:row;flex-wrap: wrap;justify-content:space-between;width:100%;margin-bottom:;}
.lokal-nav-lokal {width:150px;background-color:#102e4a;color:#d1c7bc;padding:6px 4px;}
.lokal-nav div {text-align:center;border:2px solid #d1c7bc;}
.lokal-nav div div {border:2px solid #d1c7bc;border-radius: 6px;}
.lokal-nav a:hover div {background-color:#d1c7bc;color:#102e4a;border:2px solid #102e4a;}
.lokal-nav-div	{display:flex;flex-direction:row;flex-wrap: wrap;justify-content:space-between;}
.lokal-nav-div  > div {padding:4px 10px;margin:0px 2px;background-color:#102e4a;}

.lokal-dane h4 {margin:0px;}
.lokal-nav .lokal-nav-div {background-color:#fff;}
.lokal-nav > div a {color:#d1c7bc;width: 100%;display: block;}
#lokal-img {cursor: pointer;}
#lokal-img img {max-width:100%;}
.panel-img {width:100%; height:100px;display:flex;flex-direction:row;flex-wrap: wrap;justify-content: center;align-items: center;}
.panel-img div {width:200px; height:100px;overflow-y: hidden;overflow-x: hidden;text-align:center;cursor: pointer;border:1px solid #102e4a;} 
.panel-img div img {max-height:120px;}
/*PIĘTRA*/
.kondygnacje-img {margin-top:50px;   position: relative;top: -20px;width: 100%;height: auto; max-height: 855px;text-align:center;}
.kondygnacje-img img {width: 100%;}

.kolor-green {color: #2ecc71; /* Ładny zielony */}
.kolor-orange {color: #e67e22; /* Pomarańczowy dla miękkiej rezerwacji */}
.kolor-gold {color: #e67e22; /* Złoty/Żółty dla rezerwacji */}
.kolor-red {color: #e74c3c; /* Czerwony dla sprzedanych i całej reszty */}