@font-face{font-family:Montserrat;src:url("assets/montserrat-v31-normal-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#1a1b1f;--blue:#465e79;--lime:#cad400;--line:#dfe4e9;--pale:#f2f4f6;--gutter:clamp(1.25rem,5vw,4rem)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:400 1rem/1.75 Montserrat,Arial,sans-serif}
a{color:inherit}
a:focus-visible{outline:3px solid #657da1;outline-offset:5px}
img{display:block;max-width:100%;height:auto}
p{margin:0 0 1rem}
address{font-style:normal}
.wrap{width:min(100%,78rem);margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;z-index:3;top:.5rem;left:.5rem;padding:.5rem 1rem;background:#fff;transform:translateY(-150%)}
.skip:focus{transform:none}
.header{background:#fff}
.header-inner,.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1.25rem 2rem}
.header-inner{min-height:5.35rem}
.brand,.footer-org{display:flex;align-items:center;gap:1rem}
.brand{text-decoration:none}
.brand span{border-left:1px solid var(--line);padding-left:1rem;font-size:.69rem;font-weight:600;line-height:1.43}
nav{display:flex;flex-wrap:wrap;gap:.35rem 1.6rem}
nav a{text-decoration:none;font-weight:650;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:.27em}
.hero{background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#303943;background-image:linear-gradient(90deg,rgba(19,28,39,.92),rgba(19,28,39,.69) 48%,rgba(19,28,39,.15)),url("assets/header-brueckentagung.jpg");color:#fff}
.hero-inner{padding-block:clamp(4rem,10vw,8rem) clamp(4rem,9vw,7rem)}
.label{margin:0 0 .85rem;color:var(--blue);font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.hero .label{color:var(--lime)}
h1,h2{line-height:1.09;margin:0 0 1rem;letter-spacing:-.045em}
h1{font-weight:700;font-size:clamp(2.15rem,6vw,5.6rem)}
h1 span{display:block;font-weight:450}
.hero-date{margin:.9rem 0 0;font-size:clamp(1.35rem,3vw,2.35rem);font-weight:650;line-height:1.25}
.hero-place{margin:.4rem 0 1.6rem;font-size:clamp(1.1rem,2.2vw,1.6rem)}
.button{display:inline-flex;align-items:center;gap:1.1rem;padding:.65rem 1.35rem;border-radius:2rem;background:#fff;color:var(--ink);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;font-weight:650}
.button:hover{background:var(--lime)}
.button:focus-visible{outline-color:var(--lime)}
h2{font-size:clamp(1.85rem,3.8vw,3rem);font-weight:520}
.details,.recap{padding-block:clamp(2.8rem,6vw,5.2rem)}
.details-grid,.recap-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2rem clamp(2rem,7vw,7rem)}
.details-grid>div:first-child p:last-child{margin-bottom:0;max-width:42rem}
.venue{border-left:3px solid var(--lime);padding:.2rem 0 .2rem 1.35rem}
.venue-name{margin:0;font-size:1.4rem;font-weight:650}
.venue address{margin:0 0 .6rem}
.text-link{color:var(--blue);font-weight:700;text-decoration-thickness:1px;text-underline-offset:.22em}
.text-link:hover{color:var(--ink)}
.recap{background:var(--pale)}
.recap-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr)}
.footer{border-top:1px solid var(--line);padding-block:2rem;font-size:.79rem}
.footer a{text-underline-offset:.2em}
.footer-org img{flex:none}
@media(max-width:47rem){.details-grid,.recap-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.hero{background-image:linear-gradient(90deg,rgba(19,28,39,.92),rgba(19,28,39,.67)),url("assets/header-brueckentagung.jpg")}}
@media(max-width:36rem){.header-inner{align-items:flex-start;flex-direction:column;padding-block:.8rem;gap:.55rem}.header nav{gap:.25rem 1.15rem}.header nav a{padding-block:.25rem}.brand img{width:82px}.footer-org{align-items:flex-start;gap:.75rem}.footer-org img{width:66px}}