/* ==== Google font ==== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('animate.css');



body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:1.0em;
	font-weight:500;
	line-height: normal;
	color:#fff;
	overflow-x:hidden;
	height:100% !important;
}


#page-wrapper
{
float:left !important;
margin-left:-15px;
}


#page-wrapper
{
	margin-top:0px;
}

hi,h2,h3,h4,h5,h6 {
	color:#3c4448;
	line-height:1.1em;
}

p
{
	color:#ffffff;
	line-height:normal;
	font-size:1.5em;
}

p.absatz
{
	font-weight:600;

}

a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
	color:#ffffff;
}
a:hover {
	text-decoration: underline;
	color:#ffffff;	
	}
	
a:focus {
	text-decoration: underline;
	color:#ffffff;	
	}	

.titel-bezeichnung
{
	color:#3c4448;
	margin-bottom:3px;
	line-height:2em;	
}	

.partner
{
	margin-left:0px !important;
	margin-right:0px !important;
	margin-bottom:25px;	
	
}	

.column {
  float: left;
  width: 25%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.btn-primary {
  padding: 8px 20px;
  background: #1BBD36;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}
	
.text-center h2 {
	margin-bottom:30px;
}

.text-center p {
	margin-bottom:50px;
	color:#ffffff;
}


.navbar-brand
{
	margin-left:5px !important;
}

.slogan
{
	height:auto;
}

#header
{
	margin-top:50px;
	
}

.header 
{ 
	background-color:#b0ca31 !important;
  	border-radius: 0px;
  	padding:0px;
	z-index:99;
}

#herznetzlogo
{
	float:right !important;
}
.header-logo
{
	float:right !important;
}

image-struktur
{
	max-width:300px;
	height:auto;
}




#subclaim
{
	margin-top:0px;
	margin-bottom:0px;
	
}

.subclaim { 
	background-color:#ffffff !important;
  	border-radius: 0px;
  	padding:0px;
    padding-top:2px;
	padding-bottom:2px;
	}

.subclaim-text
{
	height:auto;
	float:right;
	font-weight:700;
	font-size:1.5em;
	color:#b0ca31;
}
.subclaim-text a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
	color:#b0ca31;
}
.subclaim-text a:hover {
	text-decoration: none;
	color:#b5c0c6 ;	
	}




#content-input
{
	height:100% !important;

}

.content-input
{
	background-color:#b5c0c6 !important;
	padding-top:60px;
	padding-left:44px;
	padding-right:44px;
	padding-bottom:60px;
	line-height:2.0em;
}

.content-input li
{
	line-height:2.0em;
	
}

/*===========================
  Menu and Navigation
============================ */
.glyphicon
{
	padding-left:14px;
	padding-right:14px;
}
	


#myNavbar
{
	padding:0;
	background-color: transparent;
/*	font-size:15px;*/
	font-weight: 700;
}

.navbar-inverse
{
	background-color:#ffffff;
	border-radius:0px !important;
	border-width:0px !important;
	border-color:#b0ca31;
	border-style:solid;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {

    color:#b0ca31;
	background-color:transparent !important;
}

.nav > li > a {

    position: relative;
    display: block;
    padding-left:28.5px;
	padding-right:28.5px;
    padding-top:5px;
    padding-bottom:5px;

}




.navbar-inverse .navbar-brand {
  color: #b0ca31;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color:#b5c0c6;
}
.navbar-inverse .navbar-text {
  color: #b0ca31;
}
.navbar-inverse .navbar-nav > li > a {
  color: #b0ca31;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color:#b5c0c6;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	color:#b5c0c6;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #b0ca31;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover {
  background-color: #b0ca31;
  border-color: #b0ca31;
}
.navbar-inverse .navbar-toggle:focus {
  background-color: #b0ca31;
  color:#ffffff;
}
.navbar-inverse .navbar-toggle .icon-bar {
  border-color: #b5c0c6 !important;
  background-color: #b0ca31;

}

.navbar-inverse .navbar-toggle:hover .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #b0ca31;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #b0ca31;
}

.navbar-inverse .navbar-toggle {

    border-color: #b0ca31 !important;
	}

#menu-bereich
{
	margin-top:20px;
	margin-bottom:0px;
}

/* ###### COokie Hinweis ###### */



.cc_container .cc_btn {
background-color: #b5c0c6 !important; /* Farbe des Buttons */
color: #ffffff !important; /* Textfarbe des Buttons */
border-color:#b5c0c6;
border-style:solid;
border-width:1px;

}
 
