/* FRONTEND CSS

*********************************************/

/*Farben*/

/*@blau: #243975;*/

/*@HG grau: #373F43;*/

/* @Schrift:  #fff   */

/* @Rot: #E01F65 */


/* @Links: #9b9fa1; */

/* raleway-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../library/fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
}

/* raleway-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../library/fonts/raleway-v22-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
}

h1, h2, h3, h4, h5, h6, p, ul, li, body, footer {

    font-family: 'Raleway',  Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.hklein, h1 .hklein, h2 .hklein, h3 .hklein {
	text-transform: lowercase !important;
}

.roteSchrift {
	color: #E01F65;
}

.blaueSchrift {
    color: #373F43;
}

.styleH1{
	
	font-family: 'Raleway',  Verdana, Geneva, Arial, Helvetica, sans-serif;

    text-transform: uppercase;
	
	hyphens: none;
	
    font-size: 30px;

    font-weight: 300;

    margin-top: 0px;

    margin-bottom: 10px;

    text-align: left;

   	line-height: 1.2em;
	
	letter-spacing: 3px;
	
	color: #ffffff;
}

a{

	color: #ffffff;

    text-decoration: none;

    transition: all .3s;
	
	/*text-transform: uppercase;*/
	
	font-weight: 700;

}

 a:hover,  a:focus{

    color: #9b9fa1;
	 
	text-decoration: none;

}

/*

#sidebar a {
	color: #373F43;

    text-decoration: none;

    transition: all .3s;
	
	font-weight: 800;
	
}

#sidebar a:hover {
	color: #9b9fa1;
}

#sidebar a.no-caps {
	text-transform: none !important;
}

*/

a.no-caps {
	text-transform: none !important;
}

p{

    margin-bottom: 10px; 

}

img.farbauswahl {
	width: 65px;
	heigth: 65px;
}

.ba-form-dropdown-field select {
color: #373f43 !important;
}

.ba-checkbox-title {
color: #fff !important;}

.ba-form-page-break-button {
background-color: #373f43 !important;
color: #fff !important;
border: 1px solid #E01F65 !important;
}

/* Cookie Banner */

/* für Block */

a.cc-btn.cc-allow {
line-height: 20px;
text-decoration: none !important;
padding: 4px 20px !important;
}

div.cc-checkboxes-container a.cc-btn.cc-allow {
height: 18px !important;
margin-top: 10px;
}

div.cc-compliance > a.cc-btn {
padding: 7px 10px 5px;
}

span.cc-message span.cc-cookie-settings-toggle {
padding: 0px !important;
}

/* Alle */
span.cc-message span.cc-cookie-settings-toggle, div.cc-settings-label, span.cc-cookie-settings-toggle {
font-size: 14px !important;
line-height: 20px;
}

.cc-message-text {
line-height: 20px !important;
}

a.cc-btn.cc-allow {
line-height: 20px;
}

span.cc-message span.cc-cookie-settings-toggle {
padding: 0px;
}

div.cc-checkboxes-container a.cc-btn.cc-allow {
height: 18px !important;
}

.cc-revoke, .cc-window {
font-family: 'Raleway', Verdana, Geneva, Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
}

.cc-banner .cc-btn.cc-allow, div.cc-compliance > a.cc-btn, div.cc-compliance > a.cc-btn:hover, a.cc-btn.cc-deny:hover, .cc-revoke.cc-bottom:hover, .cc-revoke.cc-center.cc-revoke-bottom:hover {
text-decoration: none !important;
}

input.cc-cookie-checkbox+span {
color: #fff;
}

a.cc-link.cc-cookie {display: none;}

.cc-cookie-settings-toggle {
width:100%;
margin-top:20px !important;}

/* keine auswahl */

input.cc-cookie-checkbox + span::before {
background-color: #efefef;
}
DIV input.cc-cookie-checkbox + span::after {
border-width: 0px;
background-image: none !important;
}

/* abgelehnt */
div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled+span:before, div.cc-checkbox-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled+span:after {
background-color: #E01F65 !important;
border-color: #E01F65 !important;
}

div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled + span::after {
left: 6px;
top:0px;
}

/* -------------- Accessibility ------------ */

/* 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(-4px) !important;
}

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

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

._access-menu {
background-color: var(--primary) !important;
}

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

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

._access-menu._access ul li:hover:before {
  color: var(--icon);
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
}

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

._access-menu._access ul li {
background: var(--primary);
color: var(--title);
border: none;
  border-radius: 0px;
  font-weight: 600;
}

._access-menu._access ul li:hover {
  background: #E01F65;
  color: #fff;
}


/* 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';
}