.ce_TabPanel,.tab_panel_nav, .tab_panel_nav ul {overflow: visible !important} 
.pg_tablist li{list-style: none;}

#tab_panel_nav ul
{
display: flex;
  align-items: flex-end;
}

.tab_panel_nav ul {display: flex; height: 100%; width: 100%; padding-left: 0; margin-bottom: -1px;overflow: hidden;flex-wrap: wrap}
.tab_panel_nav li {width: 25%;/*min-width: 25%;max-width: 25%*/text-align: center; list-style-type: none; box-shadow: 1px 0px 3px rgba(0,0,0,0.3); padding: 1px; background-color: var(--white); position: relative}
.tab_panel_nav li button {display: flex;align-items: center; cursor: pointer; background-color: rgba(0,0,0,0);width: 100%;border: none;outline: 0;font-size: inherit; color: inherit; height: 100%}
.tab_panel_nav li button .tabNavPic {width: 10%; background-size: contain}
.tab_panel_nav li button strong {display: block; padding: 15px 5px}
.tab_panel_nav ul li:hover { cursor: default;background-color: var(--red-hover); color: var(--white)}

.tab_panel_nav li.active, .tab_panel_nav li.active:hover {background-color: var(--red); color: var(--white)} 
/*.tab_panel_nav li.active:after {content: "";position: absolute;right: 0;top: 0;height: 110px;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);border: 1px solid #b3b3b3;width: 100%;}*/
.tab_panel_nav li p {margin: 0;font-weight: bold;line-height: 25px; width: 100%}
.tab_panel_nav img { -webkit-filter: grayscale(100%);filter: grayscale(100%); max-width: 50px; margin: 0 auto}
.tab_panel_nav li.active img, .tab_panel_nav img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%); }

.tabText[role=tabpanel][aria-hidden=true] {display: none;}
.tabText {padding: 0 2px 20px 1px; margin-top: -2px}
.tabTextInner {background-color: rgba(255,255,255);border-color: rgba(0,0,0,0);padding: 32px;margin-top: 0px;box-shadow: 0 0 1rem 0 #d7dce1; overflow: hidden} 

.tabUplink {text-align: right; margin-top: 30px; display: none}
.tabUplink button {font-size: inherit;font-family: inherit;cursor: pointer;; background-color: rgba(0,0,0,0); border: none}
.tabUplink button:focus-visible {display: inline-block}
.tabUplink:hover {text-decoration: underline}


/*BESIDE*/
.ce_TabPanel_beside > div {display: flex; flex-wrap: wrap}
.ce_TabPanel_beside .tab_panel_left {width: 37%; margin-right: 3%}
.ce_TabPanel_beside .tab_panel_right {width: 60%}
.tab_panel_left.tab_panel_nav ul {display: block}
.tab_panel_left li {width: 80%; min-width: 80%; border-bottom: 1px solid; box-shadow: none; -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);-moz-transition: all .45s cubic-bezier(.23, 1, .32, 1);-ms-transition: all .45s cubic-bezier(.23, 1, .32, 1);-o-transition: all .45s cubic-bezier(.23, 1, .32, 1);transition: all .45s cubic-bezier(.23,1,.32,1);}
.tab_panel_left li.active, .tab_panel_left li:hover, .tab_panel_left li.active:hover {width: 100%; min-width: 100%; background-color: transparent !important; color: initial}
.tab_panel_left li button {align-items: center; padding: 10px 20px 10px 10px; position: relative}
.tab_panel_left li button svg {position: absolute; right: 2px; top: 20px}
.tab_panel_left li img {margin-right: 10px;margin-left: 0;}
.tab_panel_right .tabTextInner {box-shadow: none; padding: 0 0 0 2em}

.animated {-webkit-animation-duration: 0.85s;animation-duration: 0.85s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}
@-webkit-keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}to {opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: none;transform: none;}}

.tab_panel {
  padding-top: 1%;
}
.tab_panel ul {
  width: 100%;	
  padding-left: 0;
  justify-content: flex-start;
  display: flex;
  align-items: flex-end;
  
  border-bottom: 1px solid rgba(204,204,204,0.4);
  margin-bottom: -1px;
  -webkit-transition: all .0s cubic-bezier(.23,1,.32,1);
  -moz-transition: all .0s cubic-bezier(.23,1,.32,1);
  -ms-transition: all .0s cubic-bezier(.23,1,.32,1);
  -o-transition: all .0s cubic-bezier(.23,1,.32,1);
  transition: all .0s cubic-bezier(.23,1,.32,1);  
}
.tab_panel ul {display: flex;align-items: flex-end;}
.tab_panel li:after {font-family: "Font Awesome 5 Free";font-weight: 900;}
.tab_panel li {height: 180px}
.tabText {padding: 0 2px 20px 1px;}
/*
.tabTextInner {margin-top: 0 !important}
.tabTextInner h3 {margin-bottom: 0}
.tabTextInner .lbOpenIcon {font-size: 2em; color: #ed1c24}
.tabTextInner .lbOpenIcon i {padding: 0}
*/
.tab_panel li.active {
  opacity: 1;
  position: relative;
  height: 220px;
/*  margin-top: -28px; */
  padding-top: 0px;
}
.tab_panel ul li.active button div.tabNavPic
{
	/* Bringt nix*/
}
.tab_panel li {

  z-index: 4;
  float: left;
  list-style-type: none;
  text-align: center;
  cursor: pointer;
  opacity: 1;
  border-bottom: 0px solid #b3b3b3;
  position: relative;
  height: 200px;
  overflow: hidden;
}
.tab_panel button::after {
  content: "";
  position: absolute;
  top: 19%;
  right: -44px;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  background-color: #F4F5F5;  /* Grauer Hintergrund */
  background-image: url('../img/db_klickhand.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;	
  background-position: 10px 7px;  
  box-shadow: -2px 2px 8px #fff;
  transform: rotate(-45deg);
  border: 1px solid #000;
}

.tab_panel ul.tabKlickIvert button::after {
  background-color: rgba(0,0,0,0.85);  /* Grauer Hintergrund */
  background-image: url('../img/db_klickhand_weiss.svg');
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}


.tab_panel li.active button::after {
  opacity: 0;
}

@media (max-width: 850px)
{
	.tab_panel_nav ul {padding: 2px}
	.tab_panel_nav li {height:auto; min-width: 50%;max-width: 50%; font-size: 13px; line-height: normal; padding: 1%;display: flex;align-items: center;}
    .tab_panel_nav li p {width: 99%; margin: 0 auto; text-align: center; hyphens: auto;line-height: normal}
	.tab_panel_nav li .gl_tt:after {display: none !important}
	.tabUplink  {margin-top: 6%}
	.tab_panel_nav li button strong {padding: 10px 5px}
	
	.ce_TabPanel_beside .tab_panel_left, .ce_TabPanel_beside .tab_panel_right {width: 100%; margin: 0}
	.ce_TabPanel_beside .tab_panel_nav li {height: auto; padding: 0}
	.tab_panel_right .tabTextInner {padding: 1em 0}

}