/* -------------- */
/* SETUP */
/* DESKTOP */
/* TABLET */
/* MOBILE */
/* MINI-MOBILE */
/* SPECIAL BREAKPOINTS */
/* -------------- */

/* SETUP //////////////////////////////////////////////////////////////// */

/* Corporate Colors:

Orange    var(--wohntip-orange)  /  rgb(234,118,0)
Darkgray  #323131  /  rgb(50,49,49)
FakeBlack #1a1a1a  /  rgb(25,25,25)

Gray1 #585758
Gray2 #878787
Gray3 #b2b2b2
Gray4 #dadada
Gray5 #ededed
*/


:root {
  --wohntip-orange: #eb7600;
  --grid-border-orange: rgba(234,118,0,0.3);
  --grid-border-width: 1px;
  --square-size: 0px; /* changed by JS */
}


/* FONTS – LICENSED TO Wohntip *******************************************************************************/


@font-face {
  /* Used for: Text */
  font-family: 'NewsGothicBT';
  src: url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-Roman.woff2') format('woff2'),
  url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-Roman.woff') format('woff'),
  url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-Roman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NewsGothicBT';
  /* Used for: Text highlights */
  src: url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-Bold.woff2') format('woff2'),
  url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-Bold.woff') format('woff'),
  url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  /* Used for: Navigation, Product titles */
  font-family: 'NewsGothicBT Condensed';
  src: url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-RomanCondensed.woff2') format('woff2'),
  url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-RomanCondensed.woff') format('woff'),
  url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-RomanCondensed.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  /* Used for: Bold titles */
  font-family: 'NewsGothicBT Condensed';
  src: url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-BoldCondensed.woff2') format('woff2'),
  url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-BoldCondensed.woff') format('woff'),
  url('/wp-content/themes/wohntip/font/NewsGothic/NewsGothicBT-BoldCondensed.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Wohntip Icons V2';
  src: url('/wp-content/themes/wohntip/font/icon/wohntip-icons_v2.eot');
  src: url('/wp-content/themes/wohntip/font/icon/wohntip-icons_v2.eot?#iefix') format('embedded-opentype'),
  url('/wp-content/themes/wohntip/font/icon/wohntip-icons_v2.woff') format('woff'),
  url('/wp-content/themes/wohntip/font/icon/wohntip-icons_v2.ttf') format('truetype'),
  url('/wp-content/themes/wohntip/font/icon/wohntip-icons_v2.svg#wohntip') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*='icon-']:before{
  display: inline-block;
  font-family: 'Wohntip Icons V2';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-arrow_bottom:before{content:'\0041';}
.icon-arrow_left:before{content:'\0042';}
.icon-arrow_right:before{content:'\0043';}
.icon-arrow_top:before{content:'\0044';}
.icon-cross:before{content:'\0045'; font-weight: bold;}
.icon-facebook:before{content:'\0046';}
.icon-instagram:before{content:'\0047'; }



/* HTML ELEMENTS */

html, body {
  font-family: 'NewsGothicBT', sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 0.825vw;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

h1, .h1, h2, .h2, h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
  font-family: 'NewsGothicBT Condensed', sans-serif;
  font-weight: 700;
  font-size: 1.6em;
  line-height: 1.4em;
  letter-spacing: 0.01em;
  color: #1a1a1a;
  text-decoration: none;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  overflow: visible;
}

h2, .h2 {
  font-size: 2em;
}

h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
  font-family: 'NewsGothicBT', sans-serif;
  font-weight: 400;
  font-size: 1.4em;
}

p, li, p a, .p {
  font-family: 'NewsGothicBT', sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.45em;
  letter-spacing: 0.02em;
  color: #1a1a1a;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

strong,
b {
  font-family: 'NewsGothicBT', sans-serif;
  font-weight: 700;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.fweight--light {
  font-family: 'NewsGothicBT', sans-serif;
  font-weight: 400;
}

.fstyle--lightCondensed {
  font-family: 'NewsGothicBT Condensed';
  font-weight: 400;
}

.fstyle--Condensed {
  font-family: 'NewsGothicBT Condensed';
  font-weight: 700;
}

.fsize--large {
  font-size: 7em;
}

.fsize--marginal {
  font-size: 0.85em;
}

h1, h2, h3, h4, h5, h6, b, strong, b, p, li {
  font-feature-settings:"kern" 1;
  -webkit-font-kerning: normal;
  font-kerning: normal;
}

/***** locked wysiwyg styles to avoid different title sizes */

.wysiwyg-editor h1, .wysiwyg-editor h2, .wysiwyg-editor h3,
.wysiwyg-editor h4, .wysiwyg-editor h5, .wysiwyg-editor h6 {
  font-family: 'NewsGothicBT', sans-serif;
  font-weight: 700;
  font-size: 4em;
  line-height: 4em;
  letter-spacing: 0.01em;
  color: var(--wohntip-orange);
  text-decoration: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  overflow: visible;
}

/* LINKS / GLOBAL INTERACTIONS *******************************************************************************/

/***** Links */

p a {
  text-decoration: none;
}

p a:hover {
  cursor: pointer;
}

p a strong,
p a b {
  padding: 0em 0em 0em 0em !important;
  font-weight: 700 !important;
}

a,
a:visited,
a:hover,
a:active {
  color: #1a1a1a;
  text-decoration: none;
  cursor: pointer;
}

/***** Atomic CSS classes */
ul.plain {
  padding-left: 0;
  list-style-type: none;
}

/***** Colors */
.bg--orange {
  background-color: var(--wohntip-orange);
}
.bg--orangeTransp {
  background-color: rgba(235, 118, 0, .9);
}
.bg--darkgray {
  background-color: #323131;
}

.fcolor--white,
.fcolor--white h2,
.fcolor--white h3,
.fcolor--white p,
.fcolor--white a {
  color: #fff;
}


/***** SVG shapes */
.svg-wrap {
  position: relative;
}
.svg-wrap svg {
  position: absolute;
  width: 100%;
  height: auto;
}

.svg-wrap.logo svg .shape {
  fill: var(--wohntip-orange);
}
.svg-wrap.logo.fill--white svg .shape {
  fill: #fff;
}

/***** Buttons */

.button {
  background: var(--wohntip-orange);
  color: #fff;
  padding: 0.3em 1em 0.45em;
  border: unset;
  margin-top: 0em;
  display: inline-block;
  cursor: pointer;
}

.button:active {
  opacity: 0.8;
}

.button.neg {
  background: #fff;
  color: var(--wohntip-orange);
  border: 0.0625em solid var(--wohntip-orange);
}

.button.border {
  border: 1px solid white;
}

/**/

.centered-button {
  width: 100%;
  text-align: center;
  margin: 1.875em 0;
}
.centered-button .button {
  display: inline;
}

/***** Interactions */

::-moz-selection {
  background: var(--wohntip-orange);
  color: #fff !important;
}

::selection {
  background: var(--wohntip-orange);
  color: #fff !important;
}

::-moz-selection {
  background: var(--wohntip-orange);
  color: #fff !important;
}

*:focus {
  outline: none !important;
}

/***** some ie-fixes */

* {
  text-decoration: none;
}
body:not(.browser-ie) {
  color: inherit;
}


/***** Page Fade-In */

#page {
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fadein {
  0%    { opacity: 0; }
  100%  { opacity: 1; }
}

@keyframes fadein {
  0%    { opacity: 0; }
  100%  { opacity: 1; }
}
@-webkit-keyframes fadeout {
  0%    { opacity: 1; }
  100%  { opacity: 0; }
}
@keyframes fadeout {
  0%    { opacity: 1; }
  100%  { opacity: 0; }
}


/***** scroll reveal */

.scrl {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease-out;
  transition-delay: 0.2s;
}

.scrl.on {
  opacity: 1;
  transform: translateY(0px);
}

/***** on hover effects */

.grid-item .grid-item__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grid-item__inner.slide-effect {
  perspective: 600px;
  overflow: hidden;
}

.grid-item__inner.slide-effect .overlay {
  transform: translate(-100%, -100%);
  /* pointer-events: none; */
}

.grid-item__inner.slide-effect .overlay.onhover .nested-trigger {
  pointer-events: all;
}

.grid-item__inner.slide-effect .overlay.onhover {
  visibility: visible !important;
}

/* .grid-item.slide-effect.open .overlay {
transform: translate(0%, 0%);
} */


.in-top .overlay {
  transform-origin: 50% 0%;
  -webkit-animation: in-top 0.25s ease 0ms 1 forwards;
  animation: in-top 0.25s ease 0ms 1 forwards;
}

.in-right .overlay {
  transform-origin: 100% 0%;
  -webkit-animation: in-right 0.25s ease 0ms 1 forwards;
  animation: in-right 0.25s ease 0ms 1 forwards;
}

.in-bottom .overlay {
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 0.25s ease 0ms 1 forwards;
  animation: in-bottom 0.25s ease 0ms 1 forwards;
}

.in-left .overlay {
  transform-origin: 0% 0%;
  -webkit-animation: in-left 0.25s ease 0ms 1 forwards;
  animation: in-left 0.25s ease 0ms 1 forwards;
}

.out-top .overlay {
  transform-origin: 50% 0%;
  -webkit-animation: out-top 0.25s ease 0ms 1 forwards;
  animation: out-top 0.25s ease 0ms 1 forwards;
}

.out-right .overlay {
  transform-origin: 100% 50%;
  -webkit-animation: out-right 0.25s ease 0ms 1 forwards;
  animation: out-right 0.25s ease 0ms 1 forwards;
}

.out-bottom .overlay {
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 0.25s ease 0ms 1 forwards;
  animation: out-bottom 0.25s ease 0ms 1 forwards;
}

.out-left .overlay {
  transform-origin: 0% 0%;
  -webkit-animation: out-left 0.25s ease 0ms 1 forwards;
  animation: out-left 0.25s ease 0ms 1 forwards;
}

.in-mobile .overlay {
  transform-origin: 0% 100%;
  -webkit-animation: in-left 0.25s ease 0ms 1 forwards;
  animation: in-left 0.25s ease 0ms 1 forwards;
}

.out-mobile .overlay {
  transform-origin: 0% 0%;
  -webkit-animation: out-left 0.25s ease 0ms 1 forwards;
  animation: out-left 0.25s ease 0ms 1 forwards;
}

.in-mobile .mobile-triggers {
  transform-origin: 0% -50%;
  -webkit-animation: trigger-in 0.25s ease 0ms 1 forwards;
  animation: trigger-in 0.25s ease 0ms 1 forwards;
}

.out-mobile .mobile-triggers {
  transform-origin: -100% -50%;
  -webkit-animation: trigger-out 0.25s ease 0ms 1 forwards;
  animation: trigger-out 0.25s ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
  from {
    opacity: 0.75;
    transform: translate(0%, -100%);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}

@keyframes in-top {
  from {
    opacity: 0.75;
    transform: translate(0%, -100%);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}

@-webkit-keyframes in-right {
  from {
    opacity: 0.75;
    transform: translate(100%, 0%);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@keyframes in-right {
  from {
    opacity: 0.75;
    transform: translate(100%, 0%);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@-webkit-keyframes in-bottom {
  from {
    opacity: 0.75;
    transform: translate(0%, 100%);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@keyframes in-bottom {
  from {
    opacity: 0.75;
    transform: translate(0%, 100%);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@-webkit-keyframes in-left {
  from {
    opacity: 0.75;
    transform: translate(-100%, 0%);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@keyframes in-left {
  from {
    opacity: 0.75;
    transform: translate(-100%, 0%);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@-webkit-keyframes out-top {
  from {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  to {
    opacity: 0.75;
    transform: translate(0%, -100%);
  }
}
@keyframes out-top {
  from {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  to {
    opacity: 0.75;
    transform: translate(0%, -100%);
  }
}
@-webkit-keyframes out-right {
  from {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  to {
    opacity: 0.75;
    transform: translate(100%, 0%);
  }
}
@keyframes out-right {
  from {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  to {
    opacity: 0.75;
    transform: translate(100%, 0%);
  }
}
@-webkit-keyframes out-bottom {
  from {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  to {
    opacity: 0.75;
    transform: translate(0%, 100%);
  }
}
@keyframes out-bottom {
  from {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  to {
    opacity: 0.75;
    transform: translate(0%, 100%);
  }
}
@-webkit-keyframes out-left {
  from {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  to {
    opacity: 0.75;
    transform: translate(-100%, 0%);
  }
}
@keyframes out-left {
  from {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  to {
    opacity: 0.75;
    transform: translate(-100%, 0%);
  }
}


@-webkit-keyframes trigger-in {
  from {
    opacity: 0.75;
    transform: translate(0%, -50%);
  }
  to {
    opacity: 1;
    transform: translate(-100%, -50%);
  }
}


@-webkit-keyframes trigger-out {
  from {
    opacity: 0.75;
    transform: translate(-100%, -50%);
  }
  to {
    opacity: 1;
    transform: translate(0%, -50%);
  }
}


@keyframes trigger-out {
  from {
    opacity: 0.75;
    transform: translate(-100%, -50%);
  }
  to {
    opacity: 1;
    transform: translate(0%, -50%);
  }
}

/* MISC *******************************************************************************/

/***** Spacing */

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  min-height: 100%;
  background: #fff;
  overflow-x: hidden;
}

#content {
  position: relative;
}

#page {
  position: relative;
  max-width: 1999px;
  margin: 0 auto;
  min-height: 100vh;
}

/***** Hide Comments and others */

.cat-links, .entry-footer {
  display: none;
}

/***** clear after float */

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/***** hide stuff on specific breakpoints */

.no-lg {
  display: none;
}


/* DESKTOP //////////////////////////////////////////////////////////////// */
/*
01. Presets
02. Navigation
03. Footer
04. NoScript
*/

/*
-----------------------------------------------------------------------------

01. Presets

-----------------------------------------------------------------------------
*/

/* LAYOUT *******************************************************************************/

main {
  width: 100%;
  margin-bottom: 2.3em;
  position: relative;
  overflow: hidden;
}
body.news-banner-active main {
  margin-top: 3rem;
}

.sec-wrap {
  width: 100%;
  height: auto;
  position: relative;
}

.sec-wrap__inner {
  width: 100%;
  height: auto;
  max-width: 79.375em;
  margin: auto;
  padding: 1.25em 2.1875em;
  position: relative;
}

.sec-wrap__inner.no-padding {
  padding: 1.25em 0;
}

.sec-wrap__inner.flexbox {
  padding: 1.25em 1.5625em;
}

.sec-wrap__inner.full {
  max-width: 100%;
}

.sec-wrap__inner.slim {
  max-width: 62.5em;
}

.sec-wrap__inner.slimmer {
  max-width: 50em;
}

.sec-wrap__inner.slim-af {
  max-width: 34.375em;
}

/***** Text columns */

.text-2-columns {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  column-gap: 1.875em;
  -webkit-column-gap: 1.875em;
  -moz-column-gap: 1.875em;
  -ms-column-gap: 1.875em;
  margin: 1.875em 0;
}

.text-3-columns {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  column-gap: 1.875em;
  -webkit-column-gap: 1.875em;
  -moz-column-gap: 1.875em;
  -ms-column-gap: 1.875em;
}

/***** Text overflow */

span.nobreak {
  white-space: nowrap;
}

span.shorten {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**/

.centered-text h1, .centered-text h2, .centered-text h3, .centered-text h4, .centered-text h5, .centered-text h6, .centered-text p, .centered-text span, .centered-text a,
h1.centered-text, h2.centered-text, h3.centered-text, h4.centered-text, h5.centered-text, h6.centered-text, p.centered-text, span.centered-text, a.centered-text  {
  text-align: center;
}

/***** Centered image */

.centered-image-wrap {
  width: 100%;
  margin: auto;
  height: 28.125em;
  position: relative;
  overflow: hidden;
  /* fallback for bg-img usage */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.centered-image-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.centered-image-wrap.full img {
  width: 100%;
}

.centered-image-wrap.blurry-bg .background-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  transform: scale(1.1);
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**** some ie-browser fixes */

.browser-ie .centered-image-wrap.blurry-bg  .background-image {
  -webkit-filter: none;
  filter: none;
}
.browser-ie .centered-image-wrap.blurry-bg  .background-image ~ img {
  display: none;
}

/***** Covered image wrap */

.covered-image-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.covered-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/**** ie-browser fixes */

.browser-ie .covered-image-wrap,
.browser-edge .covered-image-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


/**** lazy loaded images */

img.lazyload {
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
img.lazyload.loaded {
  opacity: 1;
}


/*** Master Grid Layout */
#mastergrid {
  position: relative;
  display: -ms-grid;
  display: grid;
  margin-top: 2.3em;
  -ms-grid-columns: (1fr);
  grid-template-columns: repeat(21, 1fr);
  -ms-grid-rows: (1fr);
  grid-template-rows: repeat(13, 1fr);
  grid-template-areas:
  "n n n . c c c c c c c c c c c c c c c c c"
  "n n n . c c c c c c c c c c c c c c c c c"
  "n n n . c c c c c c c c c c c c c c c c c"
  "n n n . c c c c c c c c c c c c c c c c c"
  "n n n . c c c c c c c c c c c c c c c c c"
  "d d d . c c c c c c c c c c c c c c c c c"
  "d d d . c c c c c c c c c c c c c c c c c"
  "d d d . c c c c c c c c c c c c c c c c c"
  "d d d . c c c c c c c c c c c c c c c c c"
  "d d d . c c c c c c c c c c c c c c c c c"
  "d d d . c c c c c c c c c c c c c c c c c"
  "d d d . c c c c c c c c c c c c c c c c c"
  "d d d . c c c c c c c c c c c c c c c c c";
  width: 100%;
  height: 100%;
}

/*** Content */
#mastergrid_content {
  -ms-grid-row-span: 13;
  -ms-grid-column-span: 17;
  grid-area: c;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid var(--grid-border-orange);
}

#mastergrid_content.auto-grid,
#mastergrid_content.logo-grid {
  border-top: none;
  border-right: none;
}

#mastergrid_content .fullwidth-wapper {
  padding: 5em;
}

#mastergrid_content .mastergrid_content__inner {
  display: -ms-grid;
  display: grid;
}
#mastergrid_content.grid-sizer .mastergrid_content__inner {
  height: 1px;
  overflow: hidden;
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: -1;
  pointer-events: none;
}

#mastergrid_content.auto-grid .mastergrid_content__inner,
#mastergrid_content.grid-sizer .mastergrid_content__inner {
  grid-template-areas:
  ". . . . . . . . . . . . . . . . ."
  ". img1 img1 img1 . img2 img2 img2 . img3 img3 img3 . img4 img4 img4 ."
  ". img1 img1 img1 . img2 img2 img2 . img3 img3 img3 . img4 img4 img4 ."
  ". img1 img1 img1 . img2 img2 img2 . img3 img3 img3 . img4 img4 img4 ."
  ". . . . . . . . . . . . . . . . ."
  ". img5 img5 img5 . img6 img6 img6 . img7 img7 img7 . img8 img8 img8 ."
  ". img5 img5 img5 . img6 img6 img6 . img7 img7 img7 . img8 img8 img8 ."
  ". img5 img5 img5 . img6 img6 img6 . img7 img7 img7 . img8 img8 img8 ."
  ". . . . . . . . . . . . . . . . ."
  ". img9 img9 img9 . img10 img10 img10 . img11 img11 img11 . img12 img12 img12 ."
  ". img9 img9 img9 . img10 img10 img10 . img11 img11 img11 . img12 img12 img12 ."
  ". img9 img9 img9 . img10 img10 img10 . img11 img11 img11 . img12 img12 img12 ."
  ". . . . . . . . . . . . . . . . ."
  ". img13 img13 img13 . img14 img14 img14 . img15 img15 img15 . img16 img16 img16 ."
  ". img13 img13 img13 . img14 img14 img14 . img15 img15 img15 . img16 img16 img16 ."
  ". img13 img13 img13 . img14 img14 img14 . img15 img15 img15 . img16 img16 img16 ."
  ". . . . . . . . . . . . . . . . ."
  ". img17 img17 img17 . img18 img18 img18 . img19 img19 img19 . img20 img20 img20 ."
  ". img17 img17 img17 . img18 img18 img18 . img19 img19 img19 . img20 img20 img20 ."
  ". img17 img17 img17 . img18 img18 img18 . img19 img19 img19 . img20 img20 img20 ."
  ". . . . . . . . . . . . . . . . ."
  ". img21 img21 img21 . img22 img22 img22 . img23 img23 img23 . img24 img24 img24 ."
  ". img21 img21 img21 . img22 img22 img22 . img23 img23 img23 . img24 img24 img24 ."
  ". img21 img21 img21 . img22 img22 img22 . img23 img23 img23 . img24 img24 img24 ."
  ". . . . . . . . . . . . . . . . ."
  ". img25 img25 img25 . img26 img26 img26 . img27 img27 img27 . img28 img28 img28 ."
  ". img25 img25 img25 . img26 img26 img26 . img27 img27 img27 . img28 img28 img28 ."
  ". img25 img25 img25 . img26 img26 img26 . img27 img27 img27 . img28 img28 img28 ."
  ". . . . . . . . . . . . . . . . ."
  ". img29 img29 img29 . img30 img30 img30 . img31 img31 img31 . img32 img32 img32 ."
  ". img29 img29 img29 . img30 img30 img30 . img31 img31 img31 . img32 img32 img32 ."
  ". img29 img29 img29 . img30 img30 img30 . img31 img31 img31 . img32 img32 img32 ."
  ". . . . . . . . . . . . . . . . ."
  ". img33 img33 img33 . img34 img34 img34 . img35 img35 img35 . img36 img36 img36 ."
  ". img33 img33 img33 . img34 img34 img34 . img35 img35 img35 . img36 img36 img36 ."
  ". img33 img33 img33 . img34 img34 img34 . img35 img35 img35 . img36 img36 img36 ."
  ". . . . . . . . . . . . . . . . ."
  ". img37 img37 img37 . img38 img38 img38 . img39 img39 img39 . img40 img40 img40 ."
  ". img37 img37 img37 . img38 img38 img38 . img39 img39 img39 . img40 img40 img40 ."
  ". img37 img37 img37 . img38 img38 img38 . img39 img39 img39 . img40 img40 img40 ."
  ". . . . . . . . . . . . . . . . ."
  ". img41 img41 img41 . img42 img42 img42 . img43 img43 img43 . img44 img44 img44 ."
  ". img41 img41 img41 . img42 img42 img42 . img43 img43 img43 . img44 img44 img44 ."
  ". img41 img41 img41 . img42 img42 img42 . img43 img43 img43 . img44 img44 img44 ."
  ". . . . . . . . . . . . . . . . ."
  ". img45 img45 img45 . img46 img46 img46 . img47 img47 img47 . img48 img48 img48 ."
  ". img45 img45 img45 . img46 img46 img46 . img47 img47 img47 . img48 img48 img48 ."
  ". img45 img45 img45 . img46 img46 img46 . img47 img47 img47 . img48 img48 img48 ."
  ". . . . . . . . . . . . . . . . ."
  ". img49 img49 img49 . img50 img50 img50 . img51 img51 img51 . img52 img52 img52 ."
  ". img49 img49 img49 . img50 img50 img50 . img51 img51 img51 . img52 img52 img52 ."
  ". img49 img49 img49 . img50 img50 img50 . img51 img51 img51 . img52 img52 img52 ."
  ". . . . . . . . . . . . . . . . ."
  ". img53 img53 img53 . img54 img54 img54 . img55 img55 img55 . img56 img56 img56 ."
  ". img53 img53 img53 . img54 img54 img54 . img55 img55 img55 . img56 img56 img56 ."
  ". img53 img53 img53 . img54 img54 img54 . img55 img55 img55 . img56 img56 img56 ."
  ". . . . . . . . . . . . . . . . ."
  ". img57 img57 img57 . img58 img58 img58 . img59 img59 img59 . img60 img60 img60 ."
  ". img57 img57 img57 . img58 img58 img58 . img59 img59 img59 . img60 img60 img60 ."
  ". img57 img57 img57 . img58 img58 img58 . img59 img59 img59 . img60 img60 img60 ."
  ". . . . . . . . . . . . . . . . ."
  ". img61 img61 img61 . img62 img62 img62 . img63 img63 img63 . img64 img64 img64 ."
  ". img61 img61 img61 . img62 img62 img62 . img63 img63 img63 . img64 img64 img64 ."
  ". img61 img61 img61 . img62 img62 img62 . img63 img63 img63 . img64 img64 img64 ."
  ". . . . . . . . . . . . . . . . .";
}



#mastergrid_content.logo-grid .mastergrid_content__inner {
  grid-template-areas: ". . . . . . . . . . . . . . . . .";
}

#mastergrid_content.logo-grid .logo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: calc( 100% - var(--square-size) + var(--grid-border-width) );
  height: 100%;
}

#mastergrid_content.logo-grid .logo-overlay .logo-box {
  position: relative;
  float: left;
  z-index: 1;
  width: calc( var(--square-size) * 3 );
  height: calc( var(--square-size) * 2 );
  cursor: pointer;
}

#mastergrid_content.logo-grid .logo-overlay .logo-box img:nth-of-type(2) {
  display: none;
}
#mastergrid_content.logo-grid .logo-overlay .logo-box:hover img:nth-of-type(1) {
  display: none;
}
#mastergrid_content.logo-grid .logo-overlay .logo-box:hover img:nth-of-type(2) {
  display: block;
}


#mastergrid .grid-item {
  position: relative;
  border-top: var(--grid-border-width) solid var(--grid-border-orange);
  border-right: var(--grid-border-width) solid var(--grid-border-orange);
}

#mastergrid .grid-item.square::after {
  /* trick the boxes to be square */
  content: "";
  padding-bottom: 100%;
  display: block;
  z-index: -1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}


#mastergrid .grid-item .overlay {
  position: absolute;
  z-index: 1;
  top: 0; left: 0;
  width: 100%; height: 100%;
  padding: 1.5em 1em;
}
#mastergrid .grid-item .overlay h2 {
  margin: 0;
}
#mastergrid .grid-item .overlay p {
  margin: 0.75em 0;
}


/*** Mobile triggers (activated when no mouse is available)  */
@media (pointer: coarse) {

  #mastergrid .grid-item.mobile-overlay .mobile-triggers {
    background-color: var(--wohntip-orange);
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    left: 0;
    top: 50%;
    transform: translate(0 , -50%);
  }

  #mastergrid .grid-item.mobile-overlay .mobile-triggers::after {
    position: absolute;
    font-family: 'Wohntip Icons V2';
    content: '\0042';
    font-size: 1.5em;
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    transform: rotate(180deg);
    align-items: center;
  }


  #mastergrid .grid-item.mobile-overlay .overlay .close-box {
    position: absolute;
    display: block;
    top: 0; right: 0;
    width: 2.5rem;
    height: 2.75rem;
    z-index: 50;
  }

  #mastergrid .grid-item.mobile-overlay .overlay .close-box::after {
    position: absolute;
    font-family: 'Wohntip Icons V2';
    content: '\0045';
    color: #ffffff;
    right: .7em;
    top: .65em;
    font-size: 1.1em;
    font-weight: bold;
  }

}


/*** Decoration sidebar  */
#mastergrid__deco {
  -ms-grid-row: 6;
  -ms-grid-row-span: 8;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  position: absolute;
  bottom: var(--grid-border-width);
  top: auto;
  grid-area: d;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  border-left: var(--grid-border-width) solid var(--grid-border-orange);
  border-bottom: var(--grid-border-width) solid var(--grid-border-orange);
}
#mastergrid__deco:empty {
  display: none;
}
#mastergrid__deco .grid-item:nth-of-type(-n+3) {
  border-top-color: transparent;
}
#mastergrid__deco .grid-item:nth-of-type(1),
#mastergrid__deco .grid-item:nth-of-type(6),
#mastergrid__deco .grid-item:nth-of-type(10),
#mastergrid__deco .grid-item:nth-of-type(20) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/wp-content/themes/wohntip/media/deko/deko2.jpg');
}
#mastergrid__deco .grid-item:nth-of-type(6) {
  background-image: url('/wp-content/themes/wohntip/media/deko/deko3.jpg');
}
#mastergrid__deco .grid-item:nth-of-type(10) {
  background-image: url('/wp-content/themes/wohntip/media/deko/deko4.jpg');
}
#mastergrid__deco .grid-item:nth-of-type(20) {
  background-image: url('/wp-content/themes/wohntip/media/deko/deko1.jpg');
}





