@charset "utf-8";
/*  **** Grundformatierungen  **** */

.fbpj-ui-wrapper.fbpj-ui-controls, .fbpj-thumb-container.fbpj-sidemenu-visible.fbpj-sidemenu {
    box-shadow: none;
    background-color: #fff;
    position: absolute;
}

.fbpj-ui-btn.fbpj-active {
    color: #20689b !important;
    background-color: #ffffff;
}

.fbpj-ui-btn:hover {
    color: #20689b !important;
}

.more-container	{
    border-radius: 0px !important;
    border-top: none;
}

.more-container .fbpj-ui-btn span {
    font-size: 16px !important;
	font-weight: bold;
	 color: #20689b !important;
    padding-left: 30px;
    vertical-align: middle;
    display: inline-block;
}



label	{
float: left;
}


::selection {
    background: #4e87c9 /*#1b6a00*/;
    color: #fff;
}
/* und hiermit der Firefox >=1 */
::-moz-selection {
    background: #4e87c9 /*#1b6a00*/;
    color: #fff;
}

a.accordion-toggle span.rl_sliders-toggle-inner:before{content:"\e005"}




html { 	
height: 101%;
  }

* {
margin: 0px;
padding: 0px;
	}
	
/*Flex*/
* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.flex-item-left, .flex-item-mid, .flex-item-right {
  flex: 33%; border: 1px solid inset #fff;box-shadow: inset 0 0 5px #fff;
}

div.flex-item-left.flex-item-left	{
background: #4f88cb;
padding: 40px 60px;
}
div.flex-item-mid	{
background: #fafaee;
padding: 40px 60px;
}
div.flex-item-right	{
background:#b0b335;
padding: 40px 60px;
}

div.flex-item-left	p, div.flex-item-right p, div.flex-item-left h3, div.flex-item-right h3, div.flex-item-left h5 a, div.flex-item-right h5 a, div.flex-item-left h5, div.flex-item-right h5   	{
color: #fff;
}



#aktuell, #download {
width: 100%;
display: -webkit-flex; /* Safari */
display: flex;
}

#aktuell #top-1 {
-webkit-flex: 1;  /* Safari 6.1+ */
-ms-flex: 1;  /* IE 10 */    
flex: 1;
margin: 1% 2% 2% 0%;
}

#download #box {
-webkit-flex: 1;  /* Safari 6.1+ */
-ms-flex: 1;  /* IE 10 */    
flex: 1;
margin: 1% 0% 0% 0%;
}		

body {
font-family: 'Open Sans', Verdana, Arial, sans-serif;
text-align: left;
font-weight: 300;
font-size: 15px;
line-height: 1.65em;
color: #555;
text-align: left;
}

p { 
font-weight: 400;
font-size: 1.1em;
padding: 0.3em 0em;
color: #464646 /*#343400*/;
text-align: left;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

p.small	{
padding-top: 3px;
font-size: 1.0em;
}

ul {
font-weight: 400;	
padding: 0.5em;
list-style: none;
}

a  {
color: #343400;
text-decoration: none;
outline: none;
}

a:active, a:focus{
outline: none;
text-decoration: none;
}

a:hover	{
text-decoration: none;
outline: none;
color: #003366;
-o-transition:color .2s ease-out;
-ms-transition:color .2s ease-out;
-moz-transition:color .2s ease-out;
-webkit-transition:color .2s ease-out;
/* ...and now override with proper CSS property */
transition:color .2s ease-out;
}

img	{ 
max-width: 100%;
height: auto;
border: none;
outline: none;
}

h1	{
font-family: 'Roboto', sans-serif;	
padding: 0px 5px 5px;
font-size: 1.8em;
text-align: left;
color: #004080;
font-weight: 600;	line-height: 2.5em;
}

h1.top	{
padding: 0px 0 0px;
font-size: 2em;
letter-spacing: 2px;
text-align: center;
color: #004080;
font-weight: 400;
}

h2	{
color: #004080;
font-weight: 400;
font-size: 1.6em;
letter-spacing: 0.5px;
padding: 5px 0 10px;
}

h2 a	{
color: #004080;
font-weight: 400;
font-size: 1.0em;
letter-spacing: 0.2px;
}

h2 a:hover	{
	color: #004d9a;
}

.imghvr-push-right	p, .imghvr-push-up p, .imghvr-push-left p	{
color: #fff;
}

h3	{
padding: 0px 0 10px;
font-size: 1.8em;
font-weight: 400;
line-height: 1.65em;
}

div.slide-desc-box {
margin-top:0px;
}

span.span-js-title {
font-weight: 600; 
padding:  50px; opacity: 0.9;
}


h4	{
text-align: left;
font-size: 1.4em;
font-weight: 400;
}

h5	{
font-size: 1.2em;
font-weight: 600;
padding-left: 10px;
}

h6	{
font-weight: 400;
padding-top: 3px;
font-size: 1.2em;	
}

hr	{
margin: 10px auto 10px;
height: 1px;
background: #ccc;
border: 0;
}

hr.white	{
margin: 10px auto 10px;
height: 1px;
background: #fff;
border: 0;
}

#clear    {
height: 1px;
clear: both;
}

