@charset "utf-8";
/* CSS Document */

a[href^="http:"],
a[href^="https:"]
{ text-decoration: none; }

#wrapper #main a 
{ text-decoration: none; color: #283b71;  }

#wrapper #main a:hover 
{ text-decoration: none; color: #b50314; }

a[href^="mailto:"]
{ text-decoration: none; color: #c80032; }

a[href^="mailto:"]:hover
{ color: 999; }

a[href^="http:"]:after,
a[href^="https:"]:after
{
	font-family: 'FontAwesome'; 
	content:"   \f08e" ; 
	font-size: 14px;
   	margin-left: 3px;
	color: #cecece;
	}

.ce_dlh_googlemaps a[href^="http:"]:after,
.ce_dlh_googlemaps a[href^="https:"]:after
{
	font-family: 'FontAwesome'; 
	content:"" ; 
	font-size: 14px;
   	margin-right: -1px;
	}

.mod_navigation li { display: inline-block; }

#navigation .mod_navigation li a { padding: 5px 10px; }

#logo { z-index: 999;}

/* **************** Mobile Navigation ************************** */

.menubutton {
	display: none;
	float: right;
	background-color: #5c5c5c;
	z-index: 5000;
}
.menubutton p { margin: 0; line-height: 2;}
.menubutton a {
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	text-decoration: none;
	}
.menubutton .fa {color: #fff; padding-left: 10px;}

/* **************** Mobile Navigation ENDE************************** */

.mod_onepage_navigation ul,
.mod_customnav ul {
	width: auto;
    margin: 0 auto;
    display: table;
}

.mod_onepage_navigation li {
	display: inline;
}

.mod_onepage_navigation a {
	padding: 7px 70px;
    color: #fff;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: normal;
    display: inline-block;
}

.mod_onepage_navigation a:hover {
	text-decoration: none;
	color: #cecece;
}

/* **************** Hauptnavigation ******************************** */

#navimain {
	margin-right: 0;
	background-color: #f2f2f2;
	z-index: 5000;
	}

#navigation .mod_navigation ul {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation .mod_navigation li {
    width: auto;
    float: left;
    margin: 0
}

#navigation #navimain ul.level_2 li { width: 100%; }

#navigation .mod_navigation a,
#navigation .mod_navigation span {
    display: block;
    color: #fff;
	padding: 6px 30px 6px 30px;
	font-size: 16px;
	font-size: 1rem;
	text-decoration: none;
}

#navigation .mod_navigation .level_2 a,#navigation .mod_navigation .level_2 span { padding: 5px 20px 5px 30px; }

#navigation .mod_navigation .active,#navigation .mod_navigation .trail {
    background-color: #c80032;
	color: #fff;
}

#navigation .mod_navigation a:hover,#navigation .mod_navigation a:focus { background-color: #c80032; }

#navigation .mod_navigation .level_2 {
    width: 0;
    height: 0;
    left: -32768px;
    top: -32768px;
    position: absolute;
    overflow: hidden;
    display: inline;
}

#navigation .mod_navigation .level_2 li { clear: both; }

#navigation .mod_navigation li:hover .level_2 {
    width: auto;
    height: auto;
    min-width: 78px;
    left: auto;
    top: auto;
    overflow: auto;
    display: block;
    background-color: #727272;
    z-index: 1000;
}

#navigation .mod_navigation li:hover .level_2 a,#header .mod_navigation li:hover .level_2 span {
    font-size: 1rem;
	font-size: 16px;
	line-height: 18px;
    font-weight: normal
}

#navigation .mod_navigation .level_2 span.active { color: #fff; }

/* **************** Hauptnavigation ENDE ******************************* */

/* **************** Hauptnavigation Links ******************************* */

