Cities on the frontline : The role of European cities in protecting citizens during crises
2026-04-08T11:30:00+00:00
2026-04-08T14:00:00+00:00
https://www.expert-europe.eu//medias/image/thumbnail_125780175869d3f8a1bd2eb.png
European Parliament
Rue Wiertz 60
Brussels
1047
BE
Renew Group | Hosted by Jana TOOM (Renew, EE), Olivier CHASTEL (Renew, BE) and Grégory ALLIONE (Renew, FR). Join us on 08/04/2026 from 13:30 to 16:00 in Room Spaak 7C050, European Parliament (Brussels), to discuss the role of European cities in protecting citizens during crises and strengthening Europe's security. Renew EVENT Cities on the frontline The role of European cities in protecting citizens during crises Date: 08/04/2026 Time: 13:30 - 16:00 Location: Room Spaak 7C050, European Parliament (Brussels) About the Event Strengthening Europe's Security Through Resilient CitiesCities and urban areas are home to the vast majority of Europe's population. Around 75% of Europeans live in cities, towns, and suburbs, making urban areas central to the security and resilience of the European Union. Ensuring that cities are adequately resourced and prepared to respond to crises is therefore essential. This event will explore how cities across the EU are addressing a wide range of challenges—from geopolitical tensions and healthcare threats to natural disasters. By sharing real experiences and lessons learned, the seminar will highlight the vital role cities play in protecting citizens and maintaining stability in times of crisis. Supporting Europe's Preparedness and ResilienceThe seminar will contribute to ongoing discussions within the European Union on the future of the EU budget, civil protection, and resilience policies. It will provide a platform for dialogue between policymakers and urban leaders, with the aim of strengthening a more place-based EU approach to preparedness. Recognising cities as indispensable partners in safeguarding citizens and strengthening Europe's security will be central to the discussion. Hosted by +Jana TOOM MEP EstoniaRenew Bureau Member of the European Parliament Renew Eesti Keskerakond Jana TOOM CommitteesEMPL Employment & Social AffairsPETI PetitionsHOUS HOUS CommitteeJURI Legal AffairsFEMM Women’s Rights & Gender EqualityDelegationsV-CHAIR DCAS Delegation to the EU-Kazakhstan, EU-Kyrgyzstan, EU-Uzbekistan & EU-Tajikistan Parliamentary Cooperation Committees & for relations with Turkmenistan & MongoliaD-RU D-RU DelegationD-RS Delegation to the EU-Serbia Stabilisation & Association Parliamentary Committee×+Olivier CHASTEL MEP BelgiumMember of the European Parliament Renew Mouvement Réformateur Olivier CHASTEL CommitteesBUDG BudgetsCONT Budgetary ControlSANT Public Health (Subcommittee)ENVI Environment, Public Health & Food Safety×+Grégory ALLIONE MEP FranceMember of the European Parliament Renew Renaissance Grégory ALLIONE CommitteesEMPL Employment & Social AffairsENVI Environment, Public Health & Food SafetyDelegationsDMAG Delegation for relations with the Maghreb countries & the Arab Maghreb Union, including joint committees with Morocco, Tunisia & AlgeriaDMED Delegation to the Parliamentary Assembly of the Union for the MediterraneanDLAT Delegation to the Euro-Latin American Parliamentary AssemblyDCAM DCAM Delegation×Important – This event is by invitation, and only registered participants will be admitted. Due to capacity constraints, all attendees must register, including those already holding a European Parliament access badge. Registration is mandatory for admission.
.flip-card {
perspective: 1000px;
position: relative;
min-height: 280px;
z-index: 1;
}
.flip-card:hover,
.flip-card:focus-within {
z-index: 50;
}
.flip-checkbox {
display: none;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-checkbox:checked ~ .flip-card-inner {
transform: rotateY(180deg);
}
.flip-checkbox:checked ~ .flip-card-inner .flip-card-front {
pointer-events: none;
}
.flip-checkbox:not(:checked) ~ .flip-card-inner .flip-card-back {
pointer-events: none;
}
.flip-card,
.flip-card-inner,
.flip-card-back {
overflow: visible !important;
}
.flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
backface-visibility: hidden;
border-radius: 12px;
min-height: 320px;
box-sizing: border-box !important;
}
.flip-card-front {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 20px 15px;
text-align: center;
position: relative;
}
.flip-card-back {
transform: rotateY(180deg);
padding: 20px;
overflow-x: hidden !important;
overflow-y: auto;
max-height: 420px;
scrollbar-width: thin;
scrollbar-color: #009ccf #e8edf4;
}
.flip-card-back::-webkit-scrollbar {
width: 6px;
}
.flip-card-back::-webkit-scrollbar-track {
background: #e8edf4;
border-radius: 3px;
}
.flip-card-back::-webkit-scrollbar-thumb {
background: #009ccf;
border-radius: 3px;
}
.flip-card-back::-webkit-scrollbar-thumb:hover {
background: #007ba3;
}
.flip-card-front::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 50px;
background: linear-gradient(135deg, #e6f5fa 0%, #f2fafd 100%);
clip-path: polygon(0 100%, 100% 100%, 0 0);
opacity: 1;
z-index: 0;
}
.flip-card-front label[for^="flip-"],
.flip-card-front label[for^="speaker-"] {
position: absolute;
bottom: 6px;
left: 10px;
font-size: 18px;
font-weight: 300;
cursor: pointer;
z-index: 10;
background: none;
border: none;
padding: 0;
transition: transform 0.2s, color 0.2s;
color: #009ccf;
}
.flip-card-front label[for^="flip-"]:hover,
.flip-card-front label[for^="speaker-"]:hover {
color: #007ba3;
transform: scale(1.2);
}
.close-button {
position: absolute;
top: 15px;
right: 15px;
width: 28px;
height: 28px;
background: #009ccf;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 300;
cursor: pointer;
z-index: 100;
line-height: 1;
transition: all 0.2s;
}
.close-button:hover {
background: #007ba3;
transform: rotate(90deg) scale(1.1);
}
.social-icon {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.social-icon:hover {
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.logo-link img {
transition: transform 0.2s ease, filter 0.2s ease;
}
.logo-link:hover img {
transform: scale(1.1);
filter: brightness(1.1);
}
.static-card .flip-card-front::before {
display: none !important;
}
.static-card {
transition: transform 0.2s ease, box-shadow 0.2s ease;
border: none !important;
box-sizing: border-box !important;
}
.static-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0, 156, 207, 0.15) !important;
}
.bio-content-mep strong {
color: #009ccf;
font-size: 16px;
display: block;
margin-bottom: 15px;
text-align: center;
font-weight: 700;
padding-bottom: 12px;
border-bottom: 2px solid #009ccf;
}
.bio-section-title {
font-size: 11px;
color: #64748b;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 16px 0 10px 0;
padding-bottom: 6px;
border-bottom: 2px solid #e8edf4;
text-align: left;
}
.country-flag {
position: relative;
display: inline-block;
cursor: pointer;
transition: transform 0.2s ease;
z-index: 10;
}
.country-flag:hover {
transform: scale(1.15);
z-index: 20;
}
.party-flag {
position: relative;
display: inline-flex;
align-items: center;
gap: 4px;
line-height: 1;
cursor: pointer;
transition: transform 0.2s ease;
z-index: 10;
font-size: 0;
}
.party-flag:hover {
transform: scale(1.05);
z-index: 20;
}
.country-flag .tooltip,
.party-flag .tooltip {
visibility: hidden;
background: #009ccf !important;
color: #fff !important;
text-align: center;
padding: 4px 8px;
border-radius: 4px;
position: absolute;
z-index: 100;
top: -32px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
opacity: 0 !important;
transition: opacity 0.2s ease !important;
font-size: 9px !important;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
pointer-events: none;
}
.country-flag:hover .tooltip,
.party-flag:hover .tooltip {
visibility: visible !important;
opacity: 1 !important;
}
.micro-badge-wrapper {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 8px;
box-sizing: border-box !important;
}
.badge-link {
display: inline-flex;
align-items: center;
gap: 4px;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.badge-link:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 156, 207, 0.15);
}
.tooltip-text {
visibility: hidden;
position: absolute;
top: -38px;
left: 50%;
transform: translateX(-50%);
background: #009ccf !important;
color: #fff !important;
border: none;
font-size: 9px !important;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
padding: 4px 8px;
border-radius: 4px;
white-space: normal;
width: max-content;
max-width: 150px;
text-align: center;
line-height: 1.3;
opacity: 0 !important;
pointer-events: none;
transition: opacity 0.2s ease !important;
z-index: 100;
}
.micro-badge-wrapper:hover .tooltip-text,
.badge-link:focus + .tooltip-text {
visibility: visible !important;
opacity: 1 !important;
}
.programme-row {
border-left: 4px solid transparent;
transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
box-sizing: border-box !important;
}
.programme-row:hover {
background-color: #f8fbff;
border-left-color: #009ccf;
transform: translateX(6px);
}
.time-badge {
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
}
.programme-row:hover .time-badge {
transform: scale(1.08);
box-shadow: 0 6px 12px rgba(0, 156, 207, 0.25);
}
.anchor-link {
display: inline-flex;
align-items: center;
font-size: 12px;
color: #009ccf;
font-weight: 700;
text-decoration: none;
background: #e6f5fa;
padding: 4px 12px;
border-radius: 20px;
white-space: nowrap;
transition: all 0.2s ease;
border: 1px solid transparent;
}
.anchor-link:hover {
background: #009ccf;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 156, 207, 0.15);
border-color: #007ba3;
}
.host-card {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.host-card:hover {
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(0, 156, 207, 0.12) !important;
}
@media (max-width: 768px) {
.tooltip,
.tooltip-text {
display: none !important;
}
}
https://www.expert-europe.eu/en/event/cities-on-the-frontline-the-role-of-european-cities-in-protecting-citizens-during-crises/2026/04/08/433
