/*--------------------------------------------*/
/*------- AKKORDEON EXTENDED ------------*/
/*--------------------------------------------*/
.pg_accExtended *
{
    -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);
}

.pg_accExtended .pg_accExtendedHeadline summary {border-top: 1px solid #000; outline-offset: -1px;cursor: pointer; position: relative; font-weight: bold; padding: 20px 0 20px 30px}
.pg_accExtended summary::-webkit-details-marker, .pg_accExtended summary::marker, .pg_accExtendedfolderStart summary::-webkit-details-marker, .pg_accExtendedfolderStart summary::marker {color: transparent;}


.pg_accExtended.whiteBackGround > .pg_accExtendedHeadline {font-family: "DBScreenSansBold";border: none; background-color: #fff; border-radius: 4px;padding: 25px 40px 25px 30px;}
.pg_accExtended.whiteBackGround > .pg_accordionInner {padding-top: 30px}
.pg_accExtended.whiteBackGround > .pg_accExtendedHeadline:before {left: initial; right: 20px}

.pg_accExtended .pg_accordion {overflow: hidden; padding-top: 10px}
.pg_accExtended .pg_accordionInner {padding: 0 30px 30px 50px;overflow: hidden}
.pg_accExtended .pg_accordionInner p {margin-top: 0}
.pg_accExtended .pg_accExtendedHeadline summary:before {font-family: "Font Awesome 5 Free";font-weight: 900; content:"\f054";position: absolute; left: 10px; top: 19px; width: 10px}
.pg_accExtended details[open]>summary:before {transform: rotate(90deg)}
.pg_accExtended summmary:focus-visible {outline: 2px dashed currentColor !important;}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: 0px}
  100%  {opacity: 1; margin-left: 0px}
}

/*
.ce_accordionSingle .accordion .ce_text {overflow: hidden}
.ui-accordion-header-icon {display: none}

*/