/* Karmeliterviertel: Wohnfassaden, niedrige Marktstände, Markisen und Marktuhr. */
:root{--blue:#386e68;--yellow:#dfc276;--cream:#f5f0e5;--paper:#fffaf0;--ink:#273e3a;--line:#cec9b9;--muted:#58645e}
body{background:linear-gradient(#f5f0e5eb,#f5f0e5eb),url('karmelitermarkt-fassaden.svg') center 150px/1700px auto repeat-y}
main{overflow:clip}.site-header{position:relative}.site-header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:0 -100px;background:linear-gradient(90deg,#f5f0e5b5,#f5f0e540),url('karmelitermarkt-fassaden.svg') center bottom/auto 620px no-repeat;opacity:.55;pointer-events:none}
.hero-copy{background:radial-gradient(ellipse,#f5f0e5f0,#f5f0e580 65%,transparent)}.hero h1{font-size:clamp(44px,5.1vw,72px)}.hero-message{font-size:.66em;line-height:1.22}.hero em{color:#8c5342}
.photo-frame{transform:none;border:1px solid #a49a7d;padding:12px 12px 36px;background:#e9dfca;border-radius:6px;box-shadow:7px 7px 0 #dfd5be}
.hero-picture:before{content:"";position:absolute;inset:0 -6px auto;height:22px;background:repeating-linear-gradient(90deg,#d7bb78 0 30px,#f8f0d9 30px 60px);border-block:1px solid #b2a78b;z-index:1;transform:skewX(-10deg)}
.round-note{background:#f3e2ad;color:#5e5030;transform:rotate(5deg);top:40px;right:-12px;z-index:2}
.market-panorama{background:#e9e5d6;padding-top:27px;border-block:1px solid #ccc8b6}.panorama-caption{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.panorama-caption .eyebrow{margin:0}.panorama-caption>p:last-child{font:italic 24px Georgia,serif;color:#72664e}.market-panorama>img{width:100%;max-height:390px;object-fit:fill;margin-top:18px}
.market-strip{background:#f4ecdb}.editorial,.neighbours,.visit,.faq{background:linear-gradient(90deg,#f5f0e5bf,#f5f0e5e8)}
.other-markets{background-color:#294e46;background-image:linear-gradient(#294e46dc,#294e46dc),url('karmelitermarkt-fassaden.svg');background-position:center bottom;background-size:cover}
.glossary-intro,.page-intro{position:relative;isolation:isolate}.glossary-intro:before,.page-intro:before{content:"";position:absolute;z-index:-1;inset:0 -50px;background:url('karmelitermarkt-fassaden.svg') right bottom/auto 380px no-repeat;opacity:.16;pointer-events:none}
.page-intro{padding-block:65px 40px}.page-intro h1{font-size:clamp(46px,6vw,78px);letter-spacing:-2px}.page-intro .lead{max-width:780px;font-size:21px}.page-intro>p:last-of-type{max-width:760px;margin-top:18px}.partner-index{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.partner-index a{font-size:12px;padding:8px 12px;border:1px solid var(--line);text-decoration:none;background:#fffaf080}.partner-index a:hover{background:#e5dfcd}
.partner{display:grid;grid-template-columns:70px minmax(0,1fr) 300px;gap:40px;padding-block:48px;border-top:1px solid var(--line)}.partner:not(:has(figure)){grid-template-columns:70px minmax(0,750px)}.partner-num{font:30px Georgia,serif;color:#8c5342}.partner-num span{display:block;color:#b39856;font-size:50px;margin-top:26px}.partner .eyebrow{margin-bottom:16px}.partner h2{font-size:38px;margin-bottom:10px}.partner h3{font-size:22px;margin-bottom:20px}.partner p{font-size:15px}.partner img{width:100%;max-height:270px;object-fit:cover;border-radius:50% 50% 0 0 / 35% 35% 0 0}.partner figcaption{font-size:11px;margin-top:10px}.partner .cheese-tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8c5342;margin-block:20px}.partner a{font-size:13px}.partner-page .section h2{margin-bottom:20px}.partner-page .section .button{margin-top:25px}.partner-page .section{padding-top:45px}
@media(max-width:1050px){.partner{grid-template-columns:40px minmax(0,1fr) 240px;gap:24px}}
@media(max-width:760px){.hero:before{inset:0 -20px;background-size:auto 510px;background-position:55% top}.hero h1{font-size:clamp(41px,9.8vw,66px)}.hero-picture:before{inset:0 0 auto}.round-note{top:30px;right:0}.panorama-caption{display:block}.panorama-caption>p:last-child{font-size:22px;margin-top:12px}.market-panorama{overflow:hidden}.market-panorama>img{width:160%;max-width:none;margin-left:-30%;height:230px;object-fit:fill}.partner,.partner:not(:has(figure)){grid-template-columns:30px minmax(0,1fr);gap:18px}.partner figure{grid-column:2;max-width:340px}.partner h2{font-size:32px}.partner-num{font-size:22px}.partner-num span{font-size:35px}.page-intro{padding-block:40px 30px}.page-intro .lead{font-size:18px}.partner-index{gap:8px}.partner-index a{font-size:11px}.glossary-intro:before,.page-intro:before{inset:0 -20px}.site-header nav{gap:12px 18px}}