ul{
padding-left: 30px;
}

ul li{
font-size: 1.3em;
padding: 0.2em 5px;
color: #004080;
text-align: left;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;	
list-style-type: square;
}

table{
width: 100%;
border: none;
}
table tr td	{
width: auto;
border: none;
}

table tr td.left	{
width: 10%;
}

table tr td img{
	padding-top: 10px;
}

#header	{
background: #ffffff; 
border-bottom: 1px solid #ccc;
width: 100%;
padding: 10px 0;
z-index: 1500;	
}

#header img.logo {
}
.grow  img.logo{
transition: 0.5s ease-in-out;
 }
.grow img.logo {
width: 100%;
transition: 0.5s ease-in-out;
 }
.shrink {
padding: 0;
transition: 0.5s ease-in-out ;
 }
.shrink img.logo {
width: 25%;
transition: 0.5s ease-in-out;
 }

.grow {
transition: 0.5s ease-in-out;
 }

.shrink {
font-size: 0.7em;
transition: 0.5s ease-in-out;
 }


.moduletable-contact-text, #lag .moduletable-info, .moduletable, div.moduletable-regio, .moduletable-projekte, #kontakt, #video	{
	padding: 50px 0;	
} 

div.custom-download	{
	padding: 40px 0 10px;	
} 

div.custom-regio	{
padding: 0 20px;
}


div.moduletable-projekte	{
padding: 60px 40px 0 40px;
}

#kontakt {
background: #fafaee;
}

#region	{
background: #d4e2f1;
}

#projekte{
background: #fafcfe  /*#f2f5fb*/;	
}

div.custom-contact {
padding: 35px 0px 0 0px;	
}

div.custom-contact p img {
padding: 25px 0 0 24px;	
border-radius: 50%;
border: 10px solid #b0b335;
}

div.custom-info{
padding-left: 30px;	
}

div.custom-contact-text p,div.custom-contact-text h2 {
text-align: center;
}

div.custom  a:hover,div.custom h6 a:hover {
outline: none; 
-o-transition:color 0.5s ease-out;
-ms-transition:color 0.5s ease-out;
-moz-transition:color 0.5s ease-out;
-webkit-transition:color 0.5s ease-out;
/* ...and now override with proper CSS property */
transition:color 0.5s ease-out;
}

/*--Cookies--*/
#cookiehintsubmit {
    background: #20689b!important;
        background-image: none;
    background-image: none;
    color: #fff !important; border-radius: 0px;
}

#redim-cookiehint{
	box-sizing: border-box;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	/*-webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.21);
	box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.21);*/
	max-width: 380px;
	background: #fff;
	padding: 15px 30px;
	border-radius: 0px;
}


#cookiehintsubmit:hover		{ background: #3392d5 !important; color: #fff !important}

#cookiehintsubmitno:hover	{ background: #3392d5 !important; color: #fff !important;}


#svg-container	{
background: #fafaee;
margin-top: -30px;	
}

#footer	{
background: #fafaee;
width: 100%;
padding: 0em 0 50px;
margin-top: -30px;
}


div.footer1	{
font-weight: 400;	
}

div.footer1{
padding: 0.5em 0;
}
div.footer2	{
display: none;
}

/*--Besucherzähler--*/
.jmm-counter.default .jm-count, .jmm-subtitle {
    font-size: 20px;
    line-height: 1.1; text-align: left;
}

.jmm-counter.default .jmm-icon {
    margin-bottom: 0px;
}

/*--Menüs--*/
ul.nav.menu.mod-list	{
padding-left: 0px;
padding-top: 0px;
}

