#pg_iPGTrigger, #pg_iPGContent, #pg_iPGContent ul li 
{
    -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_inPageGlossary {position: fixed; right: 0; top: 25%; z-index:9999999999; display: block}
#pg_iPGTrigger {width: 160px;cursor: pointer; height: 160px;background-color: #f1f1f1;border-top-left-radius: 50%;border-bottom-left-radius: 50%;margin-left: 50%;box-shadow: 2px 2px 15px rgba(0,0,0,.6);border: 1px solid #bfbfbf;position: absolute;right: -80px;top: 0;z-index: 99999}
#pg_iPGTrigger span {position: absolute;right: 86px;top: 33%;font-size: 2em;width: 55px;height: 55px;border-radius: 50%;border: 2px solid;text-align: center;display: flex; justify-content: center; align-items: center}
#pg_iPGTriggerSpan i {padding: 0}
#pg_iPGTrigger span svg {width: 30px}
#pg_iPGContent {position: absolute;top: -100px;right: -500px;background-color: #fff;width: 500px;min-height: 550px;border: 1px solid #e6e6e6;box-shadow: none}
#pg_iPGContent .inner {padding: 50px}
#pg_iPGContent ul.iPGList {margin-top: 50px}
#pg_iPGContent ul.iPGList li {line-height: 50px; font-weight: bold;}
#pg_iPGContent ul.iPGList li button:focus-visible {display: inline-block}
/*#pg_iPGContent ul.iPGList li:before {content:"\f053";font-family: "Fontawesome";margin-right: 20px;vertical-align: middle}*/

#pg_iPGContent ul.iPGList li:before {display: inline-block;content:"";width: 15px;height: 15px;margin-right: 20px;background-color: currentColor; 
-webkit-mask-image: var(--icon-arrow-left);
mask-image: var(--icon-arrow-left);
mask-size: contain;mask-repeat: no-repeat;}

#pg_iPGContent ul.iPGList li:hover {padding-left: 3%; cursor: pointer; color: #920f30}
#pg_iPGContent.active {right: 0; box-shadow: 2px 2px 15px rgba(0,0,0,.6)}
#pg_iPGTrigger.active span, #pg_iPGTrigger:hover span {color: #920f30}
#pg_iPGTrigger.active {top: -154px;background-color: #0000;border: none;box-shadow: none;transform: scale(0.7);}
#iPGNav {padding-top: 0!important;position: absolute;width: 100%;bottom: 0}
#iPGNav > ul {padding: 2px}
#iPGNav li {display: inline-block; width: 32%; text-align: center}
#iPGNav li:hover {cursor: pointer; color: #920f30}
#iPGNav li button:focus-visible {display: inline-block}

.highlight {font-weight: bold; cursor: pointer; display: inline-block}
.highlight:hover {opacity: 0.8}
.highlight.animated:after {content:"";position: absolute;bottom: 0; left: 0; width: 100%; border-bottom: 2px solid }
.highlight.animated {position: relative; }
.highlight.animated:focus-visible {display: inline-block}


#pg_iPGContentBack {display: none; position: fixed;width: 100%;top: 0;left: 0;bottom: 0;right: 0;height: 100%;background-color: rgba(0,0,0,0.5);z-index: -1;}
#pg_inPageGlossary.active #pg_iPGContentBack {display: block}

/*Bulletpoints Textelemente*/
.iPGtxt ul, .iPGtxt ol {padding-left: 20px;list-style-type: none}
.iPGtxt ul li, .iPGtxt ol li {padding-bottom: 10px; line-height: 1.4em}
.iPGtxt ul li:before, .iPGtxt ol li::before {list-style-type: none;content: "\2022";color: rgb(146, 15, 48)/*#ed9535*/;padding-right: 10px;font-size: 28px;margin-left: -20px;vertical-align: middle;}



@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*KI & Demokratie*/
.kiDemokratie #pg_inPageGlossary {top: 45%}
.kiDemokratie #pg_iPGContent {height: 100vh;position: fixed; top: 0; overflow: auto; background-color: #f3e7f3}
.kiDemokratie #pg_iPGContent .inner {padding: 50px 25px 25px 25px}
.kiDemokratie #pg_iPGContent ul.iPGList li {line-height: 2.5em}
.kiDemokratie #pg_iPGContent ul.iPGList {margin-top: 0; padding: 2px 0}
.kiDemokratie #pg_iPGTrigger.active span, .kiDemokratie #pg_iPGTrigger:hover span {color: var(--text-color)}
.kiDemokratie #pg_iPGContent ul.iPGList li:hover {color: #b164af}
.kiDemokratie #pg_iPGTrigger {background-color: #f3e7f3; border: 1px solid #b164af}
.kiDemokratie #pg_iPGTrigger.active {background-color: rgba(0,0,0,0); border: none}
.kiDemokratie #pg_iPGTriggerSpan {color: #b164af;right: 90px;top: 35%;}
.kiDemokratie #pg_iPGTrigger.active {position: fixed; top: 0;margin: 0;height: 70px;width: 70px; right: 0}
.kiDemokratie #pg_iPGTrigger.active #pg_iPGTriggerSpan {position: initial}
.kiDemokratie .iPGtxt.inner h3 {color: #b164af}
.kiDemokratie .glossary_text span.highlight.animated {position: relative;font-weight: inherit;margin-right: 0}
.kiDemokratie .glossary_text {position: relative}
.kiDemokratie .glossary_text:before {content: ""; height: 2px; background-color: #b164af; width: 100%; position: absolute; bottom: -3px; left: 0}
.kiDemokratie span.highlight.animated:after {display: none}


@media (max-width: 768px)
{

	.kiDemokratie #pg_inPageGlossary {width: 55px; height: 55px; left: initial}
	.kiDemokratie #pg_iPGTrigger {border-top-left-radius: 50%;border-bottom-left-radius: 50%}
	.kiDemokratie #pg_iPGContent {width: 95%}
	.kiDemokratie #pg_iPGTrigger.active {width: 70px;left: initial}
	.kiDemokratie .iPGtxt.inner {height: 90vh}
}	



@media (max-width: 768px)
{
	#pg_inPageGlossary { top: initial;left: 0;bottom: 0; width: 100%;height: 50px;}
	#pg_iPGTrigger {width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; margin: 0}
	#pg_iPGTrigger span {position: initial; display: block; margin: 0 auto; transform: scale(0.6)}
	#pg_iPGContent {bottom: 0; top: initial; width: 100%; right: -100%; height: 80vh; min-height: 0}
	#pg_iPGTrigger.active {top: 0;left: -7px;}
	.iPGtxt.inner {height: 70vh; overflow: scroll; padding: 25px !important; font-size: 12px; line-height: 1.4em}
}