#main .mod_navigation#navilinks { background-color: #606060; min-height: 400px; padding-left: 25px; margin-right: 0; }
#main .mod_navigation#navilinks li { display: block; }
#main .mod_navigation#navilinks a,
#main .mod_navigation#navilinks .active,
#main .mod_navigation#navilinks .trail { color: #fff; margin-bottom: 3px;  }
#main .mod_navigation#navilinks ul li span.active { background-color: #c80032; }
#main .mod_navigation#navilinks ul li a:hover { background-color: #c80032; }
#main .mod_navigation#navilinks ul ul li a:hover { background-color: #7a7a7a; }
#main .mod_navigation#navilinks ul ul li span.active { background-color: #7a7a7a; }
#main .mod_navigation#navilinks ul li a.trail,
#main .mod_navigation#navilinks ul li span.trail { background-color: #c80032; }
#main .mod_navigation#navilinks a,
#main .mod_navigation#navilinks span { padding: 5px 0px 5px 20px; display: block; }
#main .mod_navigation#navilinks ul ul li a,
#main .mod_navigation#navilinks ul ul li span { padding-left: 40px; }
#main .mod_navigation#navilinks h1 { margin: 28px 0 5px 0; color: #fff; font-size: 22px; font-size: 1.375rem; }

/* **************** Hauptnavigation Links ENDE ******************************* */


/* **************** Individuelle Navigationen ************************** */

header .mod_customnav { float: right; margin: 0 5px 0 200px; }
header .mod_customnav li { display: inline; }
header .mod_customnav a { text-decoration: none; color: #5d5d5d;}
header .mod_customnav a,
header .mod_customnav span { 
	display: inline-block; 
	padding: 10px 20px 0 0;
	font-size: 16px;
    font-size: 1rem;  }
.mod_customnav a:hover { color: #cecece;}

.mod_customnav#naviunten { margin: 7% 0 5% 0; }
.mod_customnav#naviunten ul { margin-bottom: 5px; }
.mod_customnav#naviunten li { display: inline-block; }
#wrapper .mod_customnav#naviunten a { text-decoration: none; color: #283b71; }
.mod_customnav#naviunten a,
.mod_customnav#naviunten span { 
	display: inline-block; 
	padding: 5px 15px 0 15px; 
	}

.mod_customnav#naviunten a:hover,
.mod_customnav#naviunten .active {
	
}


/* **************** Individuelle Navigationen ENDE ************************** */


/* **************** Kruemmel-Navigationen ********************************** */

.mod_breadcrumb { 
	font-size: 12px;
	font-size: 0.75rem;
	background-color: #adadad;
	padding: 5px 20px 5px 20px;  }
