.public-design43{--banner-height410:362px;--card-inset410:8px}.public-design43 .hero:not(.hero-home){height:var(--banner-height410);min-height:var(--banner-height410)}.public-design43 .hero-home{min-height:calc(var(--banner-height410) + 68px)}.public-design43 .hero-home>picture,.public-design43 .hero-home:after{top:0;bottom:auto;height:var(--banner-height410)}.public-design43 .hero,.public-design43 .hero>picture,.public-design43 .hero .hero-image,.public-design43 .detail-panorama420,.public-design43 .detail-panorama420 .cover-visual,.public-design43 .detail-panorama420 .detail-cover{border-radius:0!important}.public-design43 .detail-panorama420 .cover-visual{height:var(--banner-height410)}.public-design43 .home-title-tail410{white-space:nowrap}.public-design43 .favorite-form .favorite{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;border:0;box-sizing:border-box;min-width:0}.public-design43 .favorite-form .favorite svg{display:block;flex:none;margin:0}.public-design43 .card-image .date-badge{left:var(--card-inset410);top:var(--card-inset410)}.public-design43 .card-image:has(.date-badge) .category-badge{left:var(--card-inset410);bottom:var(--card-inset410);top:auto;max-width:calc(100% - 16px)}.public-design43 .home-section.section-articles .card-button{align-self:flex-end;margin-left:auto;margin-right:0;width:max-content;max-width:100%}.public-design43 .home-newsletter410{width:100%;max-width:none;margin:34px 0}.public-design43 .article-byline410{display:inline}.public-design43 .article-byline410 a{display:inline}.public-design43 .detail-sidebar420 .share-buttons{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;padding:12px 8px}.public-design43 .detail-sidebar420 .share-buttons strong{flex:0 0 auto;flex-basis:auto;width:auto;font-size:14px;margin:0 3px 0 0}.public-design43 .detail-sidebar420 .share-buttons .social-button{flex:0 0 27px;width:27px;height:27px;min-width:27px;min-height:27px;padding:0}.public-design43 .detail-sidebar420 .share-buttons .social-button svg{width:18px;height:18px}.public-design43 .main-content>.breadcrumbs{width:100%;max-width:none;padding:14px 0;margin:0 0 18px}.public-design43 .main-content>.search-box{position:relative;z-index:2;margin-top:-45px}.public-design43 .main-content>.search-box+.breadcrumbs{margin-top:0}.public-design43 .detail-page420>.breadcrumb-band44{margin-top:18px}.public-design43 .hero-home .filter-chips,.public-design43 .search-box .filter-chips:empty{display:none}@media(max-width:700px){.public-design43{--banner-height410:280px}.public-design43 .hero-home{min-height:400px}.public-design43 .hero-home>picture,.public-design43 .hero-home:after{height:var(--banner-height410);bottom:auto}.public-design43 .home-section.section-events .card-button,.public-design43 .home-section.section-articles .card-button{margin-left:auto;margin-right:0;align-self:flex-end;width:max-content;max-width:100%}.public-design43 .main-content>.search-box{margin-top:-35px}.public-design43 .home-newsletter410{width:100%;margin:24px 0}.public-design43 .detail-sidebar420 .share-buttons{gap:5px;padding:10px 6px}.public-design43 .detail-sidebar420 .share-buttons strong{font-size:14px}.public-design43 .detail-panorama420 .cover-visual{height:var(--banner-height410)}}
.public-design43 .breadcrumb-band44,.public-design43 .breadcrumbs{background:transparent;border-bottom:0;box-shadow:none}
/* Shared search position: same banner, main padding and overlap on every catalogue. */
.public-design43 .hero.hero-home{height:var(--banner-height410);min-height:var(--banner-height410)}
.public-design43 .hero-home .hero-content{padding-top:50px;padding-bottom:65px}
.public-design43:is(.route-home,.route-catalog,.route-agenda,.route-blog)>.hero+.main-content>.search-box{position:relative;margin-top:-55px;padding:18px;max-width:none;z-index:3}
.public-design43 .share-buttons .social-button,.public-design43 .detail-sidebar420 .share-buttons .social-button{flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px;min-height:34px;max-width:34px;max-height:34px;aspect-ratio:1;border-radius:50%!important;box-sizing:border-box;padding:0!important}
.public-design43 .detail-sidebar420 .share-buttons .social-button svg{width:20px;height:20px;flex:0 0 20px}
.public-design43 .detail-sidebar420 .share-buttons{gap:3px;padding-left:0;padding-right:0}
.public-design43 .detail-sidebar420 .share-buttons strong{font-size:12px;margin-right:0}
@media(max-width:760px){.public-design43 .hero-home .hero-content{padding-top:28px;padding-bottom:55px}.public-design43:is(.route-home,.route-catalog,.route-agenda,.route-blog)>.hero+.main-content>.search-box{margin-top:-35px;padding:15px 12px}.public-design43 .detail-sidebar420 .share-buttons{gap:2px}}
@media(min-width:761px){.public-design43 .hero-home .hero-content{padding-bottom:110px}}
/* Equal desktop cards: their centre sits exactly on the bottom edge of the banner. */
@media(min-width:761px){
.public-design43:is(.route-home,.route-catalog,.route-agenda,.route-blog)>.hero+.main-content{padding-top:0}
.public-design43:is(.route-home,.route-catalog,.route-agenda,.route-blog)>.hero+.main-content>.search-box{height:112px;min-height:112px;box-sizing:border-box;margin-top:-56px;display:flex;flex-direction:column;justify-content:center}
}
@media(max-width:760px){
.public-design43 .results-heading{justify-content:flex-start;text-align:left}
.public-design43 .results-heading h2{width:100%;text-align:left;margin-left:0;margin-right:auto;align-self:flex-start}
.public-design43 .results-heading h2:after{left:0;right:auto}
}
@media(min-width:761px){
.public-design43:is(.route-home,.route-catalog,.route-agenda) .main-content>.search-box .search-fields{grid-template-columns:repeat(4,minmax(0,1fr)) auto}
.public-design43.route-blog .main-content>.search-box .search-fields{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
}
/* The same 50/50 positioning also applies to the stacked mobile forms. */
@media(max-width:760px){
.public-design43:is(.route-home,.route-catalog,.route-agenda,.route-blog){--banner-height410:380px}
.public-design43:is(.route-home,.route-catalog,.route-agenda,.route-blog)>.hero+.main-content{padding-top:0}
.public-design43:is(.route-home,.route-catalog,.route-agenda,.route-blog)>.hero+.main-content>.search-box{height:240px;min-height:240px;box-sizing:border-box;margin-top:-120px;display:flex;flex-direction:column;justify-content:center}
.public-design43:is(.route-home,.route-catalog,.route-agenda,.route-blog)>.hero .hero-content{padding-top:28px;padding-bottom:180px}
}
@media(max-width:760px){
.public-design43 :is(.card,.home-section.section-events .card) h3{font-size:17px}
.public-design43 .detail-hero-copy420 h1{font-size:32px}
.public-design43.route-blog .search-fields>.field:has(input[name=q]){grid-column:1/-1}
}
/* End of articles, shared newsletter, comments and footer. */
.public-design43 .article-end417 {
margin-top: 28px;
padding-top: 4px;
}
.public-design43 .article-comment-link417 { text-align: center; }
.public-design43 .article-end417 .share-buttons {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin: 18px 0 24px;
padding: 0;
border: 0;
}
.public-design43 .article-end417 .share-buttons::before,
.public-design43 .article-end417 .share-buttons::after {
content: "";
flex: 1 1 20px;
height: 2px;
background: #ff4e39;
}
.public-design43 .author-box {
background: #e1f4f8;
border: 0;
}
.public-design43 .article-end417 .author-box { margin: 0; }
.public-design43 :is(.share-buttons,.footer417 .footer-socials45) .social-button[data-network] {
color: #fff;
background: var(--network,#087f88);
}
.public-design43 :is(.share-buttons,.footer417 .footer-socials45) .social-button[data-network]:hover {
filter: brightness(.85);
}
.public-design43 .article-bottom417 { margin-top: 32px; }
.public-design43 .article-related417 .cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
.public-design43 .article-related417 .article-card-excerpt43 { display: none; }
.public-design43 .newsletter.newsletter417 {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
gap: 0;
padding: 0;
overflow: hidden;
background: #dff4f7;
color: #082b60;
}
.public-design43 .newsletter-photo417 {
position: relative;
align-self: stretch;
min-height: 175px;
background: #087f88;
clip-path: polygon(0 0,100% 0,86% 100%,0 100%);
}
.public-design43 .newsletter-photo417 img {
position: absolute;
inset: 0;
width: calc(100% - 8px);
height: 100%;
display: block;
object-fit: cover;
clip-path: polygon(0 0,100% 0,86% 100%,0 100%);
}
.public-design43 .newsletter-content417 { min-width: 0; padding: 26px 28px; }
.public-design43 .newsletter417 .newsletter-form {
display: grid;
grid-template-columns: minmax(0,1fr) auto;
gap: 10px;
margin-top: 14px;
}
.public-design43 .newsletter417 .newsletter-form > :is(.check,.signup-feedback) { grid-column: 1 / -1; }
.public-design43 .article-bottom417 .newsletter417 { width: 100%; max-width: none; margin: 30px 0; }
.public-design43 .comments-section.comments417 {
background: #fff;
border: 1px solid #d5deea;
border-radius: 12px;
box-shadow: none;
padding: clamp(14px, 2.4vw, 28px);
scroll-margin-top: 90px;
}
.public-design43 .comments417 .comments-grid43 { grid-template-columns: minmax(0,1fr); gap: 10px; }
.public-design43 .comments417 .public-comment {
padding: 14px 16px;
background: #fff;
border: 1px solid #d5deea;
border-radius: 10px;
}
.public-design43 .comments417 .comment-form { margin-top: 22px; }
.public-design43 .comments417 .comment-form form > .button { display: flex; margin-left: auto; }
.public-design43 .comments417 .rating-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.public-design43 .site-footer.footer417 { background: #e0f2f7; border-top: 1px solid #c6e3eb; }
.public-design43 .footer417 .footer-inner {
display: grid;
grid-template-columns: minmax(0,1fr) minmax(0,1.4fr) minmax(0,.7fr);
align-items: start;
gap: 32px;
padding-top: 38px;
padding-bottom: 38px;
}
.public-design43 .footer417 .footer-inner nav {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 9px 22px;
margin: 0;
align-items: start;
}
.public-design43 .footer417 .footer-inner nav > :is(a,button) {
border: 0;
padding: 0;
font-size: 14px;
line-height: 1.45;
}
.public-design43 .footer417 .footer-inner nav > a::after { content: none; }
.public-design43 .footer417 .footer-inner p { font-size: 14px; line-height: 1.55; margin: 12px 0 0; }
.public-design43 .footer417 .footer-socials45 { grid-column: auto; margin: 0; }
.public-design43 .footer417 .footer-socials45 > strong { flex: 0 0 100%; }
.public-design43 .footer417 .footer-bottom { background: #0d2644; color: #fff; padding: 14px 0; }
@media (max-width: 760px) {
.public-design43 .article-end417 .share-buttons { gap: 6px; }
.public-design43 .article-end417 .share-buttons::before,
.public-design43 .article-end417 .share-buttons::after { display: none; }
.public-design43 .article-related417 .cards { grid-template-columns: minmax(0,1fr); gap: 10px; }
.public-design43 .article-related417 .card { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
.public-design43 .article-related417 .card-image {
position: relative;
min-height: 104px;
min-width: 0;
aspect-ratio: auto;
overflow: hidden;
}
.public-design43 .article-related417 .card-image > a { position: absolute; inset: 0; }
.public-design43 .article-related417 .card-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.public-design43 .article-related417 .card-body { min-width: 0; overflow-wrap: anywhere; }
.public-design43 .newsletter.newsletter417 { grid-template-columns: minmax(0,1fr); }
.public-design43 .newsletter-photo417 { height: 112px; min-height: 0; clip-path: none; }
.public-design43 .newsletter-photo417 img { width: 100%; clip-path: none; }
.public-design43 .newsletter-content417 { padding: 18px; }
.public-design43 .newsletter417 .newsletter-form { grid-template-columns: minmax(0,1fr); }
.public-design43 .footer417 .footer-inner { grid-template-columns: minmax(0,1fr); gap: 22px; padding-top: 26px; padding-bottom: 26px; }
}
.public-design43 .site-footer.footer417 nav > :is(a,.push-manage49) {
color: #082b60;
text-decoration: none;
}
.public-design43 .site-footer.footer417 nav > :is(a,.push-manage49):hover {
color: #ff4e39;
text-decoration: none;
}
.public-design43 .article-comment-link417 .button.outline {
border-color: #087f88;
color: #082b60 !important;
border-radius: 24px;
padding: 8px 18px;
gap: 8px;
}
.public-design43 .article-comment-link417 .icon { width: 17px; height: 17px; color: #087f88; }
.public-design43 .author-box {
display: flex;
align-items: center;
text-align: left;
gap: 22px;
padding: 24px;
}
.public-design43 .author-box .author-photo {
width: 120px;
height: 120px;
flex: 0 0 120px;
border-radius: 50%;
object-fit: cover;
margin: 0;
}
.public-design43 .author-box h2 { font-size: 26px; text-decoration: none; }
.public-design43 .author-box h2 a { text-decoration: none; }
.public-design43 .author-box .author-socials { justify-content: flex-start; }
.public-design43 .detail-panorama420 .cover-visual { height: calc(var(--banner-height410) + 38px); }
@media (max-width: 760px) {
.public-design43 .author-box { gap: 12px; padding: 14px; }
.public-design43 .author-box .author-photo { width: 76px; height: 76px; flex-basis: 76px; }
.public-design43 .author-box h2 { font-size: 21px; }
.public-design43 .detail-panorama420 .cover-visual { height: calc(var(--banner-height410) + 30px); }
}
.public-design43 .author-box .author-socials a[href^="mailto:"]:is(:hover,:focus-visible) {
background: #ff4e39;
border-color: #ff4e39;
color: #fff;
}
@media (max-width: 760px) {
.public-design43 .author-box {
flex-direction: column;
text-align: center;
}
.public-design43 .author-box .author-socials { justify-content: center; }
}
/* Directory of regions and cities. */
.public-design43 .regions-directory421 { padding-bottom: 18px; }
.public-design43 .regions-intro421 { max-width: 68ch; margin: 0 0 20px; }
.public-design43 .regions-shortcuts421 {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 28px;
}
.public-design43 .regions-shortcuts421 a {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border-radius: 9px;
background: #e1f4f8;
color: #082b60;
font-weight: 700;
text-decoration: none;
}
.public-design43 .regions-shortcuts421 a:hover { background: #ccebf1; }
.public-design43 .regions-shortcuts421 .icon { color: #087f88; }
.public-design43 .regions-group421 { margin-bottom: 32px; scroll-margin-top: 90px; }
.public-design43 .regions-cards421 {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 16px;
}
.public-design43 .regions-card421 {
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
border: 1px solid #d5deea;
border-radius: 12px;
background: #fff;
color: #082b60;
text-decoration: none;
}
.public-design43 .regions-card421:hover { border-color: #087f88; }
.public-design43 .regions-image421 { position: relative; aspect-ratio: 16/9; }
.public-design43 .regions-image421 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.public-design43 .regions-copy421 { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 14px 16px; }
.public-design43 .regions-copy421 h3 { margin: 0 0 6px; }
.public-design43 .regions-copy421 p { margin: 0 0 10px; }
.public-design43 .regions-explore421 { display: flex; align-items: center; gap: 6px; margin-top: auto; color: #087f88; font-weight: 750; }
.public-design43 .regions-explore421 .icon { color: #ff4e39; }
@media (max-width:760px) {
.public-design43 .regions-cards421 { grid-template-columns: minmax(0,1fr); gap: 10px; }
.public-design43 .regions-card421 { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,3fr); }
.public-design43 .regions-image421 { min-height: 110px; aspect-ratio: auto; }
.public-design43 .regions-copy421 { padding: 10px 12px; }
.public-design43 .regions-copy421 h3 { font-size: 20px; }
.public-design43 .regions-copy421 p { font-size: 13px; }
.public-design43 .regions-shortcuts421 { gap: 7px; }
.public-design43 .regions-shortcuts421 a { padding: 7px 9px; font-size: 12px; }
}
.public-design43 .regions-overview422 {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
gap: 20px;
align-items: start;
}
.public-design43 .regions-map422 {
margin: 0;
padding: 12px;
border-radius: 12px;
background: #f5f8fa;
}
.public-design43 .regions-map422 svg { display: block; width: 100%; height: auto; }
.public-design43 .regions-map422 path { stroke: #fff; stroke-width: 1.5; }
.public-design43 .regions-map422 circle { fill: #ff4e39; stroke: #fff; stroke-width: 1; }
.public-design43 .regions-map422 text { fill: #082b60; font-size: 11px; font-weight: 750; }
.public-design43 .regions-map422 a:is(:hover,:focus-visible) path { stroke: #087f88; stroke-width: 2.5; }
.public-design43 .regions-map422 figcaption { text-align: center; color: #496278; font-size: 12px; }
.public-design43 .regions-explore421 {
align-self: flex-start;
border-radius: 7px;
padding: 5px 10px;
background: #ff4e39;
color: #fff;
font-size: 13px;
}
.public-design43 .regions-explore421 .icon { color: inherit; width: 15px; height: 15px; }
@media (max-width:1000px) and (min-width:761px) {
.public-design43 .regions-overview422 .regions-cards421 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
.public-design43 .regions-overview422 { grid-template-columns: minmax(0,1fr); gap: 12px; }
.public-design43 .regions-map422 { width: 100%; max-width: 460px; margin-inline: auto; }
}
.public-design43 .contact-layout423 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
gap: 20px;
align-items: start;
}
.public-design43 .contact-layout423 .panel { margin: 0; }
.public-design43 .contact-topic423 {
display: grid;
grid-template-columns: auto minmax(0,1fr) auto;
gap: 12px;
align-items: center;
padding: 12px;
margin-top: 10px;
border: 1px solid #d5deea;
border-radius: 10px;
color: #082b60;
background: #fff;
text-decoration: none;
}
.public-design43 .contact-topic423:is(:hover,[aria-current="true"]) {
border-color: #087f88;
background: #eff9fa;
}
.public-design43 .contact-topic423 small { display: block; margin-top: 3px; color: #496278; }
.public-design43 .contact-topic423 > .icon { color: #087f88; }
.public-design43 .contact-icon423 {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: #dff4f7;
color: #087f88;
}
.public-design43 .contact-form423 { scroll-margin-top: 90px; }
.public-design43 .contact-form423 form > .button { width: 100%; }
.public-design43 .contact-postal423 {
display: grid;
grid-template-columns: auto minmax(0,1fr) minmax(0,1fr);
align-items: center;
gap: 18px;
margin: 22px 0 8px;
padding: 20px;
border-radius: 12px;
background: #e1f4f8;
}
.public-design43 .contact-postal423 p { margin: 0; }
.public-design43 .contact-postal423 address {
background: #fff;
border-radius: 9px;
padding: 14px 18px;
font-style: normal;
line-height: 1.55;
}
@media (max-width:760px) {
.public-design43 .contact-layout423 { grid-template-columns: minmax(0,1fr); gap: 14px; }
.public-design43 .contact-postal423 { grid-template-columns: auto minmax(0,1fr); gap: 12px; padding: 15px; }
.public-design43 .contact-postal423 address { grid-column: 1/-1; }
}
.public-design43 .page-content424 h2 { scroll-margin-top: 90px; }
@media (max-width: 760px) {
.public-design43 .page-columns > .page-toc { display: none; }
}