@charset "utf-8";
@font-face {
    font-family: 'FuturaMdBTBold';
    src: url('../fonts/futura_md_bt_bold-webfont.eot');
    src: url('../fonts/futura_md_bt_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura_md_bt_bold-webfont.woff') format('woff'),
         url('../fonts/futura_md_bt_bold-webfont.ttf') format('truetype'),
         url('../fonts/futura_md_bt_bold-webfont.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kelsonregular';
    src: url('../fonts/kelson_rg-webfont.eot');
    src: url('../fonts/kelson_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kelson_rg-webfont.woff2') format('woff2'),
         url('../fonts/kelson_rg-webfont.woff') format('woff'),
         url('../fonts/kelson_rg-webfont.ttf') format('truetype'),
         url('../fonts/kelson_rg-webfont.svg#kelsonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kelsonmedium';
    src: url('../fonts/kelson_md-webfont.eot');
    src: url('../fonts/kelson_md-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kelson_md-webfont.woff2') format('woff2'),
         url('../fonts/kelson_md-webfont.woff') format('woff'),
         url('../fonts/kelson_md-webfont.ttf') format('truetype'),
         url('../fonts/kelson_md-webfont.svg#kelsonmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: "socicon";
  src:url("../fonts/socicon.eot");
  src:url("../fonts/socicon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/socicon.woff") format("woff"),
    url("../fonts/socicon.ttf") format("truetype"),
    url("../fonts/socicon.svg#socicon") format("svg");
  font-weight: normal;
  font-style: normal;

}



/* Grundenstellungen */
body {
	margin:0;
	padding:0;
	font-size:16px;
	}
.center,
.item-page {
	width: 1200px;
	margin: auto;
	position: relative;
}
#contenttoparea{
	clear:both;
}
ul.actions {
	margin: 0;
	padding: 0;
}
ul.actions li {
	list-style-image: none;
	list-style-type: none;
	float: right;
}
ul.actions li a img {
	border: 0 none;
	padding-left: 0px;
	padding-right: 0px;
}
ul.actions li a,ul.actions li a:hover, ul.actions li a:active, ul.actions li a:visited, ul.actions li a:link {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.row-separator, .item-separator {
	display:block;
	width: 100%;
	height:5px;
	clear:both;
}
img {
	border: none;
	}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>SOCIALICONS-----*/
[data-icon]:before {
	font-family:"socicon"!important;
	content:attr(data-icon);
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

[class^="icon-"]:before,[class*=" icon-"]:before {
	font-family:"socicon"!important;
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

}
.icon-twitter:before {
	content:"\e040";
	color:#fff;
}
.icon-facebook:before {
	content:"\e041";
	color:#fff;
	background:#418080;
	padding:18px;
	margin:0 1rem 0 0;
}
.icon-googleplus:before {
	content:"\e042";
	color:#fff;
	background:#418080;
	padding:18px;
	margin:0 1rem 0 0;
}
.icon-pinterest:before {
	content:"\e043";
	color:#fff;
}
.icon-youtube:before {
	content:"\e051";
	color:#fff;
}
.icon-instagram:before {
	content:"\e057";
	color:#fff;
}
.icon-xing:before {
	content:"\e04b";
	color:#fff;
	background:#418080;
	padding:18px;
	margin:0 1rem 0 0;
}
a:hover .icon-twitter:before {
	content:"\e040";
	color:#fff;
}
a:hover .icon-facebook:before {
	content:"\e041";
	color:#fff;
}
a:hover .icon-googleplus:before {
	content:"\e042";
	color:#fff;
}
a:hover .icon-pinterest:before {
	content:"\e043";
	color:#fff;
}
a:hover .icon-youtube:before {
	content:"\e051";
	color:#fff;
}
a:hover .icon-instagram:before {
	content:"\e057";
	color:#fff;
}
a:hover .icon-xing:before {
	content:"\e04b";
	color:#fff;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>HEADER*/ 
.wrap{
	max-width:1200px;
	margin:0 auto;
}
#headerarea{
    background: #fff;
    padding: 32px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-sizing: content-box;
}
#logoarea{
	width:450px;
	height:125px;
	float:left;
}
#menuarea{
	float:right;
	padding: 0 0 0 0;
	margin:0;
	clear:right
}
#menuarea ul{
	padding:0;
	text-align:right;
}

#menuarea ul li{
	display:inline;
	padding: 0 0 0 1.75rem;
	position:relative;
}
#menuarea ul li a{
	text-decoration:none;
	color:#427171;
	font-size:1.125rem;
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
}
#menuarea ul li a:visited,
#menuarea ul li a:hover,
#menuarea ul li a:activ{
	text-decoration:none;
	color:#427171;
	font-size:1.125rem;
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
}


