@font-face {
  font-family: Cooperhewitt book webfont;
  src: url('../fonts/cooperhewitt-book-webfont.woff2') format("woff2"), url('../fonts/cooperhewitt-book-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Cooperhewitt webfont;
  src: url('../fonts/cooperhewitt-light-webfont.woff2') format("woff2"), url('../fonts/cooperhewitt-light-webfont.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Cooperhewitt webfont;
  src: url('../fonts/cooperhewitt-semibold-webfont.woff2') format("woff2"), url('../fonts/cooperhewitt-semibold-webfont.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Cooperhewitt;
  src: url('../fonts/CooperHewitt-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

:root {
  --magiluxblack: #272727;
  --magiluxgrey2: #a5a5a5;
  --magiluxgrey-3: #6e6e6e;
  --white: white;
  --black: black;
  --magiluxgrey3: #e7e7e7;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: var(--magiluxblack);
  margin-left: 0;
  font-family: Cooperhewitt book webfont, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Cooperhewitt webfont, sans-serif;
  font-size: 5em;
  font-weight: 600;
  line-height: 1.4em;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Cooperhewitt webfont, sans-serif;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.2em;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cooperhewitt webfont, sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.2em;
}

p {
  margin-bottom: 10px;
  font-family: Cooperhewitt book webfont, sans-serif;
  font-weight: 400;
}

a {
  color: var(--magiluxblack);
  border: 1px #000;
  text-decoration: none;
  transition: color .3s ease-in-out;
}

a:hover {
  color: var(--magiluxgrey2);
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 75vh;
  display: flex;
}

.container.contact {
  background-color: var(--magiluxgrey-3);
}

.container.catalogue {
  height: auto;
  padding-top: 12.5vh;
  padding-bottom: 12.5vh;
}

.container.subpages {
  justify-content: flex-start;
  height: auto;
}

.container.landingpage {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  max-width: 80vw;
  height: auto;
}

.container.referenzen {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
}

.section {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.section.begin {
  height: 94vh;
}

.section.catalogue {
  height: auto;
  display: none;
}

.section.subpages {
  height: 45vh;
  margin-top: 8vh;
  margin-bottom: 0;
}

.section.landingpage {
  height: auto;
  min-height: 100vh;
}

.navbar {
  z-index: 9999;
  background-color: var(--white);
  height: 6vh;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.navbarcontainer {
  border-bottom: 1px solid var(--black);
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navitem {
  color: var(--magiluxblack);
  text-align: left;
  transition: color .3s ease-in-out;
  display: flex;
  position: relative;
}

.navitem:hover {
  color: var(--magiluxgrey2);
}

.navitem.logo {
  padding-top: 2px;
  font-family: Cooperhewitt, sans-serif;
  font-size: 2em;
  font-weight: 700;
  text-decoration: none;
}

.navlink {
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}

.navlink.last {
  margin-right: -15px;
}

.navlink.item {
  padding-right: 41px;
}

.dropdownwrapper_1 {
  position: relative;
}

.navlogo {
  text-decoration: none;
}

.content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spacer {
  height: 25px;
}

.spacer.small {
  height: .7rem;
}

.body {
  font-size: 1em;
}

.claim {
  font-size: 1.2em;
}

.gridcontent {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr 1fr;
  height: 100%;
  position: relative;
}

.gridimage {
  padding: 40px;
}

.gridimage._1 {
  background-image: url('../images/magilux-service-projektplanung-von-der-idee-bis-zur-umsetzung.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._2 {
  background-image: url('../images/magilux-wer-wir-sind-informationen-ueber-die-firma.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.gridimage._3 {
  background-image: url('../images/magilux-katalog-download.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._4 {
  background-image: url('../images/magilux-service-projektplanung-von-der-idee-bis-zur-umsetzung.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._5 {
  background-image: url('../images/magilux-led-paneel-sonderanfertigung-deckenbeleuchtung.jpg');
  background-position: 50%;
  background-size: cover;
}

.gridimage._6 {
  background-image: url('../images/magilux-led-beleuchtung-einer-ausstellung-oder-galerie.jpg');
  background-position: 0 0;
  background-size: cover;
}

.gridimage._7 {
  background-image: url('../images/magilux-reparatur-nachhaltigkeit-foerdern-altes-bewahren.jpg');
  background-position: 0 0;
  background-size: cover;
}

.gridimage._8 {
  background-image: url('../images/magilux-zuschnitte-von-aluprofilen-und-led-baendern.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._9 {
  background-image: url('../images/magilux-leuchtpiegel-mit-led-einbau-nach-mass.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._10 {
  background-image: url('../images/magilux-firmengeschichte-geschichte-der-firma.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._11 {
  background-image: url('../images/magilux-10-Fakten-ueber-leds-die-man-wissen-sollte.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._12 {
  background-image: url('../images/magilux-ueber-uns-und-unser-profil.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._13 {
  background-image: url('../images/magilux-wissenswertes-ueber-leds-fachbegriffe-erklaert-glossar.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._14 {
  background-image: url('../images/magilux-led-lager-fuer-aluprofile-spotlights-und-led-baender.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._15 {
  background-image: url('../images/magilux-led-baender-viele-farbtemperaturen-und-laengen-indoor-und-outdoor-rgb-rgbw.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._16 {
  background-image: url('../images/magilux-aluprofile-einbauprofile-eckprofile-rundprofile-sockelprofile-trockenbauprofile-fliesenprofile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._17 {
  background-image: url('../images/magilux-led-spotlights-einbaustrahler-aufbaustrahler-starr-schwenkbar-moebel.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._18 {
  background-image: url('../images/magilux-led-leuchtspiegel-leuchtstoffroehre-indirektes-licht-dimmer-heizung.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._19 {
  background-image: url('../images/magilux-hangefertige-leuchten-auf-led-basisi-zeitloses-design-langlebige-technik-viele-modelle.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._20 {
  background-image: url('../images/magilux-netzteile-konstantspannung-konstantstrom-dimmbar-schutzklasse-ip67.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._21 {
  background-image: url('../images/magilux-controller-fernbedienung-dimmen-lichtfarbe-effekte-rgb-rgbw-bluetooth-casambi.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._22 {
  background-image: url('../images/magilux-puraluce-design-leuchten-italien-katalog.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._23 {
  background-image: url('../images/magilux-kurzkatalog-alles-fuer-led.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gridimage._24 {
  background-image: url('../images/AGB-Image.jpg');
  background-position: 50%;
  background-size: cover;
}

.border {
  border: 1px solid #000;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 40px;
  display: flex;
}

.border.nodisplay {
  border-style: none;
}

.border.referenzen {
  align-self: stretch;
  padding: 7px;
}

.gridheading {
  color: #fff;
  text-shadow: 0 0 20px #a5a5a54a;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.1em;
}

.gridheading.alignedright {
  text-align: right;
  text-shadow: 0 0 20px #a5a5a570;
  padding-left: 0;
}

.gridparagraph.white {
  color: var(--white);
}

.gridparagraph.white.shadow {
  text-shadow: 1px 1px 6px #000;
}

.button {
  border: 1px solid var(--magiluxblack);
  background-color: var(--magiluxblack);
  letter-spacing: .1em;
  padding: 20px 30px;
  font-family: Cooperhewitt webfont, sans-serif;
  font-weight: 600;
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.button:hover {
  border: 1px solid var(--magiluxblack);
  background-color: var(--white);
  color: var(--magiluxblack);
}

.white {
  color: var(--white);
}

.gridcontact {
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  width: 80%;
}

.contacttext {
  color: var(--white);
  text-align: right;
  margin-top: -10px;
  font-family: Cooperhewitt webfont, sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.4em;
}

.text-field {
  height: 3em;
}

.form {
  max-width: 80%;
}

.landingpageimage {
  width: 100%;
  height: 50vh;
}

.landingpageimage._1 {
  background-image: url('../images/magilux-service-projektplanung-von-der-idee-bis-zur-umsetzung.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.landingpageimage._2 {
  background-image: url('../images/magilux-led-paneel-sonderanfertigung-deckenbeleuchtung.jpg');
  background-position: 50% 23%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._3 {
  background-image: url('../images/magilux-leuchtpiegel-mit-led-einbau-nach-mass.jpg');
  background-position: 50% -4%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._5 {
  background-image: url('../images/magilux-reparatur-nachhaltigkeit-foerdern-altes-bewahren.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._4 {
  background-image: url('../images/magilux-led-beleuchtung-einer-ausstellung-oder-galerie.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._6 {
  background-image: url('../images/magilux-zuschnitte-von-aluprofilen-und-led-baendern.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._7 {
  background-image: url('../images/magilux-firmengeschichte-geschichte-der-firma.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._8 {
  background-image: url('../images/magilux-10-Fakten-ueber-leds-die-man-wissen-sollte.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._9 {
  background-image: url('../images/magilux-ueber-uns-und-unser-profil.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._10 {
  background-image: url('../images/magilux-wissenswertes-ueber-leds-fachbegriffe-erklaert-glossar.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._15 {
  background-image: url('../images/magilux-led-baender-viele-farbtemperaturen-und-laengen-indoor-und-outdoor-rgb-rgbw.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._16 {
  background-image: url('../images/magilux-aluprofile-einbauprofile-eckprofile-rundprofile-sockelprofile-trockenbauprofile-fliesenprofile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._17 {
  background-image: url('../images/magilux-led-spotlights-einbaustrahler-aufbaustrahler-starr-schwenkbar-moebel.jpg');
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._18 {
  background-image: url('../images/magilux-led-leuchtspiegel-leuchtstoffroehre-indirektes-licht-dimmer-heizung.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._19 {
  background-image: url('../images/magilux-hangefertige-leuchten-auf-led-basisi-zeitloses-design-langlebige-technik-viele-modelle.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._20 {
  background-image: url('../images/magilux-netzteile-konstantspannung-konstantstrom-dimmbar-schutzklasse-ip67.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpageimage._21 {
  background-image: url('../images/magilux-controller-fernbedienung-dimmen-lichtfarbe-effekte-rgb-rgbw-bluetooth-casambi.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.centered {
  text-align: center;
}

.footer {
  background-color: var(--magiluxgrey3);
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.gridfooter {
  grid-column-gap: 10px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row dense;
}

.footercontent {
  flex-direction: column;
  display: flex;
}

.footertext {
  margin-bottom: 2em;
  font-size: .8em;
}

.footertext.bold {
  font-family: Cooperhewitt webfont, sans-serif;
  font-size: 1.1em;
  font-weight: 600;
}

.footertext.bold.w--current {
  font-size: 1.2em;
}

.footertext.underscore {
  text-decoration: underline;
}

.backtotop {
  z-index: 9999;
  border: 1px solid var(--magiluxblack);
  background-color: var(--magiluxblack);
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 60px;
  margin-right: 10vw;
  transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
  position: fixed;
  inset: auto 0% 0% auto;
}

.backtotop:hover {
  background-color: var(--white);
}

.backtotoplink {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.image {
  filter: invert();
}

.indicator {
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0% 5%;
}

.navbar-mobile {
  z-index: 9999;
  background-color: var(--white);
  height: 6vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.mobilenavitem {
  color: var(--magiluxblack);
  transition: color .3s ease-in-out;
}

.mobilenavitem:hover {
  color: var(--magiluxgrey2);
}

.gridcatalogue {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: 1fr 1fr minmax(100px, auto) 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}

.dropdown-toggle {
  padding: 0 10px 0 0;
  transition: all .2s ease-in-out;
  position: static;
}

.dropdown-list {
  transition: all .2s ease-in-out;
  position: static;
}

.dropdown-list.w--open {
  border: 1px solid var(--magiluxblack);
  background-color: var(--white);
  margin-top: 5px;
  margin-left: 10px;
  transition: all .3s ease-in-out;
  position: absolute;
  left: 0;
}

.icon {
  margin-left: 5px;
  margin-right: 0;
  position: static;
  transform: rotate(0);
}

.heroheading {
  margin-top: 90px;
  margin-bottom: 0;
  font-size: 8em;
}

.heroheading.smaller {
  margin-top: 0;
  font-size: 5.5em;
  line-height: 1.2em;
}

.heroheading.smaller.very-small {
  font-size: 5em;
}

.text-span {
  text-decoration: underline;
}

.referenzen_slider {
  flex: 1;
  align-self: stretch;
  display: block;
}

.referenzen_heading {
  text-align: center;
  font-size: 3em;
  font-weight: 300;
}

.referenzen_heading.slider {
  color: var(--white);
  text-align: center;
  padding-bottom: 80px;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 1.4em;
  position: absolute;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.referenzen_heading.slider.is--txt_black {
  color: var(--black);
}

.slide {
  overflow: hidden;
}

.slide._1 {
  background-image: url('../images/magilux-indirekte-le-beleuchtung-einer-wellnesseinrichtung.jpg');
  background-position: 50% 89%;
  background-size: cover;
}

.slide._2 {
  background-image: url('../images/led-indirekte-aussenbeleuchtung-eines-buerogebaeudes.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._3 {
  background-image: url('../images/magilux-led-paneele-an-der-wand-wandbeleuchtung.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._4 {
  background-image: url('../images/magilux-led-beleuchtung-einer-ausstellung-oder-galerie.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._5 {
  background-image: url('../images/magilux-led-indirekte-innenbeleuchtung-einer-kirche-oder-kapelle.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._6 {
  background-image: url('../images/magilux-led-paneel-sonderanfertigung-deckenbeleuchtung.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._7 {
  background-image: url('../images/led-bodenbeleuchtung-im-flur.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._8 {
  background-image: url('../images/magilux-led-indirekte-deckenbeleuchtung.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._9 {
  background-image: url('../images/magilux-led-aussenbeleuchtung-im-gastgewerbe.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._10 {
  background-image: url('../images/magilux-led-streifen-und-bandbeleuchtung-aussen-vergussmaschine-kunstharz.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._51 {
  background-image: url('../images/magilux-led-steuerung-rgbw-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._52 {
  background-image: url('../images/magilux-led-steuerung-rgbw-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._53 {
  background-image: url('../images/magilux-led-steuerung-rgbw-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._54 {
  background-image: url('../images/magilux-led-steuerung-rgbw-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._21 {
  background-image: url('../images/magilux-led-direkte-deckenbeleuchtung.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._22 {
  background-image: url('../images/magilux-led-deckenbeleuchtung.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._31 {
  background-image: url('../images/FLEX_LED_2216.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._32 {
  background-image: url('../images/CCT.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._33 {
  background-image: url('../images/RGBW.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._34 {
  background-image: url('../images/mini-Cut.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._35 {
  background-image: url('../images/25m.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._36 {
  background-image: url('../images/RGBCCT_Rolle.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._37 {
  background-image: url('../images/CCT.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-nav {
  font-size: .7em;
}

.icon-3, .icon-4 {
  font-size: .5em;
}

.landigpagetextwrapper {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.text-span-2 {
  font-weight: 400;
}

.bold {
  font-family: Cooperhewitt webfont, sans-serif;
  font-weight: 600;
}

.text-span-3 {
  text-shadow: 0 0 20px #a5a5a5bd;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.e-mail {
  color: red;
  text-align: center;
  margin-bottom: 73px;
  font-size: 1.5em;
}

.e-mail.gut {
  color: #45d15a;
}

.link {
  text-decoration: underline;
}

.dropdowncontent_1 {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 1px;
  width: 200px;
  display: none;
  position: absolute;
  overflow: auto;
}

.navlinks_wrapper {
  display: flex;
}

.dropdownwrapper_2 {
  width: auto;
  display: block;
  position: relative;
}

.dropdowncontent_2 {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 1px;
  width: 200px;
  display: none;
  position: absolute;
  overflow: hidden;
}

.dropdownwrapper_3 {
  position: relative;
}

.dropdowncontent_3 {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 1px;
  width: 200px;
  display: none;
  position: absolute;
  overflow: hidden;
}

.nav_mobile {
  display: none;
}

.dropdown_mobile_wrapper_1 {
  display: none;
  position: relative;
}

.dropdown_content_mobile_1 {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 1px;
  width: 200px;
  display: none;
  position: absolute;
  overflow: auto;
}

.is-small {
  font-size: .7em;
}

@media screen and (max-width: 991px) {
  .container {
    height: auto;
  }

  .section {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.catalogue {
    display: none;
  }

  .section.subpages {
    height: 25vh;
    margin-bottom: 0;
    padding-top: 90px;
    padding-bottom: 0;
  }

  .section.subpages_content {
    margin-left: 0;
    margin-right: 0;
  }

  .navlink {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navlink.last {
    margin-right: -15px;
  }

  .gridcontent {
    grid-template-rows: minmax(40vh, 1fr) 1fr;
    height: auto;
    min-height: 80vh;
  }

  .gridimage._8 {
    background-position: 50%;
  }

  .gridimage._12 {
    background-position: 0 20%;
  }

  .gridimage._19 {
    background-position: 50%;
  }

  .border.catalogue {
    padding: 20px;
  }

  .gridheading {
    font-size: 4em;
  }

  .gridheading.alignedright {
    text-align: left;
    padding: 0;
  }

  .gridparagraph {
    white-space: break-spaces;
  }

  .gridcontact {
    flex: 1;
    grid-template-rows: auto auto;
    padding: 40px;
  }

  .contacttext {
    text-align: left;
    margin-bottom: 30px;
  }

  .form {
    max-width: none;
  }

  .landingpageimage {
    background-position: 50% 100%;
    background-size: cover;
  }

  .landingpageimage._18 {
    background-size: cover;
  }

  .gridfooter {
    grid-row-gap: 5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .indicator {
    display: none;
  }

  .gridcatalogue {
    grid-column-gap: 15px;
    grid-template-rows: 1fr 1fr minmax(30px, auto) 1fr 1fr minmax(30px, auto) 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .icon {
    margin-right: 8px;
  }

  .heroheading {
    margin-top: 10px;
    font-size: 5em;
  }

  .heroheading.smaller {
    font-size: 5em;
  }

  .heroheading.smaller.very-small {
    font-size: 3.3em;
  }

  .referenzen_heading {
    margin-top: 10px;
    font-size: 2.5em;
  }

  .landigpagetextwrapper {
    width: 100%;
  }

  .nav_mobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    margin-bottom: 15px;
    font-size: 2em;
  }

  .container {
    height: auto;
    min-height: 100%;
  }

  .container.contact {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container.catalogue {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.subpages {
    height: 15vh;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .section.subpages_content {
    margin-top: 0;
  }

  .navbar {
    display: none;
  }

  .navitem.mobile_white {
    color: var(--white);
    justify-content: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .navlink {
    flex: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .gridcontent {
    grid-template-rows: 1fr 1fr;
  }

  .gridimage._1 {
    background-position: 65% 78%;
  }

  .gridimage._2 {
    background-position: 50% 15%;
  }

  .gridimage._3 {
    background-position: 50%;
    background-size: cover;
  }

  .gridimage._8 {
    background-position: 50% 0;
  }

  .gridimage._19 {
    background-position: 100%;
  }

  .gridheading.alignedright {
    padding: 0;
    font-size: 3.2em;
  }

  .gridheading.smaller {
    font-size: 3.3em;
  }

  .gridparagraph {
    margin-bottom: 13px;
  }

  .gridcontact {
    grid-template-rows: .25fr 1fr;
  }

  .landingpageimage {
    flex-direction: row;
    flex: 0 auto;
    align-self: stretch;
    width: auto;
    height: auto;
    min-height: 50vh;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .landingpageimage._1 {
    flex: 0 auto;
  }

  .landingpageimage._18 {
    background-size: cover;
  }

  .backtotop, .indicator {
    display: none;
  }

  .navbar-mobile {
    z-index: 8888;
    background-color: #0000;
    height: 0;
    display: block;
  }

  .mobileoverlay {
    background-color: var(--magiluxblack);
    opacity: .9;
    height: 100vh;
    position: relative;
    inset: 0%;
  }

  .mobilelinkwrapper {
    z-index: 3;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    display: flex;
  }

  .mobilenavitem {
    color: var(--white);
    text-align: center;
    flex: 1;
    justify-content: center;
    display: block;
    position: relative;
    overflow: auto;
  }

  .menuicon {
    z-index: 9999;
    position: fixed;
    inset: 5% 10vw auto auto;
  }

  .menu {
    transition: opacity .3s ease-in-out;
  }

  .menu:hover {
    opacity: .5;
  }

  .close {
    display: none;
  }

  .section-2 {
    display: block;
  }

  .image-3 {
    max-width: 50%;
  }

  .gridcatalogue {
    grid-row-gap: 0px;
    grid-template-rows: 1fr 1fr minmax(15px, auto) 1fr 1fr minmax(15px, auto) 1fr 1fr minmax(15px, auto) 1fr 1fr minmax(15px, auto) 1fr 1fr minmax(15px, auto) 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(30px, auto);
  }

  .dropdown-toggle.white {
    padding-right: 0;
  }

  .dropdown-toggle.white.w--open {
    display: block;
  }

  .dropdown-list-2 {
    position: static;
  }

  .dropdown-list-2.w--open {
    border-top: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
    background-color: var(--magiluxblack);
    border-radius: 1px;
    flex-flow: column;
    align-items: center;
    margin-top: 10px;
    padding-top: 0;
    display: flex;
    position: static;
    inset: 0% 0% auto;
  }

  .icon-2 {
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .text-block {
    text-align: center;
    display: block;
  }

  .heroheading {
    font-size: 3.9em;
  }

  .heroheading.smaller {
    font-size: 3.8em;
  }

  .heroheading.smaller.very-small {
    font-size: 2.3em;
  }

  .referenzen_heading {
    font-size: 2em;
  }

  .referenzen_heading.slider {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 1em;
  }

  .landigpagetextwrapper {
    width: 100%;
  }

  .nav_hamburger {
    z-index: 999999;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: stretch;
    height: 30px;
    margin-top: 2vh;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .hamburger {
    align-self: flex-end;
    position: absolute;
  }

  .nav_mobile {
    display: block;
    overflow: hidden;
  }

  .nav_mobile_overlay_wrapper {
    z-index: 9998;
    background-color: #272727d9;
    flex-direction: column;
    justify-content: center;
    margin-left: 130px;
    padding-left: 25px;
    padding-right: 25px;
    display: block;
    position: fixed;
    inset: 0%;
  }

  .dropdown_mobile_wrapper_1 {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    position: static;
    overflow: visible;
  }

  .dropdown_content_mobile_1 {
    border: 1px solid var(--white);
    background-color: #0000;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
    position: static;
    overflow: hidden;
  }
}

@media screen and (max-width: 479px) {
  .container, .container.contact {
    width: 90vw;
  }

  .container.landingpage {
    width: 90vw;
    max-width: 90vw;
  }

  .section.begin {
    height: 100vh;
  }

  .section.subpages {
    height: 10vh;
    padding-top: 30px;
    padding-bottom: 0;
  }

  .navitem.mobile_white {
    padding-bottom: 15px;
  }

  .navlink {
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
  }

  .gridimage {
    padding: 20px;
  }

  .gridimage._1 {
    background-position: 69%;
  }

  .gridimage._2 {
    background-position: 50% 16%;
    background-size: auto;
  }

  .gridimage._3, .gridimage._4 {
    background-position: 50%;
  }

  .gridimage._6 {
    background-position: 50% 0;
  }

  .gridimage._7 {
    background-position: 0 0;
  }

  .gridimage._9 {
    background-position: 54%;
  }

  .gridimage._18 {
    background-position: 4%;
  }

  .gridimage._19 {
    background-position: 23% 100%;
  }

  .border {
    padding: 20px;
  }

  .gridheading {
    font-size: 2.3em;
  }

  .gridheading.alignedright {
    padding: 0;
    font-size: 2em;
  }

  .gridcontact {
    padding: 20px;
  }

  .landingpageimage {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .landingpageimage._1 {
    padding-left: 23px;
    padding-right: 10px;
  }

  .landingpageimage._18 {
    background-size: cover;
  }

  .gridfooter {
    grid-row-gap: 6em;
    grid-template-columns: 1fr;
  }

  .footertext, .footertext.bold {
    text-align: center;
  }

  .footertext.underscore {
    text-align: center;
    margin-bottom: 1em;
  }

  .menuicon {
    right: 5vw;
  }

  .section-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .heroheading, .heroheading.smaller {
    font-size: 2.4em;
  }

  .heroheading.smaller.very-small {
    font-size: 1.8em;
  }

  .referenzen_heading.slider {
    text-align: left;
    padding-left: 40px;
    padding-right: 40px;
  }

  .slide._2 {
    background-position: 36% 0;
  }

  .landigpagetextwrapper {
    width: 100%;
  }

  .e-mail {
    text-align: center;
  }

  .nav_mobile {
    display: block;
  }

  .nav_mobile_overlay_wrapper {
    margin-left: 60px;
    padding-left: 17px;
    padding-right: 17px;
  }

  .dropdown_mobile_wrapper_1 {
    flex: 0 auto;
    overflow: visible;
  }

  .dropdown_content_mobile_1 {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .heading-2.service {
    font-size: 1.8em;
  }
}

#w-node-a144abef-ee96-8fed-2c87-11b0ec461e8f-a8c9d352 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d356-a8c9d352 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d363-a8c9d352 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d370-a8c9d352 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d380-a8c9d352 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d37f-a8c9d352 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0ea64bc8-c1f0-936e-4309-cfb9aab81b45-aab81b3d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_603c0fd7-e95c-fd75-8711-e10308e00eed-08e00eea {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_603c0fd7-e95c-fd75-8711-e10308e00ef0-08e00eea {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1f7-4f7aadda {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1ef-4f7aadda {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_7ec50eb7-bbf6-fbf5-6d6b-7c3423ad3de1-4f7aadda {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_473c0c71-52b3-0425-0efd-c23fbcea26a8-4f7aadda {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-f30a91bb-23d7-b2b4-3568-cd81e2d328e6-4f7aadda {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-f30a91bb-23d7-b2b4-3568-cd81e2d328e9-4f7aadda {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-f379d736-72c6-c290-db6c-52913261d18d-4f7aadda {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-f379d736-72c6-c290-db6c-52913261d185-4f7aadda {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_7154b370-f95a-eb0c-ac1f-28182d9fe2db-4f7aadda {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_21223bb2-b75a-5757-34e3-8cb85a115145-4f7aadda {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f3cd1727-6f59-269e-5ded-bc3ce22178c5-4f7aadda {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dbafabed-77b5-c833-7246-31bc03c8f893-4f7aadda {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_9316c949-5c75-f950-48ad-c1c13b06dcd7-4f7aadda {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-d34158f8-96a7-7a7d-0db7-bf39f6a0dacd-4f7aadda {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_21223bb2-b75a-5757-34e3-8cb85a115148-4f7aadda {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_2faa3a7c-2d1a-ffa7-9902-0748519dd7b3-4f7aadda {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_75a925f4-1e89-576b-2055-e373dde40da7-4f7aadda {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_9f153f3d-94d9-77e3-d3bc-85812a310e41-4f7aadda {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-a47e7164-6818-64f2-3f5b-d34569cf3826-4f7aadda {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_13858025-5c23-26ab-4a31-3ea49d338fbe-4f7aadda {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e764-647aaddc {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e767-647aaddc {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1f7-647aaddc {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1ef-647aaddc {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-f379d736-72c6-c290-db6c-52913261d18d-647aaddc {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-f379d736-72c6-c290-db6c-52913261d185-647aaddc {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-eac7673d-065e-72c4-e5e9-f9c2bcef9370-647aaddc {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-eac7673d-065e-72c4-e5e9-f9c2bcef9373-647aaddc {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_7ec50eb7-bbf6-fbf5-6d6b-7c3423ad3de1-647aaddc {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_473c0c71-52b3-0425-0efd-c23fbcea26a8-647aaddc {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_40627fed-cce3-45b5-b232-4a13a18d04d0-647aaddc {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_40627fed-cce3-45b5-b232-4a13a18d04d3-647aaddc {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e764-247aaddd {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e767-247aaddd {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1f7-247aaddd {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1ef-247aaddd {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-f379d736-72c6-c290-db6c-52913261d18d-247aaddd {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-f379d736-72c6-c290-db6c-52913261d185-247aaddd {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-eac7673d-065e-72c4-e5e9-f9c2bcef9370-247aaddd {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-eac7673d-065e-72c4-e5e9-f9c2bcef9373-247aaddd {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_2cb9ae56-35aa-d353-6d3e-ec292b3e85a7-247aaddd {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_2cb9ae56-35aa-d353-6d3e-ec292b3e85aa-247aaddd {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e764-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e767-ba7aadf3 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1f7-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1ef-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-f379d736-72c6-c290-db6c-52913261d18d-ba7aadf3 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-f379d736-72c6-c290-db6c-52913261d185-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-eac7673d-065e-72c4-e5e9-f9c2bcef9370-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-eac7673d-065e-72c4-e5e9-f9c2bcef9373-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_7ec50eb7-bbf6-fbf5-6d6b-7c3423ad3de1-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_473c0c71-52b3-0425-0efd-c23fbcea26a8-ba7aadf3 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_40627fed-cce3-45b5-b232-4a13a18d04d0-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_40627fed-cce3-45b5-b232-4a13a18d04d3-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-b808fac4-d705-a158-b9c4-b8253f3558cb-ba7aadf3 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-b808fac4-d705-a158-b9c4-b8253f3558ce-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_2346dd87-f58f-9bcf-5f44-068c75b9ebb5-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_2346dd87-f58f-9bcf-5f44-068c75b9ebb8-ba7aadf3 {
  grid-area: 1 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_4a9710a4-c0c7-982c-bfef-2c8b865f0a29-3d7aadde {
  grid-area: 1 / 1 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-_4a9710a4-c0c7-982c-bfef-2c8b865f0a2c-3d7aadde {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-f1bd0d1e-3c17-c2e5-8c39-6ae31bd35dba-3d7aadde {
  grid-area: 1 / 2 / 3 / 4;
  place-self: stretch stretch;
}

#w-node-f1bd0d1e-3c17-c2e5-8c39-6ae31bd35dbd-3d7aadde {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_8451490d-21b3-a161-fde3-a2c1ad506bba-3d7aadde {
  grid-area: 1 / 1 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-_8451490d-21b3-a161-fde3-a2c1ad506bbd-3d7aadde {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-b335d648-a398-3240-88a1-aa71ec98bfc3-3d7aadde {
  grid-area: 1 / 2 / 3 / 4;
  place-self: stretch stretch;
}

#w-node-b335d648-a398-3240-88a1-aa71ec98bfc6-3d7aadde {
  grid-area: 1 / 1 / 3 / 2;
}

@media screen and (max-width: 991px) {
  #w-node-a144abef-ee96-8fed-2c87-11b0ec461e8f-a8c9d352 {
    grid-area: 1 / 5 / 2 / 7;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d356-a8c9d352 {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d363-a8c9d352 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d370-a8c9d352 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d380-a8c9d352 {
    grid-area: 2 / 5 / 3 / 7;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d37f-a8c9d352 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_0ea64bc8-c1f0-936e-4309-cfb9aab81b40-aab81b3d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0ea64bc8-c1f0-936e-4309-cfb9aab81b45-aab81b3d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_603c0fd7-e95c-fd75-8711-e10308e00ef0-08e00eea, #w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1ef-4f7aadda {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-_7ec50eb7-bbf6-fbf5-6d6b-7c3423ad3de1-4f7aadda {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_473c0c71-52b3-0425-0efd-c23fbcea26a8-4f7aadda {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-f30a91bb-23d7-b2b4-3568-cd81e2d328e9-4f7aadda {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-f379d736-72c6-c290-db6c-52913261d18d-4f7aadda {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-f379d736-72c6-c290-db6c-52913261d185-4f7aadda {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_7154b370-f95a-eb0c-ac1f-28182d9fe2db-4f7aadda {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_21223bb2-b75a-5757-34e3-8cb85a115145-4f7aadda {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-f3cd1727-6f59-269e-5ded-bc3ce22178c5-4f7aadda {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-dbafabed-77b5-c833-7246-31bc03c8f893-4f7aadda {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_9316c949-5c75-f950-48ad-c1c13b06dcd7-4f7aadda {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-d34158f8-96a7-7a7d-0db7-bf39f6a0dacd-4f7aadda {
    grid-area: 7 / 2 / 8 / 3;
  }

  #w-node-_21223bb2-b75a-5757-34e3-8cb85a115148-4f7aadda {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2faa3a7c-2d1a-ffa7-9902-0748519dd7b3-4f7aadda {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_75a925f4-1e89-576b-2055-e373dde40da7-4f7aadda {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_9f153f3d-94d9-77e3-d3bc-85812a310e41-4f7aadda {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-a47e7164-6818-64f2-3f5b-d34569cf3826-4f7aadda {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-_13858025-5c23-26ab-4a31-3ea49d338fbe-4f7aadda {
    grid-area: 8 / 2 / 9 / 3;
  }

  #w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e764-647aaddc {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e767-647aaddc {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1ef-647aaddc {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-f379d736-72c6-c290-db6c-52913261d18d-647aaddc {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-f379d736-72c6-c290-db6c-52913261d185-647aaddc {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-eac7673d-065e-72c4-e5e9-f9c2bcef9373-647aaddc {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-_7ec50eb7-bbf6-fbf5-6d6b-7c3423ad3de1-647aaddc {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_473c0c71-52b3-0425-0efd-c23fbcea26a8-647aaddc {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_40627fed-cce3-45b5-b232-4a13a18d04d3-647aaddc {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e764-247aaddd {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e767-247aaddd {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1ef-247aaddd {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-f379d736-72c6-c290-db6c-52913261d18d-247aaddd {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-f379d736-72c6-c290-db6c-52913261d185-247aaddd {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-eac7673d-065e-72c4-e5e9-f9c2bcef9373-247aaddd {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-_2cb9ae56-35aa-d353-6d3e-ec292b3e85a7-247aaddd {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_2cb9ae56-35aa-d353-6d3e-ec292b3e85aa-247aaddd {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e764-ba7aadf3 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_4bd3c1d1-bb71-5f61-93a0-a96391d0e767-ba7aadf3 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_9f07cd16-1783-0d7c-d1ab-10181e50d1ef-ba7aadf3 {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-f379d736-72c6-c290-db6c-52913261d18d-ba7aadf3 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-f379d736-72c6-c290-db6c-52913261d185-ba7aadf3 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-eac7673d-065e-72c4-e5e9-f9c2bcef9373-ba7aadf3 {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-_7ec50eb7-bbf6-fbf5-6d6b-7c3423ad3de1-ba7aadf3 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_473c0c71-52b3-0425-0efd-c23fbcea26a8-ba7aadf3 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_40627fed-cce3-45b5-b232-4a13a18d04d3-ba7aadf3 {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-b808fac4-d705-a158-b9c4-b8253f3558cb-ba7aadf3 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-b808fac4-d705-a158-b9c4-b8253f3558ce-ba7aadf3 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_2346dd87-f58f-9bcf-5f44-068c75b9ebb8-ba7aadf3 {
    grid-area: 2 / 1 / 3 / 4;
    align-self: end;
  }

  #w-node-_4a9710a4-c0c7-982c-bfef-2c8b865f0a29-3d7aadde {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_4a9710a4-c0c7-982c-bfef-2c8b865f0a2c-3d7aadde {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-f1bd0d1e-3c17-c2e5-8c39-6ae31bd35dba-3d7aadde {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-f1bd0d1e-3c17-c2e5-8c39-6ae31bd35dbd-3d7aadde {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_8451490d-21b3-a161-fde3-a2c1ad506bba-3d7aadde {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_8451490d-21b3-a161-fde3-a2c1ad506bbd-3d7aadde {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-b335d648-a398-3240-88a1-aa71ec98bfc3-3d7aadde {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-b335d648-a398-3240-88a1-aa71ec98bfc6-3d7aadde {
    grid-area: 2 / 1 / 3 / 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_21223bb2-b75a-5757-34e3-8cb85a115145-4f7aadda {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-f3cd1727-6f59-269e-5ded-bc3ce22178c5-4f7aadda {
    grid-row: 7 / 8;
  }

  #w-node-dbafabed-77b5-c833-7246-31bc03c8f893-4f7aadda {
    grid-area: 10 / 1 / 11 / 2;
  }

  #w-node-_9316c949-5c75-f950-48ad-c1c13b06dcd7-4f7aadda {
    grid-row: 13 / 14;
  }

  #w-node-d34158f8-96a7-7a7d-0db7-bf39f6a0dacd-4f7aadda {
    grid-area: 16 / 1 / 17 / 2;
  }

  #w-node-_2faa3a7c-2d1a-ffa7-9902-0748519dd7b3-4f7aadda {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_75a925f4-1e89-576b-2055-e373dde40da7-4f7aadda {
    grid-row: 8 / 9;
  }

  #w-node-_9f153f3d-94d9-77e3-d3bc-85812a310e41-4f7aadda {
    grid-area: 11 / 1 / 12 / 2;
  }

  #w-node-a47e7164-6818-64f2-3f5b-d34569cf3826-4f7aadda {
    grid-row: 14 / 15;
  }

  #w-node-_13858025-5c23-26ab-4a31-3ea49d338fbe-4f7aadda {
    grid-area: 17 / 1 / 18 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a144abef-ee96-8fed-2c87-11b0ec461e8f-a8c9d352 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d356-a8c9d352 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d363-a8c9d352 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d370-a8c9d352 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d380-a8c9d352 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-c5b2f83b-2a2d-a5c7-8584-0d90a8c9d37f-a8c9d352 {
    grid-area: 6 / 1 / 7 / 2;
    justify-self: center;
  }
}


@font-face {
  font-family: 'Cooperhewitt book webfont';
  src: url('../fonts/cooperhewitt-book-webfont.woff2') format('woff2'), url('../fonts/cooperhewitt-book-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Cooperhewitt webfont';
  src: url('../fonts/cooperhewitt-light-webfont.woff2') format('woff2'), url('../fonts/cooperhewitt-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Cooperhewitt webfont';
  src: url('../fonts/cooperhewitt-semibold-webfont.woff2') format('woff2'), url('../fonts/cooperhewitt-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Cooperhewitt';
  src: url('../fonts/CooperHewitt-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}