/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- media queries. When using responsive: only mobile & desktop ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 480px)";
@tablet:		~"only screen and (min-width: 999999999px)";
@tabletLand:	~"only screen and (min-width: 768px)";
@desktop:		~"only screen and (min-width: 768px)";

@upToTablet:	~"only screen and (max-width: 767px)";
@upToDesktop:	~"only screen and (max-width: 767px)";*/
/*--- media queries. When not using responsive ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 1px)";
@tablet:		~"only screen and (min-width: 1px)";
@tabletLand:	~"only screen and (min-width: 1px)";
@desktop:		~"only screen and (min-width: 1px)";

@upToTablet:	~"only screen and (max-width: 1px)";
@upToDesktop:	~"only screen and (max-width: 1px)";*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
.contentpagina #cols {
  padding: 0 1%;
}
.contentpagina #cols #sidecol {
  display: block;
}
.contentpagina .row--1 {
  display: grid;
  padding: 6% 0;
  background-color: #f4edea;
}
@media only screen and (min-width: 768px) {
  .contentpagina .row--1 {
    padding: 2% 0;
  }
}
.contentpagina .row--1 .banner {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .contentpagina .row--1 .banner {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contentpagina .row--1 .banner img {
    width: 100%;
  }
}
.contentpagina .row--1 .contentSnippet {
  padding: 0 3%;
  margin-bottom: 20px;
}
.contentpagina .row--1 .bttn {
  width: fit-content;
  margin: 0 auto;
}
.contentpagina .row--1 .bttn:hover {
  bottom: 12px;
}
.contentpagina .row--1 .bttn .contentSnippet {
  padding: 0;
  margin: 0;
  height: 36px;
}
.contentpagina .row--1 .bttn .contentSnippet a {
  display: block;
  height: 36px;
}
.contentpagina .row--2 {
  display: flex;
  padding: 4% 2%;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .contentpagina .row--2 {
    flex-wrap: nowrap;
    gap: unset;
    overflow: hidden;
    padding: 2% 0;
  }
  .contentpagina .row--2 .block {
    float: left;
    margin-right: 1.408450704%;
    margin-bottom: 1.408450704%;
    width: 23.943661972%;
  }
  .lt-ie9 .contentpagina .row--2 .block {
    /*IE 8*/
    width: 23.591549296%;
  }
  .contentpagina .row--2 .block:nth-of-type(n) {
    /*reset if function is called more then once*/
    margin-right: 1.408450704%;
  }
  .contentpagina .row--2 .block:nth-of-type(4n) {
    margin-right: 0;
  }
}
.contentpagina .row--2 .block {
  flex: 40%;
  max-width: 50%;
  background-color: #ecede8;
}
@media only screen and (min-width: 1024px) {
  .contentpagina .row--2 .block {
    flex: none;
    max-width: none;
  }
}
.contentpagina .row--2 .block .contentSnippet {
  padding: 0 10px 10px 10px;
}
@media only screen and (min-width: 1024px) {
  .contentpagina .row--2 .block .contentSnippet {
    padding: 20px;
  }
}
.contentpagina .row--2 .block .contentSnippet h2 {
  white-space: normal;
}
.contentpagina .row--3 {
  background-color: #f4edea;
  padding: 4%;
}
.contentpagina .row--3 .banner {
  display: flex;
  justify-content: center;
}