/* rot: #e62224; neu: #e89803	*/
/* blau: #014a7f 	*/
/* gruen: #008043 	*/
/* schwarz:  #1a181b */

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

body {
	font-family: 'Roboto', sans-serif;
	/*color: #5e5d5d;*/
	color: #555555;
	/*background-color: #ffebae;*/
	word-wrap: break-word;
	overflow-wrap: break-word;

	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;
}

.bolder {font-weight: 700;}

.padding-35 {padding-top: 20px;padding-bottom: 25px;}
.padding-70 {padding-top: 70px;padding-bottom: 70px;}
.margin-bottom-125 {margin-bottom: 125px;}

h1 {
	font-size: 3rem;
	text-transform: uppercase;
	font-weight: 700;
}
h2 {
	font-size: 2rem;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 15px;
}
h3 {
	font-size: 18px;
	font-weight: 700;
}

a {color: #485e22;font-weight: 700;}
a:hover {color: #74933d;text-decoration:none;}

video {
  max-width: 100%;
  height: auto;
}

.btn-link {
	font-weight: 700;
	text-transform: uppercase;
	color: #3c3b3b;
}

.btn-link:hover {
	text-decoration:none;
	color: #e89803;
}

.btn-link.focus, .btn-link:focus {
	color: #e89803;
	text-decoration:none;
}

/*.btn-blue img, .btn-rot img, .btn-gruen img {
	max-width: 100px;
	padding: 25px 0;
}

.btn-blue a:hover {color: #ccc;}*/

.color-rot {color: #e89803;}

/*** header ***/
#header {
	/*position: absolute;
	text-align: center;
	top: 0px;
	z-index: 1000;
	width: 100%;*/
}

/*** top  ***/
.top {
	background-color: #485e22;
}

.top a {
	font-weight: 400;
	font-size: .8rem;
	color: #ffffff;
	text-transform: uppercase;
}

.top .nav-item {
	padding: .5rem 0;
}

.top .nav-item:last-child{padding-right: .5rem !important;}
.top li.nav-item  {margin-right: 15px;}
.top li.nav-item:last-child {margin-right: 0;}
	

/*** main menu ***/
.hauptmenu, .hauptmenu div#maximenuck96 ul.maximenuck {background-color: rgb(248, 249, 250) !important;}
.hauptmenu div#maximenuck96 ul.maximenuck li.maximenuck.level1 {margin: 15px 0;}
.hauptmenu div#maximenuck96 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck96 ul.maximenuck li.maximenuck.level1 > span.separator {color: #555555 !important;}
.hauptmenu div#maximenuck96.maximenufixed {
    position: fixed !important;
    left: auto !important;
    top: 0 !important;
    right: auto !important;
    margin-top: 0px;
    width: 100%;
    max-width: 1140px !important;
}
.hauptmenu div#maximenuck96 ul.maximenuck li.level1.parent > a::after,
div#maximenuck96 ul.maximenuck li.level1.parent > span.separator::after {
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-weight: 700;
    display: block;
    width: 0;
    height: 0;
	right: 15px;
	top: 13px;
	border: none !important;
}

.hauptmenu div#maximenuck96 ul.maximenuck li.level1.parent:hover > a:after,
div#maximenuck96 ul.maximenuck li.level1.parent:hover > span.separator:after {
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-weight: 700;
    display: block;
    width: 0;
    height: 0;
	right: 15px;
	top: 13px;
	border: none !important;
}
div#maximenuck96 ul.maximenuck li.maximenuck ul.maximenuck2 li > a, div#maximenuck96 ul.maximenuck2 li > a {color: #555555 !important;}
.hauptmenu div#maximenuck96 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck96 ul.maximenuck li.maximenuck.level1.active {
	background: rgb(248, 249, 250) !important;
}
div#maximenuck96 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck96 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck96 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck96 ul.maximenuck li.maximenuck.level1.active > span.separator {color: #000000 !important;}
div#maximenuck96 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck96 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck96 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck96 ul.maximenuck2 li:hover > a, div#maximenuck96 ul.maximenuck2 li:hover > h2 a, div#maximenuck96 ul.maximenuck2 li:hover > h3 a {color: #485e22 !important;}


.hauptmenu div#maximenuck96 div.floatck {
    position: absolute;
    display: none;
    padding: 0;
    margin: 0;
    width: 180px;
    text-align: left;
    width: auto;
    z-index: 9999;
    cursor: auto;
    background: #f8f9fa;
	padding: 15px 20px;
	border-top: 3px solid #485e22 !important;
	border-left: 1px solid #f8f9fa;
	border-right: 1px solid #f8f9fa;
	border-bottom: 1px solid #f8f9fa;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
}