#menuarea ul li button.mod-menu__toggle-sub {
    background:none;
    color:#1b3536;
    padding: 0;
  margin: 0 !important;
    width: 20px;
  height: 20px;
}
#menuarea ul li button.mod-menu__toggle-sub .visually-hidden {
    display:none;
}
#menuarea ul li button.mod-menu__toggle-sub .icon-chevron-down:before {
    content:"«";
    display: inline-block;
transform: rotate(-90deg);
    margin:0;
    font-size:1.2rem;
    font-family: 'kelsonregular',Arial, Helvetica, sans-serif !important;
    line-height:0;
}
#menuarea li.parent ul {
  position: absolute;
  top: 20px;
  right: 30px;
}




#menuarea li.parent ul.nav-child {
	opacity:0;
	height:1.5rem;
	width:150%;
	position:absolute;
	top:0;
	left:15px;
	text-align:left;
	letter-spacing:0;
	font-size:1rem;
	text-transform:none;
	padding:0.5rem 0 0 0;
 transition: all 300ms ease-in-out 200ms;
 -webkit-transition: all 300ms ease-in-out 200ms;
 -moz-transition: all 300ms ease-in-out 200ms; 
 -o-transition: all 300ms ease-in-out 200ms; 
 -ms-transition: all 300ms ease-in-out 200ms;
	}
#menuarea li.parent:hover ul.nav-child {
	opacity:1;
	height:12rem;
	top:1.5rem;
	z-index:800;
 transition: all 300ms ease-in-out 0ms;
 -webkit-transition: all 300ms ease-in-out 0ms;
 -moz-transition: all 300ms ease-in-out 0ms; 
 -o-transition: all 300ms ease-in-out 0ms; 
 -ms-transition: all 300ms ease-in-out 0ms;
	}
#menuarea ul li.parent ul li {
	display: block;
	list-style: none;
	padding:0 10px;
	margin:0;
	background: rgba(255,255,255,0.9);
	width:100%;
	}
#menuarea ul li.parent ul li:hover {
	background: rgba(66,113,113,1);
	}
#menuarea ul li.parent ul li a {
	color:#4d4d4d;
	}
#menuarea ul li.parent ul li:hover a {
	color:#ffffff;
	}




#mobilebutton {
	display:none;
	}
#menubigarea > input {
	display:none;
	}
#contactarea{
	position:relative;
	float:right;
	right: 0;
	top:-2rem;
	background:#55a5a6;
	color:#fff;
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	padding: 1.5rem 0.5rem 1rem 0.5rem;
	font-size:1.8125rem;
	font-weight:normal;
	border-radius:0 0 3px 3px;
}
#contactarea a{
	color:#fff;
	text-decoration:none;
	font-size:1.8125rem;
}
#contactarea p{
	padding:0;
	margin:0;
	color:#fff;
	text-decoration:none;
}
@media (max-width:1250px) {
.wrap{
	width:95%;	
}
	}