/* COMPONENTS *******************************************************************************/

/***** Gallery slider */

.slick-next {
  font-size: 0em;
  position: absolute;
  margin: 0;
  border: 0;
  font-size: 0em;
  height: 100%;
  width: 8rem;
  right: -8rem;
  top: 0;
  z-index: 100;
  outline: none;
  background-color: transparent;
  transition: all 0.3s ease-out;
}
.slick-next::after {
  font-family: 'Wohntip Icons V2';
  width: 100%;
  height: 4rem;
  position: absolute;
  content:'\0043';
  top: calc(50% - 2rem);
  right: 0;
  font-size: 3.5rem;
  color: #fff;
  line-height: 4rem;
}

/* .slick-next:hover {
background-position: 1.75em center;
} */

.slick-prev {
  font-size: 0em;
  position: absolute;
  overflow: hidden;
  margin: 0;
  border: 0;
  font-size: 0;
  height: 100%;
  width: 8rem;
  left: -8rem;
  top: 0;
  z-index: 100;
  outline: none;
  background-color: transparent;
  transition: all 0.3s ease-out;
}
.slick-prev::after {
  font-family: 'Wohntip Icons V2';
  width: 100%;
  height: 4rem;
  position: absolute;
  content:'\0042';
  top: calc(50% - 2rem);
  left: 0;
  font-size: 3.5rem;
  color: #fff;
  line-height: 4rem;
}

