.lcos-logo,
.product-detail .colPos-0 > div.lcos-logo {
   display: inline-block;
   font-family: Inter;
   height: 23rem;
   padding: 0;
   position: relative;
   text-align: left;
   width: 34rem;
}
.lcos-logo .lcos-type {
   font-size: 7.6rem;
   font-weight: bold;
   height: 7.6rem;
   left: 0;
   line-height: 1;
   position: absolute;
   top: -0.2rem;
   width: 100%;
}
.lcos-logo .lcos-version {
   font-size: 4.8rem;
   height: 4.8rem;
   left: 0;
   line-height: 1;
   position: absolute;
   top: 8.3rem;
   width: 100%;
}

.lcos-logo .lcos-type .lcosderiv {
   color: #2e60ff;
}

.support-product,
.software-option {
	color: #000000;
	display: inline-block;
	font-family: Inter;
	height: 20rem;
   max-height: 20rem;
	line-height: 1.2;
   padding: 0 0.5rem 1rem 0;
	position: relative;
	text-align: left;
	width: 34rem;
}

.support-product,
.software-option,
.support-product .support-product-description,
.software-option .software-option-description {
   clear: both;
}
.text-white .support-product,
.text-white .software-option	 {
   color: #ffffff;
}
.text-white .col-12.col-md-4 .support-product,
.text-white .col-12.col-md-4 .software-option {
   border-left: 1px solid #ffffff;
}
.support-product .support-product-logo,
.software-option .software-option-logo {
   float: left;
   margin: 0;
   padding: 0;
   width: 34rem;
   min-width: 34rem;
   max-width: 34rem;
}
.support-product .support-product-header,
.software-option .software-option-header {
   font-weight: 300;
   font-size: 3.75rem;
   margin: 0;
}
/* Divider line matches always same position: */
.support-product .support-product-type,
.software-option .software-option-type {
   font-size: 3.75rem;
   font-weight: bold;
   height: 11rem;
   padding: 0;
}
.support-product .support-product-divider,
.software-option .software-option-divider {
   height: 0.625rem;
   min-height: 0.625rem;
   max-height: 0.625rem;
   margin: 0 0 2.2rem 0;
   width: 100%;
}
.support-product .support-product-divider {
   background-color: #ff004d;
}
.software-option .software-option-divider {
   background-color: #1f4df6;
}
.support-product .support-product-description,
.software-option .software-option-description {
   display: none;
   font-size: 1rem;
   line-height: normal;
}

/* in 3-row usage */
/*!row justify-content-end mb-5 product-detail*/
/*.col-12.col-md-4 .lcos-logo,*/
.col-12.col-md-4 .support-product,
.col-12.col-md-4 .software-option {
   height: 21rem;
   margin: 0 !important;
   width: 26rem;
}
/*.col-12.col-md-4 .lcos-logo .lcos-type,*/
.col-12.col-md-4 .support-product .support-product-header,
.col-12.col-md-4 .software-option .software-option-header,
.col-12.col-md-4 .support-product .support-product-type,
.col-12.col-md-4 .software-option .software-option-type {
   font-size: 2.1rem;
}
/*.col-12.col-md-4 .lcos-logo .lcos-version,*/
.col-12.col-md-4 .support-product .support-product-type,
.col-12.col-md-4 .software-option .software-option-type {
   height: 6.2rem;
}
.col-12.col-md-4 .support-product .support-product-divider,
.col-12.col-md-4 .software-option .software-option-divider {
   height: 0.35rem;
   min-height: 0.35rem;
   max-height: 0.35rem;
}
.col-12.col-md-4 .support-product .support-product-divider {
   width: 17.4rem;
}
.col-12.col-md-4 .software-option .software-option-divider {
   width: 16.4rem;
}
.col-12.col-md-4 .support-product .support-product-description,
.col-12.col-md-4 .software-option .software-option-description {
   display: block;
}
.col-12 .lcos-logo {
   height: auto !important;
   min-height: 11.2rem !important;
}
.row.separated .col-12 {
   border-left: 1px solid #686868;
   margin: 0 !important;
	padding: 1rem 0.5rem 1rem 1.74rem;
   position: relative;
}
.row.separated .mb-5 {
   margin-bottom: 0 !important;
}
.row.separated .col-md-4 .support-product,
.row.separated .col-md-4 .software-option {
   height: auto;
   max-height: auto;
   padding-bottom: 0;
}
.row.separated .col-md-4 .support-product,
.row.separated .col-md-4 .support-product-logo,
.row.separated .col-md-4 .software-option,
.row.separated .col-md-4 .software-option-logo {
   width: auto;
   min-width: auto;
   max-width: 100%;
}

