@font-face {
font-family: "Nunito Sans";
font-style: normal;
font-weight: 400 800;
font-stretch: 100%;
font-display: swap;
src: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/fonts/nunito-sans/nunito-sans-latin-variable.woff2) format("woff2");
}
@font-face {
font-family: "Courier Prime";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/fonts/courier-prime/courier-prime-latin-400.woff2) format("woff2");
}
@font-face {
font-family: "Courier Prime";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/fonts/courier-prime/courier-prime-latin-700.woff2) format("woff2");
}
@font-face {
font-family: "Special Elite";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/fonts/special-elite/special-elite-latin-400.woff2) format("woff2");
}
:root {
--nzh-aqua: var(--wp--preset--color--aqua, #b8d5d6);
--nzh-aqua-light: var(--wp--preset--color--aqua-light, #e3eced);
--nzh-aqua-brush: var(--wp--preset--color--aqua-brush, #95a8a6);
--nzh-petrol: var(--wp--preset--color--petrol, #265563);
--nzh-petrol-hover: var(--wp--preset--color--petrol-hover, #1d4652);
--nzh-teal: var(--wp--preset--color--teal, #16859a);
--nzh-ink: var(--wp--preset--color--ink, #1c252b);
--nzh-paper: var(--wp--preset--color--paper, #dccca4);
--nzh-paper-shadow: var(--wp--preset--color--paper-shadow, #9d8f70);
--nzh-red: var(--wp--preset--color--display-red, #e25b68);
--nzh-coral: var(--wp--preset--color--coral, #e85d4e);
--nzh-cream: var(--wp--preset--color--cream, #fbf8ef);
--nzh-white: var(--wp--preset--color--white, #ffffff); --nzh-max: var(--wp--style--global--content-size);
--nzh-sans: var(--wp--preset--font-family--nunito-sans, "Nunito Sans", Arial, sans-serif);
--nzh-display: var(--wp--preset--font-family--courier-prime, "Courier Prime", "Courier New", monospace);
--nzh-typewriter: var(--wp--preset--font-family--special-elite, "Special Elite", "Courier New", monospace);
--nzh-brush: var(--nzh-typewriter);
--nzh-text-2xs: var(--wp--preset--font-size--text-2-xs, clamp(.702332rem, calc(.696318rem + .030068vw), .72338rem));
--nzh-text-xs: var(--wp--preset--font-size--text-xs, clamp(.790123rem, calc(.767857rem + .111332vw), .868056rem));
--nzh-text-s: var(--wp--preset--font-size--text-s, clamp(.888889rem, calc(.845238rem + .218254vw), 1.041667rem));
--nzh-text-m: var(--wp--preset--font-size--text-m, clamp(1rem, calc(.928571rem + .357143vw), 1.25rem));
--nzh-text-l: var(--wp--preset--font-size--text-l, clamp(1.125rem, calc(1.017857rem + .535714vw), 1.5rem));
--nzh-text-xl: var(--wp--preset--font-size--text-xl, clamp(1.265625rem, calc(1.112946rem + .763393vw), 1.8rem));
--nzh-text-2xl: var(--wp--preset--font-size--text-2-xl, clamp(1.423828rem, calc(1.213493rem + 1.051674vw), 2.16rem));
--nzh-text-3xl: var(--wp--preset--font-size--text-3-xl, clamp(1.601807rem, calc(1.318894rem + 1.414562vw), 2.592rem));
--nzh-space-3xs: var(--wp--preset--spacing--space-3-xs, clamp(.6144rem, calc(.563712rem + .253439vw), .791807rem));
--nzh-space-2xs: var(--wp--preset--spacing--space-2-xs, clamp(.768rem, calc(.685863rem + .410684vw), 1.055479rem));
--nzh-space-xs: var(--wp--preset--spacing--space-xs, clamp(.96rem, calc(.832299rem + .638505vw), 1.406953rem));
--nzh-space-s: var(--wp--preset--spacing--space-s, clamp(1.2rem, calc(1.007009rem + .964956vw), 1.875469rem));
--nzh-space-m: var(--wp--preset--spacing--space-m, clamp(1.5rem, calc(1.214286rem + 1.428571vw), 2.5rem));
--nzh-space-l: var(--wp--preset--spacing--space-l, clamp(1.875rem, calc(1.458571rem + 2.082143vw), 3.3325rem));
--nzh-space-xl: var(--wp--preset--spacing--space-xl, clamp(2.34375rem, calc(1.744186rem + 2.997818vw), 4.442223rem));
--nzh-space-2xl: var(--wp--preset--spacing--space-2-xl, clamp(2.929688rem, calc(2.074889rem + 4.273993vw), 5.921483rem));
--nzh-section-space-2xs: var(--wp--preset--spacing--section-2-xs, clamp(1.481481rem, calc(2.366898rem - .983796vw), 2.170139rem));
--nzh-section-space-xs: var(--wp--preset--spacing--section-xs, clamp(2.222222rem, calc(2.713294rem - .545635vw), 2.604167rem));
--nzh-section-space-s: var(--wp--preset--spacing--section-s, clamp(3.125rem, calc(3.065476rem + .297619vw), 3.333333rem));
--nzh-section-space-m: var(--wp--preset--spacing--section-m, clamp(3.75rem, calc(3.392857rem + 1.785714vw), 5rem));
--nzh-section-space-l: var(--wp--preset--spacing--section-l, clamp(4.5rem, calc(3.642857rem + 4.285714vw), 7.5rem));
--nzh-section-space-xl: var(--wp--preset--spacing--section-xl, clamp(5.4rem, calc(3.728571rem + 8.357143vw), 11.25rem));
--nzh-section-space-2xl: var(--wp--preset--spacing--section-2-xl, clamp(6.48rem, calc(3.51rem + 14.85vw), 16.875rem));
--nzh-body-copy-size: var(--nzh-text-m);
--nzh-paper-strip-size: var(--nzh-text-xl);
--nzh-brush-copy-size: var(--nzh-text-xl);
--nzh-stat-value-size: var(--nzh-text-xl);
--nzh-display-heading-size: var(--nzh-text-3xl);
--nzh-grid-gap: var(--nzh-space-m);
--nzh-gutter: var(--nzh-space-m);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
} html:has(.generate-back-to-top:focus) {
scroll-behavior: auto;
}
body,
.editor-styles-wrapper {
color: var(--nzh-ink);
font-family: var(--nzh-sans);
font-size: var(--nzh-text-m);
line-height: 1.65;
} .editor-styles-wrapper.post-type-page .editor-post-title {
max-width: var(--wp--style--global--content-size);
}
body {
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
:where(h1, h2, h3, h4, h5, h6),
:where(.editor-styles-wrapper) :where(h1, h2, h3, h4, h5, h6) {
color: var(--nzh-petrol);
font-family: var(--nzh-display);
font-weight: 700;
line-height: 1.08;
}
:where(a) {
color: var(--nzh-petrol);
text-decoration-thickness: .08em;
text-underline-offset: .16em;
}
:where(a:hover, a:focus-visible) {
color: var(--nzh-coral);
}
:where(a, button, input, textarea, select):focus-visible {
outline: 3px solid var(--nzh-coral);
outline-offset: 3px;
} .site-header {
position: sticky;
top: 0;
z-index: 20;
border-bottom: 1px solid rgba(38, 85, 99, .14);
background: rgba(227, 236, 237, .9);
backdrop-filter: blur(16px);
}
.site-header .inside-header {
width: min(100%, var(--nzh-max));
padding: var(--nzh-space-2xs) var(--nzh-gutter);
gap: var(--nzh-space-m);
}
.site-branding .main-title {
font-family: var(--nzh-typewriter);
font-size: var(--nzh-text-xl);
font-weight: 400;
line-height: 1.05;
}
.site-branding .main-title a {
display: block;
color: var(--nzh-teal);
text-transform: capitalize;
}
.main-navigation,
.main-navigation .inside-navigation,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
background: transparent;
}
.main-navigation .main-nav ul li a,
.main-navigation .mobile-bar-items a {
display: inline-flex;
align-items: center;
}
.main-navigation .main-nav ul li a,
.main-navigation .mobile-bar-items a,
.main-navigation .menu-toggle {
min-height: 44px;
padding-inline: var(--nzh-space-3xs);
color: var(--nzh-petrol);
background: transparent;
font-family: var(--nzh-display);
font-size: var(--nzh-text-m);
font-weight: 400;
line-height: 1.3;
}
.main-navigation .main-nav ul li a {
border-bottom: 2px solid transparent;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus-within > a {
color: var(--nzh-petrol);
border-bottom-color: var(--nzh-coral);
background: transparent;
}
@media (min-width: 861px) {
.site-header .inside-header {
width: 100%;
max-width: none;
padding-inline: max(var(--nzh-gutter), calc((100vw - var(--nzh-max)) / 2));
}
.main-navigation .main-nav > ul {
column-gap: var(--nzh-space-s);
}
.main-navigation .main-nav ul li a {
min-height: 0;
padding: calc(var(--nzh-space-2xs) / 2) calc(var(--nzh-space-2xs) / 4) calc(var(--nzh-space-2xs) / 3);
font-size: calc(var(--nzh-text-m) - .05rem);
line-height: 1.65;
}
}
.site-info {
color: var(--nzh-petrol);
background: var(--nzh-aqua);
font-family: var(--nzh-display);
font-size: var(--nzh-text-m);
}
.site-info .inside-site-info {
width: 100%;
max-width: none;
padding: var(--nzh-space-s) max(var(--nzh-gutter), calc((100vw - var(--nzh-max)) / 2));
text-align: left;
}
.site-info .copyright-bar {
width: 100%;
}
.nzh-footer-inner,
.nzh-footer-menu,
.nzh-cluster {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--nzh-space-3xs) var(--nzh-space-s);
}
.nzh-footer-inner {
width: 100%;
justify-content: space-between;
}
.nzh-footer-menu {
margin: 0;
list-style: none;
}
.nzh-footer-copyright {
font-size: var(--nzh-text-s);
}
.site-info a {
color: var(--nzh-petrol);
text-decoration: none;
}
.nzh-footer-menu a {
display: block;
}
.site-info a:hover,
.site-info a:focus-visible {
color: var(--nzh-petrol);
text-decoration: underline;
}
:where(.nzh-section) {
padding-block: var(--nzh-section-space-m);
} .entry-content > .nzh-section.alignfull,
.editor-styles-wrapper .is-root-container > .gb-is-root-block:has(> :is(.nzh-hero, .nzh-section)),
.editor-styles-wrapper .is-root-container > .gb-is-root-block > :is(.nzh-hero, .nzh-section) {
width: 100%;
max-width: none;
margin-inline: 0;
}
:where(.nzh-section--aqua) {
background-color: var(--nzh-aqua-light);
}
.nzh-container,
.nzh-hero__inner,
.nzh-community__inner,
.nzh-initiative__inner,
.nzh-search__inner,
.nzh-contact__inner {
width: min(var(--nzh-max), calc(100% - (2 * var(--nzh-gutter))));
margin-inline: auto;
}
.nzh-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--nzh-grid-gap);
}
.nzh-stack {
display: flex;
flex-direction: column;
gap: var(--nzh-space-s);
} .nzh-homepage #page,
.nzh-homepage #content,
.nzh-homepage #primary,
.nzh-homepage .site-main,
.nzh-homepage .inside-article,
.nzh-homepage .entry-content {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
.nzh-homepage .entry-header {
display: none;
}
.nzh-hero {
overflow: hidden;
background:
radial-gradient(ellipse at 16% 18%, rgba(255, 255, 255, .68), transparent 34%),
linear-gradient(135deg, rgba(184, 213, 214, .62), rgba(227, 236, 237, .96));
}
.nzh-hero__inner {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
align-items: center;
gap: var(--nzh-space-l);
min-height: calc(100vh - 78px);
padding-block: var(--nzh-section-space-s) var(--nzh-section-space-m);
}
.editor-styles-wrapper .nzh-hero .nzh-hero__inner,
.editor-styles-wrapper .nzh-community__inner {
width: min(var(--nzh-max), calc(100% - (2 * var(--nzh-gutter))));
max-width: var(--nzh-max);
margin-inline: auto;
}
.nzh-hero__logo {
display: block;
width: min(100%, 560px);
margin: 0 0 var(--nzh-space-s);
mix-blend-mode: normal;
} .editor-styles-wrapper .nzh-hero__logo {
margin: 0 0 var(--nzh-space-s);
} .editor-styles-wrapper .wp-block-button:is(.is-style-nzh-button, .is-style-nzh-contact-button) > .wp-block-button__link {
border-radius: 6px;
line-height: 1.65;
}
.nzh-hero__logo img,
.nzh-hero__house img,
.nzh-initiative__photo img,
.nzh-location__map img,
.nzh-contact__qr-image img {
display: block;
width: 100%;
}
.nzh-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
.nzh-hero__claim {
max-width: 650px;
}
.nzh-hero__visual {
--nzh-art-width: min(390px, 100%);
--nzh-art-angle: 2deg;
width: var(--nzh-art-width);
justify-self: center;
transform: rotate(var(--nzh-art-angle));
}
.nzh-hero__house {
display: block;
width: 100%;
mix-blend-mode: multiply;
} .editor-styles-wrapper .wp-block-image.nzh-hero__house {
margin-top: var(--nzh-hero-house-space);
margin-bottom: var(--nzh-hero-house-space);
}
:where(.nzh-copy, .nzh-typewriter) {
font-family: var(--nzh-typewriter);
font-size: var(--nzh-body-copy-size);
}
.nzh-button:is(a, button),
.wp-block-button__link.nzh-button,
.wp-block-button.nzh-button > .wp-block-button__link {
display: inline-flex;
min-height: 44px;
align-items: center;
justify-content: center;
text-decoration: none;
}
.nzh-community__tape > span,
.nzh-initiative__tape > span,
.nzh-location__title > span {
position: absolute;
transform: translateY(-50%);
} .nzh-community__tape,
.nzh-initiative__tape,
.nzh-search__title,
.nzh-location__title,
.nzh-contact__tape,
:where(.is-style-nzh-tape):not(.nzh-community__tape, .nzh-initiative__tape, .nzh-search__title, .nzh-location__title, .nzh-contact__tape),
:is(.nzh-community__stat, .is-style-nzh-stat-card),
:is(.nzh-search__brush-card, .is-style-nzh-brush-card),
.nzh-location__brush,
:where(.is-style-nzh-brush-text):not(.nzh-location__brush) {
position: relative;
z-index: 1;
isolation: isolate;
}
.nzh-community__tape,
.nzh-initiative__tape,
.nzh-search__title,
.nzh-location__title,
.nzh-contact__tape,
:where(.is-style-nzh-tape):not(.nzh-community__tape, .nzh-initiative__tape, .nzh-search__title, .nzh-location__title, .nzh-contact__tape) {
display: grid;
place-items: center;
}
.nzh-community__tape::before,
.nzh-initiative__tape::before,
.nzh-search__title::before,
.nzh-location__title::before,
.nzh-contact__tape::before,
:where(.is-style-nzh-tape):not(.nzh-community__tape, .nzh-initiative__tape, .nzh-search__title, .nzh-location__title, .nzh-contact__tape)::before,
:is(.nzh-community__stat, .is-style-nzh-stat-card)::before,
:is(.nzh-search__brush-card, .is-style-nzh-brush-card)::before,
.nzh-location__brush::before,
:where(.is-style-nzh-brush-text):not(.nzh-location__brush)::before {
content: "";
position: absolute;
z-index: -1;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events: none;
}
.nzh-initiative__tape::before,
.nzh-search__title::before,
:is(.nzh-search__brush-card, .is-style-nzh-brush-card)::before,
.nzh-contact__tape::before {
inset: 0;
}
.nzh-community__tape,
.nzh-location__title,
:where(.is-style-nzh-tape):not(.nzh-community__tape, .nzh-initiative__tape, .nzh-search__title, .nzh-location__title, .nzh-contact__tape) {
aspect-ratio: 2170 / 725;
}
.nzh-community__tape::before,
.nzh-location__title::before,
:where(.is-style-nzh-tape):not(.nzh-community__tape, .nzh-initiative__tape, .nzh-search__title, .nzh-location__title, .nzh-contact__tape)::before {
inset: -6% -4%;
background-image: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/artwork/tape-6.png);
}
.nzh-search__title,
.nzh-contact__tape {
aspect-ratio: 1038 / 190;
transform: rotate(-.7deg);
}
.nzh-search__title::before,
.nzh-contact__tape::before {
background-image: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/artwork/tape-3.png);
}
.nzh-location__brush::before,
:where(.is-style-nzh-brush-text):not(.nzh-location__brush)::before {
background-image: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/artwork/brush-1c.png);
} .nzh-community__heading {
max-width: 820px;
}
.nzh-community__tape {
--nzh-art-width: min(590px, 100%);
width: var(--nzh-art-width);
transform: rotate(-.8deg);
}
.nzh-community__tape > span {
top: 46.5%;
right: 13%;
left: 13%;
}
.nzh-community__stats > .wp-block-column {
min-width: 0;
}
:is(.nzh-community__stat, .is-style-nzh-stat-card) {
place-items: center;
}
.nzh-community__stat-prefix {
align-self: end;
}
:is(.nzh-community__stat, .is-style-nzh-stat-card)::before {
inset: 0;
background-image: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/artwork/brush-3c-web.png);
}
.nzh-community__lead {
max-width: 880px;
} .nzh-initiative__inner {
display: grid;
grid-template-columns: minmax(0, 460px) minmax(0, 590px);
align-items: center;
gap: var(--nzh-space-l);
}
.nzh-initiative__photo {
--nzh-art-width: min(430px, calc(100% - 24px));
--nzh-art-angle: -2.2deg;
--nzh-photo-border: 12px;
--nzh-photo-paper-offset: 24px;
position: relative;
z-index: 1;
width: var(--nzh-art-width);
margin: var(--nzh-art-margin-start, 0px) 0 var(--nzh-art-margin-end, 0px);
justify-self: center;
border: var(--nzh-photo-border) solid var(--nzh-cream);
box-shadow: 0 18px 42px rgba(38, 85, 99, .22);
transform: rotate(var(--nzh-art-angle));
}
.nzh-initiative__photo::before {
content: "";
position: absolute;
inset: var(--nzh-photo-paper-offset) calc(-1 * var(--nzh-photo-paper-offset)) calc(-1 * var(--nzh-photo-paper-offset)) var(--nzh-photo-paper-offset);
z-index: -1;
background: rgba(251, 248, 239, .82);
pointer-events: none;
}
.nzh-initiative__tape {
width: min(620px, 100%);
aspect-ratio: 1916 / 821;
transform: rotate(1deg);
}
.nzh-initiative__tape::before {
background-image: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/artwork/tape-2-web.jpg);
}
.nzh-initiative__tape > span {
top: 44.6%;
right: 9%;
left: 9%;
}
.nzh-initiative__copy {
max-width: 630px;
}
.nzh-search__inner {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--nzh-space-2xl);
row-gap: var(--nzh-space-l);
}
.nzh-search__title {
grid-column: 1 / -1;
width: min(450px, 100%);
margin-inline: auto;
justify-self: center;
}
.nzh-search__column,
:is(.nzh-search__details, .is-style-nzh-text-list) {
display: grid;
min-width: 0;
gap: var(--nzh-space-2xs);
}
:is(.nzh-search__details, .is-style-nzh-text-list) {
box-sizing: border-box;
max-width: 100%;
}
:is(.nzh-search__brush-card, .is-style-nzh-brush-card) {
display: grid;
box-sizing: border-box;
width: 100%;
min-width: 0;
max-width: 100%;
place-items: center start;
}
:is(.nzh-search__brush-card, .is-style-nzh-brush-card)::before {
background-image: url(//nebenan-zu-hause.de/wp-content/themes/nebenan-zuhause-generatepress-child/assets/artwork/brush-2c-web.png);
}
.nzh-search__list {
display: grid;
gap: var(--nzh-space-2xs);
list-style: none;
}
.nzh-search__list li {
position: relative;
padding-left: var(--nzh-space-s);
}
:is(.nzh-search__brush-card, .is-style-nzh-brush-card) > p,
:is(.nzh-search__details, .is-style-nzh-text-list) > p:not(.nzh-search__label) {
position: relative;
display: block;
margin-block: 0;
padding-left: var(--nzh-space-s);
}
.nzh-search__list li::before,
:is(.nzh-search__brush-card, .is-style-nzh-brush-card) > p::before,
:is(.nzh-search__details, .is-style-nzh-text-list) > p:not(.nzh-search__label)::before {
content: "";
position: absolute;
top: calc((1.3em - 14px) / 2);
left: 0;
width: 14px;
height: 14px;
background: var(--nzh-coral);
clip-path: polygon(8% 52%, 36% 78%, 94% 12%, 100% 31%, 38% 100%, 0 66%);
transform: rotate(-8deg);
}
.nzh-search__label {
padding-left: var(--nzh-space-s);
} .nzh-location {
display: grid;
grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
align-items: center;
column-gap: var(--nzh-space-l);
row-gap: var(--nzh-space-s);
padding-inline: max(var(--nzh-gutter), calc((100vw - var(--nzh-max)) / 2));
}
.nzh-location__title {
--nzh-art-width: min(660px, 100%);
grid-column: 1 / -1;
width: var(--nzh-art-width);
justify-self: center;
transform: rotate(-.8deg);
}
.nzh-location__title > span {
top: 46.5%;
right: 8%;
left: 8%;
white-space: nowrap;
} .nzh-location__copy > :where(.nzh-location__text.is-style-nzh-text):last-child {
margin-block-end: var(--nzh-location-text-space);
}
.nzh-location__copy {
max-width: 620px;
}
.nzh-location__brush {
display: grid;
width: fit-content;
max-width: 100%;
place-items: center start;
}
.nzh-location__brush::before {
top: 50%;
left: 50%;
width: calc(100% + 96px);
aspect-ratio: 1090 / 457;
transform: translate(-50%, -50%);
}
.nzh-location__map {
--nzh-art-width: min(420px, 100%);
--nzh-art-angle: 2deg;
width: var(--nzh-art-width);
margin: var(--nzh-art-margin-start, 0px) 0 var(--nzh-art-margin-end, 0px);
justify-self: center;
mix-blend-mode: multiply;
transform: rotate(var(--nzh-art-angle));
} .is-style-nzh-section-uniform :is(.nzh-community__tape, .nzh-location__title) { --nzh-art-margin-start: calc(var(--nzh-art-width) * -.0526044172); margin-block-start: var(--nzh-art-margin-start);
}
.is-style-nzh-section-uniform .nzh-initiative__photo { --nzh-art-height: calc((var(--nzh-art-width) - 2 * var(--nzh-photo-border)) * 695 / 500 + 2 * var(--nzh-photo-border));
--nzh-art-turn-reserve: calc((var(--nzh-art-width) * sin(calc(-1 * var(--nzh-art-angle))) + var(--nzh-art-height) * (cos(var(--nzh-art-angle)) - 1)) / 2);
--nzh-art-margin-start: var(--nzh-art-turn-reserve);
--nzh-art-margin-end: calc(var(--nzh-art-turn-reserve) + (var(--nzh-photo-paper-offset) - var(--nzh-photo-border)) * cos(var(--nzh-art-angle)) - (var(--nzh-photo-paper-offset) + var(--nzh-photo-border)) * sin(calc(-1 * var(--nzh-art-angle))));
}
.is-style-nzh-section-uniform .nzh-location__map { --nzh-art-margin-start: calc(var(--nzh-art-width) * (sin(var(--nzh-art-angle)) + 405 / 495 * (cos(var(--nzh-art-angle)) - 1)) / 2);
--nzh-art-margin-end: var(--nzh-art-margin-start);
} .is-style-nzh-section-uniform :is(.nzh-initiative__photo, .nzh-location__map),
.editor-styles-wrapper .is-style-nzh-section-uniform :is(.nzh-initiative__photo, .nzh-location__map) {
margin-block: var(--nzh-art-margin-start, 0px) var(--nzh-art-margin-end, 0px);
}
.is-style-nzh-section-uniform .nzh-hero__visual {
margin-block-end: var(--nzh-art-margin-end, 0px);
}
.nzh-contact {
display: grid;
}
.nzh-contact__inner {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: stretch;
justify-self: center;
}
.nzh-contact__tape {
width: min(520px, 100%);
}
.nzh-contact__card-wrap {
width: min(900px, 100%);
margin-inline: auto;
}
.nzh-contact__card {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
}
.nzh-contact__details {
display: grid;
align-content: center;
gap: var(--nzh-space-xs);
min-width: 0;
padding-right: var(--nzh-space-l);
}
.nzh-contact__methods {
display: grid;
gap: var(--nzh-space-xs);
margin-top: var(--nzh-space-xs);
}
.nzh-contact__method {
display: flex;
align-items: center;
gap: var(--nzh-space-xs);
min-width: 0;
}
.nzh-contact__method::before {
content: "";
flex: 0 0 auto;
width: 22px;
height: 22px;
background-color: var(--nzh-coral);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
}
.nzh-contact__method--email::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m4 7 8 6 8-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.nzh-contact__method--phone::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3H4a1 1 0 0 0-1 1c0 9.39 7.61 17 17 17a1 1 0 0 0 1-1v-3l-5-2-2 3a15 15 0 0 1-8-8l3-2z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.nzh-contact__method a {
min-width: 0;
overflow-wrap: anywhere;
text-decoration: none;
}
.nzh-contact__qr {
display: grid;
align-content: center;
justify-items: center;
gap: var(--nzh-space-xs);
width: 100%;
padding-left: var(--nzh-space-l);
border-left: 1px solid rgba(38, 85, 99, .24);
}
.nzh-contact__qr-image {
width: 180px;
margin: 0;
}
.nzh-button:is(a, button):hover,
.nzh-button:is(a, button):focus-visible,
.wp-block-button__link.nzh-button:hover,
.wp-block-button__link.nzh-button:focus-visible,
.wp-block-button.nzh-button > .wp-block-button__link:hover,
.wp-block-button.nzh-button > .wp-block-button__link:focus-visible {
color: var(--nzh-white);
background-color: var(--nzh-petrol-hover) !important;
transform: none;
}
.nzh-legal,
.nzh-legal :where(h1, h2, h3, h4, h5, h6, p, li, a),
.nzh-legal-document .entry-title,
.nzh-legal-document .entry-content {
font-family: var(--nzh-sans);
} .nzh-legal-document .inside-article,
.editor-styles-wrapper.post-type-page:has(.is-root-container > .is-style-nzh-legal-text) :is(.editor-visual-editor__post-title-wrapper, .is-root-container) {
max-width: 76ch;
margin-inline: auto;
padding-inline: var(--nzh-gutter);
}
.nzh-legal-document .entry-content:not(:first-child) {
margin-block-start: var(--nzh-space-s);
}
.nzh-legal-document .entry-title {
margin-inline: 0;
font-size: var(--nzh-text-2xl);
font-weight: 700;
line-height: 1.15;
}
.nzh-legal {
padding-bottom: var(--nzh-section-space-m);
}
.nzh-legal h2 {
margin-block: var(--nzh-space-l) var(--nzh-space-xs);
}
.nzh-legal h2:first-child {
margin-block-start: 0;
}
.nzh-legal :where(p, li) {
font-size: var(--nzh-text-m);
line-height: 1.7;
}
.nzh-legal :where(p + p) {
margin-block-start: var(--nzh-space-xs);
} @media (max-width: 860px) {
.site-header .inside-header {
flex-direction: row;
align-items: center;
}
.site-header .site-branding {
margin-right: auto;
}
.main-navigation .main-nav ul li a {
display: flex;
padding: var(--nzh-space-2xs) var(--nzh-gutter);
}
.nzh-hero__inner {
grid-template-columns: minmax(0, 1fr);
min-height: 0;
}
.nzh-hero__visual {
--nzh-art-width: min(360px, 78vw);
}
.is-style-nzh-section-uniform .nzh-hero__visual { --nzh-art-margin-end: calc((var(--nzh-art-width) * sin(var(--nzh-art-angle)) + (var(--nzh-art-width) + 2 * var(--nzh-space-l)) * (cos(var(--nzh-art-angle)) - 1)) / 2 - var(--nzh-space-l) * cos(var(--nzh-art-angle)));
}
.nzh-grid,
.nzh-initiative__inner,
.nzh-search__inner,
.nzh-location,
.nzh-contact__card {
grid-template-columns: minmax(0, 1fr);
}
.nzh-location {
row-gap: 0;
}
.nzh-location__brush {
left: 50%;
justify-self: start;
margin-right: 0;
margin-left: 0;
transform: translateX(-50%);
}
.nzh-initiative__photo {
--nzh-photo-paper-offset: 20px;
}
.nzh-initiative__photo::before {
right: 0;
}
.nzh-search__title {
grid-column: auto;
}
.nzh-search__inner {
row-gap: var(--nzh-space-xl);
}
.nzh-contact__details {
padding-right: 0;
}
.nzh-contact__qr { --nzh-contact-qr-margin: var(--wp--preset--spacing--space-s);
padding-top: var(--nzh-space-s);
padding-left: 0;
border-top: 1px solid rgba(38, 85, 99, .24);
border-left: 0;
}
}
@media (max-width: 560px) {
.nzh-community__title-line {
display: block;
}
:root {
--nzh-display-heading-size: var(--nzh-text-2xl);
}
.nzh-footer-inner {
flex-direction: column;
align-items: flex-start;
gap: var(--nzh-space-s);
}
.nzh-hero__inner {
gap: var(--nzh-space-l);
}
.nzh-hero__visual {
--nzh-art-width: min(320px, 84vw);
}
.nzh-initiative__inner {
row-gap: calc(var(--nzh-space-xl) * 2);
}
.nzh-location {
row-gap: calc(var(--nzh-space-xl) + var(--nzh-space-xs));
padding-inline: var(--nzh-gutter);
}
.nzh-location__copy {
display: grid;
row-gap: var(--nzh-space-s);
}
.nzh-location__title > span {
white-space: normal;
}
.nzh-location__brush::before {
width: min(calc(100% + 96px), calc(100vw - 16px));
}
.nzh-contact .nzh-contact__inner {
width: min(var(--nzh-max), calc(100% - (2 * var(--nzh-gutter))));
padding: var(--nzh-space-l) var(--nzh-space-s);
}
.nzh-contact__card { --nzh-contact-card-padding-block: var(--wp--preset--spacing--space-m);
--nzh-contact-card-padding-inline: var(--wp--preset--spacing--space-s);
}
.nzh-contact__qr-image {
width: 150px;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
}
} :where(.is-style-nzh-tape):not(.nzh-community__tape, .nzh-initiative__tape, .nzh-search__title, .nzh-location__title, .nzh-contact__tape) {
width: min(590px, 100%);
}
:where(.is-style-nzh-brush-text):not(.nzh-location__brush) {
display: grid;
width: fit-content;
max-width: 100%;
}
:where(.is-style-nzh-brush-text):not(.nzh-location__brush)::before {
inset: -35% -10%;
}