@media all {
html, body  { height: 101%; position:relative;    min-height: 100%;}

body {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:24px;
	line-height: 1.5;
	color:#000000!important;
	background:#ffffff;

}

 h6x::first-word { font-weight: bold;}
 h6x::first-letter { font-size:200%;}


.icon-top-wrapper-search { display:none;}


/* Unterdrückung der gepunkteten Linie bei Links */
a, a:hover, a:active, a:focus, a:visited {outline: none;  }
a, a:hover, a:active, a:focus, a:visited { outline: medium none; }

a:link { color: #111111; text-decoration:underline; font-weight:400; }
/* mouse over link */
a:hover { color: #005caa; text-decoration:underline; font-weight:400; }
/* selected link */
a:active { color: #005caa; text-decoration:underline; font-weight:400; }
/* focus link */
a:focus { color: #111111; text-decoration:underline; font-weight:400; }
/* visited link */
a:visited { color: #111111; text-decoration:underline; font-weight:400; }

/* mouse over link */
.inhalte_stand a:link { color: #111111; text-decoration:none; font-weight:400; }
/* mouse over link */
.inhalte_stand a:hover { color: #005caa; text-decoration:underline; font-weight:400; }
/* selected link */
.inhalte_stand a:active { color: #005caa; text-decoration:underline; font-weight:400; }
/* focus link */
.inhalte_stand a:focus { color: #111111; text-decoration:underline; font-weight:400; }
/* visited link */
.inhalte_stand a:visited { color: #111111; text-decoration:underline; font-weight:400; }

/* mouse over link */
.inline-block a:link { color: #000000; text-decoration:none!important; font-weight:700;
}

/* mouse over link */
.inline-block a:hover { color: #005caa; text-decoration:underline!important; font-weight:700; }
/* selected link */
.inline-block a:active { color: #005caa; text-decoration:none!important; font-weight:700; }
/* focus link */
.inline-block a:focus { color: #000000; text-decoration:none!important; font-weight:700; }
/* visited link */
.inline-block a:visited { color: #000000; text-decoration:none!important; font-weight:700; }

.anfrage a { color:#000000; text-decoration: none;  }
.anfrage a:hover { color: #6cc602; text-decoration: none; }
.anfrage a:active, .anfrage a:focus  { color: #000000; text-decoration: none; }

.pdf a { color:#000000; text-decoration: none;  }
.pdf a:hover { color: #6cc602; text-decoration: none; }
.pdf a:active, .pdf a:focus  { color: #000000; text-decoration: none; }

.copyright a { color:#ffffff; text-decoration: none; }
.copyright a:hover { color: #d9ddcb; text-decoration: none; }
.copyright a:active, a:focus  { color: #d9ddcb; text-decoration: none; }

.footer-menu-stand a { color:#ffffff; text-decoration: none; }
.footer-menu-stand a:hover { color: #d9ddcb; text-decoration: none; }
.footer-menu-stand a:active, a:focus  { color: #d9ddcb; text-decoration: none; }



/* ############################################################################################################################### */
/*  */

/* ######################################################################################################### */
/* ##### Gestaltung der Headlines ##### */
/* ######################################################################################################### */


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Lato', sans-serif; line-height: 1.5!important; margin-top:0px; margin-bottom:0px; }

h1, .h1 { font-size:58px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0);  }
h2, .h2 { font-size:48px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h3, .h3 { font-size:32px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h4, .h4 { font-size:24px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h5, .h5 { font-size:20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h6, .h6 { font-size:16px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }

h2.footerheader { font-size:48px; color:#ffffff; margin-top: 30px!important;  font-weight:700!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }

#vb-kreuztal { margin-top:100px; }

.regular { font-weight:400!important; }
.medium { font-weight:500!important; }
.bold { font-weight:600!important; }
.black { font-weight:900!important; }

.left { text-align:left!important; }
.center { text-align:center!important; }
.right { text-align:right!important; }

.schwarz { color:#000000!important; }
.weiss { color:#ffffff!important;  }
.blau { color:#005caa!important;  }
.dunkelblau { color:#0d2757!important;  }
.rot { color:#ac1410!important;  }
.gruen { color:#76b82a!important;  }


.p0 { padding-top:0px; padding-bottom:0px; }
.p10 { padding-top:10px; padding-bottom:10px; }
.p10 { padding-top:10px; padding-bottom:10px; }
.p20 { padding-top:20px; padding-bottom:20px; }
.p30 { padding-top:30px; padding-bottom:30px; }
.p40 { padding-top:40px; padding-bottom:40px; }
.p50 { padding-top:50px; padding-bottom:50px; }
.p60 { padding-top:60px; padding-bottom:60px; }
.p70 { padding-top:70px; padding-bottom:70px; }

.pt0 { padding-top:0px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:100px; }

.pb0 { padding-bottom:0px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }

p { margin:0px; padding:0px; }
	

.textcontainer {
	float:left;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:0px solid red;
}

.box-innen {
	padding:0px;
	border:0px solid red;
}

#rl_modals_loaded_content {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    padding: 0px;
    margin-top: 44px;
    margin-bottom: 0;
    max-height: none;
	background:#e1e3ed;
}

.xxxno_title #rl_modals_close {
    right: 20px;
    top: 20px;
}
.xxxno_title.has_scrollbar #rl_modals_close {
    right: 20px;
}

.modal-subheader {
    min-height: 16.42857143px;
    padding: 15px 0px 0px 20px;
}





/* ##### Gestaltung der Tabellen ##### */

table {
	width:100%;
}

.table-mit table, .table-mit td, .table-mit tr, .table-mit th {
	border:2px solid #2167ab;
	border-collapse: collapse;
	text-align: left;
	background:#ffffff;
}


td, tr, th {
	padding:0em 0.20em 0em 0.20em;
}

th {
	background:#ffffff;
	font-weight: bold;
	color:#2167ab;
}


.left { text-align:left!important; }
.center { text-align:center!important; }
.right { text-align:right!important; }

h1.Headline  {  font-size:54px; color:#005caa; margin-top: 50px!important; margin-bottom: 10px; font-weight:400!important; text-align:center;  }
h2.Subline   {  font-size:28px; margin-top: 20px!important; margin-bottom: 10px; font-weight:400!important; text-align:center;   }
h3.Subline   {  font-size:23px; margin-top: 20px!important; margin-bottom: 10px; font-weight:400!important; text-align:left;  }

h1.Blockline  {  font-size:38px; margin-top: 15px!important; margin-bottom: 0px; padding-bottom: 0px; font-weight:700!important;  }


.inline-block { float:left; width:70%; }
.bigger { font-size:110%!important; }

.italic { font-style:italic; }



#suchabfrage {  }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 3px solid 
    #fff;
}
/* ############################################################################################################################### */

.ycvy { font-size:200%!important; padding: 3px 13px 3px 0px!important; padding-bottom:0.6em!important; }


#kontaktbutton { border:1px dashed red; display:none; }

.kontaktbutton { position:fixed; top:35%; right:0px; z-index:2000; height:auto; display:none; }

/* [1] The container */
.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.2);
}

.bunterhund img { position:relative; display:block; border:0px dashed orange; }

hr { }

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    	border-top: 1px solid #005caa;
}



.standardseite { background:#ffffff; margin:0; padding:0;}
.standard { background:#ffffff; margin:0; padding:0; }
.hoehen { background:#ffffff; margin:0; padding:0;  min-height:700px;  padding-bottom:0px;}




.ls-overflow-visible {
    background: none;
    padding: 0px 0px 0px 0px!important;
}






.inhalte { display:block; padding:0px 0px 5px 0px; }

.imgblock { float:left; display:block; margin-bottom:15px; margin-top:15px; width:100%; }

.startlogo { position:absolute; max-width:100%; width:100%; text-align:center; top:10%;  }
.startlogo img { max-width:50%;}
.borderinput {
    position: relative;
    margin-top: 0px!important;
}


.sprung {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -240px;
}

.quer {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -240px;
}

.laengs {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -240px;
}

.falz  {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -240px;
}

.procol  {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -240px;
}

.zweixt  {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -340px;
}

.elof  {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -230px;
}



.versal { text-transform:uppercase; }

.block { display:inline-block; width:200px; }
.adresse-abstand { display:inline-block; width:60px; white-space:nowrap; }

.footer-adress-abstand { display:inline-block; width:45px;white-space:nowrap; }
.footer-adress-abstand-en { display:inline-block; width:75px;white-space:nowrap; }


ul.liste { list-style:none; line-height:1.9; font-size:16px; list-style-type:square; color:#f29400; }

ul.ohne { list-style:none!important; line-height:1.9; }

ul.oeko, ul.oeko-en { list-style:none; line-height:1.5; }

ul.oeko li {
    background: url(../../../images/Energie-Umwelt/oeko-icon-ai.png) no-repeat 0px 10px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 18px 55px;
    vertical-align: top;
}

ul.oeko-en li {
    background: url(../../../images/Energie-Umwelt/oeko-icon-ai-en.png) no-repeat 0px 10px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 18px 55px;
    vertical-align: top;
}


ul.anfrage { list-style:none; }
ul.anfrage li a:before { 
	font-family: FontAwesome;
	content: "\f003";
	padding-right:5px;
	color:#FF9900!Important;
}


/* ######################################################################################################### */
/* ##### Headerbereich ##### */
/* ######################################################################################################### */

.header { position:relative; padding-top:0px; padding-bottom:0px; background:transparent;  }

.header-fixed-top {
    position: fixed;
	top: 0px;
    right: 0px;
    left: 0px;
    color: #000000;
    font-size: 15px;
    z-index: 99;
	height:160px; 
	background:#ffffff;
	opacity:0.95;
	-webkit-transition: background 500ms linear;
    -ms-transition: background 500ms linear;
    transition: background 500ms linear;
	box-shadow:0 1px 10px -1px rgba(0, 0, 0, 0.5);
}


.header-fixed-top-weiss {
    position: fixed;
	top: 0px;
    right: 0px;
    left: 0px;
    color: #000000;
    font-size: 16px;
    z-index: 99;
	height:160px; 
	background:#ffffff;
	opacity:1.0;
	-webkit-transition: background 700ms linear;
    -ms-transition: background 700ms linear;
    transition: background 700ms linear;
		box-shadow:0 1px 10px -1px rgba(0, 0, 0, 0.5);
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}





.inner-header  { border-bottom:2px solid #005caa;}

.xxxinner-header img { float:left; margin-left:0px; } 

.suche { float:left; padding: 0px 0px 0px 0px; }
.mobtrigger { float:left; padding:45px 0px 0px 55px; }
.mobtrigger img { cursor: pointer; } 
.logo img {  }
.logostand {  }

.sprache { float:left; padding: 0px 0px 0px 0px; }
#language_picker_des_152 { display:none;}

.lang-active > a:nth-child(1) { font-weight:600!important; }

div.mod-languages ul > li > a {
  margin: 0px !important;
  padding: 0px !important;
  list-style: none !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #000000;
}
.lang-inline > li:nth-child(1)::after {
  content: " | " !important;
  font-weight: 400 !important;
  color: #000000 !important;
  font-size: 24px !important;
  padding-left: 5px;
}

.navi-zurueck { padding-top:30px; font-size:16px; text-decoration: none; color:#005caa  }
.navi-zurueck:hover { font-size:16px; text-decoration: underline; color:#0d2757;  }



.tophead { 
	float:left;
	width:100%;
	height:100px;
	
	border-bottom: 2px solid #ffffff;
		box-shadow:0 1px 10px -1px rgba(0, 0, 0, 0.5);
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}


/* ######################################################################################################### */
/* ##### Teambereich ##### */
/* ######################################################################################################### */

.teambox h2 { font-size:32px; }
.teambox h3 { font-size:28px; color:#000000;  }
.teambox h4 { font-size:26px; color:#000000; margin-top: 20px!important; padding-bottom:  5px!important; margin-bottom:0px!important; font-weight:700!important;  border-bottom:3px solid #111111; }


.teambox { padding:40px 20px 40px 20px;  }

.teambox p { font-size:18px;  }

.pos-teambox { font-size:18px; min-height:80px; display:block;  }


.login, .logout { padding:240px 20px 40px 20px;  }

/* ######################################################################################################### */
/* ##### Grundeinstellungen ##### */
/* ######################################################################################################### */

.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-5, .col-md-5, .col-sm-5, .col-xs-5 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-7, .col-md-7, .col-sm-7, .col-xs-7 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-8, .col-md-8, .col-sm-8, .col-xs-8 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-9, .col-md-9, .col-sm-9, .col-xs-9 { background:none; min-height:5px; margin:0px; padding:0px; }
.col-lg-10, .col-md-10, .col-sm-10, .col-xs-10 { background:none; min-height:5px; margin:0px; padding:0px;}
.col-lg-11, .col-md-11, .col-sm-11, .col-xs-11 { background:none; min-height:5px; margin:0px; padding:0px;}
.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 { background:none; min-height:5px; margin:0px; padding:0px;}


.container-fluid { position:relative; padding:0px; margin:0px;  z-index:1; }
.fixer { position:fixed; top:0px; background:none; height:200px; }
.container {  position:relative; padding:0px 15px 0px 15px; max-width:1440px!important;  z-index:1; border:0px dashed green;}
.row { margin:0px!important;  }


	

xxxxinput[type="search"] {
}

fieldset.only {display:none; }



.abstand img { padding-right:20px!important; }
.trenner { margin:0px; padding:0px; height:20px; background:#ffffff;}

.slider-1 { margin:0px; padding:0px; max-height:430px; background:none; margin-top:150px; position:relative;  z-index:1; border:0px;}

.slider-2 { margin:0px; padding:0px; max-height:200px; background:#6cc602; margin-top:150px; position:relative;  z-index:1;}


.sprachsteuerung{ float:right; margin-top:-2px; width:100%; background:none; font-size:14px; text-align:right; border:0px solid red;  }

.textcontainer {
	float:left;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:0px solid red;
}

.abstand_oben{ padding-top:150px; }
.abstand_unten{ padding-bottom:100px; }

.abstand_unten_klein{ padding-bottom:70px; }

.btn-primary {
    background-image: linear-gradient(to bottom, #337ab7 0%, #016db6 100%);
    background-repeat: repeat-x;
    border-color: #016db6;
}
.btn-primary:hover,
.btn-primary:focus {
  background-image: linear-gradient(to bottom, #016db6 0%, #337ab7 100%);
  background-color: #337ab7;
  background-position: 0 -15px;
}


.form-control:focus {
  border-color: #c0331b;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(240, 200, 130, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(240, 200, 130, .6);
}


#map-canvas {
  width: 100%;
  height: 400px;
  margin-bottom: 15px;
  border: 2px solid #000;
}



.subnavistand { float:right; }
.subnavistand .subnav { z-index:50; font-size:12px; }

.subnavistand > .subnav > .nav > li > a {
    position: relative;
    display: block;
    padding: 0px 0px;
}


.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}






.oben { padding:30px; background:transparent; min-height:100px; }

.unten { padding:0px; background:#f0ebe5; height:60px; text-align:right; }

.startseite { float:left; width:100%; margin:0; padding:0; height:auto; }
.starter { background:#ff0000; margin:0; padding:0; }
.inhalte-startseite { display:none; width:100%; margin:0; padding:0; height:auto;}


.inhalte_stand {
    background: none;
    padding: 151px 0px 0px 0px;
}

.inhalte-links { padding:0px 0px 0px 0px; margin:0px; background:#f0ebe5; }

 ul.split-navi { float:right; margin-right:20%; display:inline-block; list-style:none; text-align:right; margin-top:40px; line-height:2.5em; font-size:120%; min-width:100%;}
.social-icons { display:inline-block; position:absolute; top:30px; right:10px; z-index:100;}


.scroller { display:none; float:right; padding:0px; margin-bottom:30px;    }

.facebook-icon { float:left; margin-top:15px; }


.footermain { min-height:650px; color:#ffffff; background:#005caa; text-align:left; border-top:0px solid #ccc;   }
.footermain p { padding-top:50px; }
 p.footerbueros{ font-size:1.0em; }
.footercopy { min-height:100px; color:#ffffff; background:#0d2757; text-align:left; padding-top:50px; border-top:5px solid #ffffff; padding-bottom:30px; }

.footer a, a:hover, a:active, a:focus { outline: medium none; }
.footer a { color:#ffffff; text-decoration: none; }
.footer a:hover { color: #cccccc; text-decoration: none; }
.footer a:active, a:focus  { color: #ffffff; text-decoration: none; }


.footer-adresse { font-size:12px; padding:15px 0px 0px 0px; color:#ffffff; line-height:normal; float:left; margin-left:0px; }
.footer-newsletter { font-size:12px; padding:15px; color:#ffffff; line-height:normal; float:right; margin-right:20px; }
.footer-adresse h5, .footer-newsletter h5  { font-size:14px!important; color:#ffffff!important; margin-top:  5px!important; margin-bottom:  10px!important; font-weight:100!important; }

.footermenu {  padding:0px; margin:0px; width:100%; margin-bottom:20px; font-size:20px; text-align:center;  }

.menu_footermenu { float:left; height:20px; margin:0px; padding:0px; margin-top:20px; text-transform:uppercase; width:100%;  }
	ul.nav.menu_footermenu >  li > a { color: #ffffff; }
.menu_footermenu { font-family: 'Lato', sans-serif; color: #ffffff; font-size: 12px; } /* ##### Gestaltung der Topnavi  ##### */
.menu_footermenu a { color: #ffffff; } /* ##### Farbe der Topnavi  ##### */
.menu_footermenu a:hover { color: #d9ddcb; } /* ##### Farbe der Topnavi  ##### */

.menu_footermenu li { display: inline!important; list-style-type: none; line-height: 20px; } /* ##### Gestaltung des Menüpunktes der Topnavi ##### */
.menu_footermenu li a { display: inline!important; padding-left:8px; padding-right:8px; } /* ##### Gestaltung des Menüpunktes der Topnavi ##### */
.menu_footermenu li a:hover { background:none!important; color: #d9ddcb; } /* ##### Gestaltung des Rollovers der Topnavi ##### */
.menu_footermenu li:after {  color:#ffffff; content: "|"; margin-left: 0px; } /* ##### Trenner der Topnavi ##### */
.menu_footermenu li:last-child:after { content:""; margin-left:-5px; } /* ##### Deaktiviert den Trenner an der letzten Position der Topnavi ##### */

.menu_footermenu > .current.active a { color: #6cc602!important; } /* ##### Aktiver Zustand der Topnavi  ##### */
.split-navi > .current.active a { color: #6cc602!important; } /* ##### Aktiver Zustand der Topnavi  ##### */

ul.footerliste { list-style:none; line-height:1.7; font-size:13px; list-style-type:none; list-style-position:outside; margin:0px; padding:0px;  }



.topnavi { float:right; margin:0px;   display:inline; width:100%; border:1px solid green; }




/* ######################################################################################################### */
/* ##### Anpassung der Bootstrap Navigation ##### */
/* ######################################################################################################### */



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 5px;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;

}


/* ######################################################################################################### */
/* ##### Anpassung der Bootstrap Hauptnavigation ##### */
/* ######################################################################################################### */

.item-157 a, .item-158 a, .item-159 a, .item-160 a, .item-161 a, .item-167 a, .item-168 a, .item-169 a, .item-170 a, .item-240 a, .item-283 a, .item-287 a, .item-362 a   { font-size:92%!important; padding: 2px 13px 2px 0px!important; padding-bottom:0.85em!important; }



/* ##### Anpassung der Bootstrap Hauptnavigation ##### */
.hauptnavi-overlay .nav > li  { position: relative; display: block; background: none; }
.hauptnavi-overlay .nav > li > a { position: relative; display: block; padding: 12px 13px 12px 13px; background: none; text-decoration:none; font-weight:700; font-size:28px; }
.hauptnavi-overlay .nav > li > a { color:#ffffff; } /* Farbe des Normalzustandes */
.hauptnavi-overlay .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{ color:#0d2757; background: none;  border-bottom:0px solid #0d2757;}



/* ##### Anpassung der Bootstrap Subnavigation ##### */

.subnavi-overlay .nav > li  { position: relative; display: block; background: none; }
.subnavi-overlay .nav > li > a { position: relative; display: block; padding: 8px 13px 28px 0px; background: none; text-decoration:none; font-weight:700; }
.subnavi-overlay .nav > li > a { color:#005caa; } /* Farbe des Normalzustandes */
.subnavi-overlay .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */

.subnavi-overlay-team .nav > li  { position: relative; display: block; background: none; }
.subnavi-overlay-team .nav > li > a { position: relative; display: block; padding: 15px 13px 20px 0px; background: none; text-decoration:none; font-weight:900; font-size:28px; }
.subnavi-overlay-team .nav > li > a { color:#005caa; } /* Farbe des Normalzustandes */
.subnavi-overlay-team .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */

.xsubnavi-overlay-karriere .nav > li  { position: relative; display: block; background: none; }
.xsubnavi-overlay-karriere .nav > li > a { position: relative; display: block; padding: 15px 13px 20px 0px; background: none; text-decoration:none; font-weight:900; font-size:28px; }
.xsubnavi-overlay-karriere .nav > li > a { color:#005caa; } /* Farbe des Normalzustandes */
.xsubnavi-overlay-karriere .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */

.xsubnavi-overlay-karriere .nav > li > a { font-size:92%!important; padding: 2px 13px 2px 0px!important; padding-bottom:0.85em!important; }




/* Aktiver Zusatnd der ersten Menüebene */


.menu_footernavigation { display:inline; font-size:17px;   }
.menu_footernavigation li { display: inline!important; list-style-type: none; line-height: 20px; } /* ##### Gestaltung des Menüpunktes der Topnavi ##### */
.menu_footernavigation li a { display: inline!important; padding-left:12px; padding-right:12px; color:#ffffff; text-decoration:none; } /* ##### Gestaltung des Menüpunktes der Topnavi ##### */
.menu_footernavigation li a:hover { background:none!important; color: #005caa; text-decoration:underline; } /* ##### Gestaltung des Rollovers der Topnavi ##### */
.menu_footernavigation li:after {  color:#ffffff; content: "|"; margin-left: 0px; } /* ##### Trenner der Topnavi ##### */
.menu_footernavigation li:last-child:after { content:""; margin-left:-5px; } /* ##### Deaktiviert den Trenner an der letzten Position der Topnavi ##### */


/* ##### Anpassung der Bootstrap Footernavi-Produkte ##### */
.footernavi-overlay .nav > li  { position: relative; display: block; background: none; }
.footernavi-overlay .nav > li > a { position: relative; display: block; padding: 12px 13px 12px 13px; background: none; text-decoration:none; font-weight:700; font-size:16px; }
.footernavi-overlay .nav > li > a { color:#ffffff; } /* Farbe des Normalzustandes */
.footernavi-overlay .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */


/* ##### Anpassung der Bootstrap Footernavi-Produkte ##### */
.footernavi-overlay-produkte .nav > li  { position: relative; display: block; background: none; }
.footernavi-overlay-produkte .nav > li > a { position: relative; display: block; padding: 12px 13px 12px 13px; background: none; text-decoration:none; font-weight:900; font-size:16px; }
.footernavi-overlay-produkte .nav > li > a { color:#005caa; } /* Farbe des Normalzustandes */
.footernavi-overlay-produkte .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */

/* ##### Anpassung der Bootstrap Footernavi-Team ##### */
.footernavi-overlay-team .nav > li  { position: relative; display: block; background: none; }
.footernavi-overlay-team .nav > li > a { position: relative; display: block; padding: 12px 13px 12px 13px; background: none; text-decoration:none; font-weight:700; font-size:16px; }
.footernavi-overlay-team .nav > li > a { color:#005caa; } /* Farbe des Normalzustandes */
.footernavi-overlay-team .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */


input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

textarea { resize: vertical; }


button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}
 button {
    margin: 0px;
    margin-bottom: 0px;
    font: inherit;
    color: #ffffff;
    background: #005caa;
    padding: 2px 10px;
    border: 1px solid #005caa;
}

.element-invisible { display:none;}


.contact h2 {
  font-family: 'Lato', sans-serif;
  font-size: 2.5em;
  border: 1px solid #555;
  background-color: rgba(0,0,0,0.6);
  padding-top: 20px;
  height: 75px;
  color: #fff;
  font-weight: 500;
  line-height: 40px;
  padding-left: 50px;
  text-align: center;
}


.text-danger2 {
    color: #fff;
}


#map-canvas {
  width: 100%;
  height: 400px;
  margin-bottom: 15px;
  border: 2px solid #fff;
}

#downloads a[href$=".pdf"] {
    padding: 0px 0px 1px 40px;
    background: url(../images/pdf-icon.png) no-repeat; line-height:2.0em;
}

#newsletter a[href$=".pdf"] {
    padding: 0px 0px 1px 40px;
    background: url(../images/pdf-icon.png) no-repeat; line-height:2.0em;
}

.copyright { float:left; padding:5px; color:#ffffff; font-size:14px;}

/* ##### Anpassung der Bootstrap Navigation Topnavigation ##### */
/* ######################################################################################################### */

.menu_topnavi { font-size: 16px; background:none; float:left;   } /* ##### Gestaltung der Topnavi  ##### */ 
.menu_topnavi li { display: inline; list-style-type: none; line-height: 20px; background:none;  width:400px; } /* ##### Gestaltung des Menüpunktes der Topnavi ##### */
.menu_topnavi li a { display: inline; padding-left:7px; padding-right:7px; color: #ffffff!important; background:none;   } /* ##### Gestaltung des Menüpunktes der Topnavi ##### */
.menu_topnavi li a:hover, .menu_topnavi li a:active, .menu_topnavi li a:focus { color: #6cc602; background:none; } /* ##### Gestaltung des Rollovers der Topnavi ##### */
.menu_topnavi li:after {  color:#fff; content: "|"; margin-left: 0px;  background:none; } /* ##### Trenner der Topnavi ##### */
.menu_topnavi li:last-child:after { content:""; margin-left:-15px;  background:none; } /* ##### Deaktiviert den Trenner an der letzten Position der Topnavi ##### */
.menu_topnavi > .current.active a { color: #6cc602; text-decoration:none; background:none;  } /* ##### Aktiver Zustand der Topnavi  ##### */

.mobile-navigation { margin-top:160px; }


.z1 { z-index:1!important; }
.z99 { z-index:99!important; }
/* ######################################################################################################### */
/* ##### Anpassung der Bootstrap Navigation Topnavigation ##### */
/* ################## */




.jsn-master .jsn-input-xlarge-fluid {
    width: 100%;
    padding: 15px;
	border:1px solid #cccccc;
}
.input-xlarge-fluid {
    width: 100%;
    padding: 15px;
	border:1px solid #cccccc;
}



}

@media (max-width: 1199px) {

body {
	font-size:16px;
}


h1, .h1 { font-size:42px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h2, .h2 { font-size:30px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h3, .h3 { font-size:22px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h4, .h4 { font-size:18px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h5, .h5 { font-size:16px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h6, .h6 { font-size:16px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }

h2.footerheader { font-size:38px; color:#ffffff; margin-top: 30px!important;  font-weight:700!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }

.bunterhund img { position:relative; display:block; height:290px; border:0px dashed orange; }



/* ##### Anpassung der Bootstrap Hauptnavigation ##### */
.hauptnavi-overlay .nav > li  { position: relative; display: block; background: none; }
.hauptnavi-overlay .nav > li > a { position: relative; display: block; padding: 8px 13px 8px 13px; background: none; text-decoration:none; font-weight:700; font-size:22px; }
.hauptnavi-overlay .nav > li > a { color:#ffffff; } /* Farbe des Normalzustandes */
.hauptnavi-overlay .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{ color:#0d2757; background: none;  border-bottom:0px solid #0d2757;}





/* ##### Anpassung der Bootstrap Footernavi-Produkte ##### */
.footernavi-overlay .nav > li  { position: relative; display: block; background: none; margin-top:50px; }
.footernavi-overlay .nav > li > a { position: relative; display: block; padding: 12px 13px 12px 13px; background: none; text-decoration:none; font-weight:700; font-size:14px; }
.footernavi-overlay .nav > li > a { color:#ffffff; } /* Farbe des Normalzustandes */
.footernavi-overlay .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */


.subnavi-overlay .nav > li  { position: relative; display: block; background: none; }
.subnavi-overlay .nav > li > a { position: relative; display: block; padding: 8px 13px 14px 0px; background: none; text-decoration:none; font-weight:700; font-size:22px; }
.subnavi-overlay .nav > li > a { color:#005caa; } /* Farbe des Normalzustandes */
.subnavi-overlay .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */


.item-167 a, .item-168 a, .item-169 a, .item-170 a  { font-size:100%!important; padding: 3px 13px 3px 0px!important; padding-bottom:0.6em!important; }




.subnavi-overlay-team .nav > li  { position: relative; display: block; background: none; }
.subnavi-overlay-team .nav > li > a { position: relative; display: block; padding: 15px 13px 24px 0px; background: none; text-decoration:none; font-weight:900; font-size:22px; }
.subnavi-overlay-team .nav > li > a { color:#005caa; } /* Farbe des Normalzustandes */
.subnavi-overlay-team .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: none; color:#0d2757; border-bottom:0px solid #0d2757; } /* Farbe des Hovers */
/* Aktiver Zusatnd der ersten Menüebene */


.inhalte_stand {
    background: none;
    padding: 0px 0px 5px 0px;
}

.xxxteambox { float:left; padding:20px; }

.facebook-icon { float:left; margin-top:-15px; }




#mod-eu-cookies-overlay {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    opacity: 0.25;
    width: 100%;
    height: 100%;
    background: #000;
    display: none!important;
}


.menu_footernavigation li {
    display: inline !important;
    list-style-type: none;
    line-height: 40px;
}





}

@media (max-width: 992px) {

body {
	font-size:15px;
	line-height: 1.8;
		color:#333!important;

}
.sprache { float:left; padding: 0px 0px 0px 20px; }
/*.sprache { float:left; padding: 35px 0px 0px 20px; } */

.bunterhund img { position:relative; display:block; height:315px; border:0px dashed orange; }


div.mod-languages ul {
    margin-top: 6px!important;
	padding-right:10px!important;
	z-index:250!important;
}

.lupe { margin-top:10px; padding:0px 10px 0px 5px; }



ul.oeko li {
    background: url(../../../images/Energie-Umwelt/oeko-icon-ai.png) no-repeat 0px 0px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 25px 55px;
    vertical-align: top;
}


}

@media (max-width: 767px) {

body {
	font-size:14px;
	line-height: 1.6;
		color:#333!important;
}


h1, .h1 { font-size:32px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h2, .h2 { font-size:20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h3, .h3 { font-size:18px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h4, .h4 { font-size:16px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h5, .h5 { font-size:14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }
h6, .h6 { font-size:14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }

h2.footerheader { font-size:28px; color:#ffffff; margin-top: 30px!important;  font-weight:700!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }


.subnavi-overlay { padding-left:25px; }



.slider-1 { margin-top:0px; }


.inhalte_stand {
    background: none;
    padding: 0px 0px 5px 0px;
}

.abstand {
    padding: 0px;
}



.spalte-1, .spalte-2, .spalte-3 { padding:0px 20px 10px 20px; }

.copyright { font-size:13px;  }

.bordergreen { border: 0px solid red; }

input[type="search"] {
    width:60%!important;
}



}


@media (max-width: 767px) {

p { padding-left:20px; padding-right:20px;}

.sm-parent { display:none; }


.xxxxmobtrigger { float:left; margin-left:0px; margin-top:20px; padding:10px 10px 10px 0px;  text-align:right; display:block; z-index:1; }

.mobtrigger { float:left; padding:15px 0px 0px 15px; }
.suche { float:right; padding: 15px 15px 0px 20px; }
.sprache { float:left; padding: 5px 0px 0px 0px; }



.abstand {
    padding: 10px;
}
.spalte-1, .spalte-2, .spalte-3 { padding:0px 10px 10px 10px; }




.menu_footernavigation { display:inline; font-size:13px; text-align:center;  }
.menu_footernavigation li a {
    display: inline !important;
    padding-left: 4px;
    padding-right: 4px;
    color: #ffffff;
    text-decoration: none;
}








}


@media (max-width: 640px) {
.suchfeld { display:none!important; }

.spalte-1, .spalte-2, .spalte-3 { padding:0px 5px 10px 5px; }


.teambox h4 {
    font-size: 20px;
    color: #000000;
    margin-top: 20px !important;
    padding-bottom: 5px !important;
    margin-bottom: 0px !important;
    font-weight: 700 !important;
    border-bottom: 3px solid #111111;
}
 p.footerbueros{ font-size:1.0em; }

.sprache { float:left; padding: 35px 0px 0px 20px; display:none; }

.teambox p {
    font-size: 16px;
}

.adresse-abstand { display:inline-block; width:55px; }
.footer-adress-abstand, .footer-adress-abstand-en { display:inline-block; width:25px; }

}

@media (max-width: 480px) {


}


@media (max-width: 320px) {

}