/*--------------------------------------------------------------
# General import
--------------------------------------------------------------*/
@import url(nav.css);
@import url(slider.css);
@import url(accordion.css);
@import url(mail.css);

/*--------------------------------------------------------------
# General Font loal
--------------------------------------------------------------*/
/* titillium-web-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web/titillium-web-v18-latin-300.woff2') format('woff2');
}
/* titillium-web-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web/titillium-web-v18-latin-regular.woff2') format('woff2');
}
/* titillium-web-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web/titillium-web-v18-latin-600.woff2') format('woff2');
}

body {
	color:#807f80;
	margin: 0;
	font-family: 'Titillium Web', sans-serif;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
}
* {
	margin:0;
	padding:0;
	max-height: 10000px;}
a {
	text-decoration: none;
	color:#000;
}
img {
	border-style: none;
}
input, textarea, select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
button {
	border:0;
}
input[type="email"], input[type="tel"], input[type="search"], input[type="text"], input[type="password"], input[type="file"], input[type="submit"], textarea {
	-webkit-appearance: none;
}
header, footer, section, article, nav, figure, aside, main {
	display: block;
}
h1,
h2 {
	font-weight: 600;
}
/* colors (c) by urbi */
.red{
	border-color:#e30613 !important;
	color: #e30613 !important;
}
.orange{
	border-color:#fd9941 !important;
	color: #fd9941 !important;
}
.green{
	border-color:#b8c09b !important;
	color: #b8c09b !important;
}
.blue{
	border-color:#054597 !important;
	color: #054597 !important;
}
.brown{
	border-color:#d9c080 !important;
	color: #d9c080 !important;
}
.bgred{
	background-color:#e30613 !important;
}
.bgorange{
	background-color:#fd9941 !important;
}
.bggreen{
	background-color:#b8c09b !important;
}
.bgblue{
	background-color:#054597 !important;
}
.bgbrown{
	background-color:#d9c080 !important;
}
#wrapper{
	overflow:hidden;
	min-height:800px;
}
#header{
	position:relative;
	max-width:1400px;
	margin:0 auto;
	overflow:hidden;
	height:21px;
}
.language {
	position: absolute;
	right: 10px;
	top:2px;
	text-transform: uppercase;
	z-index:3000;
}
.language a{
	color:#ccc;
	margin-right:6px;
}
.language a.active{
	color:red;
}
.opener{
	display:none;
	float:right;
}
#main{
	max-width:1400px;
	margin:0 auto;
	padding:0 0 0 1px;
}
#main:after	{
	content:'';
	clear:both;
	display:block;
}
#main h1{
	margin:0 0 53px;
	font-size:30px;
	font-weight:600;
	line-height:41px;
}
#main h1 .heading{
	background:#807f80;
	display:inline-block;
	color:#fff;
	padding:0 9px;
	margin:0 0 4px;
	border-radius:2px;
	letter-spacing:1px;
}
#main h1 .heading-1{
	background:#c1bab2;
	padding-right:22px;
}
/* the Breadcrumb */
#main #breadcrumb {
	background-color:#fff !important;
	color: #000;
	font-size: 16px;
	line-height: 18px;
    padding: 5px 0;
}
#main #breadcrumb ul { 
	list-style:none;
	margin: 0;
	padding:0; 
}
#main #breadcrumb ul li {
	float: left;
}
#main #breadcrumb ul li a { color: #000; }
/* the cells */
.column{
	position:relative;
	background:#fff;
	vertical-align:top;
	padding:40px 0;
	font-weight:400;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.column ul{
	list-style:none;
}
.column  li:before {content: "•";float:left;padding-right:10px;}
.column li span{
	color:#807f80;
}
.threecolumns,
.twocolumns{
	overflow:hidden;
	width:100%;
}
.threecolumns .column{
	width:31.92%;
	margin:0 0 0 2%;
	float:left;
}
.threecolumns .column:first-child,
.twocolumns .column:first-child{margin-left:0;}
.column h2{
	margin:0 0 18px;
	line-height:26px;
	color:#000;
	font-weight:600;
	letter-spacing:1px;
}
.column p{
	margin:0 0 20px;
}
.column  img	{
	display:block;
	max-width:100%;
	height:auto;
}
.column .learn-more{
	position: absolute;
	right:20px;
	bottom: 5px;
}
.column .icon{
	display:inline-block;
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
	background-position: 0px -30px;
	height:30px;
	width:30px;
	background-color:transparent;
	vertical-align:middle;
}
.column .icon.download{
	background-position: 0px -1px;
}
.twocolumns .column{
	width:48.2%;
	float:left;
	margin:0 0 0 3.6%;
}
/* The Gallery Slide */
.gallery .slide{
	float:left;
	margin:0;
}
.gallery .slideset{
	width:99999px;
	overflow:hidden;
}
.gallery .mask{
	position:relative;
	width:100%;
	overflow:hidden;
	max-height:250px;
}
.gallery .mask img{
	float:left;
	width:100%;
}
.gallery{
	padding:0;
	margin: 0;
	position:relative;
	left:0;
	width:100%;
	float:left;
	right:-30px;
}
.gallery .slide .text{
	background:#ccc;
	opacity:0.8;
	position:absolute;
	top:50px;
	padding:5px 0 5px 0;
	color:#000;
	width:295px;
	padding-left:10px;
}
.gallery .prev,
.gallery .next{
	display:none;
}
.clearfix {
	position:absolute;
	display:table-row;
	bottom:5px;
	float:left;
	width:100%;
}
.pagination{
	/* bitte dynamisch berechnen */
	display:table;
	margin-left: auto;
    margin-right: auto;
    height: 5px;
	z-index:2000;
}
.pagination li:before {
	content:"";
}
.pagination li {
	float:left;
	background:#fff;
	width: 35px;
	border:none !important;
	height:5px;
	margin:0 5px;
	-webkit-box-shadow: 0px -1px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:0px -1px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:0px -1px 15px 0px rgba(50, 50, 50, 0.75);
}
.pagination li.active {
	background-color: #ccc;
}
.pagination li.active  a{
	position:absolute;
	bottom:0;
    height: 100%;
	background-color: transparent;
	margin-top:-20px;
}
/* the box */
.boxholder{
	display: table-row;
}
.box{
	display: table-cell;
	padding-top:40px;
	border-left: 1px solid #fff;
	padding-bottom:40px;
	vertical-align: top;
}
.greybox {
	background-repeat: no-repeat;
    background-color: transparent;
	background-position: 10px 10px;
	padding: 10px;
	color: #fff;
}
.textbox {
    padding: 10px 10px 0;
	border-bottom:1px solid #fff;
}
.contentbox{
	border:1px solid transparent;
}
.contentbox .textbox{
	padding:0;
}
.contentbox img,.picbox img{
	display:block;
	width:100%;
}
.colorbox{
	display: table-cell;
	padding-top:40px;
	padding-bottom:40px;
	vertical-align: top;
}
.headerbox {
	background-repeat: no-repeat;
    background-color: transparent;
	background-position: 10px 10px;
	padding: 10px;
	margin: 0 2px;
	color: #fff;
}
.picbox {
	margin: 0 2px;
	border:1px solid transparent;
}
.beforefooter {
    background: url(../images/shadow_invers.png) no-repeat scroll 50% 0 #fff;
    width: 100%;
    height: 16px;
}
#footer{
	margin:0 auto;
	background:#dfdbd7;
	overflow:hidden;
	padding:11px 61px 11px 11px;
	letter-spacing:0.5px;
}
#footerwrapper{
	max-width:1400px;
	margin:0 auto;
	padding:0 0 0 25px;
}
#footer p{
	margin:0;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