.cc_container {
background: #B0CA31 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #ffffff !important; /* Schriftfarbe des gesamten Bereichs */
}

 
.cc_container a {
color: #ffffff !important; /* Textlink-Farbe "Mehr Infos" */
text-decoration:underline !important;
}

.cc_container .cc_btn {
background-color: #B0CA31 !important; /* Farbe des Buttons */
color: #ffffff !important; /* Textfarbe des Buttons */
background-color: #b5c0c6 !important; /* Farbe des Buttons */
color: #ffffff !important; /* Textfarbe des Buttons */
border-color:#b5c0c6;
border-style:solid;
border-width:1px;
}
 
.cc_container {
background: #B0CA31 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #ffffff !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #ffffff !important; /* Textlink-Farbe "Mehr Infos" */
text-decoration:underline !important;
}

::-moz-selection { 
   color:#ffffff; 
   background:#b0ca31; 
   text-shadow: none; 
}
::selection { 
   color:#ffffff; 
   background:#b0ca31; 
   text-shadow: none; 
}

.cc_container ::-selection {
 background:#b5c0c6 !important;
 color:#fff;
 text-shadow:none
}

.cc_container ::-moz-selection {
 background:#b5c0c6 !important;
 color:#fff;
 text-shadow:none
}

@media (max-width: 320px)
{
#header
{
	margin-top:0px;
}
p,
li,
.titel-bezeichnung, 
.table-struktur
{
	font-size:1.3em;
}  
.subclaim-text
{
	font-size:0.6em !important;
}
}




@media (max-width: 599px)
{

#header
{
	margin-top:0px;
}	
p,
li,
.titel-bezeichnung, 
.table-struktur
{
	font-size:1.3em;
}  

	
.subclaim-text
{
	font-size:1.1em;
}
}


@media (min-width: 600px) and (max-width: 650px)
{
.subclaim-text
{
	font-size:1.2em;
}
}


@media (min-width: 651px) and (max-width: 680px)
{
.subclaim-text
{
	font-size:1.3em;
}
}



	
@media (min-width: 600px) and (max-width: 680px)
{
p,
li,
.titel-bezeichnung, 
.table-struktur
{
	font-size:1.3em;
}  

.nav > li > a
{
    padding-left:20px !important;
	padding-right:20px !important;
    padding-top:15px;
    padding-bottom:15px;

}
#myNavbar
{
	font-weight: 700;
} 
}



@media (min-width: 681px) and (max-width: 767px)
{
p,
li,
.titel-bezeichnung, 
.table-struktur
{
	font-size:1.3em;
}  
}




@media (min-width: 768px) and (max-width: 992px)
{
#header
{
	margin-top:0px;
}
p,
li,
.titel-bezeichnung, 
.table-struktur
{
	font-size:1.3em;
}  
.subclaim-text
{
	font-size:1.25em;
} 
.nav > li > a
{
    padding-left:9.5px !important;
	padding-right:9.5px !important;
    padding-top:15px;
    padding-bottom:15px;

}
#myNavbar
{
	font-weight: 700;
} 
}



@media (min-width: 992px) and (max-width: 1199px)
{
p,
li,
.titel-bezeichnung, 
.table-struktur
{
	font-size:1.4em;
}  
.subclaim-text
{
	font-size:1.2em;
} 

.nav > li > a
{
    padding-left:19px !important;
	padding-right:19px !important;
    padding-top:15px;
    padding-bottom:15px;
}
 

}



@media (min-width: 1200px) 
{
p,
li,
.titel-bezeichnung, 
.subclaim-text,
.table-struktur
{
	font-size:1.5em;
}
}

.cc_container .cc_btn
{

   max-width: 150px !important;

}

/* Anpassung der Sub Headline */

@media (device-width: 320px)
{
.subclaim-text
{
	font-size:0.65em !important;
}
}

@media (min-width: 321px) and (max-width: 350px)
{
.subclaim-text
{
	font-size:0.65em !important;
}
}
@media (min-width: 351px) and (max-width: 374px)
{
.subclaim-text
{
	font-size:0.65em !important;
}
}

@media (device-width: 375px)
{
.subclaim-text
{
	font-size:0.65em !important;
}
}


@media (device-width: 480px)
{
.subclaim-text
{
	font-size:1.0em !important;
}
}

@media (device-width: 568px)
{
.subclaim-text
{
	font-size:1.2em !important;
}
}

@media (device-width: 667px)
{
.subclaim-text
{
	font-size:1.4em !important;
}
}