/* arrow image for submenu parent item */
.hauptmenu div#maximenuck96 ul.maximenuck li.level1.parent li.parent > a:after,
.hauptmenu div#maximenuck96 ul.maximenuck li.level1.parent li.parent > span.separator:after,
.hauptmenu div#maximenuck96 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after,
.hauptmenu div#maximenuck96 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after {
	content: "\f105";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-weight: 700;
	width: 0;
	height: 0;
	border: none !important;
	margin: 0 3px;
	right: 0;
	top: 9px;
}

/*** breadcrumb ***/
.breadcrumb {padding-left: 0;font-size: 14px;}
ol.breadcrumb {background: transparent;}

/*** main-content ***/
.content h1 {padding-bottom: 1.5rem !important;}

/*** start-kategorien ***/
a:hover{color: #000000 !important;}
a.more{border: 1px solid #485e22;border-radius: 22px;padding: 5px 10px; font-size: 12px;}
a.more:hover{border: 1px solid #000000;background-color: #485e22;color: #ffffff !important;}
.start-kategorien .kate {background-color: #485e22;box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .55);margin-bottom: 30px;}
.start-kategorien h2 {font-size: 18px;text-align: center;color: #ffffff;}

.start-kategorien .accordion.accordion-content .mb-0 > a,
.start-kategorien .mb-more > a
 {
    display: block;
    position: relative;
    color: #ffffff;
    font-size: 14px;
    padding: 5px;
    font-weight: 700;
}

.start-kategorien .card {
    border-radius: 0 !important;
    border-color: #e6e6e6;
    border-left: none;
    border-right: none;
    border-top: none;
	border: 0;
}


.mb-0 > a::after {

    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 10px;
    font-weight: 700;

}

.mb-more > a::after {

    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 10px;
    font-weight: 700;

}

.accordion.accordion-content .card-body {
    font-size: 14px;
    background-color: #ffffff;
}

.start-kategorien .card-header  {
    padding: 0;
    background-color: #74933d;
    border-top: 1px solid #000000;
    margin-bottom: 0;
}

.card-header:first-child {border-radius: 0;}

.header-kat {
	padding: 5px;
	top: 0;
	left: 0;
	background-color: #485e22;
	height: 51px;
}
.header-kat h2 {padding: 0;}
.header-kat h2 a {color: #ffffff;}



section {
    position: relative;
    z-index: 1;
}


.section-footer {
	background-color: #e89803;
}

.kontakt {
	background-color: #3c3b3b;
}


/*** leistungsbereiche ***/
#leistungsbereiche {text-align: center;}
#leistungsbereiche a {color: #ffffff;}
/*#leistungsbereiche .card {border-color: #3c3b3b;}*/
#leistungsbereiche .card-title {text-align: center;font-weight: 700;}
#leistungsbereiche .card-footer {background-color: #ffffff; border: none;}
/*#leistungsbereiche .card-body {background-color: #3c3b3b;}*/

/*** aktuelles ***/
.aktuelles {background-color: rgb(248, 249, 250) !important;}
.aktuelles .preview {background-color: #ffffff;}
.aktuelles .preview .datum {font-size: 14px;}
	
/*** footer ***/
.footer {
	background-color: #485e22;
	color: #ffffff;
}

.footer a {color: #ffffff;}

/*** copyright ***/
.copyright {
	text-align: right;
	font-size: 10px;
	padding: 10px 0;
	text-transform:uppercase;
	line-height: 20px;
}

/*** footermenu ***/
.footermenu {
	text-align: left;
	font-size: 10px;
	padding: 10px 0;
	text-transform:uppercase;
	line-height: 20px;
}

/*** google calender reponsive ***/
.responsiveCal {position: relative; padding-bottom: 75%; height: 0; overflow: hidden;margin-bottom: 15px;}
.responsiveCal iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

/*** google calender startseite ****/
ul.next-events {
	list-style: none;
	padding: 0;
}
ul.next-events li {
	border-bottom: 1px solid #cccccc;
}

ul.next-events li:last-child {
	border: none;
}
 
 
/*** logo-leiste ***/
.logo-leiste {margin: 20px 0;}

.pagination
{
	float:right;
	text-align:right;
	padding:10px 10px 0px 0px;
	width: 100%;
	clear:both;
}

.pagination ul
{
	float:right;
	text-align:right;
	list-style: none;
}

.pagination li
{
	float:right;
	text-align:right;
	margin-right: 5px;
}

.pagination li.pagination-start span,
.pagination li.pagination-start a
{
padding:4px 0;
}


/* joomla damit bearbeitungs icon ausgeblendet werden */
.icons {
	display: none;
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	
	h2 {font-size: 14px;}
	
	.copyright, .footermenu {text-align: center;}
}