#footer ul li{
	float:left;
	padding:0 9px;
	position:relative;
}
#footer ul li:before{
	content:"I";
	position:absolute;
	left:0;
	top:0;
}
#footer ul li:first-child:before{display:none;}
#footer ul li:first-child{padding-left:0;}
#footer a{color:#807f80;}
.footer-address{position:relative;float:left;width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;}
.col-logo,.col-adress,.col-social{float:left;}
.col-logo img{margin-right: 40px;}
.col-adress{width:50%;padding-right:40px;border-right:1px solid #ccc;height:90%;margin-right:10px;}
.footer-menu{position:relative;padding:18px 11px;border:none;color:#777;}
.footer-menu ol{list-style:none;padding:0}
.footer-menu .col-1{float:left;width:20%}
.footer-menu div h4{font-size:14px;border:none;}
/* SearchForm */
#mailform_1{
	display:none;
}
.mailform_1{
	position:absolute;
	right:15px;
	top:60px;
}
.mailform_1sword{
	border:none;
	background:none;
	border-bottom:1px solid #c1bab0;
	height:26px !important;
}
.mailform_1submit{
	background:url(../images/lupe.png);
	border:none;
	height:28px;
	width:32px;
	cursor:pointer;
	margin-left:-5px;
}
/* div fixes */
.line{
	position:relative;
    width: 100%;
    z-index: 1000;
	border-top: 1px solid transparent;
}
.line.left {
    left: -100%;
	margin-top:-1px;
}
.line.right {
    right: -100%;
	margin-top:-1px;
}
@media (max-width: 1060px) {
	#wrapper{
		padding:0 20px 20px;
	}
	#container h1 .heading {
		width:100%;
	}
}
@media (max-width: 767px){
	#wrapper{
		padding:0 10px 20px;
	}
	#header{
		height:70px;
	}
	.box,.colorbox{
		display: block;
		width:100% !important;
		padding:0;
		margin:15px auto;
	}
	.column{
		margin:0 0 15px !important;
		float:none !important;
		height:auto !important;
		width:auto !important;
		padding:17px 11px 20px !important;
	}
	.gallery{padding:20px 40px !important;}
	.threecolumns, .twocolumns{margin:0;}
	.column .learn-more{
		bottom: -10px;
	}
	.gallery .prev,
	.gallery .next{
		left:-10px;
	}
	.gallery .next{
		left:auto;
		right:-10px;
	}
	#main h1{
		margin:0 0 15px;
		font-size:18px;
		line-height:24px;
	}
	#footer{
		padding:11px;
		text-align:center;
	}
	#footer ul{
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	#footer p{text-align:center;}
	.footer-menu {display:none;}
}
@media (max-width: 660px){
		.col-logo,.col-adress,.col-social{float:none !important;width:100%;border-right:none;}
}