@font-face {
  font-family:"Krona One";
  src: url("../fonts/Krona_One/KronaOne-Regular.ttf") format("truetype");
}
@font-face {
  font-family:"Josefin Sans Light";
  src: url("../fonts/Josefin_Sans/JosefinSans-Light.ttf") format("truetype");
}
@font-face {
  font-family:"Lato Light";
  src: url("../fonts/Lato/Lato-Light.ttf") format("truetype");
}
@font-face {
  font-family:"Lato";
  src: url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
}
@font-face {
  font-family:"Lato Bold";
  src: url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
}


/*** Allgemeines BEGIN ***/

html, body {
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 100%;
}

body {
 background-color: #fafafa;
 color: #000000;
 font-family: "Lato";
 font-size: 18px;
 line-height: 18px;
 padding-top: 104px;
}

h1, h2, h3 {
 margin: 0px;
}
h1 {
	font-family: "Krona One";
	font-size: 25px;
	line-height: 62px;
	color: #464646;
	text-transform: uppercase;
	margin-bottom: 70px;
}
h2 {
	font-family: "Lato Bold";
	font-size: 22px;
	line-height: 32px;
	color: #000;
	margin-bottom: 16px;
}
h3 {
	font-family: "Lato Bold";
	font-size: 18px;
	margin-bottom: 6x;
}

li {
 	font-family:  "Lato";
	line-height: 30px;
}

p {
	font-family:  "Lato";
	line-height: 24px;
	margin-bottom: 30px;
}
table tr td {
	line-height: 32px;
	padding-bottom: 10px;
	
}
.ce-table {
	margin-bottom: 40px;
}
.ce-table tr td:first-child {
	padding-right: 50px;
}
.ce-media img {
	max-width: 100%;
	height: auto;
}
.col-xs-12 .row {
	margin-bottom: 30px;
}
.bold {
	font-family:  "Lato Bold";
}
.light {
	font-family:  "Lato Light";
}

#header {
 width: 100%;
 height: 108px;
 position: fixed;
 top: 0;
 background-color: #fff;
 z-index: 999;
 box-shadow: 0px 2px 12.74px 0.26px rgba(0, 0, 0, 0.09);
}

#logo {
 float:left;
 max-height: 28px;
 max-width: 528px;
 margin-top: 39px;
}

/* Button stylen BEGIN*/
.button_container {
  position: relative;
  top: 39px;
  left: 39px;
  float:left;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
          transform: translateY(10px) translateX(0) rotate(45deg);
}
.button_container.active .middle {
  opacity: 0;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
          transform: translateY(-10px) translateX(0) rotate(-45deg);
}
.button_container span {
  background: #333;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 10px;
}
.button_container span:nth-of-type(3) {
  top: 20px;
}
/* Button stylen END*/

#navigation {

}
#start-content {
	height: 100%;
	overflow: hidden;
}
#main-content {
 margin-top: 4px;
}
#overlay .container {
	width:968px;
	height: 100%;
	text-align: center;
}
.content {

}
#breadcumb {
	margin-top: 15px;
	margin-bottom: 30px;
}
#breadcumb .parent {
	margin: 0px;
	padding: 0px;
}
#breadcumb div .item{
	list-style: none;
	display: inline-block;
}
#breadcumb .parent h1 {
	display: inline-block;
	margin-bottom: 0px;
}

#breadcumb  span.schraegstrich,
#breadcumb .parent h1 a,
#breadcumb .parent .item a {
	font-family: "Krona One";
	font-size: 25px;
	line-height: 62px;
	color: #464646;
	margin-right: 40px;
	text-transform: uppercase;
}
#breadcumb span.schraegstrich {
	margin-right: 30px;
	display: inline-block;
}

#breadcumb  .parent .item .sub {
	margin-top: -62px;
	padding: 0px;
	/*margin-left: 170px;*/
	display: inline-block;
}
#breadcumb .parent .item .sub  .item{
	margin-right: 40px;
}
#breadcumb .parent .item .sub  .item a {
	font-family: "Lato Light";
	font-size: 24px;
	margin-right: 0px;
	text-transform: none;
}
#breadcumb .parent .item .sub h1.item,
#breadcumb .parent .item .sub h1.item a.active {
	font-family: "Lato";
	text-decoration: underline;
	margin-bottom: 0px;
}

/*** Allgemeines END ***/


/** Content Inhalt stylen BEGIN ***/
.contenttable {
 width: 100%;
}
.contenttable tr td,
.contenttable tr td {
 
}

/*** Spezifische CSS Anweisung für Content ***/


/** Content Inhalt stylen BEGIN ***/


/*** Footer stylen BEGIN ***/



/*** Footer stylen END ***/



/*** Slider stylen BEGIN***/


/*** Slider stylen END***/


/***** News System stylen BEGIN ***/


/***** News System stylen END ***/