.be-layout-pagets__productDetailNoHeader .product-detail h1,
.be-layout-pagets__productDetailNoHeader .product-detail h2 {
   font-size:calc(1.5rem + 3vw);
   margin-bottom: .8em;
}

ul.logo-list {
   list-style-type: none;
   padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1*var(--bs-gutter-y));
  margin-right: calc(-0.5*var(--bs-gutter-x));
  margin-left: calc(-0.5*var(--bs-gutter-x));
}
ul.logo-list li {
   border-left: 1px solid #686868;
   display: inline-block;
   height: 21rem;
   margin: 0 0 5rem 0;
   vertical-align: top;
   width: 100%;
   flex-shrink: 0;
   padding-left: calc(var(--bs-gutter-x)*.5);
   padding-right: calc(var(--bs-gutter-x)*.5);
   max-width: 100%;
}
ul.logo-list li:last-child {
   clear: both;
}
ul.logo-list li a {
   padding: 1rem;
}
ul.logo-list li .support-product,
ul.logo-list li .software-option {
   height: auto;
   margin: 0;
   max-height: auto;
   padding-bottom: 0;
}
ul.logo-list li .support-product,
ul.logo-list li .support-product-logo,
ul.logo-list li .software-option,
ul.logo-list li .software-option-logo {
   width: auto;
   min-width: auto;
   max-width: 100%;
}
/*.col-12.col-md-4 .lcos-logo .lcos-type,*/
ul.logo-list li .support-product .support-product-header,
ul.logo-list li .software-option .software-option-header,
ul.logo-list li .support-product .support-product-type,
ul.logo-list li .software-option .software-option-type {
   font-size: 2.1rem;
}
/*ul.logo-list li .lcos-logo .lcos-version,*/
ul.logo-list li .support-product .support-product-type,
ul.logo-list li .software-option .software-option-type {
   height: 6rem;
}

/* LCOS - use in autocreated menu: */
ul.logo-list li .lcos-logo {
   height: auto;
   margin: 0;
   max-height: auto;
   padding-bottom: 0;
}
ul.logo-list li .lcos-type,
ul.logo-list li .lcos-version {
   height: auto;
   width: 86%;
   min-width: auto;
   max-width: 86%;
}
ul.logo-list li .lcos-type {
   font-size: 6rem;
   height: 6rem;
   top: 0;
}
ul.logo-list li .lcos-version {
   font-size: 3.8rem;
   height: 3.8rem;
   top: 8rem;
}
/* LCOS - use in 4-col grid-elements: */
.row.separated .col-md-3 .lcos-logo {
   width: 22rem;
}
.row.separated .col-md-3 .lcos-type {
   font-size: 4.4rem;
}
.row.separated .col-md-3 .lcos-version {
   font-size: 2.93rem;
   top: 5.6rem;
}
/* LCOS - use in 3-col grid-elements: */
.row.separated .col-md-4 .lcos-logo {
   width: 29rem;
}
.row.separated .col-md-4 .lcos-type {
   font-size: 5.8rem;
}
.row.separated .col-md-4 .lcos-version {
   font-size: 3.87rem;
   top: 7.38rem;
}

ul.logo-list li .support-product .support-product-divider,
ul.logo-list li .software-option .software-option-divider {
   height: 0.35rem;
   min-height: 0.35rem;
   max-height: 0.35rem;
   margin: 0 0 1.2rem 0;
}
ul.logo-list li .support-product .support-product-divider {
   width: 17.4rem;
}
ul.logo-list li .software-option .software-option-divider {
   width: 16.4rem;
}
ul.logo-list li .support-product .support-product-description,
ul.logo-list li .software-option .software-option-description {
   display: block;
   max-width: 94%;
}

