/* Umschalt Header */

.header-tabs.active {
box-shadow: 5px 5px 20px var(--shadow) !important;
z-index: 20 !important;
}

.header-tabs.active li i, .header-tabs.active li span {
color: var(--secondary) !important;
}

/*.header-content, .header-headline {
display: none !important;
}*/

.header-content.active, .header-headline.active {
display: block !important; 
}


.ba-slideshow-nav .slideshow-btn-prev {
left: 0;
}

.ba-slideshow-nav .slideshow-btn-next {
right: 0;
}

hr {
  border-bottom: 10px solid #EF7D00;
	width: 30%;
}

 @media  (max-width: 768px){
.h1aufbild h1 {
	color: #ffffff;
  text-shadow: 2px 4px 2px var(--shadow);
}} 

/* Aufzählungszeichen */

ul li {
  font-family: 'Roboto LOC', Arial, Helvtica, sans-serif;
	font-size: 18px;
  line-height: 32px;
  list-style-type: square;
  letter-spacing: 0;
}

li::marker {
	color: #ef7d00;
}

.slideshow-content > li {
line-height: 0px !important;}

/* Flipbox  */

.ba-form-field-item .ba-form-submit-btn {
  box-shadow: 2px 4px 2px var(--shadow);
}

.ba-flipbox-backside {
  border-color: var(--border);
  border-style: solid;
  border-width: 4px;
}

.pfeile-unten .ba-slideshow-nav {
top: 95%;
/*margin-top: 20px;*/}

.header-headline {
display: none;
border-bottom: 10px solid #EF7D00;
width: 100%;
}

.header-headline.active {
display: block !important;
}

.header-tabs p, .header-tabs i {
color: var(--secondary) !important;
}

.header-tabs.active p, .header-tabs.active i {
color: var(--accent) !important;
}

.header-tabs {
  border: none;
}

.header-tabs.active {
border: 4px solid var(--border);
}

/*maximale Seitenbreite*/
body, header { max-width:2100px; margin: 0 auto !important;  left: auto !important;   } body, header { max-width:2100px; margin: 0 auto !important;  left: auto !important;   } body {   box-shadow: 0px 0px 15px var(--subtitle); }

.header-headline p {
	text-shadow: 0px 0px 7px var(--secondary) !important;
}

.content-text ul {
	margin-left: 15px;
}

.content-text ul li {
	padding-left: 8px;
}

@media (max-width: 768px) {
  ul li {
  	font-size: 16px;
  }
}

.orange {
	color: var(--primary);
}
/* Infobubble */
/*
.info-container {
position: fixed;
bottom:50px;
right: 30px;
left: auto;
z-index: 50;
}
*/
.infobubble {
position: fixed;
bottom:124px;
right: 25px;
left: auto;
z-index: 50;
height: auto;
width: auto !important;
padding: 20px 60px 20px 30px;
background: var(--bg-dark);
  display: flex !important;
  /*transition: transform 1s;*/
  transform-origin: bottom right;
  transform: scale(0.10);
  z-index: 50;
  animation-duration: 0s !important;
  opacity: 0 !important;
}

.infobubble.active {
	transform: scale(1);
    opacity: 1 !important;
}

.infobubble > .content-text {
	display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}

.infobutton {
position: fixed;
bottom:100px;
right: 27px;
left: auto;
z-index: 100;
width: 50px !important;
}

.infobutton i {
right: -2px;
position: absolute;
top: -48px;
} 


/* -------------- Accessibility ------------ */
._access-menu {
width: 20vw !important;
border-radius: 0 !important;
border: 5px solid var(--primary) !important;
}

/* Icon zum Aufklappen */
._access-icon._access {
transform: none;
}

/* Schliessen und Reset Button */
._access-menu._access ._menu-close-btn, ._access-menu._access ._menu-reset-btn  {
height:25px;
  margin-top: 18px;
}

._access-menu._access ._menu-close-btn img, ._access-menu._access ._menu-reset-btn img {
  transform: translateY(-11px) !important;
}

._access-menu._access ._menu-close-btn {
margin-left: 10px;}

._access-menu._access ._menu-reset-btn  {
  margin-right: 10px;
}

/* Funktionen Menu */
._access-menu._access {
padding: 10px;}

._access-menu._access ul li:before {
  font-family: accessibility;
  font-size: 25px;
  color: var(--icon);
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  transform: translateY(-2px);
}

._access-menu._access h3._text-center {
text-transform: uppercase;
color: var(--title);
  padding: 10px 0px;

}

._access-menu._access ul li {
background: #fff;
border: none;
  border-radius: 0px;
  font-weight: 500;
color: var(--text);
transition-duration: .3s;
}

._access-menu._access ul li:hover {
  background: var(--primary);
  color: #fff;
}
._access-menu._access ul li:hover:before {
  color: #fff;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}

/* Icons Funktionen */

._access-menu._access ul li[data-access-action="increaseText"]:before {
  content: '\004c';
}

._access-menu._access ul li[data-access-action="decreaseText"]:before {
  content: '\004d';
}

._access-menu._access ul li[data-access-action="increaseTextSpacing"]:before {
  content: '\004a';
  transform: none;
}

._access-menu._access ul li[data-access-action="decreaseTextSpacing"]:before {
  content: '\004b';
  transform: none;
}

._access-menu._access ul li[data-access-action="invertColors"]:before {
  content: '\0041';
}

._access-menu._access ul li[data-access-action="grayHues"]:before {
  content: '\0048';
}

._access-menu._access ul li[data-access-action="underlineLinks"]:before {
  content: '\0043';
}

._access-menu._access ul li[data-access-action="bigCursor"]:before {
  content: '\0042';
}
._access-menu._access ul li[data-access-action="bigCursor"] svg {
display: none;
}

._access-menu._access ul li[data-access-action="readingGuide"]:before {
  content: '\0046';
}
._access-menu._access ul li[data-access-action="textToSpeech"]:before {
  content: '\0045';
}
._access-menu._access ul li[data-access-action="speechToText"]:before {
  content: '\0044';
}