@media (max-width:950px) {
#logoarea{
	margin:1rem 0 0 0;
	float: left;
    width: 60%;
}
#contactarea{
	position:absolute;
	margin-right:2%;
	width:auto;
	right: 0;
	top:0rem;
	padding: 1rem 2% 1rem 2%;
	font-size:1.8125rem;
}
#headerarea #menubigarea {
	float:right;
  	width: 40%;
	padding:0;
	margin:4rem 0 0 0;
	}
#mobilebutton {
	clear:both;
	position:relative;
	top:0;
	right:2%;
	display:block;
    width: 82px;
	height:82px;
	border-radius: 60px;
    z-index: 10;
	background: #55a5a6;
	float:right;
	}
#mobilebutton #bars {
    display: block;
    padding: 10px 0;
    width: 82px;
	margin:16px auto 0;
}
#mobilebutton #bars span.bar {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    margin: 0 auto 5px;
    padding-bottom: 5px;
    width: 32px;
}
#menubigarea > div#menuarea{
	clear:both;
	position:absolute;
	left:0;
	top:12rem;
	float:right;
  	width: 0;
	padding:0;
	margin:0 0 2rem 0;
	height: 60rem;
	display:block;
	overflow:hidden;
  	color:#ffffff;
  	z-index:300;
	background: rgba(66,113,113,0.9);
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menubigarea > label + input:checked + div#menuarea{
  width:70%;
  transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menuarea ul {
    padding: 0;
    text-align: center;
	width:100%;
}
#menuarea ul li {
    display: block;
    padding: 0 0 1rem 0;
	width:100%;
}
#menuarea ul li a {
    color: #ffffff;
    font-family: "kelsonregular",Arial,Helvetica,sans-serif;
    font-size: 1.8125rem;
    text-decoration: none;
	width:100%;
	display:block;
  transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menuarea ul li a:visited,
#menuarea ul li a:active{
	color:#ffffff;
	font-size:1.8125rem;
}
#menuarea ul li a:hover{
	color:#55a5a6;
	font-size:2rem;
  transition: all 0.15s ease-in-out 0ms;
 -webkit-transition: all 0.15s ease-in-out 0ms;
 -moz-transition: all 0.15s ease-in-out 0ms; 
 -o-transition: all 0.15s ease-in-out 0ms; 
 -ms-transition: all 0.15s ease-in-out 0ms;
}


#menuarea li.parent ul.nav-child {
	opacity:1;
	height:auto;
	width:100%;
	position:relative;
	top:0;
	left:0;
	text-align:center;
	letter-spacing:0;
	font-size:1rem;
	text-transform:none;
	padding:0.5rem 0 0 0;
	}
#menuarea li.parent:hover ul.nav-child {
	opacity:1;
	height:auto;
	top:0;
	z-index:800;
	}
#menuarea ul li.parent ul.nav-child li {
	display: block;
	list-style: none;
	padding:0 0 0.5rem 0;
	margin:0;
	background: none;
	width:100%;
	border-bottom: none;
	}
#menuarea ul li.parent ul.nav-child li a {
	color:#ffffff;
	font-size:1rem
	}
#menuarea ul li.parent ul.nav-child li:hover a {
	color:#55a5a6;
	}



	}
@media (max-width:820px) {
#menuarea{
	padding: 0rem 0 0 0;
}
#headerarea{
   height: auto;
}
	}
@media (max-width:760px) {
	}
@media (max-width:550px) {
#headerarea{
/*    background: #fff;
    padding: 32px 0;*/
    position: absolute;
/*    top: 0;
    width: 100%;
    z-index: 1000;
    box-sizing: content-box;*/
}
#logoarea{
	margin: 4rem 0 0 0;
	width:100%
}
#logoarea img{
	max-width:100%;
	height:auto;
}
#contactarea{
	position:absolute;
	margin: 0;
	width: 100%;
	right: 0;
	top:0rem;
	text-align: center;
	padding: 1.5rem 0.5rem 1rem 0.5rem;
}
#contactarea a{
	color:#fff;
	text-decoration:none;
	font-size:1rem;
}
#headerarea #menubigarea {
	float:none;
	clear:both;
  	width: 100%;
	padding:0;
	margin:5rem 0 0 0;
	}
