:root {
		--cassiopeia-color-primary: white;
		--cassiopeia-color-link: gray; 
		--cassiopeia-color-hover: background-color: rgba(0,0,0,0.5);
}

/******************************************************************************/
/*********** load fonts «open-sans» for title and text, «ubuntu» for menu *****/ 
/* open-sans - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu/ubuntu-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

html {
 background-color:#acacac;
}

body {
 	background-color:#772f28;
  	font-family: 'Open Sans', Tahoma, Verdana, Geneva, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	margin: 0px auto;
	padding: 0;
  max-width: 960px;
}

.site-grid {
  /*background-color:#e43337;*/
  margin-left:0px;
  margin-top: 0px;
  margin-bottom: -12px;
  grid-gap: 0;
}

.footer .grid-child{
	padding-top: 20px;
	padding-bottom: 2px;
	padding-left: 30px;
}

.com-content-category-blog,
.blog-featured,
.com-content-article{
	background-color:#e43337;
	padding: 20px;
}
/****************************************************************/
/* Formatierung Überschriften									*/							
/****************************************************************/
h1, h2, h3, h4, h5, h6, .page-header, .subheading-category, .componentheading, .contentheading {
  font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0.5em 0;
  text-transform: none;
}

h2{
	font-size:22px;
	line-height: 30px;
	color: #ffffff;
	/*margin: auto;*/
	text-transform: uppercase;
}

h2.accordion-header {
	line-height: 25px;
}

h2.item-title  {
	color: #ffffff;
}


h1, h2.page-header {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  color: #ffffff;
  padding-bottom: 20px;
  text-transform: uppercase;
}

h3 {
  color: #ffff00;
  font-size: 1.8em;
}



h3.card-header,
h4.card-header{
	color: #ffffff;
	font-size: 12pt;
	text-align: right;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	display:none;
}

h4.newsflash-title{
	font-size: 1.4em;
	padding: 10px;
	background-color: #D9D9D9;
}

a:not([class]) {
 text-decoration:none;
}

a, a:focus, a:hover {
   text-decoration: none;
   color: #ffff00;
}

a:focus, a:hover {
   font-weight: bold;
}

/**************************************************************/
/* Formatierung Header                                        */
/**************************************************************/

.container-header {
	background-image: url(../images/dh_banner_mobile.png);
	background-repeat: no-repeat;
	box-shadow: none;
	margin: 0;
}

.d-inline-block {
  display: none !important;
}

.container-header nav{
 margin-top: 160px;
}

.container-header .container_nav{
	background-image: none;
}

.container-header .grid-child{
	display: contents;
}

.navbar-brand {
	padding-bottom: 0;
  padding-top: 0;
}

/*********************/
/* Formatierung Menu */
/*********************/
.navbar{
  background-color: #772f28;
}


.container-header .metismenu>li:hover, 
.container-header .metismenu>li.active{
	background-color: #e43337;
	border-radius: 7px 7px 0px 0px;
	}

.metismenu.mod-menu .metismenu-item:not(.level-2) > ul{
	background-color: #772f28;
	border-radius: 0px 0px 7px 7px;
}

/* Submenu (Level 2) sichtbar bei «hover» */
@media (min-width:960px) {
   .metismenu.mod-menu .metismenu-item:not(.level-2):hover > ul{
	display:block
   }

	.metismenu.mod-menu .mm-collapse:not(.mm-show) {
		display: block;
	}

	.metismenu.mod-menu .metismenu-item:not(.level-2) > ul{
		visibility: hidden;
		opacity: 0;
		transition: all 0.8s ease-in-out;
	}

	.metismenu.mod-menu .metismenu-item:not(.level-2):hover > ul{
		visibility:visible;
		opacity: 1;
	}
}


.metismenu.mod-menu .metismenu-item:not(.level-2) > ul > li > a{
	color: #ffffff;	
}

.metismenu.mod-menu .metismenu-item:not(.level-2) > ul > li:hover{
	background-color: #e43337;
	display: block;
	border-radius: 0 0 7px 7px;
	transition: all 0.2s ease-in-out;
}

.metismenu.mod-menu .metismenu-item:not(.level-2) > ul > li > a:hover{
	text-decoration: none;
}


.metismenu.mod-menu .metismenu-item:hover(.level-2) {
  display: block;
}

/* Beim Darüberfahren ("hover") nur sichtbar bei Desktop-Anwendung */
/*@media (min-width:960px) {
  .metismenu.mod-menu .mm-collapse  li.parent ul{
	visibility:hidden;
	opacity: 0;
	transition: all .6s ease-in-out;
	}

.metismenu.mod-menu .mm-collapse li.parent:active ul{
	visibility:visible;
	opacity: 1;
	}
.metismenu.mod-menu .mm-collapse li.parent:hover ul{
	visibility:visible;
	opacity: 1;
	}  
}*/


.metismenu.mod-menu .metismenu-item.active > a{
	text-decoration: none;
	font-weight: normal;
}

.metismenu.mod-menu .metismenu-item > a:hover{
	font-weight: normal;
}

.container-header .mod-menu .parent > ul{
	display:block;
}

@media (max-width: 992px) {
  .metismenu.mod-menu .metismenu-item > button {
	font-size: 0pt;
  }
}

.metismenu.mod-menu .metismenu-item.active > a,
.metismenu.mod-menu .metismenu-item.active > button,
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > button:hover {
 text-decoration:none;
 font-weight: normal;
}

 /***************************************/
 /* Responivitiy Menu                   */
 /***************************************/
  
 @media (max-width: 767.98px) {
	.container-header .container-nav .container-search, .container-header .container-nav nav {
		margin-top: 160px;
}
}

.container-header .navbar-toggler {
  border: 0px solid #fff;
}

