/* Himmlische Herbergen Design Manual 2024, pages 4–6. See docs/CD.md. */
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:300;src:url('fonts/source-sans-pro-light.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;src:url('fonts/source-sans-pro-semibold.woff2') format('woff2');font-display:swap}
:root{--blue:#004f9e;--deep:#004f9e;--paper:#f0f3f6;--ink:#000000;--mint:#84c5b3}
body{font-family:'Source Sans Pro',Arial,sans-serif;font-weight:300;font-size:18px;color:#000000}
button,input,textarea,select{font-family:inherit}
h1,h2,h3{font-weight:300;letter-spacing:normal;color:var(--blue)}
strong,b,.btn,.eyebrow,.nav a,summary,.price,.total{font-weight:600}
h1{letter-spacing:-1px}.pricebox h3{color:white}.pricebox,.summary{color:white}
.hero{background:linear-gradient(115deg,#f0f3f6,#fff 82%,#f3faf7)}
.pricebox{transform:none}.highlight:after{height:12px;opacity:.65}
html{scroll-padding-top:160px}.top{height:144px}.logo{width:270px;max-width:100%;height:auto;object-fit:contain}
.top>a{flex-shrink:0}.nav .btn{font-size:16px}
.small{font-size:15px}.eyebrow{font-size:13px}.lead{font-weight:300}
@media(max-width:850px){html{scroll-padding-top:140px}.top{height:124px}.logo{width:235px}}
@media(max-width:650px){html{scroll-padding-top:116px}.top{height:100px;gap:4px}.logo{width:190px}.nav .btn{font-size:13px;padding:10px}.wrap{width:calc(100% - 24px)}h1{font-size:44px;letter-spacing:-.5px}.hero .lead{font-size:19px}.fieldrow{grid-template-columns:1fr}.nav{gap:0}}
@media(max-width:370px){.logo{width:165px}.nav .btn{max-width:135px;white-space:normal;text-align:center}}