.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs, .col-xxs-auto, .col-xxsm-1, .col-xxsm-2, .col-xxsm-3, .col-xxsm-4, .col-xxsm-5, .col-xxsm-6, .col-xxsm-7, .col-xxsm-8, .col-xxsm-9, .col-xxsm-10, .col-xxsm-11, .col-xxsm-12, .col-xxsm, .col-xxsm-auto, .col-xsh-1, .col-xsh-2, .col-xsh-3, .col-xsh-4, .col-xsh-5, .col-xsh-6, .col-xsh-7, .col-xsh-8, .col-xsh-9, .col-xsh-10, .col-xsh-11, .col-xsh-12, .col-xsh, .col-xsh-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xlxl-1, .col-xlxl-2, .col-xlxl-3, .col-xlxl-4, .col-xlxl-5, .col-xlxl-6, .col-xlxl-7, .col-xlxl-8, .col-xlxl-9, .col-xlxl-10, .col-xlxl-11, .col-xlxl-12, .col-xlxl, .col-xlxl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto{
  position: relative;
  padding-right: 1rem;
  padding-left: 1rem;
}
h1, .h1, h2, .h2, h3, .h3{
  margin-top: 20px;
  margin-bottom: 10px;
}
/*TESTTTTTTTTTT*/
@media only screen and (max-width: 992px) {
  .BLK-scroll {
    flex-wrap: nowrap !important;
    overflow-x: auto;
  }
}
@media (max-width: 992px) {
  .col-scrollbar {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media (max-width: 992px) {
  .col-scrollbar2 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
.text-shadow {
  text-shadow: 1px 1px 2px #333333;
}
h4{
  font-size: 20px;
}
h5{
  font-size: 14px;
}
.desc, .desc p, .desc td{
  font-size: 16px;
  line-height: 1.2;
}
.container {
  max-width: 100%;
}
.img-rounded {
  border-radius: 0.375em;
}
/*Beliebte Kategorien*/
.fav-kategorien {
  background-color: #eaeaea;
  border-radius: 50%;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 1em;
}
.fav-kategorien img {
  transform: scale(1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.fav-kategorien:hover img {
  transform: scale(1.08);
}
.text-kategorien{
  font-size: .875rem;
  text-align: center;
  color: #191919;
}

.opacity-5:hover {
  opacity: 5% !important;
}

.bg-neutral-800 {
  background: #191919 !important;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.notice-frame-info {
    display: block;
    padding: 10px 15px;
    margin-bottom: 1em;
    background: #fff8e5;
    border-left: 4px solid #f0b429;
    color: #333;
    margin-top: 1em;
    font-size: 14px;
    line-height: 1.45;
    border-radius: 4px;
}
.panel {
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #ccc;
  margin-bottom: 1rem;
  overflow: hidden;
}

.notice-frame-info.green-info{
  background: #c7e9c0;
  border-color: #3ad463;
}
.notice-frame-info.blue-info{
  background:#eaf7ff;
  border-color:#0968f6;
}

.notice-frame-info u {
    text-decoration-thickness: 2px;
}
.notice-frame-info strong {
    font-weight: 600;
}
.badge-container {
  display: flex;
  justify-content: end;
  padding: 0.5em 0;
}
.left-box.badge-container .badge-detail{
  max-width: 100px;
  max-height: 100px;
  mix-blend-mode: darken;
}
.badge-detail {
  max-width: 50px;
  max-height: 50px;
}
.not-link{
  color: var(--bs-body-color) !important;
  text-decoration: none !important;
}
.not-link:hover{
  color: var(--bs-body-color) !important;
  text-decoration: none !important;
}
.ueberschrift-template {
  font-size: 32px;
  font-weight: 700;
  line-height: 30px;
}
.card-font{
  text-align: center;
  margin-bottom: 1em;
}
.ueberschrift-sub {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0;
}
.ueberschrift-subsub {
  font-weight: 300;
  margin: 0;
}
.highlights-bottom span{
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto !important;
  transform: inherit !important;
  width: 100%;
  z-index: 5;
}
.highlights-bottom h4, .highlights-bottom h5{
  color: #ffffff !important;
}

.highlights-bottom {
  position: relative;
  overflow: hidden;
  margin: 0;
  margin-right: 1em;
}
.highlights-bottom:last-child {
  margin-right: 0;
}

.highlights-bottom img {
  display: block;
  width: 100%;
  border-radius: 1em;
  height: auto;
}
.highlights-bottom::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%);
  pointer-events: none;
  border-radius: 1em;
  z-index: 2;
}


.headbanner {
  margin-top: 1rem;
}
.sfKBtF {
  z-index: 2;
}

.copyright{
  padding: 1rem 0;
}
.copyright-text-footer{
  font-size: .75rem;
  text-align: center;
}
a:link, a:visited {
  color: #0968f6;
}

.red5 .panes5, .red5 .panes-scroll5, .red5 .no-bg5 > div,body,html {
  background: #f4f4f4 !important;
}
.panes-scroll5 {
  border-radius: 0;
}


.box {
  border: none;
}

.gASJJP {
  display: flex;
  position: absolute;
  -moz-box-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  padding: 2em;
  left: calc(50% - 2.65em);
  top: calc(50% - 2.65em);
  -moz-box-align: center;
  align-items: center;
  z-index: 3;
  visibility: hidden;
}
#browsing-gw-homepage .widget .image-container:hover .gASJJP {
  visibility: visible !important;
}

.wrapper .btn.close-btn {
  background-color: #0654ba;
}
/*ENTFERNT BEI ERSTE MENÜ BTN*/
.wrapper .btn.btn-danger[for="menu-btn"]:before{
  display: none;
}

.wrapper .btn.btn-danger:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(calc(-50%));
  background-color: rgb(204, 204, 204);
  width: 1px;
  height: 2em;
  content: "";
}
.wrapper {
  background: #eeeeee;
  box-shadow: rgba(85, 85, 85, 0.5) 0px 1px 1px 0px !important;
}
.wrapper .btn {
  font-size: 15px;
  background-color: #eeeeee;
  color: #646464;
  border: 0 !important;
}
.wrapper .btn:hover {
  color: #0654ba !important;
  background-color: transparent !important;
  border: 0 !important;
}
.placeholder-artikel {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('/images/keinbild.gif');
}

.gallery {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
img.main-gallery{
  border: 1px solid #ccc;
  border-radius: 6px;
}
.sub-gallery {
  border-color: #dddddd;
}
.gallery label:hover {
  opacity: .8;
  border-color: #337ab7;
}
.gallery-desc {
  border-top:1px dotted #dddddd;
  align-items:center;
  justify-content:center;
  padding-top:15px;
  margin-top: 15px;
}
.gallery label {
  border-color: #dddddd;
}
.gallery input[name="gallery_switch"]:checked + label {
  border-color: #337ab7;
}

.title-block{
  padding: 0;
}
.product-titlehead {
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 3rem;
  text-align: left;
  margin: 0;
}
.mtISK {
  color: #1a751b !important;
}
nav .wrapper {
  margin: 0 -1rem;
}
/*BEHEBT ABSTAND IM MEGAMENÜ*/
body {
  padding-top: 0 !important;
}


.HdXQ .HdXQMa{
  padding: 0;
}
.HdXQMa{
  padding: 1em;
}

.minimenucontent svg {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
}

.minimenu-info {
  background-color: #EEEEEE;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 1px 2px 0 rgba(85,85,85,.2);
  padding: 0 !important;
}
.minimenu-info li{
  padding: 0 1em;
  border-right: 1px solid #dddddd;
  list-style: none;
}
.minimenu-info .HdXQMa:hover {
  color: #2b50c2;
}
.minimenu-info a {
  text-decoration: none !important;
}
.minimenu-info li:last-child {
  border-right: none;
}

.minimenu-info {
  justify-content: center;
}
.minimenu-info .HdXQMa {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #252525;
  text-align: center;
}
.minimenu-info .HdXQMa {
  display: flex;
  align-items: center;
  gap: 8px;
}
.HdXCon .row {
  padding:1rem;
  align-items: center;
  justify-content: center;
}
.HdXQ{
  align-items: center;
}

.HdXQ img {
  margin-right: 15px;
}
.HdXQMa {
  font-weight: 700;
}
.HdXQMa i {
  margin-right: 5px;
  font-size: 12px;
}
.HdXQMa, .HdXQSub {
  margin: 0;
}

.search-wrapper {
  display: flex;
  align-items: center;
  border-radius: 2.75rem;
  border: 2.5px solid #191919;
  padding: 10px 0;
}
.search-input {
  text-wrap: nowrap;
  align-items: center;
  padding-left: 1rem;
  color: #191919;
}
.search-wrapper:hover .search-input{ 
  color: #0968f6;
}
.search-btn {
  height: 100%;
  padding-left: 1rem;
}
.search-btn svg{
  width: 16px;
  height: 16px;
}

.brandnmhead {
  display: flex;
  text-align: center;
  padding: 0.5em;
  font-size: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 1em;
}
.brandnmhead span{
  color:#252525;
}

.sfKBtF .asKbTf {
  justify-content: center;
  padding: 10px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.sfKBtF button{
  font-weight: 700;
  font-size: 16px;
  border-radius: 40px;
}
.sfKBtF  {
  display: flex;
  justify-content: right;
  width: 100%;
}

.asKbTf{
  display: flex;
}

.sfKBtF button{
  font-weight: 700;
  font-size: 16px;
  border-radius: 40px;
}
.BtFtWS{
  display: flex;
  align-items: center;
  justify-content: center;
}
.BtFtWS .btn{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.btn-primary {
  background-color: #0053a0 !important;
  border: 1px solid #0053a0 !important;
  color: #ffffff !important;
}
.btn-second {
  background-color: #3498ca;
  border: 1px solid #3498ca;
  color: #ffffff;
}
.btn:hover {
  background-color: #2b0eaf !important;
  border: 1px solid #2b0eaf !important;
  color: #ffffff !important;
}
.sfKBtF a:hover{
  text-decoration: none !important
}
.sfKBtF {
  display: flex;
  align-items: center;
  line-height: 1;
}
.sfKBtF-label {
  text-align: left;
}
.sfKBtF-label .textsub-ux{
  font-weight: 600;
}
.textsub-ux,.textsubsub-ux{
  font-size: 14px;
  margin-right: 10px;
  color: #888888;
  line-height: 2;
}

.texthead-ux{
  font-size: 25px;
  font-weight: 700;
}

.wrapperpp{
  position: relative;
  min-height: 380px;
}

.tabpp::after,
.tabpps::after {
  content: "";
  display: block;
  clear: both;
}

.tabpps{
  position: relative;
  display: flex;
  width: 100%;
}
.tabpp {
  float:left;
  flex-grow: 1;
}

.tabpp-switch, .gallery input[name="gallery_switch"], nav input, input[name="pane5"] {
    visibility: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    height: 0;
    width: 0;
}

.tabpp-label {
  position: relative;
  justify-content: center;
  line-height: 2.75em;
  padding: 8px 20px;
  text-align: center;
  border: 1px solid #dddddd;
  top: 0;
  width: 100%;
  transition: all 0.25s;
  font-size: 13px;
  margin-bottom: 0 !important;
  border-bottom: 2px solid #dddddd;
  background-color: #f9f9f9;
  color: #0053a0;
  font-weight: 700;
}
.tabft {
  font-size: 16px !important;
}
.tabpp-label:hover {
  cursor: pointer;
  background: #ffffff;
}
.tabpp-switch:checked + .tabpp-label {
  background-color: #ffffff;
  color: #0053a0;
  border-bottom: 2px solid #0654ba;
  transition: all 0.2s;
  z-index: 1;
}
.tabpp-switch:checked + .tabpp-label + .tabpp-content {
  z-index: 2;
  opacity: 1;
  transition: all 0.2s;
}

.tabpp-content {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 1em 1.5em;
  color: #333333;
  transition: all 0.35s;
  opacity: 0;
  font-size: 16px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-left-radius: 0.375em;
  border-bottom-right-radius: 0.375em;
  height: 310px;
  text-align: left;
  max-height: clamp(220px, 45vh, 420px);
  overflow-y: auto; /*Aktiviert Balken zum scrollen beim Text*/
}

.button-footer {
  align-items: center;
  justify-content: center;
  background-color: #0968f6;
  border-radius: 2.5rem;
  padding: 0.5em 0.25em;
  margin: 1rem 0;
  max-width: 160px;
}
.button-footer span{
  color: #f4f4f4;
  font-size: 13px;
  font-weight: 700;
}
.button-footer svg{
  width: 25px;
  height: 25px;
  display: block;
  margin-right: 5px;
}
@media (min-width: 768px) {
  .box-nav-item {
    margin-top: 0;
  }
}

/*FOOTER TITEL*/
.footer-head{
  font-size: 1.125rem;
  line-height: 1.4em;
  font-weight: 700;
  letter-spacing: 0px;
  font-style: normal;
}
/*COPYRIGHT LUCID ETC*/
.ft-subdesc {
  text-align: center;
  padding: 1rem 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.jumbotron {
  padding: 1.5em 0;
  background-color: #eeeeee;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}
.jumbotron svg {
  width: 35px;
  height: 35px;
  display: block;
  margin: 0 auto;
}

.jumbotron h4 {
  text-align: center !important;
  line-height: 1.5;
}

.support-block{
  align-items: center;
  justify-content: center;
}
.item {
  list-style-type:none;
}
.footer-sub {
  font-size: 14px;
}
.jumbotron .support-headtext {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
.jumbotron .support-subtext {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  width: 120px;
}

.jumbotron {
  text-align: center;
}


/************ LIGHT VERSION  (DESIGN 22222) *************/
img {
  max-width: 100%;
}

.slider {
  height: 500px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.slider__nav {
  width: 12px;
  height: 12px;
  margin: 2rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
  animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.slider__image {
  font-size: 2.7rem;
  color: #2196F3;
}
.slider__caption {
  font-weight: 500;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
.slider__txt {
  color: #999;
  margin-bottom: 3rem;
  max-width: 300px;
}

@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}


/* Produkt-Tabs ganz oben Alpinweiss / Silber / Anthrazit / Schwarz */
/* Tabs oben nebeneinander, gleiche Breite */
#tab-area5 .tab5 {
  flex: 1;
  border-bottom: 3px solid;
}
#tab-area5 span.tab5:first-of-type:last-of-type {
  flex: 0 0 100%;
}

#tab-area5 .tab5 label {
  display: block;
  cursor: pointer;
}

#tab-area5 {
  width: 100%;
	position: relative;
  float:left;
  display: flex;
  flex-wrap: wrap;
}
/*MOBILE*/
@media (max-width: 768px) {
  .tab5 label {
    position: relative !important;
    inset: auto;
    width: 100%;
    height: auto;
    padding: 10px 12px;
    margin: 0 !important;
  }
}
@media (max-width: 768px) {
  .tab5-wrapper {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .tab5-wrapper::-webkit-scrollbar {
    display: none;
  }
  .tab5 {
    flex: 0 0 auto;
    min-width: 140px;
  }
}
/* Styles for the tabs */
.tab5 {
  position: relative;
  height: 45px;
	float: left;
	cursor: pointer;
	border-right: 1px solid rgb(204, 204, 204);
}
.tab5:last-of-type {
  border:0;
}

.tab5 label {
  display: flex !important;
  position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
  align-items: center;
  padding-left: 1em;
}

input[name=pane5] {
	display: none;
}

/* Styles for the panes and their parent wrapper */
.panes-scroll5 {
  width: 100%; /*598px*/
	position: relative;
  overflow: hidden;
	border-top: none;
}

.panes-items5 {
	width: 600%;
	position: relative;
	-webkit-transition: margin-left 400ms ease-in-out ;
	-moz-transition: margin-left 400ms ease-in-out ;
	-o-transition: margin-left 4ms ease-in-out ;
	-ms-transition: margin-left 400ms ease-in-out ;
	transition: margin-left 400ms ease-in-out ;
}

.panes-items5 > div {
  padding: 1em 0;
	width: 16.66666666666667%;
	height: 0;
	float: left;
}


/******************** THE TAB SWITCHING FUNCTIONALITY **************/

/* On page load with no hash tag in url, display first pane and highlight first tab */
.panes-items5 > div:first-of-type { height: auto; }
#active5 { left: 27px;}


/* On url hash change set zero height for all panes */
input[name=pane5]:checked ~ .panes-scroll5 .panes-items5 > div { height: 0; }


/* Scroll the required pane into view */
#p15:checked ~ .panes-scroll5 .panes-items5 { margin-left: 0;}
#p25:checked ~ .panes-scroll5 .panes-items5 { margin-left: -100%;}
#p35:checked ~ .panes-scroll5 .panes-items5 { margin-left: -200%;}
#p45:checked ~ .panes-scroll5 .panes-items5 { margin-left: -300%;}
#p55:checked ~ .panes-scroll5 .panes-items5 { margin-left: -400%;}
#p65:checked ~ .panes-scroll5 .panes-items5 { margin-left: -500%;}
#p75:checked ~ .panes-scroll5 .panes-items5 { margin-left: -600%;}


/* After the previous step now set the height of the appropriate pane */
#p15:checked ~ .panes-scroll5 .panes-items5 > div:nth-of-type(1) ,
#p25:checked ~ .panes-scroll5 .panes-items5 > div:nth-of-type(2) ,
#p35:checked ~ .panes-scroll5 .panes-items5 > div:nth-of-type(3) ,
#p45:checked ~ .panes-scroll5 .panes-items5 > div:nth-of-type(4) ,
#p55:checked ~ .panes-scroll5 .panes-items5 > div:nth-of-type(5) ,
#p65:checked ~ .panes-scroll5 .panes-items5 > div:nth-of-type(6) ,
#p75:checked ~ .panes-scroll5 .panes-items5 > div:nth-of-type(7) {
	height: auto;
}

/* Aktiv: Balken einblenden */
#p15:checked + .tab5 label::before { opacity: 1; }
#p25:checked + .tab5 label::before { opacity: 1; }
#p35:checked + .tab5 label::before { opacity: 1; }
#p45:checked + .tab5 label::before { opacity: 1; }
#p55:checked + .tab5 label::before { opacity: 1; }
#p65:checked + .tab5 label::before { opacity: 1; }
#p75:checked + .tab5 label::before { opacity: 1; }