:root {
  --h1: clamp(2.1rem, 1.6800rem + 2.1000vw, 4.2rem);
  --h3: clamp(0.85rem, 0.6900rem + 0.8000vw, 1.65rem);
  --h2: clamp(0.7rem, 0.6000rem + 0.5000vw, 1.2rem);
  --fs-intro-h1: clamp(2.1rem, 1.4000rem + 3.5000vw, 5.6rem);
     
  --secmenu-prod-text: clamp(0.55rem, 0.4500rem + 0.5000vw, 1.05rem);
  --secmenu-prod-link: clamp(0.6rem, 0.4900rem + 0.5500vw, 1.15rem);
  --secmenu-title: clamp(0.6rem, 0.4900rem + 0.5500vw, 1.15rem);
  --sort-prod: clamp(0.55rem, 0.4700rem + 0.4000vw, 0.95rem);
     
     
  --siz-li: clamp(0.6rem, 0.5200rem + 0.4000vw, 1rem);
     
}
/* new 2024 */
section.i-pg-intro {
    max-width: 1490px;
    margin: 0 auto;
    text-align: center;
}

section.i-pg-intro > div.i-pg-intro-titl {
    margin: 0 2vw;
}

section.i-pg-intro > div.i-pg-intro-title > h1  {
    font-size: var(--h1);
    color: var(--clr-greenlght);
    margin: .50em 0 0 0;
}
section.i-pg-intro > div.i-pg-intro-lead-p  {
    
}
section.i-pg-intro > div.i-pg-intro-lead-p > h3  {
    font-size: var(--h3);
    color: var(--clr-black);
    font-weight: 300;
    margin: .12em 0 0 0;
    padding: .30em 1ch 0 1ch;
    display: inline-block;
    border-top: 1px solid var(--clr-greenmtt);
}

section.intro-top-cntnr {
    max-width: 1390px;
    margin: 1.5rem auto 0 auto;
    text-align: center;
    border-top: 1px solid var(--clr-greenmtt);
}
.intro-top-cntnr h2:first-of-type {
    font-size: clamp(0.85rem, 0.6900rem + 0.8000vw, 1.65rem);
    margin: .5em 0 .5em 0;
    font-weight: 400;
    color: var(--clr-greendrk)!important;
}
.intro-top-cntnr h2 {
    font-size: var(--h2);
    margin: .5em 0 .5em 0;
    font-weight: 500;
    color: var(--clr-black)!important;
}
.intro-top-cntnr p {
    font-size: var(--siz-p);
}
.intro-top-cntnr .art-lnk {
    position: relative;
    display: inline-block;
    margin: 1ch 0 0 0;
    padding: clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 4ch clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 2ch;
    width:auto;
    background: var(--clr-white);
    border: 1px solid var(--clr-greenmtt);
    font-size: var(--secmenu-title)!important;
    color: var(--clr-green);
    line-height: clamp(1rem, 0.5639rem + 0.9467vw, 1.7rem);
}
.intro-top-cntnr .art-lnk:hover {
    background: var(--clr-green);
    color: var(--clr-white)!important;
}
.intro-top-cntnr .art-lnk:after {
    position: absolute;
    right: 0.5ch;
  bottom: 25%;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 2.1em;
    font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
    color: var(--clr-green);
}
.intro-top-cntnr .art-lnk:hover:after {
    color: var(--clr-white)!important;
}

.intro-top-2col {
    text-align: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3vw;
    margin: 1.5rem 0;
    grid-template-areas: "left right"
}
.intro-top-2col-img-frst {
    grid-template-areas: "right left"
}
.intro-top-2col > .intro-top-2col-left {
    padding: 0 0 3vw 3vw;
    grid-area: left;
}
.intro-top-2col-img-frst > .intro-top-2col-left {
    border: none;
    padding: 0 0 3vw 3vw;
    grid-area: left;
}
.intro-top-2col > .intro-top-2col-right {
    padding: 0 3vw 3vw 0;
    grid-area: right;
}