/* .slick-prev:hover {
background-position: 1.375em center;
} */

/* slider height */
.gallery-slider,
.gallery-slider__images .item .img-fill,
.gallery-slider__images .item .img-fill img {
  height: 35vw;
  max-height: 750px;
}

.gallery-slider {
  position: relative;
  overflow: visible;
  width: calc(100% - 16em);
}

.gallery-slider__images {
  margin: 0;
  position: relative;
}
.gallery-slider__images.lightbox:hover {
  cursor: pointer;
}

.gallery-slider__images .item {
  padding: 0;
}

.gallery-slider__images .item .img-fill {
  overflow: hidden;
  text-align: center;
  float: left;
}

.gallery-slider__images .item .img-fill img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none !important;
  transform: translate(-50%, -50%);
}

.gallery-slider .img-fill {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.gallery-slider .slick-slider {
  padding: 0 !important;
}

.gallery-slider .slick-slide {
  float: left;
  outline: none;
}

/**/

.slick-lightbox .slick-next {
  height: 100%;
  top: 0;
  right: 0;
  color: #fff;
  background: rgba(255,255,255,0);
}

.slick-lightbox .slick-prev {
  height: 100%;
  top: 0;
  left: 0;
  color: #fff;
  background: rgba(255,255,255,0);
}

.slick-lightbox-close {
  position: absolute;
  top: 0.9375em;
  right: 0.9375em;
  display: block;
  height: 3.75em;
  width: 3.75em;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: none;
  z-index: 99;
}

.slick-lightbox-close:focus {
  outline: none
}

.slick-lightbox-close:before {
  font-size: 0.9375em;
  color: #fff;
  font-family: 'Icons Base'; /* insert 'Icons Base Rounded' for rounded version */
  content:'\004a';
}

/***** Video iframe */

.video-wrap {
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.video-wrap iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/***** Accordion */

.accordion-wrap {
  border: 0.125em solid;
  padding: 0;
}

.accordion-trigger {
  padding: 1.5625em 1.25em;
  position: relative;
  cursor: pointer;
}

.accordion-trigger::after {
  font-family: 'Icons Base';
  content: "\0045";
  position: absolute;
  right: 1.25em;
  top: 1.6875em;
  font-size: 1.875em;
}
.accordion-trigger.active::after {
  content: "\0048";
}

.accordion-trigger h3 {
  margin: 0;
}

.accordion-content {
  max-height: 0;
  padding: 0 1.25em;
  overflow: hidden;
}



/*
-----------------------------------------------------------------------------

02. Navigation

-----------------------------------------------------------------------------
*/


/***** Display */

.mobile--trigger {
  display: none;
}

/***** Nav-Wrap */

#mastergrid__nav {
  position: fixed;
  z-index: 20;
  top: 0; left: 0;
  width: calc( var(--square-size) * 3 + var(--grid-border-width) - 1px );
  height: calc( var(--square-size) * 5 + 2.3rem + 3px );
  background: #fff;
}
body.news-banner-active #mastergrid__nav {
  /* match news banner height */
  top: 3rem;
}

