@import url('https://fonts.googleapis.com/css?family=Merienda');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
html, body {
  width: 100%;
  margin: 5px 0 0 0;
  padding: 0;font-family: 'Merienda', cursive
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	color: #39353D;
}
p, ol, ul {
  font-family: 'Poppins', sans-serif;
}
* {
  box-sizing: border-box;
}
.constructionImg {
  max-width: 960px;
  width: 100%;
  padding: 0 10%;
}
.constructionImgs {
  padding-top: 80px;
  float: right;
}
.links {
  color: #4B574F;
}
.links:hover {
  color: #C1D6C8;
}

/* Grids */
.columns2 {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 50% 50%;
}
.columns3 {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 33% 33% 33%;
}
.columns5 {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 20% 20% 20% 20% 20%;
}
@media screen and (max-width: 720px) {
  .columns2 {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: auto;
  }
  .columns3 {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: auto auto;
  }
  .columns5 {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: auto auto;
  }
  .constructionImgs {
    padding-top: 0;
    float: none;
  }
}
/* Button */
.irm-btns {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto auto auto;
}
.ohara-btns {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto auto 33%;
}
.dl-button {
	font-variant: small-caps;
	font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: white;
  padding: 20px 0 50px 0;
  margin: 50px 40px 10px -10px;
  min-width: 250px;
  height: 65px;
  background: #39353D;
  border: none;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, .5);
  position: relative;
  left: 10px;
  cursor: pointer;
  text-align: center;
}
.dl-button:hover{
	background:#4B574F;
}
.button {
  font-family: 'Merienda', cursive;
  font-size: 20px;
  color: white;
  padding: 20px 0 20px 0;
  margin: 10px 40px 10px -10px;
  min-width: 300px;
  height: 65px;
  background: #39353D;
  border: none;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, .5);
  position: relative;
  left: 10px;
  cursor: pointer;
}
.button img {
  margin-right: 10px;
}.button:hover{
	background:#4B574F;
}
}
.button.big {
  font-family: 'Merienda', cursive;
  font-size: 20px;
  color: white;
  padding: 20px 30px 20px 0;
  margin: 10px 40px 10px -10px;
  min-width: 315px;
  height: 100px;
  background: #39353D;
  border: none;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, .5);
  position: relative;
  left: 10px;
}
/* Btn END */
/* Parallax & header*/
.hero {
  position: relative;
  text-align: center
}
.hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  color: white;
}
.parallax {
  display: block;
  text-align: center;
  padding: 10em 1em;
  color: white;
  overflow: hidden;
}
.hero-content h1 {
  font-size: 4em;
  text-shadow: 1px 1px 2px black;
  text-align: center;
  padding-top: 150px;
}
.hero-content h2 {
  font-size: 36px;
  text-shadow: 2px 2px 4px black;
}
.hero-content p {
  font-family: 'Merienda', cursive font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: black;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75)
}
.index-header {
  height: 680px;
  margin-top: -130px;
  text-align: center;
}
.h3-shadow {
  color: white;
  text-shadow: 2px 2px 4px black;
}
.index-header img {
  width: 400px;
  padding-top: 200px;
  position: relative;
}
.header-height {
  height: 400px;
}
.bg-design {
  background: url(../img/backgrounds/tiles-shapes-2617112_1920.jpg) no-repeat top center;
	background-size:  100%;
}
.bg-green {
  background: url(../img/backgrounds/green-header.jpg) no-repeat top center;
	background-size:  100%;
}
.bg-waterproof {
  background: url(../img/backgrounds/waterproof-header.jpg) no-repeat top center;
	background-size:  100%;
}
.bg-modul {
  background:url(../img/NeueMobilheime/2024/iRM/Modul/Modulhome1.jpeg) no-repeat center center;
	background-size:  100%;
}
.bg-form {
  background: url(../img/backgrounds/student-849822_1920.jpg) no-repeat center center;
	background-size:  100%;
}
.bg-construction {
  background: url(../img/logos/architecture-1857175_1920.jpg) no-repeat top center;
	background-size:  100%;
}
.bg-hatha {
  background: url(../img/NeueMobilheime/2025/Ohara/Hatha/background.jpeg) no-repeat center center;
	background-size:  100%;
}
.bg1 {
  background: url(../img/backgrounds/background.jpg) no-repeat top center; background-size:  100%;
  /*background:url(../img/backgrounds/christmas-2918569_1920.jpg) top center; background-size:  100%; */
  /*background:url(../img/backgrounds/snow-1209991_1920.jpg) center center no-repeat;
	background-size:  100%;*/
}
.bg2 {
	background: url(../img/backgrounds/bg-modelle.jpg) no-repeat center center;
	background-size:  100%;
}
.bg2-P{
	background: url("../img/backgrounds/spring-2298279_1920.jpg") top center;
	background-size:  100%;
}
.bg2-kw{
	background: url("../img/NeueMobilheime/2025/Ohara/KeyWest/KW1/Rendu-Marais.jpg-800px.JPG") no-repeat center center;
	background-size:  100%;
}
.bg3 {
  background: url(../img/backgrounds/bg-news.jpeg) no-repeat center center;
	background-size:  100%;
}
.bg4 {
  background: url(../img/backgrounds/bg4.png) no-repeat bottom center;
	background-size:  100%;
}
.bg5 {
  background: url(../img/backgrounds/bg5.png) no-repeat center center;
	background-size:  100%;
}
.bg7 {
  background: url(../img/backgrounds/ausstellung-bg.jpg) no-repeat center center;
	background-size:  100%;
}
.spacer {
  display: block;
  color: #333;
  font-family: 'Merienda', cursive;
  padding: 3em 0;
}
.tallSpacer{
	margin-top: auto;
}
.spacer p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 15px
}
.container {
  max-width: 960px;
  margin: 0 auto;
  width: 95%;
}
.centered {
  text-align: center;
  padding-bottom: 3.75em
}
.cleft-wrapper {
  position: relative;
  top: -1.25rem;
  margin-bottom: -1.25rem;
  left: 0;
  width: 100%;
  height: 1.25rem;
  overflow: hidden;
}
.cleft-left, .cleft-right {
  width: 50%;
  height: 1.25rem;
  background-color: #fff;
  position: absolute;
  top: 0;
  z-index: 3;
}
.cleft-left {
  left: -1.5rem;
}
.cleft-right {
  right: -1.5rem;
}
.cleft-left:before, .cleft-right:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.cleft-left:before {
  right: -1.5rem;
  border-width: 1.25rem 0 0 1.5rem;
  border-color: transparent transparent transparent #fff;
}
.cleft-right:before {
  left: -1.5rem;
  border-width: 1.25rem 1.5rem 0 0;
  border-color: transparent #fff transparent transparent;
}
.carrotBox {
  position: relative
}
.carrot {
  display: block;
  height: 0;
  width: 0;
  border-top: 1.25rem solid #fff;
  border-right: 1.5rem solid transparent;
  border-left: 1.5rem solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -1.5rem;
  bottom: -1.25rem;
}
.Info {
  background: #2980b9;
  border: 1px #a39485 solid;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  width: 100%;
  border-collapse: collapse;
  border-radius: 5px;
  overflow: hidden;
  padding: 20px;
  color: #FFF;
}
/* Formulare */
form {
  font-family: 'Merienda', cursive;
}
.login {
  font-family: 'Merienda', cursive;
  width: 300px;
  height: auto;
}
input {
  font-family: 'Poppins', sans-serif;
  width: 100%;
  margin-bottom: 10px;
  background: rgba(150, 143, 131, 0.3);
  border: none;
  outline: none;
  padding: 10px;
  font-size: 13px;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -5px 45px rgba(150, 143, 131, 0.2), 0 1px 1px rgba(0, 172, 233, 0.2);
  -webkit-transition: box-shadow .5s ease;
  -moz-transition: box-shadow .5s ease;
  -o-transition: box-shadow .5s ease;
  -ms-transition: box-shadow .5s ease;
  transition: box-shadow .5s ease;
}
input:focus {
  box-shadow: inset 0 -5px 45px rgba(57, 53, 61, 0.4), 0 1px 1px rgba(57, 53, 61, 0.1);
}
textarea {
  font-family: 'Poppins', sans-serif;
  width: 100%;
  max-width: 300px;
  max-height: 150px;
  margin-bottom: 10px;
  background: rgba(150, 143, 131, 0.3);
  border: none;
  outline: none;
  padding: 10px;
  font-size: 13px;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  box-shadow: inset 0 -5px 45px rgba(150, 143, 131, 0.2), 0 1px 1px rgba(0, 172, 233, 0.2);
  -webkit-transition: box-shadow .5s ease;
  -moz-transition: box-shadow .5s ease;
  -o-transition: box-shadow .5s ease;
  -ms-transition: box-shadow .5s ease;
  transition: box-shadow .5s ease;
}
textarea:focus {
  box-shadow: inset 0 -5px 45px rgba(57, 53, 61, 0.4), 0 1px 1px rgba(57, 53, 61, 0.1);
}
select {
  font-family: 'Merienda', cursive;
  width: 100%;
  max-width: 300px;
  max-height: 150px;
  margin-bottom: 10px;
  background: rgba(150, 143, 131, 0.3);
  border: none;
  outline: none;
  padding: 10px;
  font-size: 13px;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -5px 45px rgba(150, 143, 131, 0.2), 0 1px 1px rgba(0, 172, 233, 0.2);
  -webkit-transition: box-shadow .5s ease;
  -moz-transition: box-shadow .5s ease;
  -o-transition: box-shadow .5s ease;
  -ms-transition: box-shadow .5s ease;
}
select:focus {
  box-shadow: inset 0 -5px 45px rgba(57, 53, 61, 0.4), 0 1px 1px rgba(57, 53, 61, 0.1);
}
select optgroup {
  font-family: 'Merienda', cursive;
  font-size: 13px;
}
/*Tooltip for info*/
.wrapper {
  margin: 100px -20px -20px 0px;
  padding: 15px 20px;
  position: relative;
  text-align: left;
  width: 200px;
}
.wrapper .tooltip {
  text-align: left;
  font-size: 10px;
  background: firebrick;
  bottom: 100%;
  color: #fff;
  display: block;
  left: -20px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 220px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
/* CSS Triangles*/
.wrapper .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #7E1618 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
/* PopUp */
#popUp {
	position: fixed;
	max-width: 400px;
	height: auto;
	margin-top: 2rem;
	background: rgba(75, 87, 79, .9); 
	/*background-image:url("../img/backgrounds/christmas-3.png");*/
	border: 7px solid #fff;
	bottom: 10%;
	margin-left: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 1000
}
#new span {
	background: #fff;
	position: absolute;
	color: #4B574F;
	padding: 4px 10px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: -5px;
}
#popUp .close {
	color: #fff;
	right: 8px;
	top: 0px;
	position: absolute;
	font-size: 18px;
	cursor: pointer;
}
#popUp h2 {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	margin-top: 40px;
	padding: 0 20px;
}
#plus {
	position: fixed;
	color: #fff;
	bottom: 15%;
	font-size: 14px;
	margin-left: -425px;
	-webkit-transition: all 1.25s ease;
	-moz-transition: all 1.25s ease;
	-o-transition: all 1.25s ease;
	transition: all 1.25s ease;
	cursor: pointer;
	text-align: left;
	letter-spacing: 1px;
	z-index: 1000;
}
#plus span {
	position: absolute;
	margin-top: 50px;
	left: 4px;
}
#plus::after {
	content: '';
	display: block;
	display: relative;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 80px solid #4B574F;
}
 @media all and (max-width: 900px) {
#popUp {
	margin-left: -425px;
}
#plus {
	margin-left: 0px;
}
}