#menubigarea > div#menuarea{
	clear:both;
	position:absolute;
	left:0;
	top:5rem;
}
	}
@media (max-width:480px) {
	}
@media (max-width:380px) {
	}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>SLIDER*/
#contenttoparea {
	margin:189px 0 0;
}
.camera_caption{
	width:100%;
	padding:0rem 14.28%;
	top: 163px!Important;
  line-height: 1.1em;
  color: #427171 !important;
  font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
  font-size: 2.6875rem !important;
    font-weight: normal;
    
}
.camera_caption_title {
  font-size: 2.6875rem !important;
    font-weight: normal;
  line-height: 1.1em;
}
.camera_caption > div {
  padding: 10px 20px;
  height: auto;
}


.camera_caption p{
	color:#427171!important;
	font-family: 'kelsonmedium',Arial, Helvetica, sans-serif;
	font-size:2.6875rem!important;;
}
.camera_caption>div{
	max-width:540px;
	background:#fff;
	opacity:0.8;
}
.camera_caption>div p{
	padding:0;
	margin:1rem 0;
}
.cameraCont, .cameraContents {
}
.custom.bigpic,
.bigpic .custom{
	height:570px;
	width:100%;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
	}
.custom.bigpic p,
.bigpic .custom p {
	max-width:540px;
	background:#fff;
	opacity:0.8;
	padding:26px 20px;
	font-size:2.6875rem;
	color:#427171;
	position:relative;
	margin:0 14.28%;
	top: 163px;
}
.imgLoaded {
	margin-top:0 !important
	}

@media (max-width:1250px) {
.camera_caption p{
	font-size:2.0rem!important;
}
.custom.bigpic,
.bigpic .custom  {
	font-size:2.0rem;
	}
	}
@media (max-width:950px) {
.custom.bigpic,
.bigpic .custom {
	height:470px;
	}
	}
@media (max-width:820px) {
#contenttoparea {
	margin:261px 0 0;
}
.camera_caption{
 	top: 63px!Important;
}
	}
@media (max-width:760px) {
.custom.bigpic,
.bigpic .custom  {
	height:370px;
	}
.custom.bigpic p,
.bigpic .custom p  {
	top: 80px;
}
	}
@media (max-width:550px) {
#contenttoparea {
	margin:330px 0 0 0;
}
.custom.bigpic,
.bigpic .custom {
	height:270px;
	}
.custom.bigpic p,
.bigpic .custom p  {
	display:none
}
	}
@media (max-width:480px) {
	}
@media (max-width:380px) {
.custom.bigpic,
.bigpic .custom {
	height:200px;
	}
	}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>CONTENT*/
.center .custom {
    width: 680px;
	float:right;
	padding:20px;
	margin: 0 130px 6rem 0;
}
div.item-page > div{
	width: 680px;
	float:right;
	padding:20px;
	margin: 0rem 130px 1rem 0;
	}
