Miasta partnerskie<style type="text/css">.partnerzy-container {
font-family: inherit;
color: #2b2b2b;
line-height: 1.6;
margin: 20px 0;
}
.partnerzy-container h2 {
color: #002672;
border-bottom: 3px solid #f20000;
padding-bottom: 8px;
margin-top: 20px;
margin-bottom: 24px;
font-size: 1.5rem;
font-weight: 700;
}
.partnerzy-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
margin-bottom: 25px;
}
.partner-card {
display: flex;
align-items: center;
gap: 14px;
background-color: #f8f9fa;
border: 2px solid #e9ecef;
border-left: 5px solid #002672;
border-radius: 8px;
padding: 16px 20px;
text-decoration: none !important;
color: #2b2b2b !important;
transition: all 0.2s ease-in-out;
}
.partner-card:hover,
.partner-card:focus {
border-color: #f20000;
border-left-color: #f20000;
background-color: #ffffff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transform: translateY(-2px);
outline: none;
}
.partner-icon {
width: 40px;
height: 40px;
background-color: #002672;
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background-color 0.2s ease-in-out;
}
.partner-card:hover .partner-icon,
.partner-card:focus .partner-icon {
background-color: #f20000;
}
.partner-icon svg {
width: 22px;
height: 22px;
}
.partner-text {
font-size: 1.05rem;
font-weight: 600;
color: #002672;
line-height: 1.3;
}
@media (max-width: 600px) {
.partnerzy-grid {
grid-template-columns: 1fr;
}
}
</style>
<div class="partnerzy-container">
<h2>MIASTA PARTNERSKIE</h2>
<div class="partnerzy-grid"><a class="partner-card" href="/article/miasto-partnerskie-iserlohn"><span class="partner-icon"><svg aria-hidden="true" fill="currentColor" focusable="false" viewbox="0 0 24 24"> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path> </svg> </span> <span class="partner-text">Miasto partnerskie Iserlohn Niemcy</span> </a> <a class="partner-card" href="/article/miasto-partnerskie-creil"> <span class="partner-icon"> <svg aria-hidden="true" fill="currentColor" focusable="false" viewbox="0 0 24 24"> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path> </svg> </span> <span class="partner-text">Miasto partnerskie Creil Francja</span> </a> <a class="partner-card" href="/article/miasto-partnerskie-ozd"> <span class="partner-icon"> <svg aria-hidden="true" fill="currentColor" focusable="false" viewbox="0 0 24 24"> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path> </svg> </span> <span class="partner-text">Miasto partnerskie Ózd Węgry</span> </a> <a class="partner-card" href="/article/miasto-partnerskie-tarnopol"> <span class="partner-icon"> <svg aria-hidden="true" fill="currentColor" focusable="false" viewbox="0 0 24 24"> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path> </svg> </span> <span class="partner-text">Miasto partnerskie Tarnopol Ukraina</span> </a> <a class="partner-card" href="/article/miasto-partnerskie-termoli"> <span class="partner-icon"> <svg aria-hidden="true" fill="currentColor" focusable="false" viewbox="0 0 24 24"> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path> </svg> </span> <span class="partner-text">Miasto partnerskie Termoli Włochy</span> </a> <a class="partner-card" href="/article/miasto-partnerskie-zlin"> <span class="partner-icon"> <svg aria-hidden="true" fill="currentColor" focusable="false" viewbox="0 0 24 24"> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path> </svg> </span> <span class="partner-text">Miasto partnerskie Zlin Czechy</span> </a></div>
<!-- /Koniec .partnerzy-grid --></div>
<!-- /Koniec .partnerzy-container -->2026-08-07 22:23:072026-08-07 22:23:07