/* **** anpassen von den Hauptfarben Cassiopeia *** */
:root {
  	--body-bg: #ffc500;
	--body-color: #00782a;  
	--cassiopeia-color-primary: #015AA3;
	--cassiopeia-color-hover: #1f5b9c;
	--cassiopeia-font-family-body: Times New Roman, sans-serif;
    --body-font-size: 1rem;
    --link-color: #9f1d1d;
    --link-hover-color: #c65858;
}
/* ... Abstände ...*/
.container-component > * + * {
  margin-top: 0;
}
/* ... Hintergrund-verläufe CSS ...*/
.footer {
  color: #00782a;
  background-color: #ffc500;
  background-image: none;
}
.footer .grid-child {
  display: block;
  padding: 0;
}
#mod-custom118, #mod-custom123 {
  position: fixed;
  bottom: 0rem;
  width: 100%;
  background-color: #ffc500;
  padding-bottom: 15px;
}
#mod-custom119, #mod-custom122 {
  bottom: 0rem;
  width: 100%;
  background-color: #ffc500;
  padding-bottom: 15px;
}
hr {
  color: #00782a;
  border-bottom: 2px solid color: #00782a;
}
div.pswp__zoom-wrap img.pswp__img {
  box-shadow: 0px 0px 100px 200px rgba(255,255,255,0.28);
}
/* **** Text in der Breite begrenzt je nach Bildschirmbreite *** */
.wf-columns .wf-column {
    padding-inline: 20%;
}
/* ... CSS für kleine Bildschirme ... */
@media (max-width: 992px) {
/* ... Footer Bereich Module Abstand ... */
.wf-columns .wf-column {
    padding-inline: 0%;
}
@supports (display:grid) {
  .site-grid {
    grid-gap: 0 0;}
  }
}
@media (max-width: 576px) {
.wf-columns.wf-columns-stack-medium div.wf-column div {
  padding: 0 10px 0 10px;
}
}
/* **** Links nicht unterstrichen *** */
a {
    text-decoration: none;
}

/* **** Main Menu styling ... nicht unterstrichen ... farbe *** */
.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
  font-weight: 600;
  text-decoration: none;
  color: #015AA3;  
}
/* **** Main Menu submenus styling und Pfeile ausblenden *** */
.metismenu.mod-menu .metismenu-item > ul {
  background-color: #e4e2e2d9;
  border: 1px solid #CECECE;
}
}
.metismenu.mod-menu .metismenu-item > ul a {
  font-size: .9rem;
  color: #000000;
}
/* **** anpassen Hamburger menu *** */
.container-header .navbar-toggler {
  color: #000;
  font-size: 2rem;
}

/* **** back to top button immer selbe Stelle *** */
.back-to-top-link {
	position: fixed;
}
/* ... Button CSS Styling ...*/
.btn {
	box-shadow: 5px 5px 15px -7px #000;
	background:linear-gradient(to bottom, #015AA3 5%, #01508F 100%);
	background-color:#0160AD;
	border:none;
	border-radius:8px;
	color:#ffffff;
	text-shadow:0px 1px 0px #3d768a;
}
.btn:hover {
	box-shadow: 7px 7px 15px -7px #000;  
	background:linear-gradient(to bottom, #01508F 5%, #015AA3 100%);
	background-color:#408c99;
	color:#cccccc;
}
/* eigene CSS Styles */
.sub {
  font-weight: normal;
  color: #000000;
  font-size: 1.2rem;
  letter-spacing: .15rem;
}
.subrot {
  font-weight: normal;
  color: #FF0000;
  font-size: 1rem;
  letter-spacing: .15rem;
}
.gesperrt {
    font-size: 11px;
	letter-spacing: 2px;
}
.klein {
	font-size: 10px;
}
/* ************************************************************* */