.frame-type-text.frame-layout-4 a,
.frame-type-text.frame-layout-4 a.lcs,
.frame-type-text.frame-layout-4 a.link-download,
.frame-type-text.frame-layout-4 a.download,
a.exit {
   text-decoration: none;
}
.frame-type-text.frame-layout-4 a::before,
.frame-type-text.frame-layout-4 a.lcs::before,
.frame-type-text.frame-layout-4 a.link-download::before,
.frame-type-text.frame-layout-4 a.download::before,
a.exit::before {
   display: inline-block;
   margin-right: .8em;
   width: 1.3em;
   height: 1.3em;
   transform: translateY(0.2em);
   transition: transform .2s;
}
.frame-type-text.frame-layout-4 a::before,
.frame-type-text.frame-layout-4 a.lcs::before,
.frame-type-text.frame-layout-4 a.link-download::before,
.frame-type-text.frame-layout-4 a.download::before,
a.exit.black::before {
   content: url(/typo3conf/ext/px_theme_lancom/Resources/Public/Icons/link-icon-black.svg);
}
.text-white .frame-type-text.frame-layout-4 a::before,
.text-white .frame-type-text.frame-layout-4 a.lcs::before,
.text-white .frame-type-text.frame-layout-4 a.link-download::before,
.text-white .frame-type-text.frame-layout-4 a.download::before,
a.exit.white::before {
   content: url(/typo3conf/ext/px_theme_lancom/Resources/Public/Icons/link-icon-white.svg);
}
.frame-type-form_formframework textarea.rows3 {
	height: 7.2em;
}

/* RESPONSE TO SCREEN-SIZE: */