/*Popup ENDE*/
/* Beschreibung Modelle */
.description {
  font-size: 14px;
  font-weight: 100;
}
/*Header*/
.spacerContainer {
  width: 100%;
  height: 150px;
  margin-bottom: 50px;
}
.spacerInnerContainer {
  width: 100%;
  display: grid;
  grid-column-gap: 5px;
  grid-template-columns: 65% 5% 5% 5% 5%;
}
/*iRM */
.spacer-1Zi-Slices {
  width: 4px;
  height: 150px;
  background-color: #E1E1E0;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
}
.spacer-2Zi-Slices {
  width: 4px;
  height: 150px;
  background-color: #BDDFCF;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
  margin-top: 30px;
}
.spacer-3Zi-Slices {
  width: 4px;
  height: 150px;
  background-color: #C9C1B3;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
  margin-top: 30px;
}
.spacer-4Zi-Slices {
  width: 4px;
  height: 150px;
  background-color: #BBE2EF;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
  margin-top: 30px;
}
.spacer-P-Slices {
  width: 4px;
  height: 150px;
  background-color: #dbbd87;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
  margin-top: 30px;
}
.spacer-access-Slices {
  width: 4px;
  height: 150px;
  background-color: #A7F2CF;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
}
.spacer-access {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #A7F2CF transparent #A7F2CF transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 0;
}
.spacer-1Zi {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #E1E1E0 transparent #E1E1E0 transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 0;
}
.spacer-2Zi {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #BDDFCF transparent #BDDFCF transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 30px;
}
.spacer-3Zi {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #C9C1B3 transparent #C9C1B3 transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 30px;
}
.spacer-4Zi {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #BBE2EF transparent #BBE2EF transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 30px;
}
.spacer-P {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #dbbd87 transparent #dbbd87 transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 30px;
}
/* Ohara */
.spacer-ohara2-Slices {
  width: 4px;
  height: 150px;
  background-color: #FFDDB1;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
}
.spacer-ohara3-Slices {
  width: 4px;
  height: 150px;
  background-color: #94C69A;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
  margin-top: 30px;
}
.spacer-ohara2B-Slices {
  width: 4px;
  height: 150px;
  background-color: #DC8F86;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
  margin-top: 30px;
}
.spacer-oharaKW-Slices {
  width: 4px;
  height: 150px;
  background-color: #feda9e;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
}
.spacer-ohara2 {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #FFDDB1 transparent #FFDDB1 transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 0;
}
.spacer-ohara3 {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #94C69A transparent #94C69A transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 30px;
}
.spacer-ohara2B {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #DC8F86 transparent #DC8F86 transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 30px;
}
.spacer-oharaKW {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #feda9e transparent #feda9e transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 0;
}
/* Coco */
.spacer-coco {
  display: block;
  position: relative;
  border-style: outset;
  width: 100%;
  height: 0;
  border-width: 150px 200px 0 0;
  border-color: #FFC666 transparent #FFC666 transparent;
  margin-bottom: 2em;
  top: 0;
  margin-top: 0;
}
.spacer-coco-Slices {
  width: 4px;
  height: 150px;
  background-color: #FFC666;
  transform: skew(-53deg);
  z-index: -1;
  margin-left: -25px;
}
.textOnSpacer {
  position: relative;
  color: #39353D;
  top: -1.7em;
  width: 8em;
  font-size: 5em;
  margin-bottom: -90px;
  float: left;
  text-align: left;
  left: 20%;
  font-family: 'Merienda', cursive;
}
@media screen and (max-width: 970px) {
  .textOnSpacer {
    width: 5em;
    margin-top: -20px;
    font-size: 3.5em;
  }
  .coco-text {
    width: 6em;
  }
  .irm-btns {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width: 720px) {
  .irm-btns {
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: auto;
    text-align: center;
  }
  .ohara-btns {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: auto;
    text-align: center;
  }
  .spacerContainer {
    display: block;
    height: 150px;
    width: 100%;
    margin-bottom: 50px;
  }
  /* iRM */
  .spacer-1Zi {
    background-color: #E1E1E0;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-2Zi {
    background-color: #BDDFCF;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-3Zi {
    background-color: #C9C1B3;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-4Zi {
    background-color: #BBE2EF;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-P {
    background-color: #dbbd87;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-access {
    background-color: #A7F2BC;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-access-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  .spacer-1Zi-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  .spacer-2Zi-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  .spacer-3Zi-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  .spacer-4Zi-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  .spacer-P-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  /* Ohara */
  .spacer-ohara2 {
    background-color: #FFDDB1;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-ohara3 {
    background-color: #94C69A;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-ohara2B {
    background-color: #DC8F86;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-oharaKW {
    background-color: #718DA8;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-ohara2-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  .spacer-ohara2B-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  .spacer-ohara3-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  .spacer-oharaKW-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  /* Coco */
  .spacer-coco {
    background-color: #FFC666;
    height: 150px;
    border-width: 0;
    width: 100%;
  }
  .spacer-coco-Slices {
    transform: skew(0deg);
    height: 150px;
    top: 0;
    margin-left: 20px;
    width: 2px;
  }
  .textOnSpacer {
    top: .6em;
    width: auto;
    float: none;
    left: 2%;
    text-align: center;
    margin-top: 0;
  }
  .coco-text {
    font-size: 3em;
    padding-top: 10px;
  }
}