#mastergrid__nav::after {
  /* style fix */
  content: '';
  position: absolute;
  top: 0;
  right: -2px;
  width: 4px;
  height: 100%;
  background: #fff;
  z-index: 25;
}

#mastergrid__nav .brand {
  margin-left: var(--square-size);
  width: 10em;
  transform: translate(-1.82em, 2.25em);
}
#mastergrid__nav ul {
  margin-left: var(--square-size);
  margin-top: 10em;
}
#mastergrid__nav ul li {
  font-family: 'NewsGothicBT Condensed';
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.75em;
}

#mastergrid__nav ul li a {
  color: #1a1a1a;
}

#mastergrid__nav ul li a:hover,
#mastergrid__nav ul li a.actual-parent,
#mastergrid__nav ul li a.actual-site {
  color: var(--wohntip-orange);
}

#mastergrid__nav ul a.highlighted {
  color: var(--wohntip-orange);
}

/*
-----------------------------------------------------------------------------

03. Footer

-----------------------------------------------------------------------------
*/

.footer-wrap {
  height: auto;
  margin: 0;
  color: #fff;
  bottom: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 400;
  letter-spacing: 0.02em;
  position: absolute;
  z-index: 99;
}

.footer-wrap span {
  line-height: 1.75em;
}

.footer-wrap .sec-wrap {
  padding: 0 2em;
}

.footer-wrap .flex-wrap {
  display: flex;
}

.footer-wrap .flex-wrap .flex-box {
  padding: 2.5em 2em 1em 2em;
}

.footer-wrap .flex-wrap .flex-box table td {
  padding: .3em 1.5em 0 0;
}

.footer-wrap .flex-wrap .flex-box:last-of-type {
  width: 42.5%;
}

.footer-wrap .flex-wrap .flex-box .flex-box__inner {
  max-width: 17em;
  float: right;
}

.footer__main .box {
  padding: 2.5em 0;
}

.footer__main .svg-wrap.logo {
  width: 10em;
}

.footer-wrap [class*="icon-"] {
  font-size: 2em;
  line-height: 2em;
  padding-right: .2em;
}

.footer-wrap a {
  color: #fff;
  border-bottom: 0;
}

.footer-wrap a:hover,
.footer-wrap [class*="icon-"]:hover {
  color: var(--wohntip-orange);
}


/*
-----------------------------------------------------------------------------

04. NoScript

-----------------------------------------------------------------------------
*/


.warning-banner {
  background: #831414;
  top: 0em;
  text-align: center;
  padding: 1em;
}

.warning-banner {
  width: 100%;
  display: block;
  position: fixed;
  border-radius: 0.1875em;
  z-index: 99999;
}

.warning-banner table {
  width: 100%;
  height: inherit;
  text-align: center;
  margin: 0;
}

