:root {
  --container-400: 1480px;
  --container-900: 100%;
  /* FONTS */
  --primaryfont: "Zalando Sans", sans-serif;
  --secondaryfont: "";
  --fontweight-400: 400;
  --fontweight-700: 700;
  /* TEXT SIZE/LINE HEIGHTS */
  --fontsize-200: 0.9rem;
  --fontsize-300: 1rem;
  --fontsize-400: 1.2rem;
  --fontsize-500: 1.4rem;
  --fontsize-600: 1.7rem;
  --defaultlineheight: 1.5;
  /* COLOURS */
  --red: #fd0101;
  --white: #ffffff;
  --primarycolor-400: #668f15;
  --secondarycolor-400: #18e987;
  --black-100: #ececec;
  --black-400: #6b6b6b;
  --black-900: #000000;
}

*, *:before, *:after {box-sizing: border-box; print-color-adjust: exact; -webkit-print-color-adjust: exact; margin: 0; padding: 0;}

html {-webkit-text-size-adjust: 100%;}
html:focus-within {scroll-behavior: smooth;}
main {display: block; flex-grow: 1;}

body {margin: 0; min-height: 100vh; -webkit-font-smoothing: antialiased; text-rendering: optimizespeed; overflow-x: hidden; display: flex; flex-direction: column;}

details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}

/* SeeCMS default image alignment styling */
img, picture, video, canvas, svg, iframe {display: block; max-width: 100%;}
img.seecmsimagedefault, img.seecmsimagedefaultundefined {display: inline-block; margin: 0 0 20px 0;}
img.seecmsimageleft, img.seecmsimageleftundefined {float: left; margin: 0 20px 20px 0;}
img.seecmsimageright, img.seecmsimagerightundefined {float: right; margin: 0 0 20px 20px;}
img.seecmsimagecentre, img.seecmsimagecentreundefined {display: block; margin: 0 auto;}

hr {box-sizing: content-box; overflow: visible; margin: 0 auto 20px auto; clear: both; height: 1px; border: none;}

button, input, optgroup, select, textarea {font-family: inherit; margin: 0; text-transform: none;}
input, textarea, select {width: 100%;}
input, optgroup, select, textarea {-webkit-appearance: none;}
input, select {padding: 0 10px;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; cursor: pointer; width: auto; padding: 0 50px;}
input[type="checkbox"], input[type="radio"] {width: 15px; height: 15px; margin: 0 10px 0 0; -webkit-appearance: checkbox; display: inline-block;}
button, input {overflow: visible;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto; resize: none; min-height: 150px; padding: 10px;}
[type="checkbox"], [type="radio"] {padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}

pre, code, kbd, samp {font-family: monospace, monospace;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
a {background-color: transparent; text-decoration: none;}
a:hover {text-decoration: underline;}
a:not([class]) {text-decoration-skip-ink: auto;}
abbr[title] {border-bottom: none; text-decoration: underline;}
a img {border: none; outline: none;}
h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word; line-height: calc(1em + 0.5rem); padding: 0; margin: 0 0 10px 0; font-style: normal; color: inherit;}
p {padding: 0; margin: 0 0 20px 0; overflow-wrap: break-word;}
p:last-child {margin: 0;}
ul, ol {margin: 0 0 20px 20px; padding: 0;}
li p {padding: 0;}

table {width: 100%; margin: 0 0 20px 0; border: 0!important; border-collapse: separate!important; border-spacing: 2px!important;}
table th, table td {padding: 10px; border-collapse: separate!important; text-align: left; border: 0!important; border-spacing: 2px!important;}
table th p, table td p {padding: 0;}

/* Default print styling */
@media print {
  * {-webkit-print-color-adjust: exact;}
  body {font-size: 12pt; font-family: arial, serif; line-height: 140%;}
  header, footer, nav {display: none;}
  .see-cms-toolbar {display: none!important;}
}

/* Default background colour classes */
.bg-black-900 {background: var(--black-900);}
.bg-primarycolor-400 {background: var(--primarycolor-400);}
.bg-primarycolor-900 {background: var(--primarycolor-900);}
.bg-secondarycolor-400 {background: var(--secondarycolor-400);}
/* Default text colour classes */
.txt-red {color: var(--red);}
.txt-black-900 {color: var(--black-900);}
.txt-primarycolor-400 {color: var(--primarycolor-400);}
.txt-secondarycolor-400 {color: var(--secondarycolor-400);}

main {display: flex;}
html {line-height: var(--defaultlineheight);}
body {background: var(--white); color: var(--black-900); font-size: var(--fontsize-400); font-family: var(--primaryfont);}

button, input, optgroup, select, textarea {font-size: var(--fontsize-400); line-height: var(--defaultlineheight); font-weight: var(--fontweight-400);}
input, textarea, select {background: var(--white); border: 1px solid var(--black-100);}
button, input[type="submit"] {background: var(--black-900); color: var(--white); border: none;}
input[type="checkbox"] {accent-color: var(--red);}
:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px var(--white) inset; box-shadow: 0 0 0 1000px var(--white) inset; -webkit-text-fill-color: var(--black-900);}

pre, code, kbd, samp {font-size: var(--fontsize-400);}
b, strong {font-weight: var(--fontweight-700);}
a {color: var(--primarycolor-400);}
a:hover {color: var(--primarycolor-400);}
h1, h2, h3, h4, h5, h6 {font-weight: var(--fontweight-700);}
p.seeformerrors {color: var(--red);}
p, li, label {line-height: var(--defaultlineheight);}
li li, li p, p label, label p {font-size: var(--fontsize-400);}

hr {background: var(--black-100);}

table th, table td, table th p, table td p {font-size: var(--fontsize-400); font-weight: var(--fontweight-400);}
table th {color: var(--white); background: var(--black-900);}
table td {color: var(--black-900); background: var(--black-100);}
table th a {color: var(--white)!important;}

h1 {font-size: 2rem}

.blockbutton a {display: inline-block; margin: 0; padding: 0; color: var(--black-900); font-weight: var(--fontweight-700); text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.arrowbutton a {color: var(--black-900); text-decoration: none; font-weight: var(--fontweight-700); padding: 0; position: relative; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.content {max-width: var(--container-400); width: 100%; margin: 0 auto; padding: 0; text-align: center;}
.content.fullwidth {max-width: var(--container-900);}

.wrap {display: flex; width: 100%; min-height: 100%; padding: 40px; align-items: center; align-content: center; justify-content: center; background: #fff4ef}

.logo {display: inline-block; width: 700px; max-width: 100%; margin: 0 0 30px 0}
.logo img {width: 100%}

@media screen and (max-width: 480px){
  h1 {font-size: 1.5rem; line-height: 1.1}
  p {font-size: 0.9rem}
}