:root {
	--cassiopeia-color-primary: #a02414; /* Primärfarbe */
	--cassiopeia-color-link: #a02414; /* Farbe für Links */
	--cassiopeia-color-hover: #a02414; /* Farbe für Links (schweben) */
}

body, p, li, ul, ol, table, tr, td {
	font-size: 1rem; /* Schriftgrösse für Text */
	color: #555555; /* Schriftfarbe für Text */
}

h1, h2, h3, h4, h5, h6 {
	color: #86af2c; /* Schriftfarbe für Überschriften */
	margin-top: 1rem; /* Abstand oben für Überschriften */
	margin-bottom: 0; /* Abstand unten für Überschriften */
	word-break: break-word; /* Automatische Silbentrennung */ 
	hyphens: auto; /* Automatische Silbentrennung */ 
}

p, ul, ol {
	margin-top: 1rem; /* Abstand oben für Absätze */
	margin-bottom: 0; /* Abstand unten für Absätze */
}

a {
  color: rgb(134, 175, 44) !important;
  font-weight: 400;
  text-decoration: underline;
}

div.grid-child {
	max-width: 1320px!important; /* Breite der Webseite */
	margin-left: auto;
	margin-right: auto;
}

.container-header {
	background-color: #FFFFFF; /* Header Hintergrundfarbe */
	background-image: none; /* Header Hintergrundbild */
}

.container-header .mod-menu > li > a {
	color: #000000; /* Farbe für die Menüeinträge */
}

.container-footer {
	background-color: #FCFCFC; /* Footer Hintergrundfarbe */
	background-image: none; /* Footer Hintergrundbild */
}

.footer {
	color: #555555; /* Footer Schriftfarbe für Text */
}

.container-header.navbar-brand a,
a.brand-logo {
	color: #abd61b!important; /* Farbe für Logotext */
	text-decoration: none; /* Logotext nicht unterstrichen */
	font-size: 5rem; /* Schriftgrösse für Logotext */
}

div.navbar-brand,
div.grid-child.container-nav {
	text-align: center; /* Logo zentrieren */
	margin: auto;
	justify-content: center;
}

div.container-banner {
	margin-bottom: 1rem; /* Banner Abstand unten */
	background-image: url("../../../../../images/home/background/container-banner.png"); /* Banner Hintergrundbild */
	background-repeat: repeat-x; /* Banner Wiederholung des Hintergrundbilds */
}

@media only screen and (max-width: 600px) {
	.container-header.navbar-brand a,
	a.brand-logo {
		font-size: 4rem; /* Schriftgrösse für Logotext auf Handybildschirmen */
	}
}

.accordion-button {
  font-weight: 700 !important;
  margin-bottom: 0.5rem;
}

.accordion-button::before {
  content: "↓";
  padding-right: 4px;
}

/* --- Baforms --- */ 

.com-baforms-wrapper * > .ba-tooltip {
	transform: translateX(calc(145px - 50%))!important;
}

.com-baforms-wrapper  .ba-tooltip:before {
	left: 92% !important;
}

/* --- /Baforms --- */