.warning-banner p,
.warning-banner b,
.warning-banner a {
  color: #fff;
  margin: 0 0.625em 0 0.625em;
}
.warning-banner p:nth-child(2) {
  margin: 0.625em;
}

.warning-banner a {
  border: 0.0625em solid #fff;
  padding: 0.375em;
  white-space: nowrap;
  border-radius: 0.0625em;
}
.warning-banner a:hover {
  border: 0.0625em solid #fff;
  color: #fff;
}

#noscript:target {
  opacity: 0;
  top: -6.25em;
}

#ie-banner.closed,
#no-access-banner.closed {
  display: none;
}



/* TABLET //////////////////////////////////////////////////////////////// */
/*
01. Presets
02. Navigation
03. Footer
04. NoScript
*/

@media only screen and (max-width: 1600px) {

  /*
  -----------------------------------------------------------------------------

  01. Presets

  -----------------------------------------------------------------------------
  */


  html, body {
    font-size: 1vw;
  }



  /* MISC *******************************************************************************/


  span.fstyle--lightCondensed {
    font-size: 1.2rem;
  }

  .no-md {
    display: none;
  }
  .no-lg {
    display: inherit;
  }
  span.no-lg {
    display: inline;
  }


  /* LAYOUT *******************************************************************************/

  article {
    margin-top: 0;
  }


  /*** Master Grid Layout */
  #mastergrid {
    -ms-grid-columns: (1fr)[17];
    grid-template-columns: repeat(17, 1fr);
    -ms-grid-rows: (1fr)[13];
    grid-template-rows: repeat(13, 1fr);
    grid-template-areas:
    "n n n . c c c c c c c c c c c c c"
    "n n n . c c c c c c c c c c c c c"
    "n n n . c c c c c c c c c c c c c"
    "n n n . c c c c c c c c c c c c c"
    "n n n . c c c c c c c c c c c c c"
    "n n n . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c"
    "d d d . c c c c c c c c c c c c c";
    width: 100%;
    height: 100%;
  }


  #mastergrid_content.grid-sizer .mastergrid_content__inner,
  #mastergrid_content.auto-grid .mastergrid_content__inner {
    grid-template-areas:
    ". . . . . . . . . . . . ."
    ". img1 img1 img1 . img2 img2 img2 . img3 img3 img3 ."
    ". img1 img1 img1 . img2 img2 img2 . img3 img3 img3 ."
    ". img1 img1 img1 . img2 img2 img2 . img3 img3 img3 ."
    ". . . . . . . . . . . . ."
    ". img4 img4 img4 . img5 img5 img5 . img6 img6 img6 ."
    ". img4 img4 img4 . img5 img5 img5 . img6 img6 img6 ."
    ". img4 img4 img4 . img5 img5 img5 . img6 img6 img6 ."
    ". . . . . . . . . . . . ."
    ". img7 img7 img7 . img8 img8 img8 . img9 img9 img9 ."
    ". img7 img7 img7 . img8 img8 img8 . img9 img9 img9 ."
    ". img7 img7 img7 . img8 img8 img8 . img9 img9 img9 ."
    ". . . . . . . . . . . . ."
    ". img10 img10 img10 . img11 img11 img11 . img12 img12 img12 ."
    ". img10 img10 img10 . img11 img11 img11 . img12 img12 img12 ."
    ". img10 img10 img10 . img11 img11 img11 . img12 img12 img12 ."
    ". . . . . . . . . . . . ."
    ". img13 img13 img13 . img14 img14 img14 . img15 img15 img15 ."
    ". img13 img13 img13 . img14 img14 img14 . img15 img15 img15 ."
    ". img13 img13 img13 . img14 img14 img14 . img15 img15 img15 ."
    ". . . . . . . . . . . . ."
    ". img16 img16 img16 . img17 img17 img17 . img18 img18 img18 ."
    ". img16 img16 img16 . img17 img17 img17 . img18 img18 img18 ."
    ". img16 img16 img16 . img17 img17 img17 . img18 img18 img18 ."
    ". . . . . . . . . . . . ."
    ". img19 img19 img19 . img20 img20 img20 . img21 img21 img21 ."
    ". img19 img19 img19 . img20 img20 img20 . img21 img21 img21 ."
    ". img19 img19 img19 . img20 img20 img20 . img21 img21 img21 ."
    ". . . . . . . . . . . . ."
    ". img22 img22 img22 . img23 img23 img23 . img24 img24 img24 ."
    ". img22 img22 img22 . img23 img23 img23 . img24 img24 img24 ."
    ". img22 img22 img22 . img23 img23 img23 . img24 img24 img24 ."
    ". . . . . . . . . . . . ."
    ". img25 img25 img25 . img26 img26 img26 . img27 img27 img27 ."
    ". img25 img25 img25 . img26 img26 img26 . img27 img27 img27 ."
    ". img25 img25 img25 . img26 img26 img26 . img27 img27 img27 ."
    ". . . . . . . . . . . . ."
    ". img28 img28 img28 . img29 img29 img29 . img30 img30 img30 ."
    ". img28 img28 img28 . img29 img29 img29 . img30 img30 img30 ."
    ". img28 img28 img28 . img29 img29 img29 . img30 img30 img30 ."
    ". . . . . . . . . . . . ."
    ". img31 img31 img31 . img32 img32 img32 . img33 img33 img33 ."
    ". img31 img31 img31 . img32 img32 img32 . img33 img33 img33 ."
    ". img31 img31 img31 . img32 img32 img32 . img33 img33 img33 ."
    ". . . . . . . . . . . . ."
    ". img34 img34 img34 . img35 img35 img35 . img36 img36 img36 ."
    ". img34 img34 img34 . img35 img35 img35 . img36 img36 img36 ."
    ". img34 img34 img34 . img35 img35 img35 . img36 img36 img36 ."
    ". . . . . . . . . . . . ."
    ". img37 img37 img37 . img38 img38 img38 . img39 img39 img39 ."
    ". img37 img37 img37 . img38 img38 img38 . img39 img39 img39 ."
    ". img37 img37 img37 . img38 img38 img38 . img39 img39 img39 ."
    ". . . . . . . . . . . . ."
    ". img40 img40 img40 . img41 img41 img41 . img42 img42 img42 ."
    ". img40 img40 img40 . img41 img41 img41 . img42 img42 img42 ."
    ". img40 img40 img40 . img41 img41 img41 . img42 img42 img42 ."
    ". . . . . . . . . . . . ."
    ". img43 img43 img43 . img44 img44 img44 . img45 img45 img45 ."
    ". img43 img43 img43 . img44 img44 img44 . img45 img45 img45 ."
    ". img43 img43 img43 . img44 img44 img44 . img45 img45 img45 ."
    ". . . . . . . . . . . . ."
    ". img46 img46 img46 . img47 img47 img47 . img48 img48 img48 ."
    ". img46 img46 img46 . img47 img47 img47 . img48 img48 img48 ."
    ". img46 img46 img46 . img47 img47 img47 . img48 img48 img48 ."
    ". . . . . . . . . . . . ."
    ". img49 img49 img49 . img50 img50 img50 . img51 img51 img51 ."
    ". img49 img49 img49 . img50 img50 img50 . img51 img51 img51 ."
    ". img49 img49 img49 . img50 img50 img50 . img51 img51 img51 ."
    ". . . . . . . . . . . . ."
    ". img52 img52 img52 . img53 img53 img53 . img54 img54 img54 ."
    ". img52 img52 img52 . img53 img53 img53 . img54 img54 img54 ."
    ". img52 img52 img52 . img53 img53 img53 . img54 img54 img54 ."
    ". . . . . . . . . . . . ."
    ". img55 img55 img55 . img56 img56 img56 . img57 img57 img57 ."
    ". img55 img55 img55 . img56 img56 img56 . img57 img57 img57 ."
    ". img55 img55 img55 . img56 img56 img56 . img57 img57 img57 ."
    ". . . . . . . . . . . . ."
    ". img58 img58 img58 . img59 img59 img59 . img60 img60 img60 ."
    ". img58 img58 img58 . img59 img59 img59 . img60 img60 img60 ."
    ". img58 img58 img58 . img59 img59 img59 . img60 img60 img60 ."
    ". . . . . . . . . . . . ."
    ". img61 img61 img61 . img62 img62 img62 . . . . ."
    ". img61 img61 img61 . img62 img62 img62 . . . . ."
    ". img61 img61 img61 . img62 img62 img62 . . . . ."
    ". . . . . . . . . . . . .";
  }

  #mastergrid_content.logo-grid .mastergrid_content__inner {
    grid-template-areas: ". . . . . . . . . . . . .";
  }

  #mastergrid_content .grid-item.square .box-caption {
    padding: 0 0 0 1em;
  }



  /* COMPONENTS *******************************************************************************/

  /***** Gallery slider */

  .gallery-slider,
  .gallery-slider__images .item .img-fill,
  .gallery-slider__images .item .img-fill img {
    height: 45vw;
  }


  /*
  -----------------------------------------------------------------------------

  02. Navigation

  -----------------------------------------------------------------------------
  */


  /*** NAV Grid */
  #mastergrid__nav {
    width: calc( var(--square-size) * 3 + var(--grid-border-width) - 1px );
    height: calc( var(--square-size) * 6 + 2.3rem + 3px );
  }


  #mastergrid__nav ul li {
    font-size: 1.5rem;
  }

  /*
  -----------------------------------------------------------------------------

  03. Footer

  -----------------------------------------------------------------------------
  */

  .footer-wrap .flex-wrap {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }

  .footer-wrap .flex-box {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding: 0;
  }
  .footer-wrap .flex-wrap .flex-box .flex-box__inner {
    float: unset;
  }

  .footer-wrap .flex-box--md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .footer-wrap .flex-box--md-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .footer-wrap .flex-box--md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .footer-wrap .flex-box--md-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .footer__main .svg-wrap.logo {
    width: 100%;
    max-width: 10em;
  }

  .footer-wrap table td {
    white-space: nowrap;
  }

  /*
  -----------------------------------------------------------------------------

  04. NoScript

  -----------------------------------------------------------------------------
  */

  #mastergrid_content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 17;
    -ms-grid-column: 5;
    -ms-grid-column-span: 13;
  }
  #mastergrid__deco {
    -ms-grid-row: 7;
    -ms-grid-row-span: 11;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }

}