.moduletable.center h1{
	position:relative;
	width:270px;
	text-align:right;
	left: 60px;
	font-weight:normal;
	letter-spacing:-0.05em;
	margin:30px 0 0 0;
    float:left;
}
.article-title {}
.item-page h3.article-title{
	position:absolute;
	width:270px;
	text-align:right;
	left: 80px;
	font-weight:normal;
	margin:10px 0 0 0;
	letter-spacing:-0.05em;
}
#contentarea{
	clear:both;
    position: relative;
}
.moduletable h1,
.item-page h1,
.item-page h2,
.item-page h3{
	font-family: 'kelsonmedium',Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size:2.25rem;
	font-weight:normal
}
.item-page h4{
	font-family: 'kelsonmedium',Arial, Helvetica, sans-serif;
	color:#55a5a6;
	font-size:1.75rem;
	font-weight:normal;
	line-height:1.1em
}
.item-page .page-header,
.item-page .category-name{
	display:none;
}
.item-page.aktuellarea .page-header {
	display:block;
	position:absolute;
	width:270px;
	text-align:right;
	left: 60px;
	font-weight:normal;
	margin:10px 0 0 0;
	letter-spacing:-0.05em;
}
.item-page.aktuellarea h2{
	margin:0;
}
.pager{
	clear:both;
}
.moduletable p,
.blog-featured p,
p.readmore,
.blog p,
.item-page p,
.blog-Kundenstimmen p,
.item-page li{
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	font-size:1rem;
	color:#4d4d4d;
	line-height:1.1em
}
.blog-featured p.readmore {
	position:absolute;
	top:400px;
	width:100%;
	}
.item-page p a{
	color:#55a5a6;
}
.blog-featured .item-title a,
#footerprearea h4,
#footerprearea span,
.blog h2 a{
	font-family: 'kelsonmedium',Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size:2.25rem;
	text-decoration:none;
  	letter-spacing:-0.05rem;
	line-height:1.1em;
}
.blog .page-header,
.blog dd,
.blog .item-image,
.blog p,
.blog a.btn
{
	float:left;
}
.blog .item-image{
	width:380px;
	padding:0 20px;
	}
.blog p{
	width:380px;
	padding:0 10px 0 0;
	margin: 0;
}
.blog .page-header{
	width:380px;
	padding:10px 0 0 10px;
	text-align:right;
}
.blog dd{
	position:absolute;
	right:0;
}
.blog dl{
	width:390px;
	position:relative;
	top:-5px
}
.blog .items-row{
	width:1200px;
	min-height:auto;
	margin:0 0 6rem 0
}
.blog > div:first-child{
	margin:4rem 0 0 0;
}
.category-name a,
#footerprearea a,
.blog-Kundenstimmen .item{
	color:#55a5a6;
	text-decoration:none;
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	font-size:0.875rem;
}
dd,dl{
	margin:0;
}

a.btn{
	text-decoration:none;
	color:#fff;
	background:#1b3535;
	padding:1rem 2%;
	margin:1rem 0 0 0;
	display:block;
	max-width:75%;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
a.btn:hover{
	padding:1rem 4%;
 transition: all 0.25s ease-in-out 0ms;
 -webkit-transition: all 0.25s ease-in-out 0ms;
 -moz-transition: all 0.25s ease-in-out 0ms; 
 -o-transition: all 0.25s ease-in-out 0ms; 
 -ms-transition: all 0.25s ease-in-out 0ms;
}
#footerprearea .moduletable {
	clear:both;
	}
#footerprearea h3,
.page-header h1,
.moduletable._nurueberschrift h1{
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	letter-spacing:0.5rem;
	width:100%;
	text-align:center;
	font-size:2.25rem;
	font-weight:normal;
	border-bottom:1px solid #55a5a6;
	padding:0 0 0.75rem;
	clear:both;
}
#footerprearea h4{
	border:none;
	text-transform:uppercase;
	color:#55a5a6;
	font-size:1.5rem;
	font-family: 'kelsonmedium',Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
}
#footerprearea address{
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	letter-spacing:0.125rem;
	color:#4d4d4d
}
@media (max-width:1250px) {
.blog p{
	width:98.334%;
	padding:0 0.833% 0 0;
}  
.category-name a{ 
	display:none;
}
.blog .items-row{
	width:95%;
}
.blog .page-header{
	width:31.66%;
	padding:0.833% 0 0 0.833%;	
}
.blog .item-image{
	width:31.66%;
	padding:0 1.66%;
	}
.blog p{
	width:31.66%;
	padding:0 0.833% 0 0;
	margin: 0;
}
.item-page h3.article-title{
	width:22.5%;
	left: 7%;
	margin:10px 0 0 0;
}
div.item-page > div{
	float:right;
	width: 56.66%;
	padding:1.66%;
	margin: 0 10.83% 6rem 0;
	}
	}