.mod_breadcrumb ul { margin: 0; }
#wrapper #main .mod_breadcrumb li.active.last { color: #fff; }
#wrapper #main .mod_breadcrumb li a { color: #606060;  }
#wrapper #main .mod_breadcrumb li a:hover { color: #fff;  }
.mod_breadcrumb li { display: inline; }
.mod_breadcrumb { border-left: 274px solid #606060; }
.ohnenavilinks .mod_breadcrumb { border-left: 0px solid #606060; }

/* **************** Kruemmel-Navigationen ENDE ***************************** */

/* **************** Quick-Navigationen ************************************* */

footer a {
	color: #cecece;
	text-decoration:none;
	}

footer a:hover {
	color: #fff;
	transition: color 0.5s ease;
	}

footer span { padding-right: 5px; }

footer .mod_article .kontaktblock td,
footer .mod_article .kontaktblock td a { color: #fff; }



/* **************** Quick-Navigationen ENDE************************************* */

/* html body.tablet .menubutton { display: block !important; }*/

/*html body.tablet #navimain { display: none !important; }*/


/* **************** Mobil-Navigation ******************************************* */

.mm-list > li > a, .mm-list > li > span { color: #fff; }

.mm-list > li.mm-selected > span.active,
.mm-list a, .mm-list a:hover { color: #fff;   }

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span {
	color: #fff;
	background-color: #c80032;
	}

.mm-list a:hover { color: #fff; background-color: #c80032;  }

.mm-menu.mm-light {
  background: #5c5c5c;
  color: rgba(0, 0, 0, 0.6);
  }

.mm-menu.mm-light .mm-list > li > a.mm-subclose {
	background: #5c5c5c;
    color: #fff;
	}

.flex-caption { bottom: 40px; }
.flex-caption  a { color: #fff; text-decoration: none; }

.back-to-top {
    text-decoration: none !important;
    font-size: 32px !important;
}

.mod_onepage_navigation {
	background-color: #283b71;
	
}

.back-to-top {
    color: #fff;
    position: fixed;
    bottom: 50px;
    right: 20px;
    padding: 2px 0px 7px 8px;
    /*border: 1px solid #f2f2f2;*/
    background-color: #283b71;
    z-index: 9999;
}

a.back-to-top:hover { color:#c80032;  }


@media (max-width:767px)
{	
	#wrapper #main .mod_navigation#navilinks { display: none!important; }
	#navimain { display: none !important; }
	.menubutton { display: block; margin: 10px }
	#navimain { display: none; }
	header .mod_customnav { display: block; margin: 0 !important; background-color: #5F5F5F; float: none; }
	header .mod_customnav a { color: #cecece; }
	header .mod_customnav a:hover,
	header .mod_customnav span
	 	{ color: #fff;}
	header .mod_customnav a, header .mod_customnav span.active {
   		padding: 5px 20px 5px 5px;
		
}
	header .mod_customnav li { float: right; }	
	header #bildwechsler { margin-top: 0; }
	.mod_breadcrumb { border-left: 0 solid #606060; }
	footer { /*min-height: 10px;*/}
	footer .mod_article .kontaktblock { width: 100%; }
	footer .mod_customnav.quicknavi.quick1 { width: 23%; }
	footer .mod_customnav.quicknavi.quick2 { width: 23%; }
	footer .mod_customnav.quicknavi.quick3 { width: 23%; }
	footer .mod_customnav.quicknavi.quick4 { width: 23%;  }
	footer .mod_customnav.quicknavi { display: none; }
	
	.kontaktblock,
	.kontaktblock table { width: 100%; }
	.kontaktblock tr { display: inline-block; float: left; margin-right: 4%;}
	
	.mod_onepage_navigation a {
   		padding: 7px 18px;
		font-size: 19px;
}
}

@media (min-width:768px) and (max-width:979px)
{
	header .mod_customnav { display: block; margin: 0 !important; background-color: #5F5F5F; float: none; }
	header .mod_customnav a { color: #cecece;}
	header .mod_customnav a:hover,
	header .mod_customnav span
	 	{ color: #fff;}
	header .mod_customnav a, header .mod_customnav span {
   		padding: 5px 20px 5px 5px;
		
}
	header .mod_customnav li { float: right; }
	header #bildwechsler { margin-top: 9px !important; }
	.mod_breadcrumb { border-left: 184px solid #606060; }
	footer .mod_article .kontaktblock { width: 100%; }
	footer .mod_customnav.quicknavi.quick1 { width: 21%; }
	footer .mod_customnav.quicknavi.quick2 { width: 24%; }
	footer .mod_customnav.quicknavi.quick3 { width: 23%; }
	footer .mod_customnav.quicknavi.quick4 { width: 23%;  }
	foote r{ padding-top: 20px; }
	.kontaktblock,
	.kontaktblock table { width: 100%; }
	.kontaktblock tr { display: inline-block; float: left; margin-right: 4%;}
	#main .mod_navigation#navilinks { padding-left: 10px; }

}

@media (min-width: 980px) and (max-width: 1160px) {
	
	#header .mod_navigation a,
	#header .mod_navigation span { padding: 6px 22px 6px 22px; }
	.mod_breadcrumb { border-left: 230px solid #606060; }
	footer .mod_customnav.quicknavi.quick1 { width: 14%; }
	footer .mod_customnav.quicknavi.quick2 { width: 19%; }
	footer .mod_customnav.quicknavi.quick3 { width: 14%; }
	footer .mod_customnav.quicknavi.quick4 { width: 12%;  }
}

@media (min-width:768px) and (max-width:979px)
{
	.mod_onepage_navigation a {
    padding: 7px 30px;
} 
}
@media (max-width:600px) {
.mod_customnav#naviunten li {
    display: block;
	text-align:  center;
	margin-bottom: 7px;
}
}