/* MOBILE //////////////////////////////////////////////////////////////// */


/* Special early breakpoint **************************************************************************/
@media only screen and (max-width: 1200px) {

  .fsize--marginal {
    font-size: 1em;
  }

}


/* Special early mobile breakpoint ************************************************************************/

@media only screen and (max-width: 1000px) {


  /*
  -----------------------------------------------------------------------------

  01. Presets

  -----------------------------------------------------------------------------
  */

  html, body {
    font-size: 1.75vw;
  }

  .fsize--marginal {
    font-size: 0.85em;
  }

  .gallery-slider,
  .gallery-slider__images .item .img-fill,
  .gallery-slider__images .item .img-fill img {
    height: 50vw;
  }


  /* LAYOUT ELEMENTS *******************************************************************************/


  /*** Master Grid Layout */
  #mastergrid {
    z-index: 999;
    margin-top: var(--square-size);
    -ms-grid-columns: /*repeat(13, 1fr)*/ (1fr)[9];
    grid-template-columns: /*repeat(13, 1fr)*/ repeat(9, 1fr);
    -ms-grid-rows: /*repeat(25, 1fr)*/ auto;
    grid-template-rows: /*repeat(25, 1fr)*/ auto;
    grid-template-areas:
    "c c c c c c c c c";
  }

  #mastergrid_content.grid-sizer .mastergrid_content__inner,
  #mastergrid_content.auto-grid .mastergrid_content__inner {
    grid-template-areas:
    ". . . . . . . . ."
    ". img1 img1 img1 . img2 img2 img2 ."
    ". img1 img1 img1 . img2 img2 img2 ."
    ". img1 img1 img1 . img2 img2 img2 ."
    ". . . . . . . . ."
    ". img3 img3 img3 . img4 img4 img4 ."
    ". img3 img3 img3 . img4 img4 img4 ."
    ". img3 img3 img3 . img4 img4 img4 ."
    ". . . . . . . . ."
    ". img5 img5 img5 . img6 img6 img6 ."
    ". img5 img5 img5 . img6 img6 img6 ."
    ". img5 img5 img5 . img6 img6 img6 ."
    ". . . . . . . . ."
    ". img7 img7 img7 . img8 img8 img8 ."
    ". img7 img7 img7 . img8 img8 img8 ."
    ". img7 img7 img7 . img8 img8 img8 ."
    ". . . . . . . . ."
    ". img9 img9 img9 . img10 img10 img10 ."
    ". img9 img9 img9 . img10 img10 img10 ."
    ". img9 img9 img9 . img10 img10 img10 ."
    ". . . . . . . . ."
    ". img11 img11 img11 . img12 img12 img12 ."
    ". img11 img11 img11 . img12 img12 img12 ."
    ". img11 img11 img11 . img12 img12 img12 ."
    ". . . . . . . . ."
    ". img13 img13 img13 . img14 img14 img14 ."
    ". img13 img13 img13 . img14 img14 img14 ."
    ". img13 img13 img13 . img14 img14 img14 ."
    ". . . . . . . . ."
    ". img15 img15 img15 . img16 img16 img16 ."
    ". img15 img15 img15 . img16 img16 img16 ."
    ". img15 img15 img15 . img16 img16 img16 ."
    ". . . . . . . . ."
    ". img17 img17 img17 . img18 img18 img18 ."
    ". img17 img17 img17 . img18 img18 img18 ."
    ". img17 img17 img17 . img18 img18 img18 ."
    ". . . . . . . . ."
    ". img19 img19 img19 . img20 img20 img20 ."
    ". img19 img19 img19 . img20 img20 img20 ."
    ". img19 img19 img19 . img20 img20 img20 ."
    ". . . . . . . . ."
    ". img21 img21 img21 . img22 img22 img22 ."
    ". img21 img21 img21 . img22 img22 img22 ."
    ". img21 img21 img21 . img22 img22 img22 ."
    ". . . . . . . . ."
    ". img23 img23 img23 . img24 img24 img24 ."
    ". img23 img23 img23 . img24 img24 img24 ."
    ". img23 img23 img23 . img24 img24 img24 ."
    ". . . . . . . . ."
    ". img25 img25 img25 . img26 img26 img26 ."
    ". img25 img25 img25 . img26 img26 img26 ."
    ". img25 img25 img25 . img26 img26 img26 ."
    ". . . . . . . . ."
    ". img27 img27 img27 . img28 img28 img28 ."
    ". img27 img27 img27 . img28 img28 img28 ."
    ". img27 img27 img27 . img28 img28 img28 ."
    ". . . . . . . . ."
    ". img29 img29 img29 . img30 img30 img30 ."
    ". img29 img29 img29 . img30 img30 img30 ."
    ". img29 img29 img29 . img30 img30 img30 ."
    ". . . . . . . . ."
    ". img31 img31 img31 . img32 img32 img32 ."
    ". img31 img31 img31 . img32 img32 img32 ."
    ". img31 img31 img31 . img32 img32 img32 ."
    ". . . . . . . . ."
    ". img33 img33 img33 . img34 img34 img34 ."
    ". img33 img33 img33 . img34 img34 img34 ."
    ". img33 img33 img33 . img34 img34 img34 ."
    ". . . . . . . . ."
    ". img35 img35 img35 . img36 img36 img36 ."
    ". img35 img35 img35 . img36 img36 img36 ."
    ". img35 img35 img35 . img36 img36 img36 ."
    ". . . . . . . . ."
    ". img37 img37 img37 . img38 img38 img38 ."
    ". img37 img37 img37 . img38 img38 img38 ."
    ". img37 img37 img37 . img38 img38 img38 ."
    ". . . . . . . . ."
    ". img39 img39 img39 . img40 img40 img40 ."    
    ". img39 img39 img39 . img40 img40 img40 ."    
    ". img39 img39 img39 . img40 img40 img40 ."
    ". . . . . . . . ."
    ". img41 img41 img41 . img42 img42 img42 ."    
    ". img41 img41 img41 . img42 img42 img42 ."    
    ". img41 img41 img41 . img42 img42 img42 ."
    ". . . . . . . . ."
    ". img43 img43 img43 . img44 img44 img44 ."
    ". img43 img43 img43 . img44 img44 img44 ."
    ". img43 img43 img43 . img44 img44 img44 ."
    ". . . . . . . . ."
    ". img45 img45 img45 . img46 img46 img46 ."
    ". img45 img45 img45 . img46 img46 img46 ."
    ". img45 img45 img45 . img46 img46 img46 ."
    ". . . . . . . . ."
    ". img47 img47 img47 . img48 img48 img48 ."
    ". img47 img47 img47 . img48 img48 img48 ."
    ". img47 img47 img47 . img48 img48 img48 ."
    ". . . . . . . . ."
    ". img49 img49 img49 . img50 img50 img50 ."
    ". img49 img49 img49 . img50 img50 img50 ."
    ". img49 img49 img49 . img50 img50 img50 ."
    ". . . . . . . . ."
    ". img51 img51 img51 . img52 img52 img52 ."
    ". img51 img51 img51 . img52 img52 img52 ."
    ". img51 img51 img51 . img52 img52 img52 ."
    ". . . . . . . . ."
    ". img53 img53 img53 . img54 img54 img54 ."
    ". img53 img53 img53 . img54 img54 img54 ."
    ". img53 img53 img53 . img54 img54 img54 ."
    ". . . . . . . . ."
    ". img55 img55 img55 . img56 img56 img56 ."
    ". img55 img55 img55 . img56 img56 img56 ."
    ". img55 img55 img55 . img56 img56 img56 ."
    ". . . . . . . . ."
    ". img57 img57 img57 . img58 img58 img58 ."
    ". img57 img57 img57 . img58 img58 img58 ."
    ". img57 img57 img57 . img58 img58 img58 ."
    ". . . . . . . . ."
    ". img59 img59 img59 . img60 img60 img60 ."
    ". img59 img59 img59 . img60 img60 img60 ."
    ". img59 img59 img59 . img60 img60 img60 ."
    ". . . . . . . . ."
    ". img61 img61 img61 . img62 img62 img62 ."
    ". img61 img61 img61 . img62 img62 img62 ."
    ". img61 img61 img61 . img62 img62 img62 ."
    ". . . . . . . . .";
  }

  #mastergrid_content.logo-grid .mastergrid_content__inner {
    grid-template-areas: ". . . . . . . . .";
  }

  #mastergrid .grid-item .overlay {
    padding: 2em 1.5em;
  }


  /* Deco grid */
  #mastergrid__deco {
    display: none;
  }

  /* Sidebar */
  #sidebar--trigger::after {
    font-size: 7vw;
  }



  /* Logo grid */

  #mastergrid_content.logo-grid .logo-overlay {
    top: var(--square-size);
    width: calc(100% + 3px); /* float correction */
    height: calc( 100% - var(--square-size) );
  }


  /*
  -----------------------------------------------------------------------------

  02. Navigation

  -----------------------------------------------------------------------------
  */


  #mastergrid__nav {
    height: calc( var(--square-size) + 1px );
    width: 100%;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid var(--grid-border-orange);
  }

  #mastergrid__nav::after {
    display: none;
  }

  #mastergrid__nav .brand {
    z-index: 2;
    position: relative;
    width: 7.5em;
    transform: translate(-4.15em, 1em);
  }

  #mastergrid__nav .mobile-nav--trigger {
    cursor: pointer;
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    width: var(--square-size);
    height: var(--square-size);
  }
  body.news-banner-active #mastergrid__nav .mobile-nav--trigger {
    top: 3rem;
  }

  #mastergrid__nav .mobile-nav--trigger::before,
  #mastergrid__nav .mobile-nav--trigger::after {
    content: '';
    position: absolute;
    z-index: 99;
    position: fixed;
    right: 1.75em;
    top: 2.5em;
    width: 3em;
    height: 2px;
    background: var(--wohntip-orange);
    transition: all .3s ease-out;
  }
  #mastergrid__nav .mobile-nav--trigger::after {
    top: 3.5rem;
  }  
  
  body.news-banner-active #mastergrid__nav .mobile-nav--trigger::before {
    top: 5.5rem;
  }  
  body.news-banner-active #mastergrid__nav .mobile-nav--trigger::after {
    top: 6.5rem;
  }

  #mastergrid__nav ul {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 7rem 4rem 0 3.65rem;
    background: #fff;
    transition: transform .5s ease;
    transform: translateX(-110vw);
  }
  body.news-banner-active #mastergrid__nav ul {
    top: 3rem;
  }

  #mastergrid__nav ul li {
    font-size: 2em;
  }

  /* --- open state */

  #mastergrid__nav.open ul {
    transform: translateX(0);
  }

  #mastergrid__nav.open .mobile-nav--trigger::before {
    transform: rotate(-45deg) translate(-0.2em, 0.5em);
  }
  #mastergrid__nav.open .mobile-nav--trigger::after {
    transform: rotate(45deg) translate(-0.25em, -0.5em);
  }



  /*
  -----------------------------------------------------------------------------

  03. Footer

  -----------------------------------------------------------------------------
  */


  .footer__main .svg-wrap.logo {
    width: 7.5em;
  }

  .footer-wrap .sec-wrap {
    padding: 0;
  }


  .footer-wrap .flex-box--sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .footer-wrap .flex-box--sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .footer-wrap .flex-box--sm-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .footer-wrap .flex-box--sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .footer-wrap .flex-box--sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .footer-wrap .flex-offset--3 {
    margin-left: 25%;
  }
  #mastergrid_content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
  }



}