section.intro-tag-sort {
    max-width: 1390px;
    margin: 1.0rem  auto 0 auto;
    padding: 1.0rem 0 0 0;
    text-align: center;
	background-color: var(--clr-greenmtt);
}
section.intro-tag-sort > h2 {
    font-size: clamp(0.85rem, 0.6200rem + 1.1500vw, 2rem);
    line-height: 1.22em;
    margin: 0 0 .3em 0;
    padding: 0 0 0 0;
    font-weight: 300;
    color: var(--clr-greendrk)!important;
    display: block;
    border-bottom: 1px solid var(--clr-greendrk);
}
section.intro-tag-sort > .intro-tag-sort-grid {
    display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 9ch auto;
	width: 94%;
    margin: 0 auto;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-title {
    grid-area:  1 / 1 / 4 / 2;
    display: table;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid var(--clr-white);
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions {
    grid-area:  1 / 2 / 2 / 3;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter {
    grid-area: 2 / 2 / 3 / 3;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application {
    grid-area: 3 / 2 / 4 / 3;
}

section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-title > h2 {
    width: auto;
    vertical-align: middle;
    height: auto;
    display: table-cell;
    padding: 0 1ch 0 1ch;
    margin: 0;
    font-size: var(--secmenu-title);
    font-weight: 300;
    color: var(--clr-greydrk);
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application >  .chooser-application {
    display: grid;
	grid-template-columns: 15ch auto;
    padding-bottom: .5rem;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions >  .chooser-functions {
    display: grid;
	grid-template-columns: 15ch auto;
    padding-bottom: .5rem;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter {
    display: grid;
	grid-template-columns: 15ch auto;
    border-top: 1px solid var(--clr-white);
    padding-top: .5rem;
    padding-bottom: .5rem;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application >  .chooser-application {
    display: grid;
	grid-template-columns: 15ch auto;
    border-top: 1px solid var(--clr-white);
    padding-top: .5rem;
}

section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application >  .chooser-application > span,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions >  .chooser-functions > span,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter > span {
    text-align: right;
    width: auto;
    padding: 1ch 1ch;
    color: var(--clr-greydrk);
    font-size: var(--sort-prod)!important;
}

section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application >  .chooser-application > ul,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions >  .chooser-functions > ul,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter > ul {
    text-align: left;
    list-style: none;
    width: auto;
    display: inline-block;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter > ul {
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application >  .chooser-application > ul > li,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions >  .chooser-functions > ul > li,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter > ul > li {
    position: relative;
  display: inline-block;
  margin: 0 1ch;
  padding: 0;
  width: auto;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application >  .chooser-application > ul > li > a,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions >  .chooser-functions > ul > li > a,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter > ul > li > a {
    background: rgba(255,255,255,0.50);
    font-size: var(--sort-prod)!important;
    color: var(--clr-greydrk);
    line-height: clamp(1rem, 0.5639rem + 0.9467vw, 1.7rem);
    display: inline-block;
    padding: .5ch 1ch;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application >  .chooser-application > ul > li > a.focus,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions >  .chooser-functions > ul > li > a.focus,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter > ul > li > a.focus {
    border: 1px solid var(--clr-greendrk);
    color: var(--clr-greendrk)!important;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application >  .chooser-application > ul > li:hover,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions >  .chooser-functions > ul > li:hover,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter > ul > li:hover {
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-application >  .chooser-application > ul > li:hover > a,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions >  .chooser-functions > ul > li:hover > a,
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter > ul > li:hover > a {
    background: var(--clr-green);
    color: var(--clr-white)!important;
}

section.intro-swivel-range,
section.intro-swivel-section,
section.intro-swivel-linkmenu,
section.intro-other-range {
  max-width: 1390px;
  margin: 0 auto 0 auto;
  text-align: center;
}
section.intro-swivel-range > .intro-swivel-range-cntnr,
section.intro-swivel-section > .intro-swivel-section-cntnr,
section.intro-other-range > .intro-other-range-cntnr {
  margin: 1.5rem 0;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 250px));
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 1.5vw;
    justify-content: center;
    align-content: center;
    text-align: center;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > .intro-swivel-range-intro {
    width: 100%;
    text-align: left;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > .intro-swivel-range-intro > h2:first-of-type {
    font-size: clamp(0.85rem, 0.6200rem + 1.1500vw, 2rem);
    font-size: clamp(0.9rem, 0.7600rem + 0.7000vw, 1.6rem) !important;
    line-height: 1.22em;
    margin: 0 0 .5em 0;
    font-weight: 300;
    color: var(--clr-greendrk)!important;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > .intro-swivel-range-intro > p {
    font-weight: 300;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > .intro-swivel-range-intro > .art-lnk {
    position: relative;
    display: inline-block;
    margin: 1ch 0 0 0;
    padding: clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 3ch clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 1.5ch;
    width:auto;
    background: var(--clr-white);
    border: 1px solid var(--clr-greenmtt);
    font-size: var(--secmenu-title)!important;
    color: var(--clr-green);
    line-height: clamp(1rem, 0.5639rem + 0.9467vw, 1.7rem);
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > .intro-swivel-range-intro > .art-lnk:hover {
    background: var(--clr-green);
    color: var(--clr-white)!important;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > .intro-swivel-range-intro > .art-lnk:after {
    position: absolute;
    right: 0.5ch;
  bottom: 25%;
  content: "\0025B9";
  margin-left: 1ch;
  margin-right: 0.0em;
  font-size: 2.1em;
    font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
    color: var(--clr-green);
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > .intro-swivel-range-intro > .art-lnk:hover:after {
    color: var(--clr-white)!important;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure {
    padding: 7.5% 0 0 0;
    width: 100%;
    background-color: var(--clr-greenmtt);
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure:hover {
    background-color: var(--clr-greenlght);
    color: var(--clr-white)!important;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > img {
    margin: 0 7.5% 0 7.5%;
    width: 85%;
    display: inline-block;
    background-color: var(--clr-white);
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > video {
    width: 85%!important;
    margin: -0.5ch 0 0 0!important;
    display: inline-block;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > img:last-of-type {
    margin: -1ch 7.5% 0 7.5%;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > figcaption {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > figcaption > .intro-swivel-range-txt {
    text-align: left;
    padding: 0 1ch .5ch 2ch;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > figcaption > .intro-swivel-range-txt > h2 {
    font-size: clamp(0.85rem, 0.6900rem + 0.8000vw, 1.65rem);
    font-size: var(--siz-p);
    font-weight: 400;
    color: var(--clr-greendrk) !important;
    margin: .6ch 0 0 0;
    padding: 0 0 0 0;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure:hover > figcaption > .intro-swivel-range-txt > h2 {
    color: var(--clr-white)!important;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > figcaption > .intro-swivel-range-txt > p {
    font-size: var(--siz-li);
    margin: .3em 0 .3em 0;
    font-weight: 300;
}

section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > figcaption > .intro-swivel-range-txt > ul {
    margin: .3em 0 .5em 0;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > figcaption > .intro-swivel-range-txt > ul > li {
    list-style: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
    margin: .3em 0 .3em 0;
    font-weight: 300;
    font-size: var(--siz-li)
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > figcaption > .intro-swivel-range-lnk {
    display: table;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > figcaption > .intro-swivel-range-lnk > a.art-lnk {
    display: table-cell;
    background: none;
    color: var(--clr-white);
    font-size: var(--h1);
    vertical-align: bottom;
    padding: 0 .4ch .6ch 0;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure:first-of-type > figcaption > .intro-swivel-range-lnk > a.art-lnk {
    /*
    transform: rotate(90deg);
    */
    writing-mode: vertical-lr;
    padding: 1.5vw .2ch .6ch 0;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > figcaption > .intro-swivel-range-lnk > a.art-lnk:after {
    display: none;
}


/* Read broschure section 2024 */
section.intro-swivel-broschure {
    max-width: 1390px;
    margin: 0 auto 0 auto;
    text-align: center;
    display: none;
}
div.read-broschure {
  padding: 2rem 4vw 0 4vw;
  overflow: hidden;
  position: relative;
}
div.read-broschure > div {
    background-color: var(--clr-greydrk);
    color: var(--clr-white);
    text-align: center;
    padding: 1% 0 2% 0; 
    border-radius: .5rem;
}
div.read-broschure > div > h2  {
    font-size: clamp(0.85rem, 0.6200rem + 1.1500vw, 2rem);
    margin: .23em 0 .43em 0;
}
div.read-broschure > div > p  {
    font-size: var(--h3);
}


section.intro-swivel-linkmenu > .intro-swivel-linkmenu-cntnr {
  margin: 1.0rem 0;
}
section.intro-swivel-linkmenu > .intro-swivel-linkmenu-cntnr > h2 {
    border: 1px solid var(--clr-greenmtt);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: var(--clr-white);
    width: auto;
    display: inline-block;
    padding: clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 0 clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 1ch;
    margin: 0;
    font-size: var(--secmenu-title);
    color: var(--clr-greydrk);
    font-weight: 400;
}
section.intro-swivel-linkmenu > .intro-swivel-linkmenu-cntnr > a.art-lnk {
    position: relative;
    display: inline-block;
    margin: 0 1ch;
    padding: clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 4ch clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 2ch;
    width:auto;
    background: var(--clr-white);
    border: 1px solid var(--clr-greenmtt);
    font-size: var(--secmenu-title)!important;
    color: var(--clr-greydrk);
    line-height: clamp(1rem, 0.5639rem + 0.9467vw, 1.7rem);
    font-weight: 400;
}
section.intro-swivel-linkmenu > .intro-swivel-linkmenu-cntnr > a.art-lnk:hover {
    background: var(--clr-green);
    color: var(--clr-white)!important;
}
section.intro-swivel-linkmenu > .intro-swivel-linkmenu-cntnr > a.art-lnk:after {
  position: absolute;
  right: 0.5ch;
  bottom: 25%;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 2.1em;
    font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
    color: var(--clr-green);
}
section.intro-swivel-linkmenu > .intro-swivel-linkmenu-cntnr > a.art-lnk:after {
    color: var(--clr-white)!important;
}


section.intro-tag-sort > .article-template {
    position: relative;
}
section.intro-tag-sort > .article-template > #function0,
section.intro-tag-sort > .article-template > #diameter0 {
    position: absolute;
    top: 0;
    margin-top: -12%;
}


/* end: new 2024 */

/* product choose page */
.front-main-intro-neu {
    padding: 1rem 0 1rem 0;
    overflow:hidden;
    text-align: center;
    width: 100%;
}
.front-main-intro-neu h2,
.front-main-intro-neu h1,
.front-main-intro-neu h3 {
    display: block;
    color: var(--clr-green);
}
.front-main-intro-neu h2 {
    font-size: clamp(1rem, 0.8400rem + 0.8000vw, 1.8rem);
    color: var(--clr-greydrk);
    margin: 1rem 0 0 0;
    font-weight: 300;
}
.front-main-intro-neu h1 {
    font-size: var(--fs-intro-h1);
    margin: .23em 0 0 0;
}
.chair-bases .front-main-intro-neu h1 {
    color: var(--clr-greenlght);
}
.chair-component .front-main-intro-neu h1 {
    color: var(--clr-greenlght);
}


.intro-top-2col-container {
  display: grid;
  grid-template-columns: auto  minmax(280px,640px) minmax(280px,640px) auto;
  grid-gap: 4vw;
    column-gap: 4vw;
  grid-column-gap: 4vw;
  justify-content: center;
  align-content: center;
  text-align: center;
    margin-top:  clamp(0.5rem, 0.0000rem + 2.5000vw, 3rem);
}
.intro-top-2col-img{
	position: relative;
}
.intro-top-2col-img > .intro-top-2col-header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	text-align: center;
}
.intro-top-2col-img > .intro-top-2col-header > h1 {
	font-size: var(--fs-intro-h1);
	margin: .23em 0 0 0;
	display: block;
	color: var(--clr-green);
}
.intro-top-2col-img > .intro-top-2col-footer {
	position: absolute;
	bottom: 0;
}
.intro-top-2col-txt {
    padding: 
        clamp(0.3rem, 0.1600rem + 0.7000vw, 1rem)
        1rem
        clamp(0.3rem, 0.1600rem + 0.7000vw, 1rem)
        1rem;
	text-align: left;
	border: 1px solid var(--clr-greendrk);
	border-radius: .6rem;
}
.intro-top-2col-txt h2 {
    margin: 0.23em 0 .83em 0;
}
.intro-top-2col-img h3 {
    display: inline-block;
    width: auto;
    font-size: clamp(0.85rem, 0.7000rem + 0.7500vw, 1.6rem);
    color: var(--clr-black);
    margin: 1em 10% .5em 10%;
    font-weight: 400;
}

div.intro-tag-header  {
    text-align: center;
    display: inline-block;
    width: 100%;
    color: var(--clr-greendrk);
    border-bottom: 1px solid var(--clr-greendrk);
}
div.intro-tag-header p  {
    color: var(--clr-greendrk)!important;
    display: inline-block;
    margin: .5em 0 .5em 0;
    font-weight: 400;
    font-size: clamp(0.85rem, 0.6900rem + 0.8000vw, 1.65rem);
}


.front-main-intro-neu img {
    text-align: center;
}


.front-main-intro-neu h3 {
    display: inline-block;
    width: auto;
    font-size: clamp(0.85rem, 0.7000rem + 0.7500vw, 1.6rem);
    color: var(--clr-black);
    margin: 1em 10% .5em 10%;
    font-weight: 400;
}
.chair-bases .front-main-intro-neu h3 {
    color: var(--clr-greenlght);
}
.chair-component .front-main-intro-neu h3 {
    color: var(--clr-greenlght);
}


section.front-main-intro {
}
section.front-main-intro {
    padding: 1rem 4vw 1rem 4vw;
    overflow:hidden;
    position: relative;
}
section.front-main-intro > figure {
  position: relative;
  padding: 6rem 2rem;
  /* grid styles */
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
figure.front-main-intro-txt > figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50%;
  padding: 4rem 0;
}
.front-main-intro h2,
.front-main-intro h1 {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--clr-green);
}
.front-main-intro h2 {
    font-size: clamp(1rem, 0.8400rem + 0.8000vw, 1.8rem);
    color: var(--clr-greydrk);
    margin: 0;
    font-weight: 300;
}
.front-main-intro h1 {
    font-size: var(--fs-intro-h1);
    margin: .23em 0 0 0;
}
.chair-bases .front-main-intro h1 {
    color: var(--clr-greenlght);
}
.chair-component .front-main-intro h1 {
    color: var(--clr-greenlght);
}

section.intro-lead-p  {
    text-align: center;
    border-bottom: 1px solid var(--clr-greendrk);
}
.chair-bases section.intro-lead-p  {
    border-bottom: 1px solid var(--clr-greenlght);
}
.chair-component section.intro-lead-p  {
    border-bottom: 1px solid var(--clr-greenlght);
}
section.intro-lead-p h3 {
    font-size: clamp(1rem, 0.8400rem + 0.8000vw, 1.8rem);
    color: var(--clr-greendrk);
    margin: 1em 0 .5em 0;
}
.chair-bases section.intro-lead-p h3 {
    color: var(--clr-greenlght);
}
.chair-component section.intro-lead-p h3 {
    color: var(--clr-greenlght);
}
section.intro-tag-header  {
    text-align: center;
    display: inline-block;
    width: 100%;
    background-color: var(--clr-greendrk);
    border-bottom: 1px solid var(--clr-white);
}
section.intro-tag-header p  {
    color: var(--clr-white) !important;
    display: inline-block;
    /*
    border-bottom: 1px solid var(--clr-white);
    */
    margin: .5em 0 .5em 0;
    font-weight: 400;
    font-size: clamp(0.85rem, 0.6900rem + 0.8000vw, 1.65rem);
}


section.intro-accessories-heading  {
    text-align: center;
    display: inline-block;
    width: 100%;
    background-color: var(--clr-white);
}
section.intro-accessories-heading h2  {
    color: var(--clr-bluedrk) !important;
    display: inline-block;
    border-bottom: 1px solid var(--clr-bluedrk);
    margin: 3rem 0 0 0;
    font-size:  var(--fs-frnt-h2);
}
section.intro-accessories-links {
    text-align: center;
    display: inline-block;
    width: 100%;
    background-color: var(--clr-white);
    margin: 2rem 0 0 0;
}
section.intro-accessories-links > h2 {
    display: inline-block;
    margin: 0 1rem 0 0;
    font-size: clamp(0.8rem, 0.6800rem + 0.6000vw, 1.4rem);
}
section.intro-accessories-links > .art-lnk {
    display: inline-block;
    margin: 
        clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) 
        clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem)  
        clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) 
        clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) ;
    font-size: clamp(0.8rem, 0.6800rem + 0.6000vw, 1.4rem);
    background-color: var(--clr-green);
    color: var(--clr-white)!important;
    padding: 
        clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) 
        clamp(0.6rem, 0.3600rem + 1.2000vw, 1.8rem)
        clamp(0.4rem, 0.2800rem + 0.6000vw, 1rem) 
        clamp(0.6rem, 0.3600rem + 1.2000vw, 1.8rem);
    border-radius: 0.4rem;
    border: none;
    width: auto;
    white-space: nowrap;
}

section.intro-accessories-links > .art-lnk:hover,
section.intro-accessories-links > .art-lnk:active {

    background-color: var(--clr-white);
    color: var(--clr-bluedrk)!important;
    border: 1px solid var(--clr-bluedrk);
}




section.intro-product-heading  {
    text-align: center;
}
section.intro-product-heading h2 {
    display: inline-block;
    font-size: clamp(1.2rem, 0.8000rem + 2.0000vw, 3.2rem);
    width: auto;
    margin: .67em 0 .23em 0;
    margin: .67em 0 0 0;
    padding: .32em 3% .32em 3%;
    color: var(--clr-greydrk);
    border-bottom: 1px solid var(--clr-greydrk);
}

.front-box-stack  {
    padding: 2rem 0 4rem 0;
}
.front-box-stack-tag-bu  {
    margin: 2rem 4vw 4rem 4vw;
    padding: 1.5rem 0 1.5rem 0;
	
	background-color: var(--clr-greenmtt);
    max-width: 1390px;
    margin: 0 auto;
    text-align: center;
}
.front-box-stack-tag-hid  {
    display: none;
}
.front-box-stack > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 360px));
    grid-template-columns: repeat(auto-fit, minmax(260px, 300px));
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.0vw;
    justify-content: center;
    align-content: center;
    text-align: center;
}
.front-box-stack > ul > li {/*
  border: 1px solid #E2E2E2;
  border: 1px solid var(--clr-green);*/
    overflow: hidden;
}
.front-box-stack > ul > li > a {
    background-color: var(--clr-greenmtt);
  position: relative;
    margin: 0 1.0em 0 1.0em;
    height: 100%;
    display: inline-block;
    text-align: left;
}
.front-box-stack-tag-bu > ul > li > a {
    background-color: var(--clr-white);
}
.front-box-stack-tag-bu > ul > li > a > .art-lnk {
    border: 2px solid var(--clr-green)!important;
}
.front-box-stack > ul > li > a > img {
    position: relative;
    display: inline-block;
    width: 86%;
    margin: -1.1em 7% 0 7%;
}
.front-box-stack > ul > li > a > div {
    position: relative;
    display: inline-block;
    background-color: var(--clr-green);
    padding: 0;
    text-align: center;
    margin: 0 0 0 -1.0em;
    width: 110%;
}
.chair-bases .front-box-stack > ul > li > a > div {
    background-color: var(--clr-greenlght);
}
.chair-component .front-box-stack > ul > li > a > div {
    background-color: var(--clr-greenlght);
}
.front-box-stack > ul > li > a > div > h2 {
    color: var(--clr-white);
    padding: 0;
    font-size: clamp(0.85rem, 0.6900rem + 0.8000vw, 1.65rem);
    font-size: var(--h2);
    text-align: center;
    margin: 0;
    padding: .8rem 1.5rem;
    font-weight: 500;
}
.front-box-stack > ul > li > a > div.header-triangle {
    position: relative;
    display: inline-block;
    width: 0;
height: 0;
    background:none;
border-style: solid;
border-width: 0 1.0em 1.0em 0;
border-color: transparent var(--clr-greendrk) transparent transparent;
line-height: 0px;
_border-color: #000000 var(--clr-greendrk) #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.chair-bases .front-box-stack > ul > li > a > div.header-triangle {
    border-color: transparent var(--clr-greendrk) transparent transparent;
    _border-color: #000000 var(--clr-greendrk) #000000 #000000;
}
.chair-component .front-box-stack > ul > li > a > div.header-triangle {
    border-color: transparent var(--clr-bluedrkshdw) transparent transparent;
    _border-color: #000000 var(--clr-bluedrkshdw) #000000 #000000;
}
.front-box-stack > ul > li > a > p {
    display: inline-block;
    margin: 5% 3% 5rem 3%;
    font-size: clamp(0.72rem, 0.6180rem + 0.5100vw, 1.23rem);
    font-size: var(--secmenu-prod-text);
    color: var(--clr-greendrk);
    padding: 0 5% 0 5%;
    width: 83%;
    hyphens: auto;
}
.front-box-stack > ul > li > a > .art-lnk {
    position: relative;
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    margin: 3% 7% 3% 7%;
    font-size: clamp(0.72rem, 0.6180rem + 0.5100vw, 1.23rem);
    font-size: var(--secmenu-prod-link);
    font-size: clamp(0.72rem, 0.6180rem + 0.5100vw, 1.23rem)!important;
    color: var(--clr-greendrk);
    padding: clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 10% clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 5%;
    border: 2px solid var(--clr-white);
    width: 70%;
    background: none;
}
.front-box-stack > ul > li > a > .art-lnk:after {
    position: absolute;
    right: 5%;
    bottom: 25%;
    content: "\0025B9";
    margin-left: 0.6em;
    margin-right: 0.2em;
    font-size: 2.1em;
    line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
    color: var(--clr-white);
}
.front-box-stack > ul > li > a > .art-lnk:active,
.front-box-stack > ul > li > a > .art-lnk:hover {
    border: 1px solid var(--clr-green);
    color: var(--clr-green);
}

.front-box-stack > ul > li > a > span.art-lnk:hover {
    background: var(--clr-green);
    color: var(--clr-white)!important;
}
.front-box-stack > ul > li > a > span.art-lnk:after {    
    position: absolute;
    right: 0.5ch;
  bottom: 25%;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 2.1em;
    font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
    color: var(--clr-green);
}
.front-box-stack > ul > li > a > span.art-lnk:after:hover {    
    color: var(--clr-white)!important;
}

.chair-bases .front-box-stack > ul > li > a > p,
.chair-bases .front-box-stack > ul > li > a > .art-lnk,
.chair-bases .front-box-stack > ul > li > a > .art-lnk:after,
.chair-bases .front-box-stack > ul > li > a > .art-lnk:active,
.chair-bases .front-box-stack > ul > li > a > .art-lnk:hover {
    color: var(--clr-greenlght)!important;
}
.chair-bases .front-box-stack > ul > li > a > .art-lnk:active,
.chair-bases .front-box-stack > ul > li > a > .art-lnk:hover {
    border: 1px solid var(--clr-greenlght);
}
.chair-component .front-box-stack > ul > li > a > p,
.chair-component .front-box-stack > ul > li > a > .art-lnk,
.chair-component .front-box-stack > ul > li > a > .art-lnk:after,
.chair-component .front-box-stack > ul > li > a > .art-lnk:active,
.chair-component .front-box-stack > ul > li > a > .art-lnk:hover {
    color: var(--clr-greenlght)!important;
}
.chair-component .front-box-stack > ul > li > a > .art-lnk:active,
.chair-component .front-box-stack > ul > li > a > .art-lnk:hover {
    border: 1px solid var(--clr-greenlght);
}

/* Tag chooser */


.vst-tag-chsn-cntnr {
	width: 100% !important;
    text-align: center;
    margin: 0 auto 0 auto;
}
.vst-tag-chsn {
	width: 90% !important;
    text-align: center;
    margin: 0 auto 0 auto;
}
.vst-tag-chose {
    margin: 0 0 0 0;
    padding: 0% 3% 1% 2%;
}
#expand0 .vst-tag-chose a,
.vst-tag-chsn a {
    display: inline-block;
    margin: .23em 0.8em .23em 0;
    font-weight: 400;
    font-size: 1.40em;
    font-family: 'carnaslight';
    color: rgba(255,255,255,1.00);
    white-space: nowrap;
}
.vst-tag-results .vst-lst a {
    margin: .23em 0.8em 0 0;
}
#expand0 .vst-tag-chose a {
    background-color: rgba(255,255,255,1.00);
    color: rgba(81,156,91,1.00);
    border-radius: 0.5em;
    padding: 0.5% 1%;
}
.vst-tag-chsn a:after {
    content: "\203A \00A0";
    font-size: 1.3em;
    margin-left: 5%;
}
.vst-tag-results .vst-lst a:after {
    display: none;
}
.vst-tag-chsn .vst-tag-chose a,
.vst-tag-chsn .vst-tag-chose a:after {
    display: none;
}
.vst-tag-chsn .vst-tag-chose a.vst-tag-focus {
    display: inline-block;
    font-weight: 700;
    font-size: 2.80em;
    font-family: 'Sansita', sans-serif;
    text-decoration: none;
    color: rgba(255,255,255,1.00);
    border-radius: 0;
}


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


.front-box-stack > ul {
    grid-template-columns: repeat(auto-fit, minmax(268px, 310px));
}
    
}

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


.front-box-stack > ul {
    grid-template-columns: repeat(auto-fit, minmax(175px, 268px));
}
    
}


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

section.intro-swivel-range > .intro-swivel-range-cntnr {
  margin: 1.5rem 2vw .5rem 2vw;
    text-align: center;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 3vw;
    row-gap: 2vw;
    margin: 0 auto;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > .intro-swivel-range-intro {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > .intro-swivel-range-intro > .art-lnk {
    padding: clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 3ch clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 1.5ch;
    width: 80%;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure {
  margin: 0;
}
section.intro-swivel-range > .intro-swivel-range-cntnr > .intro-swivel-range-grid > figure > video {
    width: 90%!important;
}
.intro-top-2col-container {
    grid-template-columns: 
        repeat(auto-fit, minmax(280px, 380px));
    grid-column-gap: 0;
    grid-row-gap: 0;
	margin: 0 5%;
}
section.intro-swivel-linkmenu > .intro-swivel-linkmenu-cntnr {
  margin: 0 0 .5rem 0;
}
section.intro-swivel-linkmenu > .intro-swivel-linkmenu-cntnr > h2 {
    border-top: 1px solid var(--clr-greenmtt);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 0 clamp(0.3rem, 0.2200rem + 0.4000vw, 0.7rem) 0;
    display: block;
}
    
section.intro-tag-sort > .intro-tag-sort-grid {
    grid-template-columns: 7ch auto;
    width: 100%;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions > .chooser-functions {
    grid-template-columns: auto auto;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-functions > .chooser-functions > ul > li {
  margin: 0 0ch 1ch 1ch;
  padding: 0;
  width: auto;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter {
    grid-template-columns: auto auto;
    padding-bottom: .5rem;
}
section.intro-tag-sort > .intro-tag-sort-grid > .intro-tag-sort-diameter > .chooser-diameter > ul > li {
  margin: 0 0ch 1ch 1ch;
  padding: 0;
  width: auto;
}
    
section.front-main-intro {
    padding: 1rem 4vw 1rem 4vw;
}
section.front-main-intro > figure {
    padding: 2rem 2rem;
}
figure.front-main-intro-txt > figcaption {
    padding: 1rem 0;
}
  

.front-box-stack {
  padding: 1rem 1vw 2rem 1vw;
}

.front-box-stack-tag-bu  {
    margin: 0 0 4rem 0;
    padding: 1rem .5vw .5vw .5vw;
	
}
.front-box-stack > ul {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: 1vw;
    grid-row-gap: 4vw;
}
.front-box-stack > ul > li > a > div {
  margin: 0 0 0 -0.5em;
  width: 105%;
}
.front-box-stack > ul > li > a {
  margin: 0 0.3em 0 0.5em;
}
.front-box-stack > ul > li > a > div.header-triangle {
  border-width: 0 .5em 1.0em 0;
}
.front-box-stack > ul > li > a > p {
  margin: 5% 3% 3rem 3%;
}
    
}