/* PHB Nordisches Design – colours, font and logo of the former shop (Shopware "Responsive" theme). */
@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300 800; font-display: swap;
	src: url(/assets/OpenSans-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300 800; font-display: swap;
	src: url(/assets/OpenSans-latin-ext.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root { --primary: #7794c3; --link: #5474a9; --text: #5f7285; --line: #dadae5; --soft: #f5f5f8; }
* { box-sizing: border-box; }
html { font-size: 16px; }
body { margin: 0; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: var(--text); background: #fff;
	line-height: 1.6; display: flex; flex-direction: column; min-height: 100vh; }
a { color: var(--link); }
header { border-bottom: 1px solid var(--line); }
.wrap { max-width: 960px; margin: 0 auto; padding: 0 16px; }
header .wrap { display: flex; align-items: center; min-height: 80px; }
header img { height: 40px; width: auto; }
.bar { background: var(--primary); height: 6px; }
main { flex: 1; padding: 48px 0 64px; }
.card { border: 1px solid var(--line); border-radius: 3px; padding: 32px; background: #fff; }
h1 { font-size: 1.75rem; font-weight: 600; margin: 0 0 12px; color: #4a545b; }
h2 { font-size: 1.125rem; font-weight: 600; margin: 28px 0 8px; color: #4a545b; }
p { margin: 0 0 12px; }
.contact { background: var(--soft); border-radius: 3px; padding: 16px 20px; margin-top: 24px; }
.contact a { font-weight: 600; text-decoration: none; }
footer { border-top: 1px solid var(--line); background: var(--soft); font-size: .875rem; }
footer .wrap { display: flex; flex-wrap: wrap; gap: 8px 24px; padding: 20px 16px; }
footer a { color: var(--text); text-decoration: none; }
footer a:hover { color: var(--link); }
@media (max-width: 600px) { .card { padding: 20px; } h1 { font-size: 1.4rem; } main { padding: 24px 0 40px; } }