/* MOBILE //////////////////////////////////////////////////////////////// */

/*
01. Presets
02. Navigation
03. Footer
04. NoScript
*/

@media only screen and (max-width: 800px) {

  /*
  -----------------------------------------------------------------------------

  01. Presets

  -----------------------------------------------------------------------------
  */

  html, body {
    font-size: 1.85vw;
  }

  /* MISC *******************************************************************************/


  .no-sm {
    display: none;
  }
  .no-md {
    display: inherit;
  }
  span.no-md {
    display: inline;
  }


  /* LAYOUT *******************************************************************************/

  article {
    margin-top: 0; /* Space to Navigation */
  }

  .sec-wrap__inner {
    padding: 1.25em 1.5625em;
  }

  /**/

  .text-2-columns {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
  }

  .text-3-columns {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
  }

  /* COMPONENTS *******************************************************************************/

  /***** Gallery slider */

  .slick-lightbox-close {
    top: 0;
    right: -0.3125em;
  }



  /*
  -----------------------------------------------------------------------------

  02. Navigation

  -----------------------------------------------------------------------------
  */

  #mastergrid__nav ul {
    padding: 7rem 4rem 0 3.4rem;
  }




  /*
  -----------------------------------------------------------------------------

  04. NoScript

  -----------------------------------------------------------------------------
  */

  .warning-banner p, .warning-banner b, .warning-banner a {
    font-size: 0.875em;
  }

  a.close-banner-btn {
    margin-top: 0.625em;
  }

}


/* MINI-MOBILE //////////////////////////////////////////////////////////////// */
/*
01. Presets
02. Navigation
03. Footer
04. NoScript
*/