@media (max-width: 1023.98px) {
   ul.logo-list {
      margin-left: 0;
      margin-right: 0;
   }
   ul.logo-list li {
      border-left: 0 none;
      border-bottom: 1px solid;
      height: auto;
      margin: 0 0 2.5rem 0;
      padding: 0 0 2.5rem 0;
   }
   ul.logo-list li a {
      padding: 0;
   }
   ul.logo-list li .lcos-logo {
      height: 12rem;
   }
   ul.logo-list li .lcos-logo lcos-type{
      top: 1rem;
   }
   ul.logo-list li .support-product .support-product-divider,
   ul.logo-list li .software-option .software-option-divider {
      width: 18rem;
   }
}
@media(max-width: 767.98px) {
   .support-product,
   .software-option {
      height: 15rem;
      max-height: 15rem;
      margin: 0 0 2rem 0;
      padding: 0;
      width: 26rem;
   }
   .support-product .support-product-logo,
   .software-option .software-option-logo {
      margin: 1rem 0 0 0;
      width: 26rem;
      min-width: 26rem;
      max-width: 26rem;
   }
   .support-product .support-product-header,
   .software-option .software-option-header,
   .support-product .support-product-type,
   .software-option .software-option-type {
      font-size: 3rem;
   }
   .support-product .support-product-type,
   .software-option .software-option-type {
      height: 9rem;
   }
   .support-product .support-product-divider,
   .software-option .software-option-divider {
      height: 0.5rem;
      min-height: 0.5rem;
      max-height: 0.5rem;
      margin: 0;
   }
}
@media(max-width: 440px) {
   .support-product,
   .software-option {
      height: 12rem;
      max-height: 12rem;
      margin: 0 0 1.6rem 0;
      padding: 0;
      width: 20.8rem;
   }
   .support-product .support-product-logo,
   .software-option .software-option-logo {
      margin: 0.8rem 0 0 0;
      width: 20.8rem;
      min-width: 20.8rem;
      max-width: 20.8rem;
   }
   .support-product .support-product-header,
   .software-option .software-option-header,
   .support-product .support-product-type,
   .software-option .software-option-type {
      font-size: 2.4rem;
   }
   .support-product .support-product-type,
   .software-option .software-option-type {
      height: 7.2rem;
   }
   .support-product .support-product-divider,
   .software-option .software-option-divider {
      height: 0.5rem;
      min-height: 0.5rem;
      max-height: 0.5rem;
      margin: 0;
   }
}
@media (min-width: 1024px) and (max-width: 1279px) {
   ul.logo-list li {
      flex: 0 0 auto;
      width: 50%;
   }
   /* use in 4-col grid-elements: */
   .row.separated .col-md-3 .lcos-logo {
      min-height: 8rem;
      width: 13.6rem;
   }
   .row.separated .col-md-3 .lcos-type {
      font-size: 3rem;
   }
   .row.separated .col-md-3 .lcos-version {
      font-size: 2rem;
      top: 4.4rem;
   }
   /* use in 3-col grid-elements: */
   .row.separated .col-md-4 .lcos-logo {
      min-height: 10.6rem;
      width: 18rem;
   }
   .row.separated .col-md-4 .lcos-type {
      font-size: 4rem;
   }
   .row.separated .col-md-4 .lcos-version {
      font-size: 2.66rem;
      top: 6rem;
   }
}
@media(min-width: 1200px) {
   .be-layout-pagets__productDetailNoHeader .product-detail h1,
   .be-layout-pagets__productDetailNoHeader .product-detail h2,
   .be-layout-pagets__productDetailNoHeader .product-detail .h2,
   .be-layout-pagets__productDetailNoHeader .product-detail .h2-in-text {
      font-size:3rem;
   }
}
@media (min-width: 1280px) {
   ul.logo-list li {
      flex: 0 0 auto;
      height: 18rem;
      width: 33.33333333%;
   }
   ul.logo-list li .lcos-type {
      font-size: 4.4rem;
   }
   ul.logo-list li .lcos-version {
      font-size: 2.8rem;
      top: 5.866rem;
   }
   /* use in 4-col grid-elements: */
   .row.separated .col-md-3 .lcos-logo {
      min-height: 9rem !important;
      width: 17.6rem;
   }
   .row.separated .col-md-3 .lcos-type {
      font-size: 3.8rem;
   }
   .row.separated .col-md-3 .lcos-version {
      font-size: 2.5rem;
      top: 4.8rem;
   }
   /* use in 3-col grid-elements: */
   .row.separated .col-md-4 .lcos-logo {
      min-height: 10.6rem;
      width: 18rem;
   }
   .row.separated .col-md-4 .lcos-type {
      font-size: 4rem;
   }
   .row.separated .col-md-4 .lcos-version {
      font-size: 2.66rem;
      top: 6rem;
   }
   .support-product,
   .software-option {
      height: 34rem;
      max-height: 34rem;
      margin: 0 0 0 -6.4rem;
   }
   .row.separated .support-product,
   .row.separated .software-option {
      margin: 0;
   }
   .support-product, .software-option {
      color: #000000;
      display: inline-block;
      font-family: Inter;
      
      line-height: 1.2;
      
      padding: 0 0.5rem 1rem 0;
      position: relative;
      text-align: left;
      width: 34rem;
   }
}
@media (min-width: 1440px) {
   ul.logo-list li {
      height: 21rem;
   }
   ul.logo-list li .lcos-type {
      font-size: 5rem;
   }
   ul.logo-list li .lcos-version {
      font-size: 3.2rem;
      top: 6.66rem;
   }
   .support-product,
   .software-option {
      margin: 0 0 0 -7.2rem;
   }
   .row.separated .support-product,
   .row.separated .software-option {
      margin: 0;
   }
   .be-layout-pagets__productDetailNoHeader .product-detail h1,
   .be-layout-pagets__productDetailNoHeader .product-detail h2,
   .be-layout-pagets__productDetailNoHeader .product-detail .h2,
   .be-layout-pagets__productDetailNoHeader .product-detail .h2-in-text {
      font-size:3.25rem;
   }
}
@media (min-width: 1760px) {
   .support-product,
   .software-option {
      margin: 0 0 0 -8.8rem;
   }
   .row.separated .support-product,
   .row.separated .software-option {
      margin: 0;
   }
   .be-layout-pagets__productDetailNoHeader .product-detail h1,
   .be-layout-pagets__productDetailNoHeader .product-detail h2,
   .be-layout-pagets__productDetailNoHeader .product-detail .h2,
   .be-layout-pagets__productDetailNoHeader .product-detail .h2-in-text {
      font-size:3.75rem;
   }
}