@media (max-width:950px) {
.blog .page-header{
	width: 48.334%;
	padding: 0 0.833%;
}
.blog .item-image{
	width: 48.334%;
	padding: 0 0.833%;
}
.blog p{
	width: 48.334%;
	padding:0 0.833%;
	margin: 0;
	float: right;
}
.blog p.readmore{
	clear:both;
}

div.item-page > div{
	float:right;
	width: 50%;
	padding:0 0.833%;
	margin: 0 0 6rem 0;
	}
.item-page h3.article-title{
	width:46.66%;
	left: -0;
	margin:10px 0 0 0;
	padding:0 0.833% 0 0
}
	}
@media (max-width:820px) {
	}
@media (max-width:760px) {
a.btn{
	max-width:50%;
	}
.blog a.btn{
	width:100%;
	max-width:95.334%;
}
.item-page h3.article-title{
	width:100%;
	position:relative;
	margin:0;
	text-align:left;
	left:0;
	padding:1rem 0 0 0;
}
div.item-page > div{
	float:left;
	width: 100%;
	padding:0%;
	margin: 0 0% 6rem 0;
	}
.blog-featured p.readmore {
	position:relative;
	top:1em;
	width:100%;
	}
	}
@media (max-width:550px) {
.blog .items-row{
	width:100%;
}  
.blog .page-header{
	width: 98.334%;
	padding: 0 0.833%;
	text-align:left;
	margin:0 0 1rem 0;
}
.blog .item-image{
	width: 98.334%;
	padding: 0 0.833%;	
}
.blog p{
	width: 98.334%;
	padding:1rem 0.833% 0 0.833%;
	margin: 0;
	float: left;
}
.blog a.btn{
	margin:0;
	max-width:50%;
}
	}
@media (max-width:480px) {
	}
@media (max-width:380px) {
	}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>BLOG FEATURED*/
.blog-featured,
.blog,
.blog-Kundenstimmen,
#footertoparea .moduletable,
#footer
{
	width:1200px;
	margin:0 auto;
}
.blog-featured .item {
	display:table;
	position:relative
	}
.blog-featured h2{
	margin:0;
	font-weight:normal;
	letter-spacing:-0.05em;
	position:relative;
	top:1rem;
}
.blog-featured .article-info{
	display:table-row;
	position:absolute;
	top:260px
	}
.blog-featured .item-image{
	display: table-header-group;
	}
.blog-featured p {
    position: relative;
    top: 1rem;
}
.blog h2{
	margin:0;
	font-weight:normal;
	letter-spacing:-0.05em;
}

.items-row,
.blog-item{
	width:380px;
	margin:0 10px;
	float:left;
	min-height:580px;
    position: relative;
}
#footerprearea .items-row,
.moduletable ul.nav{
	width:380px;
	margin:0 10px;
	float:left;
	min-height:auto;
	padding: 0 0 4rem 0
}
.newsflash-title,
.newsflash p,
.newsflash address{
	width:380px;
	margin:0 10px;
}
@media (max-width:1250px) {

.blog-featured,
.blog,
.blog-Kundenstimmen,
#footertoparea .moduletable,
#footer
{
	width:95%;
	margin:0 auto;	
}
.items-row{
	width:31.66%;
	margin:0 0.833%;
}
.blog-featured .item-title a,
.blog h2 a{
	font-size:2.0rem;	
}
	}
@media (max-width:950px) {
.items-row{
	width: 48.30%;
	margin:0 0.833%;
}
	}
@media (max-width:820px) {
	}
@media (max-width:760px) {
.blog-featured .item {
	width:100%
	}
.items-row{
	width:98.334%;
	margin:0rem 0.833% 4rem 0.833%;
  	min-height:auto;
}
	}