@media only screen and (max-width: 550px) {

  /*
  -----------------------------------------------------------------------------

  01. Presets

  -----------------------------------------------------------------------------
  */

  /* MISC *******************************************************************************/

  html, body {
    font-size: 3vw;
  }

  .no-xs {
    display: none;
  }
  .no-sm {
    display: inherit;
  }
  span.no-sm {
    display: inline;
  }




  /*** Master Grid Layout */


  #mastergrid {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: /*repeat(9, 1fr)*/ auto;
    grid-template-rows: /*repeat(9, 1fr)*/ auto;
    grid-template-areas:
    "c c c c c";
  }


  #mastergrid_content.grid-sizer .mastergrid_content__inner,
  #mastergrid_content.auto-grid .mastergrid_content__inner {
    grid-template-areas:
    ". . . . ."
    ". img1 img1 img1 ."
    ". img1 img1 img1 ."
    ". img1 img1 img1 ."
    ". . . . ."
    ". img2 img2 img2 ."
    ". img2 img2 img2 ."
    ". img2 img2 img2 ."
    ". . . . ."
    ". img3 img3 img3 ."
    ". img3 img3 img3 ."
    ". img3 img3 img3 ."
    ". . . . ."
    ". img4 img4 img4 ."
    ". img4 img4 img4 ."
    ". img4 img4 img4 ."
    ". . . . ."
    ". img5 img5 img5 ."
    ". img5 img5 img5 ."
    ". img5 img5 img5 ."
    ". . . . ."
    ". img6 img6 img6 ."
    ". img6 img6 img6 ."
    ". img6 img6 img6 ."
    ". . . . ."
    ". img7 img7 img7 ."
    ". img7 img7 img7 ."
    ". img7 img7 img7 ."
    ". . . . ."
    ". img8 img8 img8 ."
    ". img8 img8 img8 ."
    ". img8 img8 img8 ."
    ". . . . ."
    ". img9 img9 img9 ."
    ". img9 img9 img9 ."
    ". img9 img9 img9 ."
    ". . . . ."
    ". img10 img10 img10 ."
    ". img10 img10 img10 ."
    ". img10 img10 img10 ."
    ". . . . ."
    ". img11 img11 img11 ."
    ". img11 img11 img11 ."
    ". img11 img11 img11 ."
    ". . . . ."
    ". img12 img12 img12 ."
    ". img12 img12 img12 ."
    ". img12 img12 img12 ."
    ". . . . ."
    ". img13 img13 img13 ."
    ". img13 img13 img13 ."
    ". img13 img13 img13 ."
    ". . . . ."
    ". img14 img14 img14 ."
    ". img14 img14 img14 ."
    ". img14 img14 img14 ."
    ". . . . ."
    ". img15 img15 img15 ."
    ". img15 img15 img15 ."
    ". img15 img15 img15 ."
    ". . . . ."
    ". img16 img16 img16 ."
    ". img16 img16 img16 ."
    ". img16 img16 img16 ."
    ". . . . ."
    ". img17 img17 img17 ."
    ". img17 img17 img17 ."
    ". img17 img17 img17 ."
    ". . . . ."
    ". img18 img18 img18 ."
    ". img18 img18 img18 ."
    ". img18 img18 img18 ."
    ". . . . ."
    ". img19 img19 img19 ."
    ". img19 img19 img19 ."
    ". img19 img19 img19 ."
    ". . . . ."
    ". img20 img20 img20 ."
    ". img20 img20 img20 ."
    ". img20 img20 img20 ."
    ". . . . ."
    ". img21 img21 img21 ."
    ". img21 img21 img21 ."
    ". img21 img21 img21 ."
    ". . . . ."
    ". img22 img22 img22 ."
    ". img22 img22 img22 ."
    ". img22 img22 img22 ."
    ". . . . ."
    ". img23 img23 img23 ."
    ". img23 img23 img23 ."
    ". img23 img23 img23 ."
    ". . . . ."
    ". img24 img24 img24 ."
    ". img24 img24 img24 ."
    ". img24 img24 img24 ."
    ". . . . ."
    ". img25 img25 img25 ."
    ". img25 img25 img25 ."
    ". img25 img25 img25 ."
    ". . . . ."
    ". img26 img26 img26 ."
    ". img26 img26 img26 ."
    ". img26 img26 img26 ."
    ". . . . ."
    ". img27 img27 img27 ."
    ". img27 img27 img27 ."
    ". img27 img27 img27 ."
    ". . . . ."
    ". img28 img28 img28 ."
    ". img28 img28 img28 ."
    ". img28 img28 img28 ."
    ". . . . ."
    ". img29 img29 img29 ."
    ". img29 img29 img29 ."
    ". img29 img29 img29 ."
    ". . . . ."
    ". img30 img30 img30 ."
    ". img30 img30 img30 ."
    ". img30 img30 img30 ."
    ". . . . ."
    ". img31 img31 img31 ."
    ". img31 img31 img31 ."
    ". img31 img31 img31 ."
    ". . . . ."
    ". img32 img32 img32 ."
    ". img32 img32 img32 ."
    ". img32 img32 img32 ."
    ". . . . ."
    ". img33 img33 img33 ."
    ". img33 img33 img33 ."
    ". img33 img33 img33 ."
    ". . . . ."
    ". img34 img34 img34 ."
    ". img34 img34 img34 ."
    ". img34 img34 img34 ."
    ". . . . ."
    ". img35 img35 img35 ."
    ". img35 img35 img35 ."
    ". img35 img35 img35 ."
    ". . . . ."
    ". img36 img36 img36 ."
    ". img36 img36 img36 ."
    ". img36 img36 img36 ."
    ". . . . ."
    ". img37 img37 img37 ."
    ". img37 img37 img37 ."
    ". img37 img37 img37 ."
    ". . . . ."
    ". img38 img38 img38 ."
    ". img38 img38 img38 ."
    ". img38 img38 img38 ."
    ". . . . ."
    ". img39 img39 img39 ."
    ". img39 img39 img39 ."
    ". img39 img39 img39 ."
    ". . . . ."
    ". img40 img40 img40 ."
    ". img40 img40 img40 ."
    ". img40 img40 img40 ."
    ". . . . ."
    ". img41 img41 img41 ."
    ". img41 img41 img41 ."
    ". img41 img41 img41 ."
    ". . . . ."
    ". img42 img42 img42 ."
    ". img42 img42 img42 ."
    ". img42 img42 img42 ."
    ". . . . ."
    ". img43 img43 img43 ."
    ". img43 img43 img43 ."
    ". img43 img43 img43 ."
    ". . . . ."
    ". img44 img44 img44 ."
    ". img44 img44 img44 ."
    ". img44 img44 img44 ."
    ". . . . ."
    ". img45 img45 img45 ."
    ". img45 img45 img45 ."
    ". img45 img45 img45 ."
    ". . . . ."
    ". img46 img46 img46 ."
    ". img46 img46 img46 ."
    ". img46 img46 img46 ."
    ". . . . ."
    ". img47 img47 img47 ."
    ". img47 img47 img47 ."
    ". img47 img47 img47 ."
    ". . . . ."
    ". img48 img48 img48 ."
    ". img48 img48 img48 ."
    ". img48 img48 img48 ."
    ". . . . ."
    ". img49 img49 img49 ."
    ". img49 img49 img49 ."
    ". img49 img49 img49 ."
    ". . . . ."
    ". img50 img50 img50 ."
    ". img50 img50 img50 ."
    ". img50 img50 img50 ."
    ". . . . ."
    ". img51 img51 img51 ."
    ". img51 img51 img51 ."
    ". img51 img51 img51 ."
    ". . . . ."
    ". img52 img52 img52 ."
    ". img52 img52 img52 ."
    ". img52 img52 img52 ."
    ". . . . ."
    ". img53 img53 img53 ."
    ". img53 img53 img53 ."
    ". img53 img53 img53 ."
    ". . . . ."
    ". img54 img54 img54 ."
    ". img54 img54 img54 ."
    ". img54 img54 img54 ."
    ". . . . ."
    ". img55 img55 img55 ."
    ". img55 img55 img55 ."
    ". img55 img55 img55 ."
    ". . . . ."
    ". img56 img56 img56 ."
    ". img56 img56 img56 ."
    ". img56 img56 img56 ."
    ". . . . ."
    ". img57 img57 img57 ."
    ". img57 img57 img57 ."
    ". img57 img57 img57 ."
    ". . . . ."
    ". img58 img58 img58 ."
    ". img58 img58 img58 ."
    ". img58 img58 img58 ."
    ". . . . ."
    ". img59 img59 img59 ."
    ". img59 img59 img59 ."
    ". img59 img59 img59 ."
    ". . . . ."
    ". img60 img60 img60 ."
    ". img60 img60 img60 ."
    ". img60 img60 img60 ."
    ". . . . ."
    ". img61 img61 img61 ."
    ". img61 img61 img61 ."
    ". img61 img61 img61 ."
    ". . . . ."
    ". img62 img62 img62 ."
    ". img62 img62 img62 ."
    ". img62 img62 img62 ."
    ". . . . .";
  }

  #mastergrid_content.logo-grid .mastergrid_content__inner {
    grid-template-areas: ". . . . . .";
  }



  /* COMPONENTS *******************************************************************************/

  /***** Gallery slider */

  /*** Slick Slider */

  .gallery-slider,
  .gallery-slider__images .item .img-fill,
  .gallery-slider__images .item .img-fill img {
    height: auto;
    width: 70%;
  }

  .gallery-slider .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }


  .slick-next {
    width: 4rem;
    right: -4rem;
  }
  .slick-prev {
    width: 4rem;
    left: -4rem;
  }

  .slick-next::after,
  .slick-prev::after {
    font-size: 2.5rem;
  }



  /*
  -----------------------------------------------------------------------------

  02. Navigation

  -----------------------------------------------------------------------------
  */

  /***** Nav-Wrap */

  #mastergrid__nav .brand {
    width: 7em;
    transform: translate(-4.6em, 1.4em);
  }

  #mastergrid__nav ul {
    padding: 7rem 4rem 0 3.5rem;
  }



  /*
  -----------------------------------------------------------------------------

  03. Footer

  -----------------------------------------------------------------------------
  */

  .footer__main .svg-wrap.logo {
    width: 7em;
    height: 4.5em;
  }

  .footer-wrap .flex-wrap .flex-box {
    padding: 1rem 2rem;
  }

  .footer-wrap .flex-wrap .flex-box {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .footer-wrap .flex-wrap .flex-box .flex-box__inner {
    float: unset;
  }



  /*
  -----------------------------------------------------------------------------

  04. NoScript

  -----------------------------------------------------------------------------
  */


  #mastergrid_content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }

}

/* SPECIAL BREAKPOINTS //////////////////////////////////////////////////////// */

@media only screen and (max-width: 420px) {
  /* font size correction on small mobiles */


  /* Presets */
  html, body {
    font-size: 3.5vw;
  }

  /* Grid items */
  #mastergrid .grid-item .overlay {
    padding: 1.5em 1.25em;
  }

  /* NAV */

  #mastergrid__nav {
    height: calc( var(--square-size) + 2px );
  }

  #mastergrid__nav .brand {
    width: 6em;
    transform: translate(-4em, 1.3em);
  }

  #mastergrid__nav .mobile-nav--trigger::before,
  #mastergrid__nav .mobile-nav--trigger::after {
    right: 1.5em;
    width: 2.5em;
  }

  #mastergrid__nav ul {
    padding: 7rem 4rem 0 2.9rem;
  }


  /* FOOTER */
  .footer__main .svg-wrap.logo {
    width: 6em;
    height: 3.5em;
  }

  .footer-wrap .flex-wrap .flex-box {
    padding: 1rem 1.75rem;
  }


}



@media only screen and (min-width: 2000px) {
  /* stop scaling on huge screens > ~ 2000px */

  html, body {
    font-size: 1em;
  }


  /*** NAV Grid */
  #mastergrid__nav {
    position: absolute;
    height: calc( var(--square-size) * 5 + 3px );
  } 
  body.news-banner-active #mastergrid__nav {
    /* match news banner height */
    top: 0;
  }

  #mastergrid__nav .brand {
    transform: translate(-1.82em, 0);
  }
  #mastergrid__nav ul {
    margin-top: 8em;
  }


  /*** Decoration sidebar  */
  #mastergrid__deco {
    position: absolute;
    bottom: var(--grid-border-width);
    top: auto;
  }


}


/* Printer */

@media print {

  @page {
    margin: 1cm;
  }

  header, nav, footer {
    display: none;
  }

  img {
    max-width: 31.25em;
    visibility: visible !important;
  }

}