@font-face {
font-display: swap;
font-family: Fraunces;
font-style: normal;
font-weight: 100 900;
src: url(//cortensteel.dk/wp-content/themes/cortensteel/assets/fonts/fraunces-latin-var.woff2) format("woff2");
} :root {
--cs-paper: #fbf6ee; --cs-card: #fffdf9; --cs-sand: #f1e7d8; --cs-line: #dccfbc; --cs-ui: #6e6759; --cs-ink: #0e2a30; --cs-text: #1b3338; --cs-muted: #4e6166; --cs-petrol: #0c3a43; --cs-petrol-muted: #c5d6d6; --cs-rust: #b5400c; --cs-rust-dark: #8a2f08; --cs-plate: #7e2b08; --cs-flame: #ff9148; --cs-wrap: 1200px;
--cs-measure: 44rem;
--cs-gutter: 24px;
--cs-pad: max(var(--cs-gutter), calc((100% - var(--cs-wrap)) / 2 + var(--cs-gutter)));
--cs-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--cs-serif: Fraunces, Georgia, "Times New Roman", serif; --cs-icon-hoejbed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 28h38v13H5zM16 28V17M16 21c-4 0-6-3-6-6 4 0 6 3 6 6zM16 18c0-4 3-6 6-6 0 4-3 6-6 6zM33 28V14M33 19c-3 0-5-2-5-5 3 0 5 2 5 5zM33 16c0-3 2-5 5-5 0 3-2 5-5 5z'/%3E%3C/svg%3E");
--cs-icon-graeskant: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 32c10-8 20 6 40-3v9c-20 9-30-5-40 3zM10 22v-9M16 23l2-11M23 25l-1-10M30 27l3-10M37 26v-9'/%3E%3C/svg%3E");
--cs-icon-baalfad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 27h38c0 7-8 12-19 12S5 34 5 27zM16 38l-3 6M32 38l3 6M24 22c-5 0-8-4-6-8 1 2 2 2 3 1-1-4 1-8 4-11 0 5 6 7 6 12 0 3-3 6-7 6z'/%3E%3C/svg%3E");
--cs-icon-lampe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 44V16h12v28M13 44h22M18 16l2-6h8l2 6M23 23h2M23 29h2M23 35h2M24 5V3M11 14l-4-2M37 14l4-2M9 24H5M39 24h4'/%3E%3C/svg%3E");
--cs-icon-krukke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 20h32v5H8zM11 25l4 19h18l4-19M24 20V9M24 13c-5 0-7-3-7-7 5 0 7 3 7 7zM24 11c0-4 3-6 7-6 0 4-3 6-7 6z'/%3E%3C/svg%3E");
--cs-icon-springvand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 30h38c-1 6-8 9-19 9S6 36 5 30zM24 39v5M16 44h16M24 30V8M24 10c-6 0-9 4-9 12M24 10c6 0 9 4 9 12M24 4v0'/%3E%3C/svg%3E");
--cs-icon-havepejs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 44V24h24v20M8 44h32M12 24l7-9h10l7 9M20 15V4h8v11M18 44v-8a6 6 0 0 1 12 0v8'/%3E%3C/svg%3E");
--cs-icon-husnummer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10h38v28H5zM14 20l4-3v15M25 21c0-5 9-5 9 0 0 4-9 6-9 11h9'/%3E%3C/svg%3E"); --cs-patina:
radial-gradient(ellipse 55% 38% at 28% 18%, rgba(255, 150, 70, 0.5), transparent 70%),
radial-gradient(ellipse 45% 55% at 82% 72%, rgba(70, 22, 4, 0.55), transparent 70%),
radial-gradient(ellipse 30% 22% at 62% 38%, rgba(235, 115, 40, 0.45), transparent 70%),
radial-gradient(ellipse 35% 30% at 12% 85%, rgba(90, 30, 6, 0.4), transparent 70%),
repeating-linear-gradient(91deg, rgba(60, 20, 5, 0.1) 0 2px, transparent 2px 9px, rgba(255, 170, 100, 0.08) 9px 11px, transparent 11px 23px),
linear-gradient(160deg, #c2521c, #8e3510 60%, #6f270b);
} body {
background-color: var(--cs-paper);
color: var(--cs-text);
font-family: var(--cs-sans);
font-size: 17px;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
color: var(--cs-ink);
font-family: var(--cs-serif);
font-weight: 400;
letter-spacing: -0.015em;
line-height: 1.12;
text-wrap: balance;
}
h1 { font-size: clamp(2.2rem, 4.6vw, 3.4rem); margin-bottom: 0.5em; }
h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); margin-bottom: 0.55em; }
h3 { font-size: 1.45rem; margin-bottom: 0.5em; }
h4 { font-size: 1.15rem; }
.entry-content h2:not(:first-child),
.entry-content h3:not(:first-child) {
margin-top: 1.7em;
} :is(.entry-content, .elementor-widget-theme-post-content, .elementor-widget-theme-post-content > .elementor-widget-container) > :is(h2, h3):not(:first-child) {
margin-top: 2em;
} :is(.entry-content, .elementor-widget-theme-post-content, .elementor-widget-theme-post-content > .elementor-widget-container) > :is(div, figure):not(.cs-section, .elementor-widget-container, :last-child) {
margin-bottom: 2.5rem;
} :is(.entry-content, .elementor-widget-theme-post-content, .elementor-widget-theme-post-content > .elementor-widget-container) > .cs-section + :not(.cs-section),
:is(.entry-content, .elementor-widget-theme-post-content, .elementor-widget-theme-post-content > .elementor-widget-container) > :not(.cs-section) + .cs-section {
margin-top: clamp(40px, 6vw, 72px);
} :is(.entry-content, .elementor-widget-theme-post-content, .elementor-widget-theme-post-content > .elementor-widget-container) > :is(h2, h3) + .cs-section {
margin-top: 1.25rem;
}
a,
a:visited {
color: var(--cs-rust);
text-decoration-thickness: 1px;
text-underline-offset: 0.2em;
}
a:hover,
a:focus,
a:active {
color: var(--cs-ink);
}
:focus-visible {
outline: 3px solid var(--cs-petrol);
outline-offset: 3px;
}
::selection {
background: var(--cs-rust);
color: var(--cs-paper);
}
hr,
.wp-block-separator {
background: none;
border: 0;
border-top: 1px solid var(--cs-line);
margin: 2.5rem 0;
}
blockquote {
border-left: 0;
color: var(--cs-ink);
font-family: var(--cs-serif);
font-size: 1.35rem;
font-style: italic;
line-height: 1.45;
margin: 2.2rem 0;
padding: 0 0 0 2.2rem;
position: relative;
}
blockquote::before {
background: var(--cs-patina);
bottom: 0.2em;
content: "";
left: 0;
position: absolute;
top: 0.2em;
width: 10px;
} .cs-reklame {
background: var(--cs-petrol);
color: var(--cs-paper);
font-size: 0.8125rem;
line-height: 1.5;
}
.cs-reklame details {
margin: 0 auto;
max-width: var(--cs-wrap);
padding: 0 var(--cs-gutter);
text-align: center;
}
.cs-reklame summary {
cursor: pointer;
list-style: none;
padding: 8px 0;
}
.cs-reklame summary::-webkit-details-marker {
display: none;
}
.cs-reklame__label {
color: var(--cs-flame);
font-weight: 700;
letter-spacing: 0.08em;
margin-right: 0.6em;
text-transform: uppercase;
}
.cs-reklame__more {
margin-left: 0.4em;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.cs-reklame details p {
color: var(--cs-petrol-muted);
margin: 0 auto;
max-width: var(--cs-measure);
padding: 0 0 12px;
}
.cs-reklame :focus-visible {
outline-color: var(--cs-flame);
} .site-header {
background-color: var(--cs-paper);
border-bottom: 1px solid var(--cs-line);
color: var(--cs-ink);
}
.inside-header {
padding: 18px var(--cs-gutter);
}
.main-title {
font-family: var(--cs-serif);
font-size: 1.6rem;
font-weight: 400;
letter-spacing: -0.01em;
line-height: 1.2;
}
.main-title a,
.main-title a:visited,
.main-title a:hover {
align-items: center;
color: var(--cs-ink);
display: inline-flex;
gap: 12px;
text-decoration: none;
} .main-title a::before {
background: var(--cs-patina);
clip-path: polygon(0 0, 62% 0, 100% 38%, 100% 100%, 0 100%);
content: "";
flex: none;
height: 26px;
width: 26px;
}
.main-navigation,
.main-navigation ul ul {
background-color: transparent;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
color: var(--cs-ink);
font-size: 0.9375rem;
font-weight: 500;
text-decoration: none;
}
.main-navigation .main-nav > ul > li > a {
line-height: 44px;
padding-left: 14px;
padding-right: 14px;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
background-color: transparent;
color: var(--cs-rust);
}
.main-navigation .main-nav > ul > li[class*="current-menu-"] > a {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.45em;
}
.main-navigation ul ul {
background-color: var(--cs-petrol);
box-shadow: 0 18px 40px rgba(14, 42, 48, 0.22);
padding: 8px 0;
width: 250px;
}
.main-navigation .main-nav ul ul li a {
color: var(--cs-paper);
padding: 10px 20px;
}
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
background-color: transparent;
color: var(--cs-flame);
}
.main-navigation ul ul :focus-visible {
outline-color: var(--cs-flame);
outline-offset: -3px;
}
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus {
background-color: transparent;
box-shadow: none;
color: var(--cs-ink);
}
@media (max-width: 768px) {
.main-navigation .main-nav > ul > li > a {
border-top: 1px solid var(--cs-line);
}
.main-navigation ul ul {
box-shadow: none;
width: 100%;
}
} .one-container .site-content {
padding: 56px var(--cs-gutter) 80px;
}
.full-width-content.one-container .site-content {
padding: 0;
}
.full-width-content .site.grid-container {
max-width: 100%;
} .full-width-content .entry-content .alignfull {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.entry-content ul,
.entry-content ol {
margin-left: 1.3em;
}
.entry-content li {
margin-bottom: 0.4em;
}
.entry-content ul > li::marker {
color: var(--cs-rust);
}
.entry-meta,
.entry-meta a,
.wp-block-image figcaption,
figcaption {
color: var(--cs-muted);
font-size: 0.875rem;
} .blog .site-main,
.archive .site-main,
.search .site-main {
display: grid;
gap: 28px;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.blog .site-main > :not(article),
.archive .site-main > :not(article),
.search .site-main > :not(article) {
grid-column: 1 / -1;
} .one-container:is(.blog, .archive, .search) .site-main > .post:not(:last-child):not(.is-loop-template-item),
:is(.blog, .archive, .search) .site-main > article {
margin: 0;
padding: 0;
}
:is(.blog, .archive, .search) .site-main article .inside-article {
background: var(--cs-card);
border: 1px solid var(--cs-line);
display: flex;
flex-direction: column;
height: 100%;
padding: 24px;
} :is(.blog, .archive, .search) .entry-title {
font-size: 1.45rem;
min-height: 2.25em;
} :is(.blog, .archive, .search) .site-main .post-image {
margin: 18px 0 0;
}
:is(.blog, .archive, .search) .site-main .post-image a {
display: block;
}
:is(.blog, .archive, .search) .site-main .post-image img {
aspect-ratio: 4 / 3;
display: block;
height: auto;
object-fit: cover;
width: 100%;
} :is(.blog, .archive, .search) .site-main .entry-summary {
margin-top: auto;
padding-top: 20px;
}
.single-post .featured-image,
.single-post .entry-content .wp-block-image:not(.alignleft, .alignright),
.single-post .entry-content .wp-block-image:not(.alignleft, .alignright) figcaption {
text-align: center;
}
.entry-title a,
.entry-title a:visited {
color: var(--cs-ink);
text-decoration: none;
}
.entry-title a:hover {
color: var(--cs-rust);
}
.page-header {
margin-bottom: 8px;
}
.paging-navigation .nav-links a,
.paging-navigation .nav-links .current {
border: 1px solid var(--cs-ui);
color: var(--cs-ink);
display: inline-block;
min-width: 44px;
padding: 8px 14px;
text-align: center;
text-decoration: none;
}
.paging-navigation .nav-links .current,
.paging-navigation .nav-links a:hover {
background: var(--cs-petrol);
border-color: var(--cs-petrol);
color: var(--cs-paper);
} button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited,
.wp-block-button .wp-block-button__link:not(.has-background),
.wp-block-button .wp-block-button__link:not(.has-background):visited {
background-color: var(--cs-rust);
border: 0;
border-radius: 0;
box-shadow: inset 0 -3px 0 var(--cs-rust-dark);
color: var(--cs-paper);
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
padding: 14px 26px 16px;
text-decoration: none;
transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
button:hover,
button:focus,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
a.button:focus,
.wp-block-button .wp-block-button__link:not(.has-background):hover,
.wp-block-button .wp-block-button__link:not(.has-background):focus {
background-color: var(--cs-ink);
box-shadow: inset 0 -3px 0 var(--cs-rust);
color: var(--cs-paper);
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):visited {
background-color: transparent;
border: 0;
box-shadow: inset 0 0 0 2px var(--cs-ink);
color: var(--cs-ink);
padding: 14px 26px 16px;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: var(--cs-ink);
box-shadow: inset 0 0 0 2px var(--cs-ink);
color: var(--cs-paper);
}
.wp-block-buttons {
gap: 12px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
background-color: var(--cs-card);
border: 1px solid var(--cs-ui);
border-radius: 0;
color: var(--cs-ink);
padding: 12px 14px;
} ::placeholder {
color: var(--cs-muted);
opacity: 1;
}
input:focus,
textarea:focus,
select:focus {
background-color: var(--cs-card);
border-color: var(--cs-petrol);
color: var(--cs-ink);
} .cs-section {
margin: 0;
padding: clamp(56px, 8vw, 104px) var(--cs-pad);
}
.cs-section > .wp-block-group__inner-container {
max-width: none;
padding: 0;
}
.cs-section--sand {
background: var(--cs-sand);
}
.cs-section--petrol {
background: var(--cs-petrol);
color: var(--cs-paper);
}
.cs-section--petrol :is(h2, h3, strong) {
color: var(--cs-paper);
}
.cs-section--petrol a:not(.wp-block-button__link),
.cs-section--petrol a:not(.wp-block-button__link):visited {
color: var(--cs-flame);
}
.cs-section--petrol a:not(.wp-block-button__link):hover {
color: var(--cs-paper);
}
.cs-section--petrol .wp-block-button__link:not(.has-background),
.cs-section--petrol .wp-block-button__link:not(.has-background):visited {
background-color: var(--cs-flame);
box-shadow: none;
color: var(--cs-ink);
}
.cs-section--petrol .wp-block-button__link:not(.has-background):hover,
.cs-section--petrol .wp-block-button__link:not(.has-background):focus {
background-color: var(--cs-paper);
box-shadow: none;
color: var(--cs-ink);
}
.cs-section--petrol :focus-visible {
outline-color: var(--cs-flame);
} .cs-eyebrow {
align-items: center;
color: var(--cs-rust);
display: flex;
font-size: 0.8125rem;
font-weight: 700;
gap: 12px;
letter-spacing: 0.14em;
margin-bottom: 1.1rem;
text-transform: uppercase;
}
.cs-eyebrow::before {
background: currentColor;
content: "";
flex: none;
height: 2px;
width: 32px;
}
.cs-section--petrol .cs-eyebrow {
color: var(--cs-flame);
}
.cs-lead {
color: var(--cs-muted);
font-size: 1.15rem;
max-width: 38rem;
} .cs-hero {
overflow: hidden;
padding-bottom: clamp(64px, 9vw, 128px);
padding-top: clamp(64px, 9vw, 128px);
position: relative;
}
.cs-hero::before,
.cs-hero::after {
bottom: 0;
content: "";
left: 58%;
position: absolute;
right: 0;
top: 0;
}
.cs-hero::before {
background: var(--cs-patina);
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
} .cs-hero::after {
background: radial-gradient(circle, var(--cs-paper) 0 5px, transparent 5.5px) 0 0 / 34px 34px;
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
-webkit-mask-image: linear-gradient(250deg, #000 5%, transparent 55%);
mask-image: linear-gradient(250deg, #000 5%, transparent 55%);
}
.cs-hero > *,
.cs-hero > .wp-block-group__inner-container {
margin-left: 0;
max-width: min(100%, 35rem);
position: relative;
z-index: 1;
}
.cs-hero h1 {
font-size: clamp(2.3rem, 4.8vw, 3.7rem);
letter-spacing: -0.025em;
line-height: 1.05;
margin-bottom: 0.35em;
}
.cs-hero .cs-lead {
font-size: clamp(1.1rem, 1.6vw, 1.3rem);
margin-bottom: 2rem;
} @media (max-width: 1024px) {
.cs-hero {
padding-bottom: calc(clamp(48px, 9vw, 96px) + 110px);
}
.cs-hero::before,
.cs-hero::after {
clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 100%);
height: 110px;
left: 0;
top: auto;
}
.cs-hero::after {
-webkit-mask-image: linear-gradient(270deg, #000 5%, transparent 60%);
mask-image: linear-gradient(270deg, #000 5%, transparent 60%);
}
} .cs-pagehero {
background: var(--cs-sand);
overflow: hidden;
position: relative;
}
.cs-pagehero__inner {
margin: 0 auto;
max-width: var(--cs-wrap);
padding: clamp(40px, 6vw, 84px) var(--cs-gutter);
position: relative;
z-index: 1;
}
.cs-pagehero__inner > * {
max-width: min(38rem, 56%);
}
.cs-pagehero h1 {
font-size: clamp(2.2rem, 4.8vw, 3.7rem);
letter-spacing: -0.025em;
line-height: 1.05;
margin: 0;
}
.cs-pagehero .cs-eyebrow a,
.cs-pagehero .cs-eyebrow a:visited {
color: inherit;
text-decoration: none;
}
.cs-pagehero .cs-eyebrow a:hover {
text-decoration: underline;
}
.cs-pagehero .cs-lead {
font-size: clamp(1.05rem, 1.5vw, 1.25rem);
margin: 1.1rem 0 0;
}
.cs-pagehero__plate {
background: var(--cs-patina);
bottom: 0;
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
left: 62%;
position: absolute;
right: 0;
top: 0;
} .cs-pagehero__plate::after {
background: radial-gradient(circle, var(--cs-sand) 0 5px, transparent 5.5px) 0 0 / 34px 34px;
content: "";
inset: 0;
-webkit-mask-image: linear-gradient(250deg, #000 5%, transparent 55%);
mask-image: linear-gradient(250deg, #000 5%, transparent 55%);
position: absolute;
} .cs-pagehero[class*="cs-pagehero--"] .cs-pagehero__plate::after {
aspect-ratio: 1;
background: var(--cs-sand);
inset: auto;
left: 56%;
-webkit-mask: var(--cs-icon) center / contain no-repeat;
mask: var(--cs-icon) center / contain no-repeat;
top: 50%;
transform: translate(-50%, -50%);
width: min(44%, 200px);
} @media (max-width: 900px) {
.cs-pagehero__inner {
padding-bottom: calc(clamp(32px, 6vw, 56px) + 64px);
}
.cs-pagehero__inner > * {
max-width: 100%;
}
.cs-pagehero__plate {
clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 100%);
height: 64px;
left: 0;
top: auto;
}
.cs-pagehero .cs-pagehero__plate::after,
.cs-pagehero[class*="cs-pagehero--"] .cs-pagehero__plate::after {
display: none;
}
} .cs-has-pagehero .elementor-widget-theme-post-title {
display: none;
} .wp-block-buttons.cs-tiles {
align-items: stretch;
display: grid;
gap: 16px;
grid-template-columns: 1fr;
margin-top: clamp(28px, 4vw, 44px);
}
@media (min-width: 600px) {
.wp-block-buttons.cs-tiles {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1040px) {
.wp-block-buttons.cs-tiles {
grid-template-columns: repeat(4, 1fr);
}
}
.wp-block-buttons.cs-tiles .wp-block-button {
display: grid;
margin: 0;
width: 100%;
}
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background),
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background):visited {
background-color: var(--cs-card);
align-content: start;
box-shadow: inset 0 0 0 1px var(--cs-line), inset 0 -4px 0 var(--cs-rust);
color: var(--cs-muted);
display: block;
font-size: 0.9375rem;
font-weight: 400;
height: 100%;
line-height: 1.5;
padding: 26px 24px 30px;
text-align: left;
width: 100%;
}
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background) strong {
color: var(--cs-ink);
display: block;
font-family: var(--cs-serif);
font-size: 1.5rem;
font-weight: 400;
letter-spacing: -0.01em;
line-height: 1.2;
margin-bottom: 6px;
} .wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background)::before {
--cs-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpath d='M8 8h22l10 10v22H8z'/%3E%3C/svg%3E");
background: var(--cs-rust);
content: "";
display: block;
height: 48px;
margin-bottom: 20px;
-webkit-mask: var(--cs-icon) center / contain no-repeat;
mask: var(--cs-icon) center / contain no-repeat;
transition: background-color 0.15s ease;
width: 48px;
}
.cs-tiles .wp-block-button__link:not(.has-background)[href*="hoejbed"]::before,
.cs-pagehero--hoejbed {
--cs-icon: var(--cs-icon-hoejbed);
}
.cs-tiles .wp-block-button__link:not(.has-background)[href*="graeskant"]::before,
.cs-pagehero--graeskant {
--cs-icon: var(--cs-icon-graeskant);
}
.cs-tiles .wp-block-button__link:not(.has-background)[href*="baalfad"]::before,
.cs-pagehero--baalfad {
--cs-icon: var(--cs-icon-baalfad);
}
.cs-tiles .wp-block-button__link:not(.has-background)[href*="lampe"]::before,
.cs-pagehero--lampe {
--cs-icon: var(--cs-icon-lampe);
}
.cs-tiles .wp-block-button__link:not(.has-background)[href*="krukke"]::before,
.cs-pagehero--krukke {
--cs-icon: var(--cs-icon-krukke);
}
.cs-tiles .wp-block-button__link:not(.has-background)[href*="springvand"]::before,
.cs-pagehero--springvand {
--cs-icon: var(--cs-icon-springvand);
}
.cs-tiles .wp-block-button__link:not(.has-background)[href*="havepejs"]::before,
.cs-pagehero--havepejs {
--cs-icon: var(--cs-icon-havepejs);
}
.cs-tiles .wp-block-button__link:not(.has-background)[href*="husnummer"]::before,
.cs-pagehero--husnummer {
--cs-icon: var(--cs-icon-husnummer);
}
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background):hover,
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background):focus {
background-color: var(--cs-petrol);
box-shadow: inset 0 -4px 0 var(--cs-flame);
color: var(--cs-petrol-muted);
}
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background):hover strong,
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background):focus strong {
color: var(--cs-paper);
}
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background):hover::before,
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background):focus::before {
background: var(--cs-flame);
} @media (max-width: 599px) {
.wp-block-buttons.cs-tiles {
gap: 12px;
}
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background) {
column-gap: 18px;
display: grid;
grid-template-columns: 44px 1fr;
padding: 18px 20px 22px;
}
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background)::before {
grid-row: 1 / span 2;
height: 44px;
margin: 0;
width: 44px;
}
.wp-block-buttons.cs-tiles .wp-block-button__link:not(.has-background) strong {
margin-bottom: 2px;
}
} .wp-block-columns.cs-split {
gap: clamp(32px, 6vw, 88px);
margin-bottom: 0;
}
.wp-block-columns.cs-split > .wp-block-column > :last-child {
margin-bottom: 0;
} ol.cs-points {
counter-reset: cs-point;
list-style: none;
margin: 1.5rem 0;
}
ol.cs-points > li {
border-top: 1px solid rgba(251, 246, 238, 0.25);
counter-increment: cs-point;
margin: 0;
min-height: 3.6rem;
padding: 16px 0 16px 64px;
position: relative;
}
ol.cs-points > li::before {
color: var(--cs-rust);
content: counter(cs-point);
font-family: var(--cs-serif);
font-size: 2.4rem;
left: 0;
line-height: 1;
position: absolute;
top: 14px;
}
.cs-section--petrol ol.cs-points > li::before {
color: var(--cs-flame);
} .wp-block-latest-posts.cs-posts {
gap: 24px;
margin: 2rem 0;
}
.wp-block-latest-posts.cs-posts > li {
background: var(--cs-card);
border: 1px solid var(--cs-line);
margin: 0;
padding: 20px;
}
.wp-block-latest-posts.cs-posts img {
aspect-ratio: 4 / 3;
display: block;
height: auto;
object-fit: cover;
width: 100%;
}
.wp-block-latest-posts.cs-posts .wp-block-latest-posts__post-title {
color: var(--cs-ink);
display: block;
font-family: var(--cs-serif);
font-size: 1.35rem;
line-height: 1.25;
text-decoration: none;
}
.wp-block-latest-posts.cs-posts .wp-block-latest-posts__post-title:hover {
color: var(--cs-rust);
} .schema-faq {
display: grid;
gap: 16px;
margin: 2rem 0 0;
}
@media (min-width: 900px) {
.schema-faq {
grid-template-columns: 1fr 1fr;
}
}
.schema-faq-section {
background: var(--cs-card);
border-left: 6px solid var(--cs-rust);
padding: 24px 28px 26px;
}
.schema-faq-question {
color: var(--cs-ink);
display: block;
font-family: var(--cs-serif);
font-size: 1.3rem;
font-weight: 400;
line-height: 1.3;
margin-bottom: 10px;
}
.schema-faq-answer {
color: var(--cs-text);
font-size: 1rem;
margin: 0;
}
.schema-faq-answer img {
margin-top: 12px;
} table,
.wp-block-table table {
border: 0;
border-collapse: collapse;
font-size: 0.9375rem;
width: 100%;
}
th,
td,
.entry-content .wp-block-table th,
.entry-content .wp-block-table td {
border: 0;
border-bottom: 1px solid var(--cs-line);
padding: 12px 16px;
text-align: left;
}
thead th,
.entry-content .wp-block-table thead th {
background: var(--cs-petrol);
border-bottom: 0;
color: var(--cs-paper);
font-weight: 600;
}
.entry-content .wp-block-table thead {
border-bottom: 0;
}
tbody tr:nth-child(even) {
background: var(--cs-sand);
}
.wp-block-table {
overflow-x: auto;
} .site-footer { background: linear-gradient(rgba(60, 18, 4, 0.5), rgba(60, 18, 4, 0.5)), var(--cs-patina);
background-color: var(--cs-plate);
color: var(--cs-paper);
font-size: 0.9375rem;
}
.footer-widgets,
.site-info {
background-color: transparent;
color: var(--cs-paper);
}
.footer-widgets-container {
padding: 72px var(--cs-gutter) 44px;
}
.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets {
display: grid;
gap: 48px;
grid-template-columns: 2fr 1fr 1fr;
margin: 0;
}
.site-footer .inside-footer-widgets > div {
margin: 0;
padding: 0;
width: auto;
}
.site-footer .footer-widgets-container .inner-padding {
padding: 0;
}
.footer-widgets .widget {
margin-bottom: 16px;
}
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets .widget-title {
color: var(--cs-paper);
font-family: var(--cs-sans);
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.14em;
margin-bottom: 16px;
text-transform: uppercase;
}
.footer-widgets .footer-widget-1 h2 {
font-family: var(--cs-serif);
font-size: 1.7rem;
font-weight: 400;
letter-spacing: -0.01em;
text-transform: none;
}
.footer-widgets ul {
list-style: none;
margin: 0;
}
.footer-widgets li {
margin-bottom: 2px;
}
.footer-widgets a,
.footer-widgets a:visited,
.site-info a,
.site-info a:visited {
color: var(--cs-paper);
text-decoration: none;
}
.footer-widgets li a {
display: inline-block;
padding: 5px 0;
}
.footer-widgets a:hover,
.footer-widgets a:focus,
.site-info a:hover,
.site-info a:focus {
color: var(--cs-paper);
text-decoration: underline;
}
.site-footer :focus-visible {
outline-color: var(--cs-paper);
}
.inside-site-info {
border-top: 1px solid rgba(251, 246, 238, 0.3);
justify-content: center;
padding: 22px var(--cs-gutter) 30px;
}
.site-footer:not(.footer-bar-active) .copyright-bar {
font-size: 0.8125rem;
margin: 0 auto;
text-align: center;
}
@media (max-width: 900px) {
.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets {
grid-template-columns: 1fr 1fr;
}
.site-footer .inside-footer-widgets > .footer-widget-1 {
grid-column: 1 / -1;
}
}
@media (max-width: 520px) {
.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets {
grid-template-columns: 1fr;
}
}