@media (max-width:550px) {
	}
@media (max-width:480px) {
	}
@media (max-width:380px) {
	}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FOOTER<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#breadcrumbarea{
	width: 1200px;
	color:#55a5a6;
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	font-size:0.875rem;
	clear:both;
	margin: 0 auto;
}
#breadcrumbarea ol{
	padding:0 0 0 10px;
}
#breadcrumbarea ol li{
	display:inline;
}
#breadcrumbarea ol li a{
	color:#55a5a6;
}
#breadcrumbarea ol li a:after{
	content:" >> ";
    display: inline-block;
}
#footertoparea{
	background:#55a5a6;
}
#footertoparea .custom,
#footertoparea #ff_formdiv1{
	width: 380px;
    margin: 0 10px;
    float: left;
    min-height: auto;
    padding: 0 0 4rem 0;
}
#footertoparea h4{
	color:#fff;
	font-size:1.5rem;
	font-family: 'kelsonmedium',Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-0.05rem;
}
#footertoparea p,
#footertoparea a,
.bfPage label,
.bfPage input,
.bfPage option{
	color:#fff;
	font-size:1.1125rem;
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-0.05rem;
	text-decoration:none;
}
.bfPage .control-group {
    margin: 0 0 5px;
}
.bfQuickMode .controls .control-label {
  display: block;
}
ul.social{
	list-style-type:none;
	padding:0;
}
ul.social li{
	display:inline;
}
#footerarea{
background:#427171;
}

#footerarea ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#footerarea ul a{
	text-decoration:none;
	color:#fff;
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-0.05rem
}
.footer1{
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-0.05rem;
	opacity:0.5;
	color:#fff;
}
.footer1 a{
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-0.05rem;
	color:#fff;
	text-decoration:none;
}
#footer{
	padding:2.5rem 0 0 0
	}
#copyright{
	text-align:center;
	padding:4rem 0 10rem 0;
	clear: both;
	}
@media (max-width:1250px) {
#breadcrumbarea{
	width: 95%;
} 
	}
@media (max-width:950px) {
	}
@media (max-width:820px) {
	}
@media (max-width:760px) {
	}
@media (max-width:550px) {
	}
@media (max-width:480px) {
	}
@media (max-width:380px) {
	}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FORMULAR*/
label,input,textarea{
	width:100%!important;
	border:none;
}
label{
	color:#fff;
	margin:0.5rem 0 0 0!important;
}
span.bfRequired{
	color:#fff!important;
}
input, select{
	color:#418080!important;
	padding:1rem 0.5rem;
}
button{
	font-size:1.5rem;
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-0.05rem;
	color:#fff;
	background:#1b3536;
	border:none;
	padding:1rem;
	margin:1.5rem 0 0 0!important;
}
.bfQuickMode .bfErrorMessage {
	font-size:1.0rem;
	font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
    background: #fff;
    font-weight: normal;
    color:#1b3536;
}
.bfRolloverBg{
	background:#418080!important
}
#bfElemWrap12.bfRolloverBg {
	background:none!important
}
div#ff_formdiv1 + div span,
div#ff_formdiv2 + div span {
    display: none;
}

