/* JKM BFSG Overlay Syles */

.hide-at-all, .hide_at_all  {
	display:none !important;
}

.toggle-info-wrapper.open {
  transform: translateX(40%);
}
.toggle-info-wrapper {
  transform: translateX(444px);
  transition: transform 1s;
  background: #ceaf58;
  position: fixed;
  top: 300px;
  /*box-shadow: -4px 0px 12px rgba(0,0,0,0.25);*/
  pointer-events: all;
  animation: startSlide .3s ease-in-out 2s 1 backwards;
  z-index: 9999;
  width: 440px;
  right: 0;
  padding: 10px 14px;
  border: 0px solid #fff;
  border-radius: 7px;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
	.toggle-info-wrapper {  top: 100px;	}
}
.toggle-info-wrapper a { color: #FFFFFF; display: block; text-decoration: none; }
.toggle-info-wrapper-open, [class^="button-toggle-"] {
  cursor: pointer;
}



/* ------------------------------
BSFG Anpassungen am Layout 
---------------------------------*/

/* Grayscale */
html.filtergrayscale {
  filter: grayscale(1) !important;
}
/*Classes fuer unterstrichene Links */
body.underlinelink a, body.underlinelink a:link, body.underlinelink .mod_navigation a, [class^="body.underlinelink a"]{ text-decoration: underline !important; }

/* HighContrast */
body.highcontrast,
body.highcontrast .mod_article .content-text, 
body.highcontrast p:not(.toggle-info-wrapper p),
body.highcontrast :is(h1, h2, h3, h4, h5, h6),
body.highcontrast a:not(.toggle-info-wrapper a),
body.highcontrast strong.active,
body.highcontrast .cc-btn,
body.highcontrast [class^="button"]:not(.toggle-info-wrapper [class^="button"]),
body.highcontrast [class^="fullcolor"],
body.highcontrast .fullcolor5 *
{
  background-color: #fff !important;
  background-image: none !important;
  color: #000 !important;
}

/* Enlargetext */
body.enlargetext p,
body.enlargetext a,
body.enlargetext li,
body.enlargetext strong,
[class^="body.enlargetext h"],
body.enlargetext h1,
body.enlargetext h2,
body.enlargetext h3,
body.enlargetext h4,
body.enlargetext h5,
body.enlargetext h6
{ 
zoom: 1.2; 
}
body.enlargetext .toggle-info-wrapper, body.enlargetext .toggle-info-wrapper a { zoom: 1.1;}

/* Readable-Font */
body.readable-font,
body.readable-font p,
body.readable-font a,
body.readable-font h1,
body.readable-font h2,
body.readable-font h3,
body.readable-font h4,
body.readable-font h5,
body.readable-font h6
{ font-family: Arial, sans-serif !important;}