.navbar-toggler:focus {
 box-shadow:0 0 0 0;
}

 /*

Bugfix für Cassiopeia Template, so dass Menü bei Tablets im Hochformat als Burgersymbol angezeigt wird

*/

@media (min-width: 768px) and (max-width: 992px) {
  .navbar-expand-md .navbar-collapse:not(.show) {
	display: none !important;
  }
  .navbar-expand-md .navbar-collapse {
	flex-basis: 100%;
  }


}

@media (max-width: 992px) {

.navbar-expand-md .navbar-toggler {

display: block !important;
padding: 12px;

}

}

@media (max-width: 991px){
.navbar-expand-md {
  flex-wrap: wrap;
  }
}

@media (min-width: 992px){
.navbar-expand-md {
  flex-wrap: nowrap;
  }
}

/* Expand (+) und Collapse (-) Button als Hintergundsbild */
/* "+" und "-" rot (#ff290b), Hintergrund grün (#94ff00)  */ 
/*--------------------------------------------------------*/
@media only screen and (max-width: 992px), (max-device-width: 992px){
  .metismenu.mod-menu .mm-toggler {
	top: -8px;
	padding: 0;
	margin: 0;
	width: 48px;
	height: 48px;
	background: url("../images/layout/icon-toggle-collapse-white.png") center center no-repeat;
	cursor: pointer;
	position: absolute;
	display: inline-flex;
	right: 0;
	}

  .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
	position: relative;
	width: 100%;
	}
}

@media only screen and (max-width: 992px), (max-device-width: 992px){
  .metismenu.mod-menu .mm-toggler.mm-collapsed {
	background: url("../images/layout/icon-toggle-expand-white.png") center center no-repeat;
	}
}

@media  (min-width: 992px){
  .metismenu.mod-menu .mm-toggler{
	display: none;
  }
}


/*.container-header .navbar-collapse.show {
  background-color: #0344dd;
} */
/***********************************/
.container-component{
	margin-top: 0px;
}

.container-component > * + *{
	margin-top: 0px;
}

.com-content-article p{
	color: #ffffff;
	font-size:14px;
}

.item-content a{
	color: #ffff00;
}

.item-content a:hover{
	font-weight: bold;
}

.item-content .componentheading a{
	font-size: 20px;
}

.item-content p{
	margin: 20px;
	font-size:14px;
	color: #ffffff;
}

p.componentheading {
	margin-top:0;
	margin-bottom:0;
}

.btn{
	border-width: 0px;
	font-size:13px;
}

.btn-secondary {
  background-color: #e43337;
  color: #ffff00;
}

.btn-secondary:focus, .btn-secondary:hover {
  background-color: #e43337;
  color: #ffff00;
}

.accordion-body {
	background-color: #e43337;
	color: #ffffff;
}

.accordion-item{
	border: 0px solid #e43337;
	margin-bottom: -1px;
}

.accordion-button {
	background-color: #e43337;
	color: #ffff00;
}

.accordion-button:hover {
	font-weight: bold;
}


.accordion-button:not(.collapsed) {
  background-color: #e43337;
  box-shadow: inset 0 0 0 rgba(0,0,0,0);
  color: #ffff00;
}

/*.accordion-button:(.collapsed)::after{
content: "+";
}

.accordion-button:not(.collapsed)::after{
content: "-";
}

.accordion-button::after{
content: "+";
height: 0.25rem;
}

*/

.category-desc a{
	color: #ffff00;
}

.category-desc a:hover{
	font-weight: bold;
}
/*************************************/
/* Formatierung Vorstand             */

.function{
	color: #ffffff;
	font-size: 14px;
	margin-left:20px;
}

.mail-vorstand{
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 5px;
}

/*************************************/
/* Formatierung Kontaktformular      */

#userForm {
	margin-left:20px;
}

.col-form-label{
	color: #ffffff;
	font-size: 14px;
}

.form-select{
	background: url(../images/select-bg.svg) no-repeat 100%/1.8rem;
	background-color: #ffffff;
}

.form-control{
	padding: .2rem 1rem;
}

.rsform-input-box{
	width:300px;
}

.form-check-label{
	color: #ffffff;
	font-size: 14px;
}

.form-check-input[type="checkbox"]{
	height: 1.2em;
	width: 1.2em;
}

.form-check-input[type="checkbox"]:checked{
	background-color: #0000ff;
}

.rsform-reset-button {
  background-color: #772F28;
  border: 1px solid #671f18;
  border-radius: 4px;
  box-shadow: 0px 2px 0px #671f18, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
}

.rsform-reset-button:hover {
  background-color: #e43337;
  border: 1px solid #ffffff;
  }


/* Formatierung Sidebar-right moduls */
/* custom89: Kontakt (Titel)         */
/* custom90: Kontakt (Inhalt)        */

.container-sidebar-right{
	background-color: #772f28;
	padding-left: 20px;
}
.card{
	border: 0px solid #dfe3e7;
	border-radius: 0;
}

.card-body{
	padding:0;
}

.sidebar-right .card-body{
	background-color: #772f28;
}

.mod-custom{
	padding-right: 10px;
	color: #ffffff;
}

.carouselck_caption_title {
	font-size: 350%;
}

#mod-custom90 {
	background-color: #ffff99;
	color: #000000;
	padding-left: 10px;
	padding-top: 10px;
	/*margin-bottom: -16px;*/
}

#mod-custom90 a{
	color: #0000ff;
}

#mod-custom90 a:hover{
	color: #ff0000;
}

.blog-item ul {
	color: #ffffff;
	font-size: 14px;
}

/* Formatierung Footer */
.footer div{
	background-color: #772f28; 
	padding: 0;
}