@media (max-width:1250px) {
#footertoparea .custom,
#footertoparea #ff_formdiv1{
	width: 31.66%;
    margin: 0 0.833%;
}
.center .custom{
	width: 56.66%;
	padding:1.66%;
	margin: 0 2% 6rem 0;
}
.center,
.item-page {
	width: 100%
}
.moduletable.center h1{
	width:22.5%;
	text-align:right;
	left: 10%;
	font-weight:normal;
	letter-spacing:-0.05em;
	margin:30px 0 0 0;
}
#footertoparea .moduletable,
#footer{
	width:95%;
	margin:0 auto;	
}
.item-image img,
img{
	width:100%;
}
.blog-Kundenstimmen img {
	width:auto;
}
#footerprearea h4,
#footerprearea span{
	font-size:2.0rem;	
}
#footerprearea .items-row,
.moduletable ul.nav{
	width:31.66%;
	margin: 0 0.833%;
}
}
@media (max-width:950px) {
.moduletable.center{
	width: 95%
}
.moduletable.center h1{
	position:relative;
	width: 48%;
	padding: 0 0.833%;
	float:left;
	text-align:right;
	left: 0;
	font-weight:normal;
	letter-spacing:-0.05em;
	margin:0.5rem 0 0 0;
}
.center .custom{
	width: 48%;
	padding:0 0.833%;
	margin: 0 0 4rem 0;
}

#footerprearea .items-row{
	width:60%;
	margin: 0 20%;
}
#footertoparea .custom,
#footertoparea #ff_formdiv1{
	width:60%;
    margin: 0 20%;   
}
}
@media (max-width:820px) {
.bfQuickMode input[type=text], 
.bfQuickMode textarea,  
.bfQuickMode .uneditable-input,
.bfQuickMode input[type=text]:hover, 
.bfQuickMode textarea:hover,  
.bfQuickMode .uneditable-input:hover,
.bfQuickMode input[type=text]:focus, 
.bfQuickMode textarea:focus,  
.bfQuickMode .uneditable-input:focus{
    max-width:100%!Important;
    width:100%!important;
  }
}
@media (max-width:760px) {
.center,
.item-page {
	width: 95%;
    position: relative;
}
.center .custom {
	width: 100%;
	padding:0;
	margin: 0 0 4rem 0;
}
.moduletable.center h1{
	position:relative;
	width:100%;
	text-align:left;
	left: 0;
	font-weight:normal;
	letter-spacing:-0.05em;
	margin:2rem 0 0 0;
    padding:0;
}
.camera_caption {
	display:none!important;
}
#footerprearea .items-row{
	width:70%;
	margin: 0 15%;
}
#footertoparea .custom,
#footertoparea #ff_formdiv1{
	width:70%;
    margin: 0 15%;
}

}
@media (max-width:550px) {
}
@media (max-width:480px) {
#footerprearea .items-row, 
#footertoparea .custom,
#footertoparea #ff_formdiv1{
	width:80%;
    margin: 0 10%;
} 
#footerarea ul{
	margin:0 2rem 0 0;
}
}

@media (max-width:380px) {
#footerprearea .items-row, 
#footertoparea .custom,
#footertoparea #ff_formdiv1{
	width:100%;
    margin: 0 0;
} 
#footerarea ul{
	width:100%;
	margin:0 0 2rem 0;
}  
#footerprearea h3,
.page-header h1,
.moduletable_nurueberschrift h1{
	font-size:2rem;
}
}


/* Cookie-Hinweis */
.cc_container {
    padding: 5px 2% !important;
}
.cc_container .cc_btn, 
.cc_container .cc_btn:visited {
    color: #fff;
    background-color: transparent !important;
	border:3px solid #ffffff;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.cc_banner-wrapper:hover a.cc_btn.cc_btn_accept_all {
    background-color: #000000;
	color: #ffffff;
}
.cc_banner-wrapper:hover a.cc_more_info {
    color: #ffffff !important;
}
#redim-cookiehint {
color: #fff;
font-size: 1rem !important;
font-family: 'kelsonregular',Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: -0.02rem;
background: rgba(0,0,0,0.6);
border-top:1px solid #fff;
box-shadow:#000 10px 10px;
	}
#redim-cookiehint a.btn {
	display:inline-block;
	background-color: #55a5a6 !important;
	}
#redim-cookiehint .cookiebuttons .btn {
	background-color: #55a5a6 !important;
	}	

@media (max-width:1250px) {
	}
@media (max-width:950px) {
	}
@media (max-width:820px) {
	}
@media (max-width:760px) {
	}
@media (max-width:550px) {
	}
@media (max-width:480px) {
	}
@media (max-width:380px) {
	}