@charset "UTF-8";
.teaser__date, .article__date, .home__divider > h2 {
  font-size: 0.833rem;
  font-weight: normal;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: "Karla", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

textarea {
  resize: vertical;
}

p {
  margin: 0 0 1em 0;
}

h1 {
  font-size: 2.22rem;
  font-weight: normal;
  line-height: 1.2;
  margin: 0 0 0.5em 0;
}

h2 {
  font-size: 1.55rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 0.5em 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
a {
  outline: 0;
}

a:link,
a:visited {
  color: #111;
}

a:hover,
a:active,
a:focus {
  color: #111;
}

a img {
  border: none;
}

.skip-link {
  background-color: white;
  border: 1px solid #eee;
  display: block;
  font-size: 0.833rem;
  padding: 5px 8px;
  position: absolute;
  left: -9999px;
}

.skip-link:focus {
  left: 20px;
  top: 20px;
  z-index: 100;
}

.more:link,
.more:visited,
.sidenote > p a:link,
.sidenote > p a:visited,
.article p a:link,
.article p a:visited,
.wp-block-column > p a:link,
.wp-block-column > p a:visited,
.wp-block-table a:link,
.wp-block-table a:visited {
  background: linear-gradient(to bottom, #edebe1 0%, #edebe1 100%);
  background-position: 0 100%;
  background-repeat: repeat-y;
  background-size: 0 100%;
  border-bottom: 2px solid #111;
  text-shadow: 2px 2px white, 2px -2px white, -2px 2px white, -2px -2px white;
  text-decoration: none;
  transition: all 0.3s ease;
}

.more:hover,
.more:focus,
.sidenote > p a:hover,
.sidenote > p a:focus,
.article p a:hover,
.article p a:focus,
.wp-block-column > p a:hover,
.wp-block-column > p a:focus,
.wp-block-table a:hover,
.wp-block-table a:focus {
  background-size: 100% 100%;
  text-shadow: 2px 2px #edebe1, 2px -2px #edebe1, -2px 2px #edebe1, -2px -2px #edebe1;
}

.more {
  float: right;
}

.more:after {
  content: " ›";
  font-size: 1.4rem;
  line-height: 0.1;
  vertical-align: -1px;
}

/* ==========================================================================
   Layout
   ========================================================================== */
.no-scroll {
  overflow: hidden;
}

.site {
  overflow-x: hidden;
  position: relative;
}

.page {
  min-height: 100%;
  position: relative;
  transition: all 0.3s ease;
}

.page--is-open {
  transform: translateX(-200px);
}

.main {
  padding: 3% 0 5% 0;
}

.container {
  margin: 0 auto;
  max-width: 1600px;
  padding: 0 3.2%;
  position: relative;
}

.col,
.teaser {
  float: left;
  margin: 1.5%;
  position: relative;
  text-align: left;
  width: 97%;
}

.col--single {
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.main--news .col--single {
  margin-top: 0;
}

.col--centered {
  text-align: center;
}

.col img {
  max-width: 100%;
}

.teaser {
  float: none;
  margin-bottom: 6%;
}

.link-block {
  background-color: #dad4c0;
  display: block;
  font-weight: bold;
  height: 0;
  margin: 0 0 0.5rem 0;
  padding: 70% 0 0 0;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  width: 100%;
}

.col--1-3 > .link-block {
  height: auto;
  padding: 0;
}

.link-block:hover,
.link-block:focus {
  background-color: #edebe1;
}

.link-block--1 {
  background-color: #79a98d;
}

.link-block--2 {
  background-color: #e09953;
}

.link-block--3 {
  background-color: #ecbe4a;
}

.link-block > div {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.col--1-3 > .link-block > div {
  padding: 10% 0;
  position: relative;
}

.link-block--home > div {
  position: relative;
}

.link-block__img {
  display: block;
  height: auto;
  margin: 0 auto 6% auto;
  width: 100px;
}

.col--1-3 > .link-block {
  height: auto;
  padding: 0;
}

.col--1-3 > .link-block .link-block__title {
  position: relative;
  transform: none;
}

.link-block__title {
  display: block;
  font-size: 1rem;
  left: 7%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 86%;
}

.link-block--home .link-block__title {
  font-family: "Bebas Neue", sans-serif;
  font-size: 2rem;
  line-height: 1;
  display: block;
  left: auto;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: auto;
  transform: none;
  width: 86%;
}

/* ==========================================================================
   Header
   ========================================================================== */
.header {
  position: relative;
  width: 100%;
}

.header__menubar {
  left: 0;
  padding: 25px 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.logo {
  display: block;
  float: left;
  height: 36px;
  opacity: 1;
  position: relative;
  transition: all 0.3s ease;
  width: 222px;
  z-index: 10;
}

.logo:hover,
.logo:focus {
  transform: translateY(-2px);
}

.main-nav {
  position: absolute;
  right: -200px;
  top: 0;
  width: 200px;
}

.main-nav > ul {
  padding: 0.5rem 0;
  position: relative;
}

.main-nav__bg {
  background-color: #111;
  height: 1500px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.main-nav__item,
.main-nav__submenu__item {
  display: block;
  list-style: none;
}

.main-nav__item__link {
  color: white;
  display: block;
  padding: 0.3rem 0.8rem;
}

.main-nav__item--lang {
  opacity: 0.5;
}

.main-nav__item--service > .main-nav__item__link {
  font-weight: bold;
}

.main-nav__item__link:link,
.main-nav__item__link:visited,
.main-nav__submenu__item__link:link,
.main-nav__submenu__item__link:visited {
  color: white;
  text-decoration: none;
}

.main-nav__item__link:hover,
.main-nav__item__link:focus,
.main-nav__submenu__item__link:hover,
.main-nav__submenu__item__link:focus {
  color: #dad4c0;
}

.main-nav__submenu__item--272 > .main-nav__submenu__item__link:link,
.main-nav__submenu__item--272 > .main-nav__submenu__item__link:visited,
.main-nav__submenu__item--300 > .main-nav__submenu__item__link:link,
.main-nav__submenu__item--300 > .main-nav__submenu__item__link:visited,
.main-nav__submenu__item--324 > .main-nav__submenu__item__link:link,
.main-nav__submenu__item--324 > .main-nav__submenu__item__link:visited,
.main-nav__submenu__item--333 > .main-nav__submenu__item__link:link,
.main-nav__submenu__item--333 > .main-nav__submenu__item__link:visited {
  background-color: #111;
  color: white;
  padding-left: 1rem;
  padding-right: 1rem;
}

.main-nav__submenu__item__link:hover,
.main-nav__submenu__item__link:focus {
  color: #dad4c0;
}

.main-nav__submenu {
  display: none;
}

.main-nav__submenu__item__link {
  display: block;
  padding: 0.5rem 0.8rem;
  transform: none;
}

.main-nav-toggle {
  cursor: pointer;
  padding: 8px 6px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.hamburger {
  width: 26px;
  height: 20px;
  position: relative;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #111;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out;
}

.main-nav-toggle:hover .hamburger span {
  background: #111;
}

.hamburger span:nth-child(1) {
  top: 0px;
}

.hamburger span:nth-child(2), .hamburger span:nth-child(3) {
  top: 9px;
}

.hamburger span:nth-child(4) {
  top: 18px;
}

.hamburger--is-open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.hamburger--is-open span:nth-child(2) {
  transform: rotate(45deg);
}

.hamburger--is-open span:nth-child(3) {
  transform: rotate(-45deg);
}

.hamburger--is-open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.meta-nav {
  display: none;
  position: absolute;
  right: 0;
  top: 2px;
}

.meta-nav__item {
  display: inline-block;
  list-style: none;
  margin-left: 10px;
}

.meta-nav__item__link {
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  padding: 0 8px 0 20px;
}

.meta-nav__item__link:link,
.meta-nav__item__link:visited {
  text-decoration: none;
}

.meta-nav__item__link--language {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNyAxNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7b3BhY2l0eTowLjI7fQoJLnN0MXtvcGFjaXR5OjAuMTt9Cgkuc3Qye29wYWNpdHk6MC41O30KCS5zdDN7ZmlsbDojMDA4MDgwO30KCS5zdDR7ZmlsbDojRkZGRkZGO30KCS5zdDV7ZmlsbDojMTExMTExO30KCS5zdDZ7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMTExMTExO30KCS5zdDd7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMDA4MDgwO30KCS5zdDh7ZmlsbDpub25lO3N0cm9rZTojMTExMTExO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDl7ZmlsbDpub25lO3N0cm9rZTojQUFBQUFBO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDgiIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjcuNSIvPgoJPGVsbGlwc2UgY2xhc3M9InN0OCIgY3g9IjguNSIgY3k9IjguNSIgcng9IjQuMyIgcnk9IjcuNSIvPgoJPGxpbmUgY2xhc3M9InN0OCIgeDE9IjguNSIgeTE9IjEiIHgyPSI4LjUiIHkyPSIxNiIvPgoJPGxpbmUgY2xhc3M9InN0OCIgeDE9IjEiIHkxPSI4LjUiIHgyPSIxNiIgeTI9IjguNSIvPgoJPGxpbmUgY2xhc3M9InN0OCIgeDE9IjEuOSIgeTE9IjUiIHgyPSIxNS4xIiB5Mj0iNSIvPgoJPGxpbmUgY2xhc3M9InN0OCIgeDE9IjEuOSIgeTE9IjEyIiB4Mj0iMTUuMSIgeTI9IjEyIi8+CjwvZz4KPC9zdmc+Cg==");
}

.meta-nav__item__link--cart {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNyAxNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMTExMTExO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMTExMTExO3N0cm9rZS13aWR0aDozO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDJ7ZmlsbDpub25lO3N0cm9rZTojMTExMTExO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDN7ZmlsbDpub25lO3N0cm9rZTojMTExMTExO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMi4xNjIsNy45NjlDMi4xMzEsOC4xNTUsMi4xMTcsOC4zNDcsMi4xNDIsOC41NWwwLjU5LDQuNzEyYzAuMTQ1LDEuMTU5LDEuMjIsMi4xMDcsMi4zODgsMi4xMDdoNi43NTkKCQljMS4xNjgsMCwyLjI0My0wLjk0OCwyLjM4OC0yLjEwN2wwLjU5LTQuNzEyYzAuMDI1LTAuMjAzLDAuMDExLTAuMzk1LTAuMDItMC41ODEiLz4KCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03LjI5NCw0LjQxOHYtMi43N2MwLTAuNTg0LDAuNDc4LTEuMDYyLDEuMDYyLTEuMDYyaDAuMjg3YzAuNTg0LDAsMS4wNjIsMC40NzgsMS4wNjIsMS4wNjJ2Mi43NyIvPgoJPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIxNC44MzgsNy45NjkgMTYsNy45NjkgMTYsNC40MTggOS43MDYsNC40MTggNy4yOTQsNC40MTggMSw0LjQxOCAxLDcuOTY5IDIuMTYyLDcuOTY5IAkiLz4KCTxnPgoJCTxsaW5lIGNsYXNzPSJzdDMiIHgxPSI4LjUyIiB5MT0iMTAuMDU5IiB4Mj0iOC41MiIgeTI9IjEyLjg0NyIvPgoJCTxsaW5lIGNsYXNzPSJzdDMiIHgxPSIxMS40NzUiIHkxPSIxMC4wNTkiIHgyPSIxMS40NzUiIHkyPSIxMi44NDciLz4KCQk8bGluZSBjbGFzcz0ic3QzIiB4MT0iNS41MjUiIHkxPSIxMC4wNTkiIHgyPSI1LjUyNSIgeTI9IjEyLjg0NyIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=");
}

.meta-nav__item__link--cart > span {
  background-color: red;
  color: white;
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  text-align: center;
  width: 20px;
}

.meta-nav__item__link--cart-empty > span {
  background-color: #dad4c0;
  color: #111;
}

/* ==========================================================================
   Header > banner
   ========================================================================== */
.banner {
  padding: 90px 0 0 0;
  position: relative;
}

.banner--71,
.banner--74,
.banner--76,
.banner--79 {
  margin-bottom: 2.5rem;
}

.banner:before {
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
}

.banner--2:before,
.banner--9:before {
  background-color: #81a6ae;
}

.banner--38:before,
.banner--41:before {
  background-color: #dad4c0;
}

.banner--43:before,
.banner--46:before {
  background-color: #e09953;
}

.banner--48:before,
.banner--52:before {
  background-color: #dad4c0;
}

.banner--60:before,
.banner--64:before {
  background-color: #dad4c0;
}

.banner--66:before,
.banner--69:before {
  background-color: #8496c8;
}

.banner--71:before,
.banner--74:before {
  background-color: #79a98d;
}

.banner--76:before,
.banner--79:before {
  background-color: #8496c8;
}

.banner .container {
  z-index: 1;
}

.banner__img {
  background-color: #edebe1;
  background-size: cover;
  background-position: center center;
  height: 0;
  margin: 5% 0 1% 0;
  padding: 30% 0 0 0;
  position: relative;
  width: 100%;
  z-index: 2;
}

.banner--38 .banner__img,
.banner--41 .banner__img {
  background-color: #111;
  background-image: url("../img/header-cassettes.jpg");
}

.banner--43 .banner__img,
.banner--46 .banner__img {
  background-color: #81a6ae;
  background-image: url("../img/header-ontwikkelen.jpg");
}

.banner--48 .banner__img,
.banner--52 .banner__img {
  background-image: url("../img/header-digitaliseren.jpg");
}

.banner--60 .banner__img,
.banner--64 .banner__img {
  background-image: url("../img/header-kenniscentrum.jpg");
}

.banner--66 .banner__img,
.banner--69 .banner__img {
  background-color: #ecbe4a;
  background-image: url("../img/header-over.jpg");
}

.banner--71 .banner__img,
.banner--74 .banner__img,
.banner--76 .banner__img,
.banner--79 .banner__img {
  display: none;
}

.banner .col {
  margin-bottom: 0;
  margin-top: 0;
}

.banner__intro {
  font-size: 1.55rem;
  font-weight: normal;
  line-height: 1.3;
  margin: 0 0 2% 0;
}

.banner__title {
  font-family: "Bebas Neue", sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 0.92;
  margin: 0;
  max-width: 25rem;
}

.banner--71 .banner__title,
.banner--74 .banner__title,
.banner--76 .banner__title,
.banner--79 .banner__title {
  margin-bottom: -1.75rem;
}

/* ==========================================================================
   Home
   ========================================================================== */
.home__divider {
  border-top: 1px solid #dad4c0;
  margin: 0.6rem 0 -0.4rem 0;
  text-align: center;
  width: 100%;
}

.home__divider > h2 {
  background-color: white;
  display: inline-block;
  margin: 0;
  padding: 0 1rem;
  transform: translateY(-60%);
}

/* ==========================================================================
   Article
   ========================================================================== */
.article {
  font-size: 1.22rem;
  padding: 0 0 3% 0;
}

.article--contact > .map {
  height: 0;
  margin: 0 0 3% 0;
  padding: 56.75% 0 0 0;
  width: 100%;
}

.article ul,
.article ol {
  padding: 0 0 0 1em;
  margin: 0 0 1em 0;
}

.article li {
  margin: 0 0 0.5em 0;
}

.article p {
  background-color: transparent;
  color: #111;
}

.article__order {
  display: inline-block;
}

.article__order select {
  background-color: #edebe1;
  border: 1px solid #dad4c0;
  font-size: 1.22rem;
  margin: 0 0 1em 0;
}

.article__order__price {
  font-size: 1.22rem;
  font-weight: bold;
}

.article__order__price > span {
  font-weight: normal;
}

.article__featuredimg {
  display: block;
  margin: 0 0 1.2rem 0;
  width: 100%;
}

.article__date {
  margin: 0 0 1.2rem 0;
}

.wp-block-table table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.wp-block-table th,
.wp-block-table td {
  border: 1px solid #dad4c0;
  font-size: 1rem;
  padding: 0.5rem;
  vertical-align: top;
}

.wp-block-lazyblock-intro {
  font-size: 1.55rem;
}

.wp-block-columns,
.wp-block-image,
.wp-block-embed,
.wp-block-file {
  clear: both;
  margin: 1.5rem 0;
}

.wp-block-column .wp-block-image {
  margin: 0.25rem 0 0 0;
}

.wp-block-file {
  border: 1px solid #dad4c0;
  position: relative;
  transition: all 0.3s ease;
}

.wp-block-file:hover,
.wp-block-file:focus {
  border: 1px solid #111;
}

.wp-block-file > a {
  display: block;
  font-size: 1rem;
  padding: 2.5% 2.5% 2.5% 55px;
  text-decoration: none;
}

a.wp-block-file__button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA2CAMAAACycDqVAAAB3VBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////////8AAAD///////8AAAD///////////////////////////////8AAAD///////////////////8AAAD///////8AAAAAAAAAAAD///////////////8UFBQAAAAAAAAAAABgYGA7OzsUFBRNTU3///8AAAD5+fn///////////8AAAD///8AAAD5+fn5+fkAAAD////////Y2NiEhITPz89ycnLq6uo7Ozv4+PjBwcEHBwfHx8ctLS2rq6s7Ozv5+fk6OjpgYGAUFBR+fn5eXl4AAACkpKQ4ODjf398pKSkRERGenp4ODg6Li4tfX18TExOGhoYbGxvR0dFERERvb28ODg6Kioq6urrAwMBgYGAAAAD///8AAAAAAADT09MMDAwMDAyRkZH5+floaGhXV1eRkZHx8fGAgICmpqZSUlK5ubkiIiK5ubnr6+vAwMB4eHizs7NgYGBBQUHr6+spKSmurq7l5eVEREQNDQ3d3d1XV1fHx8eMjIy5ublNTU0UFBT5+fn5+fkUFBTQ0NAGBgbAwMD///8AAAAAAAD///8AAAD///8AAADAwMD6+vphYWH29vbk5OSoqKgfHx8qE9IxAAAAlnRSTlP49fPw+u39+vX38urt6Ofl9OLx/O/r7uTd8OD76d3q5t/h19Hb2dbt2dTH9ff08tTR+M/KxcO7sPLly8jC/vz7+vn59/f39vbz8+3t7Obl3s/+/Pv7+/r5+Pj49fX09PPx7+7p6L64tqD+/fv6+fj39vTz8vLx8fDv7+/u7u7t7evq6uro4+Hf3t7e3djX1dHKr6mmnYsmXNUsAAAHjklEQVRIxzWWA4MEORCFK0nHaffYq7vds23btm3bttJ7/K33csju7EyjkO+9ml7argbzZrgcrkIYD8txCMPBcl7W+STMl8swqU8an1Tmq0Fez5d1XZaDnZNpGP9bh4cPHR4exvjrE/H/dd7h4RsPHV58TrzpDxzZWYzGxUDzdjCwdrk6n6SXfXbz0a/yq6668eijLzz6iqOZ5N5zzi+85KPzWzMMznWDtqY8uqB1dY9SPz7OFSki8gvGhORZxiVTXBDLSGwedDO3MiedHVdURqO1Nh/crw4eJ8UYo0wUHDdJUrKglIKlNJfHaro3XW7bAa2idcYMy2NGo4wz3C0YCZ4pSukFS4soI7rczk+sy1bbKQ2iq0yZX3AL40gvWSbXXIgsIzTHFZOCpTJcXmvMPJhQz4YUYtg9aSc/5zbUYIVnmdgXhAJSZsTPLNBqljEvxLutDmXjljqFdGE+COfcv0E+0BFFgQKEYtTTQmYIQBkub2+1C8bthSm2b9Hg8oU7BffoOWObgojQlKBe9VyAAZdE8tgqr5yrzt7dA2RdaZ2/fktKJbKEB3C5lIgGQU7FWoC1PKpZAqwx9jja1a0z8/E9TzGmRpskHSm/JRCYwCEkSzAycZQxs0ln2ljSWXmn3TIfHANi0jOZ9kFF0nHDlPIStJNc/W/W6qayE71D4yo3TjdnXCOzf3gip0AlksUCIVmmoGnCfEfVTezMBTumOnY782hPOAY6UgqBfEkYju0w7AVpuM/otOtMaGbwSQxQ35S11qcfw1Ak3UZMkfAbUohTfuNVQkJbV8NXs5mpYoIc7WqirzxC8qSl/Df35hT8JZWhShITeznK/AusOQvESj2dmq+uIcU3QgEw9aLwBVyWKfzgXYCMurrSg3rY6uWJtJuf2q3m5owjcE3KI5kcKUXYkFinOn22BjPYv/ik0iY47dDYWcedNDWu+fobwM38gSg2CouzxWm+X4+kGG0oGchfG+LunmuqOKZTTzy11nZ4xpecZakFn0zvBR8d78EX5kzIBKc3l3p7uwvW7NBe+eggzvRFx0Dvf73iia2lAAtSlGiRICX9+S7AjMbGnHaHZadtdcIRG4XLGBeelEm4JWeQBwfJbtkFTZg0c+faJW1Pt+vxwD5zzSLZN0GVC5Yp7iUhKIk7Slrxp62x9Y7ZyWva2566E3fd6XcCDK4JytYLCSUImqSpzMRCMIA5VldmYkztasoHpcvz7owjwBYA8LsGBI6NpJfyI3SZ9vjwwCzHVru2pLod12ZSnX5ExtE4qlDBlC8QC6coqAoYvmf8qNKVe1bbuI0Rm+7s1DqFMHgSqDgAMSBPGBgG8/ozPU4cFToza8sy7hB8dvJxOYiBD/NMrTEzsAsCi5EQHA4qOCs4PZyHudUnbseGBnF89nC4POEI4ZG2OJ5xtYAniRMvJAYNHHpxwOlq486qu9BgKqcw/6qZnXAMmPqD6/cZkR8lCwMFNEQaSX5B9LazoWl0C4/V0TXGVRddkoAd7KsiTTJeyXIE5SWXTGDGjsJ4TayewWMhTkwT8isvI1KnnNlnApgTB+IcXwCLBUOUwrX7tB7mZQfDIMS5iXHuLvT802M9MTCgrQ3QMXrkel6kHjGd8oorK+PyxsSO8tQYRuEBljyICPnd3eSlkpLUwWlSCYLt+mJBXegmbYvZR4iGpia8g6zABJtdcjP5taKEarHJCjRK6eh5PBitdXGAkPNeefDz1+7IEmJIKIWCTdZwQv/IaX2vEoGEg+i9L4499th7b82p/g1n0XgvRmLEcYPHMfqD/qccf+QCVf0oE6OMFYITip27ovpa3isGRxFOpe8TiM6SjMov+q2t/UKBuZCUhhW57wKxPLx1oRdEyWG936LMH0kw15GjJCX3I8+3eFFkqbJkt71U25yG0U7evzFLg4TsMA18mT5soTPuD44kfrCWEnVR6L6bmqldYfvRWPcisbSIwS3Ce7FY7EsBvqMR4T2pK+noixtrm+hoHs2kmZhL76XUK0SQkJ3OfAzwBE8m2+J9BpxP/lk5rdtq9SjV1cDZyk0mt9+dUKYw1ssjMYwYHcRTUaRTL19ghnbWWjv9maZhbFwzWQV70VEEWRjrF8cf/wtTnB+5RRLuWSxUf2voKqPbma0g5Rjf+41tXYBrbrjMS6Je7vvjBZTaP4WN1pnaHPnceYPQ6pkzrZ3EgNmvdGOsNtYYax8oIE/PC8pEev7J9JC97ls9q5y1xnW2KeMcxKqqqarKlMdZ53Y/fhbgRgUAETFfSHHZDS5vGx0Gxtmu0QaNrWKDDHpow1Dr+anz9vIroNn+aZTMuLW+Lt/ei2bH6gn+UausjuUPqILQSncDE2Nbj6u2Ls+VbL1RrIcLzs27s0+ezRp0HZqJBrHhqRhk3RrT2C5gUo0zaFlf+iFLzmLHfnpyiHHW6diGXeeCjm4ZLRrTg9wFZ4baAdp8u7PWbn/2l2JXXbraQ8jMpkTV+Lh6CEg51NcxhjxitXjhOt6ShX6/+Ptf8QHbTUt3MY5t+uRQZezK8TjUdSjLvJzX0/FyPJ7m8/n0uHLVBVfW+TLPy3pV5qELy2k53P0b2H0IjnvZoTUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: 25px 27px;
  background-position: center center;
  height: 27px;
  left: 0;
  margin: 2.5%;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  width: 30px;
}

figcaption {
  color: #88857c;
  font-size: 0.77rem;
  margin: 0.5rem 0 0 0;
}

.wp-block-image > figure {
  transform: translateY(0.25rem);
}

.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

.aligncenter {
  display: block;
  margin: 0 auto 1.5em auto;
  text-align: center;
}

.wp-block-image a {
  background-color: #111;
  display: block;
  position: relative;
  width: 100%;
}

.wp-block-image a:link,
.wp-block-image a:visited {
  border-bottom: 0;
}

.wp-block-image a:after,
.enlarge:after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMTExMTExO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMTExMTExO3N0cm9rZS13aWR0aDozO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI5LjUiIGN5PSI5LjUiIHI9IjcuMiIvPgoJPGxpbmUgY2xhc3M9InN0MSIgeDE9IjE0LjYiIHkxPSIxNC42IiB4Mj0iMjEuOCIgeTI9IjIxLjgiLz4KPC9nPgo8L3N2Zz4K");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
  border-radius: 30px;
  content: "";
  height: 50px;
  font-size: 30px;
  left: 50%;
  line-height: 46px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  width: 50px;
}

.enlarge:hover:after,
.enlarge:focus:after,
.wp-block-image a:hover:after,
.wp-block-image a:focus:after {
  opacity: 1;
}

.enlarge > div,
.wp-block-image img {
  display: block;
  height: auto;
  transition: all 0.3s ease;
  width: 100%;
}

.enlarge:hover > div,
.enlarge:focus > div,
.wp-block-image a:hover img,
.wp-block-image a:focus img {
  opacity: 0.7;
}

.wp-block-columns {
  position: relative;
}

.sidenote {
  border-left: 2px solid #dad4c0;
  font-size: 0.833rem;
  padding: 0 1rem;
  margin: 0 0 1rem 0;
}

.sidenote:before {
  background: transparent url("../img/sidenote.png	") no-repeat center center;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 29px;
  margin: 0 0 0.8rem 0;
  width: 40px;
}

.sidenote > p:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   Sub nav
   ========================================================================== */
.sub-nav {
  margin: 0 1rem 2rem 0;
}

.page_item {
  border-top: 1px solid #dad4c0;
  list-style: none;
}

.page_item--parent {
  border: none;
  font-weight: bold;
}

.children .page_item {
  border: none;
}

.page_item > a {
  display: block;
  padding: 0.7rem 0;
  text-decoration: none;
}

.page_item > a:link,
.page_item > a:visited {
  background: linear-gradient(to bottom, #edebe1 0%, #edebe1 100%);
  background-size: 0 100%;
  background-position: 0 100%;
  background-repeat: repeat-y;
  transition: all 0.3s ease;
}

.children {
  padding-left: 1rem;
}

.children .page_item > a {
  padding: 0.2rem 0 0.2rem 0;
}

.current_page_item > a {
  color: #88857c;
  opacity: 0.7;
}

.page-item-300 > a,
.page-item-324 > a,
.page-item-333 > a,
.page-item-272 > a {
  padding-left: 1rem;
  padding-right: 1rem;
}

.page-item-300 > a:link,
.page-item-300 > a:visited,
.page-item-324 > a:link,
.page-item-324 > a:visited,
.page-item-333 > a:link,
.page-item-333 > a:visited,
.page-item-272 > a:link,
.page-item-272 > a:visited {
  background: linear-gradient(to bottom, #81a6ae 0%, #81a6ae 100%);
  background-color: #111;
  background-size: 0 100%;
  background-position: 0 100%;
  background-repeat: repeat-y;
  color: white;
  transition: all 0.3s ease;
}

.page_item > a:hover,
.page_item > a:focus {
  background-size: 100% 100%;
  color: #111;
}

.page_item.current_page_item > a:hover,
.page_item.current_page_item > a:focus {
  color: #88857c;
  background-size: 0 100%;
}

.children {
  display: none;
  padding-bottom: 0.5rem;
}

.current_page_item > .children,
.current_page_ancestor > .children {
  display: block;
}

/* ==========================================================================
   Children nav
   ========================================================================== */
.children-nav__item {
  display: inline-block;
  list-style: none;
  margin: 0 3% 3% 0;
  position: relative;
  width: 48.5%;
  vertical-align: top;
}

.children-nav__item:nth-child(2n) {
  margin-right: 0;
}

.children-nav__item > a {
  display: block;
  text-decoration: none;
}

.children-nav__item .link-block {
  margin-bottom: 0;
}

.children-nav__item__summary {
  margin-top: 0.5rem;
  transition: all 0.3s ease;
}

.children-nav__item > a:hover .children-nav__item__summary,
.children-nav__item > a:focus .children-nav__item__summary {
  opacity: 0.4;
}

/* ==========================================================================
   Cassettes
   ========================================================================== */
.cassette {
  border: 1px solid #dad4c0;
  display: block;
  margin: 0 0 6% 0;
  padding: 6%;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cassette:hover,
.cassette:focus {
  border-color: #111;
}

.cassette__img {
  background-color: #111;
  position: relative;
}

.cassette__img > div {
  background-color: #dad4c0;
  background-size: cover;
  height: 0;
  opacity: 1;
  padding: 100% 0 0 0;
  transition: all 0.3s ease;
}

.cassette:hover .cassette__img > div,
.cassette:focus .cassette__img > div {
  opacity: 0.7;
}

.cassette__img > p {
  background-color: white;
  display: inline-block;
  left: 50%;
  margin: 0;
  padding: 0.2rem 0.5rem;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.3s ease;
  transform: translate(-50%, 0);
}

.cassette:hover .cassette__img > p,
.cassette:focus .cassette__img > p {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.cassette__title {
  font-size: 1.22rem;
  margin: 1rem 0 0.6rem 0;
}

.cassette__price {
  font-size: 1.22rem;
  font-weight: bold;
  margin: 0;
}

.cassette__price > span {
  font-size: 0.77rem;
  font-weight: normal;
}

.cassette__more {
  margin: 1rem 0 0 0;
}

/* ==========================================================================
   Contact
   ========================================================================== */
.map {
  background-color: #edebe1;
}

/* ==========================================================================
   Search
   ========================================================================== */
ul.search-results {
  margin: 1rem 0;
  padding: 0;
}

.search-results > li {
  list-style: none;
}

.search-results__link {
  border: 1px solid #dad4c0;
  display: block;
  padding: 2%;
  transition: all 0.3s ease;
}

.search-results__link:link,
.search-results__link:visited {
  text-decoration: none;
}

.search-results__link:hover,
.search-results__link:focus {
  border-color: #edebe1;
  background-color: #edebe1;
}

.search-results__link > p {
  font-size: 1rem;
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
.gform_wrapper {
  background-color: #edebe1;
}

.gform_wrapper > form {
  padding: 5%;
}

li.gsection {
  clear: both;
  margin: 5% 0 0 0;
  padding: 5% 0 0 0;
  position: relative;
}

li.gsection:first-child {
  margin: 0;
  padding: 0;
}

li.gsection:before {
  border-top: 1px solid white;
  content: "";
  left: -6%;
  position: absolute;
  right: -6%;
  top: 0;
}

li.gsection:first-child:before {
  content: none;
}

ul.gform_fields,
ul.gfield_radio {
  padding: 0;
  margin: 0;
}

.gfield,
.gfield_radio > li {
  list-style: none;
}

.gfield {
  margin: 1rem 0;
}

.gfield_radio > li,
.gfield_checkbox > li {
  list-style: none;
  margin: 0;
}

label,
.gfield_label {
  font-size: 1rem;
  font-weight: bold;
}

.gfield_checkbox label {
  font-weight: normal;
}

.hidden_label .gfield_label,
.mc-field-group > label,
.screen-reader-text,
.gform_validation_container,
.grecaptcha-badge {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.gfield_radio label,
.gfield_description,
.gfield_consent_label {
  font-size: 1rem;
  font-weight: normal;
}

.ginput_container {
  margin-top: 0.1rem;
}

.gfield_visibility_hidden {
  display: none;
}

.validation_error {
  background-color: #fa5252;
  color: white;
  padding: 0.5rem 1rem;
  margin: 0 0 1rem 0;
}

.validation_message {
  color: #fa5252;
  font-weight: bold;
}

.gform_confirmation_message {
  background-color: #79a98d;
  color: white;
  font-size: 1.22rem;
  padding: 0.5rem 1rem;
  margin: 0 0 1rem 0;
}

.form-processing-other {
  display: none;
}

.form-processing-price input,
.form-processing-price label {
  font-size: 1.22rem;
}

.form-processing-price {
  border-top: 1px solid #dad4c0;
  padding: 0.9rem 140px 0 0;
  position: relative;
}

#field_3_50,
#field_5_50,
#field_7_50,
#field_9_50 {
  border-top: none;
  clear: both;
}

.form-processing-price .gfield_label,
.form-processing-price .gfield_description {
  display: inline-block;
  margin-right: 0.5rem;
}

.form-processing-price input[type=text],
.form-processing-subtotal input[type=text] {
  background-color: transparent;
  border: none;
  padding: 0;
}

.form-processing-price input[type=text] {
  position: absolute;
  right: 0;
  text-align: right;
  top: 0.7rem;
  width: 100px;
}

#field_3_50 .ginput_container,
#field_5_50 .ginput_container,
#field_7_50 .ginput_container,
#field_9_50 .ginput_container {
  display: inline-block;
}

#input_3_50,
#input_5_50,
#input_7_50,
#input_9_50 {
  position: relative;
  right: auto;
  text-align: left;
  top: auto;
}

.form-processing-price input[type=text]:focus,
.form-processing-subtotal input[type=text]:focus {
  outline: none;
}

#field_3_16,
#field_7_16 {
  margin-top: 2rem;
}

input[type=text],
input[type=name],
input[type=email],
input[type=tel],
input[type=number],
textarea {
  background-color: white;
  border: 2px solid #dad4c0;
  max-width: 500px;
  padding: 0.2rem 0.3rem;
  width: 100%;
  -webkit-appearance: none;
}

select {
  background-color: white;
  border: 2px solid #dad4c0;
  padding: 0.2rem 0.3rem;
}

select:focus,
input[type=text]:focus,
input[type=name]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
select:focus {
  border-color: #81a6ae;
  outline: none;
}

input[type=radio] {
  margin-right: 5px;
  vertical-align: 2px;
}

input[type=submit],
button,
.button {
  background: linear-gradient(to bottom, #81a6ae 0%, #81a6ae 100%);
  background-position: 0 100%;
  background-repeat: repeat-y;
  background-size: 0 100%;
  background-color: #111;
  border: none;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1.22rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-appearance: none;
}

input[type=submit] {
  margin-top: 1rem;
}

.button:link,
.button:visited {
  color: white;
}

input[type=submit]:hover,
input[type=submit]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus {
  background-size: 100% 100%;
}

.button--small,
input.button--small {
  font-size: 0.833rem;
  font-weight: normal;
}

.textarea.small {
  height: 80px;
}

.searchform {
  background-color: #edebe1;
  padding: 5%;
}

.searchform input[type=text] {
  padding: 0.6rem 0.6rem;
}

.searchform input[type=submit] {
  margin-top: 0;
}

fieldset {
  border: 1px solid white;
  margin-bottom: -1px;
  padding: 0.2rem 1rem;
}

/* ==========================================================================
   Processing pricelist
   ========================================================================== */
.pricelist > li {
  border: 1px solid #dad4c0;
  list-style: none;
  margin-bottom: -1px;
  padding: 3%;
  position: relative;
}

.pricelist__img {
  display: block;
  float: left;
  margin-right: 2.5%;
  position: relative;
  width: 25%;
}

.pricelist__img > div {
  background-size: cover;
  background-position: center center;
  height: 0;
  padding: 100% 0 0 0;
  width: 100%;
}

.pricelist__info {
  float: left;
  position: relative;
  width: 72.5%;
}

.pricelist__desc > h3,
.pricelist__desc > p {
  margin: 0 0 0.3rem 0;
}

.pricelist__price > p {
  font-size: 1.22rem;
  font-weight: bold;
  margin: 0 0 0.5rem 0;
}

/* ==========================================================================
   News
   ========================================================================== */
ul.tags {
  margin: 2rem 0 1rem 0;
  padding: 0;
}

.tags > li {
  display: inline-block;
  list-style: none;
  margin: 0 0.5rem 0.5rem 0;
}

.tags a {
  border: 1px solid #dad4c0;
  border-radius: 2rem;
  display: block;
  font-size: 0.833rem;
  padding: 0.4rem 0.8rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

.tags a:hover,
.tags a:focus {
  border-color: #111;
}

.tags a[aria-current=page]:link,
.tags a[aria-current=page]:visited,
.tags a[aria-current=page]:hover,
.tags a[aria-current=page]:focus {
  border-color: #81a6ae;
  background-color: #81a6ae;
  color: white;
}

.teaser {
  display: block;
  text-decoration: none;
}

.teaser__img {
  background-color: #111;
  margin: 0 0 0.7rem 0;
  position: relative;
}

.teaser__img > div {
  background-repeat: no-repeat;
  background-color: #dad4c0;
  background-position: center center;
  background-size: cover;
  height: 0;
  opacity: 1;
  padding: 56.5% 0 0 0;
  transition: all 0.3s ease;
}

.teaser__img--empty > div {
  background-image: url("/img/news.png");
  background-size: 150px 122px;
}

.teaser:hover .teaser__img > div,
.teaser:focus .teaser__img > div {
  opacity: 0.7;
}

.teaser__img > p {
  background-color: white;
  display: inline-block;
  left: 50%;
  margin: 0;
  padding: 0.2rem 0.5rem;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.3s ease;
  transform: translate(-50%, 0);
}

.teaser:hover .teaser__img > p,
.teaser:focus .teaser__img > p {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.teaser__title {
  font-size: 1.44rem;
  font-weight: normal;
  line-height: 1.2;
}

.teaser__date {
  margin: 0.6rem 0;
}

/* ==========================================================================
   Shop
   ========================================================================== */
.woocommerce ul.products li.product a img {
  border: 1px solid #edebe1;
}

.count {
  background-color: transparent;
  color: #88857c;
  display: none;
}

.product_meta > span {
  display: block;
  font-size: 0.833rem;
}

.product_meta > .sku_wrapper,
.woocommerce-result-count {
  display: none;
}

.reset_variations {
  display: none !important;
}

.woocommerce .quantity .qty {
  font-size: 100%;
  padding: 0.318em 0;
}

.woocommerce div.product .summary > .price {
  font-size: 1rem;
}

.woocommerce div.product .price {
  font-size: 1.55rem;
}

.wc-tabs {
  display: none;
}

.wc-tabs > li {
  font-size: 1rem;
}

.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
  width: 100px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background-color: #edebe1;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  border-color: #dad4c0;
}

/* ==========================================================================
   Lightbox
   ========================================================================== */
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight {
  /* disable global scrolling when featherlights are visible */
  overflow: hidden;
}

.featherlight {
  display: none;
  /* dimensions: spanning the background from edge to edge */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647; /* z-index needs to be >= elements on the site. */
  /* position: centering content */
  text-align: center;
  /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
  white-space: nowrap;
  /* styling */
  cursor: pointer;
  background: #333;
  /* IE8 "hack" for nested featherlights */
  background: rgba(218, 212, 192, 0.9);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
  background: rgba(218, 212, 192, 0.9);
}

.featherlight:before {
  /* position: trick to center content vertically */
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.featherlight .featherlight-content {
  /* make content container for positioned elements (close button) */
  position: relative;
  /* position: centering vertical and horizontal */
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  /* dimensions: cut off images */
  overflow: auto;
  padding: 25px 25px 0;
  border-bottom: 25px solid transparent;
  /* dimensions: handling large content */
  margin-left: 5%;
  margin-right: 5%;
  max-height: 95%;
  /* styling */
  background: #fff;
  cursor: auto;
  /* reset white-space wrapping */
  white-space: normal;
  box-shadow: 0px 0px 30px rgba(17, 17, 17, 0.1);
}

/* contains the content */
.featherlight .featherlight-inner {
  /* make sure its visible */
  display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
  display: none;
}

.featherlight .featherlight-close-icon {
  /* position: centering vertical and horizontal */
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  /* dimensions: 25px x 25px */
  line-height: 25px;
  width: 25px;
  /* styling */
  cursor: pointer;
  text-align: center;
  background: #fff; /* Set the background in case it overlaps the content */
  background: rgba(255, 255, 255, 0.3);
  color: #111;
  border: none;
  padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.featherlight .featherlight-image {
  /* styling */
  width: 100%;
}

.featherlight-iframe .featherlight-content {
  /* removed the border for image croping since iframe is edge to edge */
  border-bottom: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.featherlight iframe {
  /* styling */
  border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 0;
    margin-right: 0;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
/* hide non featherlight items when printing */
@media print {
  html.with-featherlight > * > :not(.featherlight) {
    display: none;
  }
}
/* ==========================================================================
   Footer
   ========================================================================== */
.footer {
  background-color: #edebe1;
  border-top: 1px solid #edebe1;
  font-size: 0.833rem;
  padding: 3% 0 4% 0;
}

.footer h4 {
  margin: 1.5rem 0 0.5rem 0;
}

.footer p {
  line-height: 1.5;
}

.footer p a {
  line-height: 1.7;
}

.footer p a:link,
.footer p a:visited {
  border-bottom: 2px solid #111;
  background: linear-gradient(to bottom, #dad4c0 0%, #dad4c0 100%);
  background-position: 0 100%;
  background-repeat: repeat-y;
  background-size: 0 100%;
  text-decoration: none;
  text-shadow: 2px 2px #edebe1, 2px -2px #edebe1, -2px 2px #edebe1, -2px -2px #edebe1;
  transition: all 0.3s ease;
}

.footer p a:hover,
.footer p a:focus {
  background-size: 100% 100%;
  text-shadow: 2px 2px #dad4c0, 2px -2px #dad4c0, -2px 2px #dad4c0, -2px -2px #dad4c0;
}

.footer-nav__item {
  display: block;
  list-style: none;
  margin: 0 0 1.5rem 0;
}

.footer-nav__item--header {
  margin: 0 0 1rem 0;
}

.footer-nav__item__link {
  color: #111;
  font-size: 0.87rem;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 2px 2px #edebe1, 2px -2px #edebe1, -2px 2px #edebe1, -2px -2px #edebe1;
}

.footer-nav__item__link:hover,
.footer-nav__item__link:focus {
  border-bottom: 2px solid #111;
  text-decoration: none;
}

.footer-nav__submenu__item {
  list-style: none;
  margin: 0.7rem 0 0 0;
}

.footer-nav__submenu__item__link {
  text-decoration: none;
  text-shadow: 2px 2px #edebe1, 2px -2px #edebe1, -2px 2px #edebe1, -2px -2px #edebe1;
}

.footer-nav__submenu__item__link:hover,
.footer-nav__submenu__item__link:focus {
  border-bottom: 2px solid #111;
}

.footer-nav__sub__submenu .footer-nav__submenu__item {
  margin-left: 1rem;
}

.footer__logo {
  display: block;
  height: 36x;
  margin: 0 0 2rem 0;
  width: 222px;
}

.footer__social {
  display: block;
  margin: -7px 0 1rem -7px;
}

.footer__social > li {
  display: inline-block;
  list-style: none;
}

.footer__social__link {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  display: block;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  width: 30px;
}

.footer__social__link:hover,
.footer__social__link:focus {
  opacity: 0.6;
}

.footer__social__link--facebook {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7b3BhY2l0eTowLjI7fQoJLnN0MXtvcGFjaXR5OjAuMTt9Cgkuc3Qye29wYWNpdHk6MC41O30KCS5zdDN7ZmlsbDojMDA4MDgwO30KCS5zdDR7ZmlsbDojRkZGRkZGO30KCS5zdDV7ZmlsbDojMTExMTExO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0NSIgZD0iTTExLjQsMTl2LTloMi44bDAuNC0zLjJoLTMuMlY1LjVDMTEuNCw0LjYsMTEuNyw0LDEzLDRoMS43VjEuMWMtMC4zLDAtMS4zLTAuMS0yLjUtMC4xQzkuOCwxLDguMSwyLjUsOC4xLDUuMgoJdjEuNkg1LjNWMTBoMi44djlMMTEuNCwxOUwxMS40LDE5eiIvPgo8L3N2Zz4K");
}

.footer__social__link--linkedin {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7b3BhY2l0eTowLjI7fQoJLnN0MXtvcGFjaXR5OjAuMTt9Cgkuc3Qye29wYWNpdHk6MC41O30KCS5zdDN7ZmlsbDojMDA4MDgwO30KCS5zdDR7ZmlsbDojRkZGRkZGO30KCS5zdDV7ZmlsbDojMTExMTExO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0NSIgZD0iTTUuNiwxOC4ySDIuMlY2LjhoMy40VjE4LjJ6IE0zLjgsNS44Yy0xLjEsMC0yLTAuOS0yLTJjMC0xLjEsMC45LTIsMi0yYzEuMSwwLDIsMC45LDIsMgoJQzUuOCw0LjksNC45LDUuOCwzLjgsNS44IE0xOC4yLDE4LjJoLTMuNFYxM2MwLTEuMywwLjItMi45LTEuNi0yLjljLTEuOCwwLTEuOSwxLjQtMS45LDIuOHY1LjRINy45VjYuOGgyLjN2Mi4zaDAuOQoJYzAuNS0xLjEsMS41LTEuOSwzLjEtMS45YzMuNSwwLDQsMi4yLDQsNS4xVjE4LjJ6Ii8+Cjwvc3ZnPgo=");
}

.footer__social__link--twitter {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMTExOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01LjIsMy41YzEuOSwxLjUsNCw0LjQsNC44LDYsLjgtMS42LDIuOS00LjUsNC44LTYsMS40LTEuMSwzLjctMS45LDMuNy43cy0uMyw0LjQtLjUsNWMtLjYsMi4yLTIuOCwyLjctNC44LDIuNCwzLjQuNiw0LjMsMi41LDIuNCw0LjUtMy42LDMuNy01LjEtLjktNS41LTIuMSwwLS4yLS4xLS4zLS4xLS4yLDAsMCwwLDAtLjEuMi0uNCwxLjItMiw1LjgtNS41LDIuMS0xLjktMS45LTEtMy45LDIuNC00LjUtMiwuMy00LjItLjItNC44LTIuNC0uMi0uNi0uNS00LjUtLjUtNSwwLTIuNiwyLjMtMS44LDMuNy0uN2gwWiIvPgo8L3N2Zz4=);
}

.footer__social__link--youtube {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7b3BhY2l0eTowLjI7fQoJLnN0MXtvcGFjaXR5OjAuMTt9Cgkuc3Qye29wYWNpdHk6MC41O30KCS5zdDN7ZmlsbDojMDA4MDgwO30KCS5zdDR7ZmlsbDojRkZGRkZGO30KCS5zdDV7ZmlsbDojMTExMTExO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0NSIgZD0iTTE4LjYsNS42QzE4LjQsNC45LDE3LjgsNC4yLDE3LDRjLTEuNC0wLjQtNy0wLjQtNy0wLjRTNC40LDMuNywzLDRDMi4yLDQuMiwxLjYsNC45LDEuNCw1LjZDMSw3LjEsMSwxMCwxLDEwCglzMCwyLjksMC40LDQuNEMxLjYsMTUuMSwyLjIsMTUuOCwzLDE2YzEuNCwwLjQsNywwLjQsNywwLjRzNS42LDAsNy0wLjRjMC44LTAuMiwxLjQtMC44LDEuNi0xLjZDMTksMTIuOSwxOSwxMCwxOSwxMAoJUzE5LDcuMSwxOC42LDUuNnogTTguMiwxMi43VjcuM2w0LjcsMi43TDguMiwxMi43eiIvPgo8L3N2Zz4K");
}

.footer__social__link--instagram {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7b3BhY2l0eTowLjI7fQoJLnN0MXtvcGFjaXR5OjAuMTt9Cgkuc3Qye29wYWNpdHk6MC41O30KCS5zdDN7ZmlsbDojMDA4MDgwO30KCS5zdDR7ZmlsbDojRkZGRkZGO30KCS5zdDV7ZmlsbDojMTExMTExO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTAsMy40YzIuMSwwLDIuNCwwLDMuMiwwYzAuOCwwLDEuMiwwLjIsMS41LDAuM2MwLjQsMC4xLDAuNiwwLjMsMC45LDAuNmMwLjMsMC4zLDAuNSwwLjUsMC42LDAuOQoJCWMwLjEsMC4zLDAuMiwwLjcsMC4zLDEuNWMwLDAuOCwwLDEuMSwwLDMuMnMwLDIuNCwwLDMuMmMwLDAuOC0wLjIsMS4yLTAuMywxLjVjLTAuMSwwLjQtMC4zLDAuNi0wLjYsMC45Yy0wLjMsMC4zLTAuNSwwLjUtMC45LDAuNgoJCWMtMC4zLDAuMS0wLjcsMC4yLTEuNSwwLjNjLTAuOCwwLTEuMSwwLTMuMiwwcy0yLjQsMC0zLjIsMGMtMC44LDAtMS4yLTAuMi0xLjUtMC4zYy0wLjQtMC4xLTAuNi0wLjMtMC45LTAuNgoJCWMtMC4zLTAuMy0wLjUtMC41LTAuNi0wLjljLTAuMS0wLjMtMC4yLTAuNy0wLjMtMS41YzAtMC44LDAtMS4xLDAtMy4yczAtMi40LDAtMy4yYzAtMC44LDAuMi0xLjIsMC4zLTEuNWMwLjEtMC40LDAuMy0wLjYsMC42LTAuOQoJCWMwLjMtMC4zLDAuNS0wLjUsMC45LTAuNkM1LjYsMy43LDYsMy41LDYuOCwzLjVDNy42LDMuNCw3LjksMy40LDEwLDMuNCBNMTAsMkM3LjgsMiw3LjYsMiw2LjcsMmMtMC45LDAtMS40LDAuMi0xLjksMC40CgkJYy0wLjUsMC4yLTEsMC41LTEuNCwwLjlDMi45LDMuOCwyLjYsNC4yLDIuNCw0LjhDMi4yLDUuMywyLjEsNS45LDIsNi43QzIsNy42LDIsNy44LDIsMTBjMCwyLjIsMCwyLjQsMCwzLjNjMCwwLjksMC4yLDEuNCwwLjQsMS45CgkJYzAuMiwwLjUsMC41LDEsMC45LDEuNGMwLjQsMC40LDAuOSwwLjcsMS40LDAuOWMwLjUsMC4yLDEuMSwwLjMsMS45LDAuNGMwLjksMCwxLjEsMCwzLjMsMHMyLjQsMCwzLjMsMGMwLjksMCwxLjQtMC4yLDEuOS0wLjQKCQljMC41LTAuMiwxLTAuNSwxLjQtMC45YzAuNC0wLjQsMC43LTAuOSwwLjktMS40YzAuMi0wLjUsMC4zLTEuMSwwLjQtMS45YzAtMC45LDAtMS4xLDAtMy4zczAtMi40LDAtMy4zYzAtMC45LTAuMi0xLjQtMC40LTEuOQoJCWMtMC4yLTAuNS0wLjUtMS0wLjktMS40Yy0wLjQtMC40LTAuOS0wLjctMS40LTAuOWMtMC41LTAuMi0xLjEtMC4zLTEuOS0wLjRDMTIuNCwyLDEyLjIsMiwxMCwyTDEwLDJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTAsNS45Yy0yLjMsMC00LjEsMS44LTQuMSw0LjFjMCwyLjMsMS44LDQuMSw0LjEsNC4xczQuMS0xLjgsNC4xLTQuMUMxNC4xLDcuNywxMi4zLDUuOSwxMCw1Ljl6IE0xMCwxMi43CgkJYy0xLjUsMC0yLjctMS4yLTIuNy0yLjdjMC0xLjUsMS4yLTIuNywyLjctMi43YzEuNSwwLDIuNywxLjIsMi43LDIuN0MxMi43LDExLjUsMTEuNSwxMi43LDEwLDEyLjd6Ii8+Cgk8Y2lyY2xlIGNsYXNzPSJzdDUiIGN4PSIxNC4zIiBjeT0iNS43IiByPSIxIi8+CjwvZz4KPC9zdmc+Cg==");
}

.footer__newsletter > p {
  margin-bottom: 0.5rem;
}

.footer__newsletter input[type=email] {
  font-size: 0.833rem;
  padding-top: 0.45rem;
  padding-bottom: 0.5rem;
  width: 10.5rem;
}

.footer__newsletter .button {
  margin-top: 0.5rem;
}

.footer__credits {
  bottom: 20px;
  color: rgba(17, 17, 17, 0.5);
  font-size: 0.833rem;
  position: absolute;
  margin: 0;
  right: 20px;
}

p.footer__credits > a:link,
p.footer__credits > a:visited {
  border-bottom-color: rgba(17, 17, 17, 0.5);
  color: rgba(17, 17, 17, 0.5);
}

p.footer__credits > a:hover,
p.footer__credits > a:focus {
  border-bottom-color: #111111;
  color: #111111;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 600px) {
  html,
  button,
  input,
  select,
  textarea {
    font-size: 17px;
  }
  .banner {
    padding: 15% 0 0 0;
    position: relative;
  }
  .banner__title {
    font-size: 4.5rem;
  }
  .banner--71 .banner__title,
  .banner--74 .banner__title,
  .banner--76 .banner__title,
  .banner--79 .banner__title {
    margin-bottom: -2.3rem;
  }
  .link-block {
    padding: 56.5% 0 0 0;
  }
  .link-block--home {
    padding: 10% 0 9% 0;
  }
  .link-block__title {
    font-size: 1.22rem;
    font-weight: normal;
  }
  .cassettes {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: 1fr 1fr;
    position: relative;
  }
  .no-cssgrid .cassettes {
    display: block;
  }
  .cassette {
    margin: 0;
    padding-bottom: 2rem;
  }
  .no-cssgrid .cassette {
    display: inline-block;
    margin: 0 3% 3% 0;
    padding: 3% 3% 2rem 3%;
    width: 48.5%;
    vertical-align: top;
  }
  .no-cssgrid .cassette:nth-child(2n) {
    margin-right: 0;
  }
  .cassette__price {
    bottom: 0;
    left: 0;
    margin: 0 0 5% 6%;
    position: absolute;
  }
  .cassette__more {
    display: none;
  }
  .footer-nav > ul {
    display: inline-block;
    margin: 0 4.1705% 0 0;
    width: 30.553%;
    vertical-align: top;
  }
  .footer-nav > ul:last-child {
    margin-right: 0;
  }
  .wp-block-columns {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
  }
  .no-flexbox .wp-block-columns {
    display: block;
  }
  .wp-block-column {
    flex-basis: calc(50% - 16px);
    flex-grow: 0;
    min-width: 0;
  }
  .no-flexbox .wp-block-column {
    display: inline-block;
    width: 30.5%;
    vertical-align: top;
  }
  .wp-block-column:not(:first-child) {
    margin-left: 3%;
  }
  .pricelist__desc {
    padding-right: 130px;
  }
  .pricelist__price {
    position: absolute;
    text-align: right;
    right: 0;
    top: 0;
  }
}
@media only screen and (min-width: 740px) {
  .logo {
    height: 40px;
    width: 247px;
  }
  .col--1-3 {
    width: 30.3333333333%;
  }
  .col--2-3 {
    width: 63.6666666667%;
  }
  .col--1-2 {
    width: 47%;
  }
  .col--1-4 {
    width: 22%;
  }
  .col--3-4 {
    width: 72%;
  }
  .col--1-5 {
    width: 17%;
  }
  .col--2-5 {
    width: 37%;
  }
  .col--3-5 {
    width: 57%;
  }
  .col--4-5 {
    width: 77%;
  }
  .col--1-3 .link-block {
    height: 0;
    padding: 70% 0 0 0;
  }
  .col--1-3 > .link-block--home {
    height: auto;
    padding: 10% 0 9% 0;
  }
  .col--1-3 > .link-block > div {
    height: 100%;
    padding: 0;
    position: absolute;
  }
  .col--1-3 > .link-block--home > div {
    position: relative;
  }
  .col--1-3 > .link-block .link-block__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .col--1-3 > .link-block--home .link-block__title {
    position: relative;
    transform: none;
  }
  .teaser {
    display: inline-block;
    margin: 1.5%;
    width: 22%;
    vertical-align: top;
  }
  .banner--2,
  .banner--9 {
    padding: 110px 0 80px 0;
  }
  .banner--2 .banner__img,
  .banner--9 .banner__img {
    bottom: 0;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 118px;
    width: 50%;
    z-index: 0;
  }
  .banner__intro {
    margin: 0 5% 0 0;
  }
}
@media only screen and (min-width: 860px) {
  .col--4-5 .article {
    width: 74%;
  }
  .col--4-5 .article--contact {
    width: 100%;
  }
  .wp-block-lazyblock-sidenote {
    position: relative;
  }
  .sidenote {
    border: none;
    bottom: 0;
    margin-bottom: 1.6rem;
    padding: 0;
    position: absolute;
    right: -35%;
    width: 26%;
  }
  .alignfull {
    margin-right: -35%;
    z-index: 20;
  }
  .children-nav__item {
    width: 31.33%;
  }
  .children-nav__item:nth-child(2n) {
    margin-right: 3%;
  }
  .children-nav__item:nth-child(3n) {
    margin-right: 0;
  }
  .banner {
    padding-bottom: 10%;
  }
  .banner--2,
  .banner--9 {
    padding: 130px 0 100px 0;
  }
  .banner--71,
  .banner--74 {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .banner--76,
  .banner--79 {
    margin-bottom: 70px;
    padding-bottom: 0;
  }
  .banner--2:before,
  .banner--9:before {
    left: 0;
    width: 75%;
  }
  .banner--38:before,
  .banner--41:before {
    left: 0;
    width: 70%;
  }
  .banner--43:before,
  .banner--46:before {
    right: 0;
    width: 45%;
  }
  .banner--48:before,
  .banner--52:before {
    left: 0;
    width: 65%;
  }
  .banner--60:before,
  .banner--64:before {
    right: 0;
    width: 70%;
  }
  .banner--66:before,
  .banner--69:before {
    left: 23.3%;
    right: 0;
    top: 118px;
  }
  .banner--71:before,
  .banner--74:before {
    left: 0;
    width: 72%;
  }
  .banner--76:before,
  .banner--79:before {
    left: 0;
    width: 72%;
  }
  .banner__img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 0;
  }
  .banner--2 .banner__img,
  .banner--9 .banner__img {
    top: 130px;
    left: auto;
    right: 0;
  }
  .banner--38 .banner__img,
  .banner--41 .banner__img {
    background-position: center bottom;
    left: 50%;
    right: 4.7%;
    top: 118px;
    width: auto;
  }
  .banner--43 .banner__img,
  .banner--46 .banner__img {
    background-position: left bottom;
    left: 45%;
    right: 10%;
    top: 118px;
    width: auto;
  }
  .banner--48 .banner__img,
  .banner--52 .banner__img {
    background-position: right center;
    top: 118px;
    left: auto;
    right: 0;
  }
  .banner--60 .banner__img,
  .banner--64 .banner__img {
    background-position: right 80%;
    top: 118px;
    left: auto;
    right: 0;
    width: 40%;
  }
  .banner--66 .banner__img,
  .banner--69 .banner__img {
    background-position: center center;
    top: 0;
    left: auto;
    right: 0;
    width: 45%;
  }
  .main--news {
    padding-top: 0;
    transform: translateY(-1.5rem);
  }
  .pricelist > li {
    padding: 2%;
  }
  .pricelist__img {
    width: 15%;
  }
  .pricelist__info {
    width: 82.5%;
  }
  .whatsapp-link {
    display: none;
  }
}
@media only screen and (min-width: 1000px) {
  .logo {
    left: 30px;
    position: absolute;
    top: 40px;
  }
  .header__menubar {
    padding: 40px 30px;
  }
  .main-nav-toggle {
    display: none;
  }
  .main-nav {
    float: right;
    max-width: 1300px;
    position: relative;
    right: auto;
    width: 100%;
  }
  .main-nav__bg {
    display: none;
  }
  .main-nav > ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 7px 0 0 300px;
  }
  .no-flexbox .main-nav > ul {
    display: block;
  }
  .main-nav__item {
    display: inline-block;
    position: relative;
  }
  .no-flexbox .main-nav__item {
    margin-left: 1rem;
  }
  .main-nav__item__link {
    font-size: 0.833rem;
    padding: 3px 0;
    transition: all 0.3s ease;
    white-space: nowrap;
  }
  .main-nav__item__link:link,
  .main-nav__item__link:visited {
    color: #111;
  }
  .main-nav__item__link:hover,
  .main-nav__item__link:focus {
    transform: translateY(-3px);
  }
  .main-nav__item--current .main-nav__item__link {
    border-bottom: 2px solid #111;
  }
  .main-nav__submenu {
    left: 0;
    padding: 0.6rem 0;
    position: absolute;
    top: 1.3rem;
    z-index: 110;
  }
  .main-nav__item--last .main-nav__submenu {
    left: auto;
    right: 0;
  }
  .main-nav__item:hover > .main-nav__submenu,
  .main-nav__submenu__item:hover > .main-nav__submenu {
    display: block;
  }
  .main-nav__submenu .main-nav__submenu {
    left: 135px;
    top: 0;
  }
  .main-nav__submenu__item {
    background-color: white;
    list-style: none;
    position: relative;
  }
  .main-nav__submenu__item__link {
    display: block;
    text-align: left;
    white-space: nowrap;
  }
  .main-nav__submenu__item__link:link,
  .main-nav__submenu__item__link:visited {
    color: #111;
    text-decoration: none;
  }
  .main-nav__submenu__item__link:hover,
  .main-nav__submenu__item__link:focus,
  .main-nav__submenu__item--272 > .main-nav__submenu__item__link:hover,
  .main-nav__submenu__item--272 > .main-nav__submenu__item__link:focus,
  .main-nav__submenu__item--300 > .main-nav__submenu__item__link:hover,
  .main-nav__submenu__item--300 > .main-nav__submenu__item__link:focus,
  .main-nav__submenu__item--324 > .main-nav__submenu__item__link:hover,
  .main-nav__submenu__item--324 > .main-nav__submenu__item__link:focus,
  .main-nav__submenu__item--333 > .main-nav__submenu__item__link:hover,
  .main-nav__submenu__item--333 > .main-nav__submenu__item__link:focus {
    background-color: #edebe1;
    color: #111;
  }
  .main-nav__submenu__item--current > .main-nav__submenu__item__link:link,
  .main-nav__submenu__item--current > .main-nav__submenu__item__link:visited {
    opacity: 0.5;
  }
  .main-nav__item--lang,
  .main-nav__item--home {
    display: none;
  }
  .meta-nav {
    display: block;
  }
  .meta-nav__item__link {
    font-size: 0.833rem;
    opacity: 0.5;
  }
  .meta-nav__item__link:hover,
  .meta-nav__item__link:focus {
    opacity: 1;
  }
  .main--news {
    transform: translateY(-2.1rem);
  }
  .banner--71 .banner__title,
  .banner--74 .banner__title,
  .banner--76 .banner__title,
  .banner--79 .banner__title {
    margin-bottom: -3.05rem;
  }
  .banner__title {
    font-size: 5.2rem;
  }
  .cassettes {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .no-cssgrid .cassette {
    width: 31.33%;
  }
  .no-cssgrid .cassette:nth-child(2n) {
    margin-right: 3%;
  }
  .no-cssgrid .cassette:nth-child(3n) {
    margin-right: 0;
  }
  .wp-block-columns.alignfull {
    margin-right: -35%;
  }
  .link-block__title {
    font-size: 1.55rem;
  }
  .link-block--home .link-block__title {
    font-size: 2.7rem;
  }
  .link-block__img {
    width: 150px;
  }
  .flexbox .article--contact {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
  }
  .flexbox .article--contact > .article__content {
    width: 30%;
  }
  .flexbox .article--contact > .map {
    height: auto;
    padding: 0;
    width: 65.7%;
  }
  fieldset > div,
  .form-processing-number,
  .form-processing-forced,
  .form-processing-express,
  .form-processing-digitization,
  .form-processing-subtotal,
  .form-cassettes-type,
  .form-cassettes-number,
  .form-cassettes-options {
    float: left;
    margin-right: 2%;
  }
  fieldset > div {
    width: 25%;
  }
  .form-processing-number {
    width: 10%;
  }
  .form-processing-forced {
    width: 15%;
  }
  .form-processing-express {
    width: 10%;
  }
  .form-processing-digitization {
    width: 20%;
  }
  .form-processing-subtotal {
    margin-right: 0;
    width: 10%;
  }
  .form-cassettes-type {
    width: 43%;
  }
  .form-cassettes-number {
    width: 10%;
  }
  .form-cassettes-options {
    margin-right: 0;
    width: 43%;
  }
}
@media only screen and (min-width: 1200px) {
  .banner {
    padding: 10% 0 6.6% 0;
  }
  .banner--2,
  .banner--9 {
    padding: 150px 0 100px 0;
  }
  .banner--2 > div,
  .banner--9 > div {
    position: relative;
  }
  .banner--71,
  .banner--74 {
    padding-bottom: 0;
  }
  .banner--76,
  .banner--79 {
    margin-bottom: 70px;
    padding-bottom: 0;
  }
  .banner--2 .banner__img,
  .banner--9 .banner__img {
    top: 150px;
  }
  .banner__title {
    font-size: 6rem;
  }
  .banner__intro {
    font-size: 2.2rem;
  }
  .main-nav > ul {
    margin-top: 6px;
  }
  .main-nav__item__link {
    font-size: 1rem;
  }
  .pricelist > li {
    padding: 1.5%;
  }
  .pricelist__img {
    width: 10%;
  }
  .pricelist__info {
    width: 87.5%;
  }
}
@media only screen and (min-width: 1200px) {
  .banner--2,
  .banner--9 {
    padding: 150px 0 150px 0;
  }
}
/* ==========================================================================
   Admin
   ========================================================================== */
#wp-admin-bar-new-content,
#wp-admin-bar-wp-logo {
  display: none !important;
}

/* ==========================================================================
   Clearfix
   ========================================================================== */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}