ul.nav.menu.mod-list li	{
padding: 0 0 3px 0;
font-size: 1.2em;
list-style-type: none;
display: block;
text-transform: uppercase;
  text-decoration: none;
}

ul.nav.menu.mod-list li a:hover	{
text-decoration: none;	
}

.dj-megamenu-wrapper {
  margin-left: 10%;
  margin-top: 40px;
}

.dj-megamenu-clean li a.dj-up_a {
  display: block;
  height: 60px;
  font-size: 16px;
  color: #000;
  text-decoration: none !important;
  padding: 0 18px;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  position: relative;
}

::marker {
display: none;
color: #fff;
}

#gruemenu.grue_91	{
background: #b9d07b;
margin-top: 50px; margin-left: 100px;
}


/*--Grue Menu oben--*/
#navigation-toggle.navigation-toggle-91	{
background: #20689b;
border-radius: 0px;
padding: 12px 12px;
}

#navigation-toggle.navigation-toggle-91:hover	{
background:#20689b;
border-radius: 0px;
padding: 12px 12px;
}

#gruemenu.grue_126 > ul > li > a, li.has-sub.parent {
color: #ffffff;
text-transform: uppercase;
}

#gruemenu.grue_91.gruefixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
	margin-top: 10px;
}

/*Slider*/
.accordion-inner.panel-body p {

}

.rl_sliders.accordion > .accordion-group {
margin-bottom: 2px;
border: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
  background-color: transparent;
  color: #2a713e /*#1b6a00*/;
  text-decoration: none;
}
.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle span.rl_sliders-title-inactive {
  display: inherit;
}
.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle span.rl_sliders-title-active {
  display: none;
}
.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
  background-color: transparent;
  color:#2a713e /*#1b6a00*/;
}
.rl_sliders.accordion > .accordion-group.icon > .accordion-heading > a.accordion-toggle span.rl_sliders-toggle-inner::before {
    color: #ccc;
}

/* -- Media Queries --*/
@media only screen and (max-width: 1600px)	{
#nav div.col.span_3_of_4 {
padding: 5px 0px 0 0px;
}
}

@media only screen and (max-width: 1440px)	{
.imghvr-push-right	p, .imghvr-push-up p, .imghvr-push-left p	{
font-size: 90%;
margin-top: -5px;
}
}


@media only screen and (max-width: 1280px)	{
div.custom-contact p img {
padding: 15px 0 0 14px;	
border-radius: 50%;
border: 10px solid #b0b335;
}
.imghvr-push-right	p, .imghvr-push-up p, .imghvr-push-left p	{
font-size: 85%;
margin-top: -15px;
}
}

@media only screen and (max-width: 1024px)	{
#slider		{
height: auto;
}
ul.start	{ 
padding: 0.5em 4em 0;
}
#content{
padding-right: 0px;
}
div.custom-contact  {
padding: 25px 0 0 0px;	
}
h3	{
font-size: 1.3em;
}
div.flex-item-left	{
background: #4f88cb;
padding: 40px 20px; color: #fff;	
}
div.flex-item-mid	{
background: #dde3d8;
padding: 40px 20px;
}
div.flex-item-right	{
background:#b0b335;
padding: 40px 20px;  color: #fff;	
}
}

@media only screen and (max-width: 768px)	{
.flex-item-left, .flex-item-mid, .flex-item-right {
  flex: 100%;
}	
h1.top	{
font-size: 1.8em;
letter-spacing: 0px;
}	
div.moduletable-projekte	{
padding: 0px 0px 0 0px;
}
.moduletable-contact-text, #lag .moduletable-info, .moduletable, div.moduletable-regio, .moduletable-projekte, #download, #video {
padding: 30px 0;
}	
h3	{
font-size: 1.5em;
}
#aktuell {
 width: 100%;
    display: block; /* Safari */
    display: block;
}	
	
#aktuell #top-1 {
    -webkit-flex: none;  /* Safari 6.1+ */
    -ms-flex: none;  /* IE 10 */    
    flex: none;
		margin: 0% 1% 8% 1%;
}

#footer	{
margin-top: 0px;
}
div.moduletable-projekte ul li	{
}
div.custom-regio {
padding: 0 0px;
}
div.custom-info {
padding-left: 0px;
}
}

@media only screen and (max-width: 400px)	{
span.span-js-title { 
padding:  10px;
}	
h1{
font-size: 1.6em;
}
p	{
text-align: left;
}
}