@charset "utf-8";
/* CSS Document */
*,*:before,*:after{box-sizing:inherit;}


html {
	height: 100%;
	box-sizing: border-box;

}

body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:500;
	line-height:26px;
	color:#333333;
	min-height:100%;
	position:relative;
    background:#ffffff;
	background-image: url('../images/system/background.jpg');
	background-repeat: repeat-x;
}

body.site {
	padding:0;
	border:none;
	
}

p { text-align:justify;}
.direktkontakt p { text-align:center;}
.span8 p {margin-right: 40px;}
#stickyButtons p {text-align:right;}

.body .container {
	padding:0 30px;
	border:none;
	box-shadow: none;
	background:none;
}
.container {
	box-shadow: none;
	background:none;
	max-width:1170px;
	padding:0 30px;
	
}

.container-fluid.banner {
	max-width:100%;
	padding:0;
}

 .container-fluid.banner p {
		margin:0;
		padding:0;
	}



.login-greeting {
    font-size:13px;
	
}

.top-container {
	background:#053d5e;
	transition: all .5s
}

.brand {
		padding-left:10px;
		
	}

.brand img {
	max-height:100%;
	max-width:350px;
	margin-top: 30px;
	margin-bottom:30px;
	transition: all .5s;
}

.small .brand img {
	margin-top: 5px;
	margin-bottom:5px;
}


.claim {
	text-align:right;
	color:#60899f;
	font-size:28px;
	height:40px;
	font-weight:bold;
	text-transform:uppercase;
	transition:all .5s;
}


.header {
		position:fixed;
		top:0;
		width:100%;
		z-index:9999;
	}
	
#header {
	min-height:150px;
}

.header-logo {
	text-align:center;
}



.nav-toggle { position:fixed; z-index:999; display:block; padding:0px; top:10px; left:0; transition:color linear 0.15s;}
.navigation-toggle-image {padding-top:35px; transition:all .5s;}
.small .navigation-toggle-image {padding-top:15px;}


#mm-blocker {
    box-shadow: -5px 0px 5px 0px rgba(5,61,94,0.5);
}

.mm-title {
	font-size:17px;
	text-transform:uppercase;
}
ul.mm-inset li, ul.mm-inset li a {
	display:block;
	text-align:center;
}
.mm-menu > .mm-navbar {
	padding-bottom:44px;
}

.mm-navbar > * {
	padding:12px 0;
}

.mm-listview .mm-inset {
	padding:0;
}

.mm-listview a, .mm-listview > li > a {
	border-top: none;
	border-bottom: 3px solid #33bde7;
	padding:3px;
	padding-top:10px;
	color:#053d5e;
	font-weight:500;
	padding-bottom:10px;
}

.mm-listview > li > a:hover, .mm-listview > li.active > a {
	color:#333;
	background-color:#fff;
}

.mm-listview .mm-inset.mm-nolistview {
	padding-bottom:30px;
	border-bottom: 3px solid #33bde7;
}

.mm-nolistview li {
	padding:0;
}
.mm-nolistview a, .mm-nolistview > li > a { 
	border:none;
	color:#9be3f9;
	font-weight:500;
	padding:3px;
	margin-top:0;
}

.mm-nolistview > li > a:hover, .mm-nolistview > li.active > a {
	background-color:#33bde7;
	color:#ffffff;
}


.main-content {margin-top:40px;}
.kontakt .main-content {margin-top:5px;}

.banner-bg {
	height:400px;
}

.homepage .banner-bg {
	height:735px;
}

h1,h2, .compojoom-bootstrap h1 {
	color:#021f60;
	font-weight:500;
	font-size:36px;
	line-height:42px;
}

h1 span, h2 span {
	color:#0077c0;
}

span.subheading-category {
	color:#021f60
}
h1, .compojoom-bootstrap h1 {
	
	line-height:45px;
	padding-bottom:3px;
	margin-bottom:15px;
	/*border-bottom:1px solid #becde3;*/
}

h4, dd.field-entry {
	color:#00ade1;
	font-size:18px;
	line-height:26px;
	font-weight:600;
	margin-bottom:5px;
	text-transform:uppercase;
}

th {
	text-align:left;
}

dl.fields-container {
	margin-bottom:5px;
}

.blog .items-row h2 {
	border-top: 1px solid #eee;
	padding-top:20px;
}

p.img_caption {
	font-size:13px;
	line-height:16px;
	font-style: italic;
	margin-bottom:0;
}

.projektpartner .blog .items-row h2 {
	font-size:18px;
	font-weight:bold;
	padding-top:8px;
	line-height:22px;
	margin-bottom:8px;
	border:none;
	text-transform:uppercase;
}

.partner .headline {
	background-color:#053d5e;
	margin-top:40px;
}

.partner .headline h2 {
	color:#00ade1;
	font-size:26px;
	font-weight:bold;
	margin:10px 0;

}
.partner .headline h2 span {
	color:#ffffff;
	margin:0 10px;
}

.partner .partner-box {
	background-color:#f2f5f7;
	margin:0px 0;
	color:#053d5e;
	padding:30px;
	padding-bottom:0;
}

.partner .partner-box ul {
	margin-bottom:20px;
	
}

input, textarea, .uneditable-input, input[type="text"], input[type="email"], input[type="password"] {
    width: 100%;
	border:none;
	background-color:#e6ebef;
	color:#4c4b4b;
}

.direktkontakt table {
	background-color:#053d5e;
}
.direktkontakt td {
	text-align:center;
	color:#fff;
}

.direktkontakt p {
	margin-bottom:10px;
}

.direktkontakt td.cell {
	background-color:#045378;
	font-size:13px;
	padding:5px 0;
}

.direktkontakt td.cell a {
	color:#fff;
}

.direktkontakt td.cell:first-of-type {
	border-right:2px solid #053d5e;
}

/*======================= SCROLL TO TOP =======================*/
#back-top {
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 99;
  border:2px solid #fff;
}
#back-top a {
  width: 51px;
  display: block;
  text-align: center;
  padding:0;
  font-size: 14px;
  line-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: none;
  text-decoration: none;
  color: #b3a497;
  /* transition */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#back-top a:hover {
  color: #8d7968;
}
#back-top a:hover span {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#back-top span {
  width: 51px;
  height: 51px;
  display: block;
  margin-bottom: 0px;
  background: url(../images/up-arrow.png) no-repeat center center;
  opacity: 1;
  filter: alpha(opacity=100);
  /* transition */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/* Quicknav */

div.mod-languages .lang-inline {
	
}

.quicklinks ul.nav.menu, ul.lang-inline {
	float:right;
	font-size:11px;
}

div.quicklinks ul.nav.menu li {
	display:inline;
	padding:2px;
}

div.quicklinks ul.nav.menu li {
	
	border-left:1px solid #818181;
}
div.quicklinks ul.nav.menu li:first-child {
	border-left:none;
}
div.quicklinks ul.nav.menu li:last-child {
	margin-right:20px;
}

div.mod-languages li {
	margin-left:1px;
	margin-right:1px;

}
div.quicklinks ul.nav > li > a, div.mod-languages a {
	display:inherit;
	
}

div.mod-languages a:hover {
	background:none;
}

div.mod-languages li.lang-active a, .quicklinks li.active a {
	color:#fff;
	background:none
}

ul.lang-inline a img {
	opacity:0.8;
	width:26px;
	height:18px;
	border:2px solid #ffffff;
	border-top:none;
}

ul.lang-inline li.lang-active a img {
	opacity:1;
}

ul.quicknav {
	float:right;
	padding: 0;
	margin:15px 0;
	list-style: none;
}
ul.quicknav li {
	display: inline-block;
	float: left;
	margin: 0px;
	padding:0 10px;
	border-right:1px solid #666;
}

ul.quicknav li:last-child{
	margin-right:0;
	border:none;
}

ul.quicknav li:first-child {
	margin-left:0;
	padding-left:0;
}

ul.quicknav li a {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#001c46;
}


ul.quicknav li a:hover {
	color:#001c46;
	background:none;
	text-decoration:underline;
}
/* End Quicknav */

.breadcrumb {
	padding:0;
	margin:0;
	background:none;
	margin-bottom:30px;
}

.breadcrumb li, .breadcrumb li a {
	font-size:11px;
	text-transform:uppercase;
	color:#334765;
}

.breadcrumb > li > .divider {
    font-size: 15px;
	padding-right:8px;
}

.breadcrumb > .active {
    color: #f39400;
}

.text-right {
	text-align:right;
}

ul.centos  {
	margin-bottom:20px;
}
ul.centos li {
	list-style-image: url(../images/system/bullet.png);
}

#aside {
	margin-top:15px;
}

.custom.well {
    min-height: 20px;
	
    padding: 15px;
    margin-bottom: 30px;
    background-color: #ffffff;
    border: 1px solid #00ade1;
	-webkit-box-shadow: inset 0px 0px 42px -31px rgba(63,86,130,1);
	-moz-box-shadow: inset 0px 0px 42px -31px rgba(63,86,130,1);
	-moz-box-shadow: inset 0px 0px 42px -31px rgba(63,86,130,1);
	box-shadow: inset 0px 0px 42px -31px rgba(63,86,130,1);
}

.custom.well p {
	margin:0;
	font-size:14px;
	line-height:16px;

}

.custom.well img {
	max-width:100px;;
}
.custom.well.gallery img {
	max-width:32%;
	padding:5px;

}


.download:before {
content: url(../images/system/link.png);
}
.link:before {
content: url(../images/system/link_small.png);
}

.custom.checkboxes h4 {
	text-transform:uppercase;
}
.custom.checkboxes ul {
	margin-left:40px;
	list-style-image: url(../images/system/checkbox.png);
}

.homepage .custom.checkboxes ul {
	margin-left:150px;
}

.custom.checkboxes ul li {
	padding-top:10px;
	font-size:18px;
	font-weight:bold;
	color:#333333	
}

.custom.checkboxes ul li a {
	color:#00ade1;
}

.custom.checkboxes ul li a:hover {
	color:#333333;
}

.grey-style {
	padding-bottom:40px;
	background-color:#e6ebef;
}

.grey-style.homepage {
	background-color:#ffffff;
}

.grey-style .container-fluid {
		padding-left:0px; padding-right:0px;
	}

.grey-style h3 {
	text-align:center;
	color:#00ade1;
	font-size:26px;
	font-weight:bold;
	margin:50px 0;
}

.latest-news-content {
	padding:15px 15px 30px 15px;
	background-color:#ffffff;
}

.homepage .latest-news-content {
	background-color:none;
}

.owl-theme .owl-controls {
    bottom: 15px;
    left: 45%;
}

.homepage .owl-theme .owl-controls {
    bottom: 15px;
    left: 53%;
}


.footer {
	color:#FFF;
	background:#787878;
	left:0;
	bottom: 0;
	right:0;
}

.footer .custom {
	font-size:17px;
}

.footer .custom td img {
	margin-right: 5px;
}

.footer, .footer li {
	color:#ffffff;
	font-size:14px;
	line-height:18px;
}
.footer ul li a, .footer a {
	color:#ffffff;
	white-space:nowrap;
	padding:0;
	overflow:hidden;
	text-overflow: ellipsis;
	display:block;
}
.footer ul li a {

	padding:10px 0;

}

.footer ul.nav.menu li, .footer ul.nav.menu li a {
	display:inline;
	margin: 0 20px;
}

.footer ul.nav.menu > li > a:focus {background:none;}

.footer ul li a:hover, .footer a:hover {
	color:#00ade1;
	background:none;
	text-decoration:underline;
}

.footer .address {
	margin-top:2px;
	line-height:25px;
	margin-bottom:20px;
}

.footer-blue a {
	color:#fff;
	text-transform:uppercase;
	padding:10px 0;
}

.footer-blue a:hover {
	color:#fff;
	background:none;
	text-decoration:underline;
}

.teaser {
	text-align:center;
	margin-top:20px;
	min-height:250px;
}

.intro .container-fluid {
	padding-left: 0; padding-right:0;
}

.intro {
	position:absolute;top:0px; left:0px; width:100%;
}

.intro .first {
	margin-top:340px; margin-left:20px;
}

.intro .second {
	margin-top:15px; margin-left:20px;
}

.intro .intro-image {
	width:31%; margin-left:2.127%; float: left; display:block; box-sizing: border-box;
}

#theFixed {
	z-index: 105;
    top: 350px;
    right: 0;
    position: fixed;
	min-width:100%;
	overflow:hidden;
	min-height:400px;
	transition: all .25s
}

#theFixed.toggled {
	min-width:275px;
}

#theFixed.toggled.small {
	min-width:50px;
}

#theFixed img {
	max-width:275px;
	margin:0 0 10px 6px;
}


#stickyButtons {
	left: 0;
	transition: .3s ;
}

#theFixed.toggled #stickyButtons {
	left: 100%;
}


/* fixed form start*/
.box-fixed{
  position: relative;
}

#switch{
	width: 275px;
	z-index:9998;
  	position: fixed;
	right: 0;	
  	height: 118px;
  	top: 350px;   
	margin: 0px;
	transition: .3s ;
}

#theFixed #switch {
	display:none;
}

#theFixed.toggled #switch {
	display:inherit;
}

#theFixed.small #switch {
	margin-right:-227px;
}

#stickyButtons {
	text-align:right;
	width:100%;
	position:fixed;
}


img#ship  {
		transition: all 1s ease-in-out;
}
img.flip {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
		right:auto;
}

.icon-calendar {
	display:none;
}



@media (max-width: 767px) {
	body {
		font-family: 'Open Sans', sans-serif;
		font-size:15px;
		line-height:22px;
		color:#333333;
	}
	
	.container-fluid {
		padding-left:20px;
		padding-right:20px;
	}
	
	.top-container {

	}
  .footer ul.nav.menu li, .footer ul.nav.menu li a {display:block;}
	
	#header {
		min-height:99px;
	}
	
	#header.small {
		min-height:61px;
	}
	
	#theFixed {
		top: 150px;
	
	}
	
	#theFixed.toggled {
		min-width:175px;
	}
	
	#theFixed.toggled.small {
		min-width:50px;
	}

	#theFixed img {
		max-width:175px;
		margin:0 0 10px 6px;
	}


	#stickyButtons {
		left: 0;
		transition: .3s ;
	}

	theFixed.toggled #stickyButtons {
		left: 100%;
	}


	/* fixed form start*/
	.box-fixed{
	  position: relative;
	}

	#switch{
		width: 175px;
		right: 0;
		margin-right:0px;
		top: 150px;
	}
	
	#theFixed.small #switch {
		margin-right:-140px;
	}

	
	.banner-bg {
		height:200px;
	}

	.homepage .banner-bg {
		height:300px;
	}
	
	.intro .first {
		margin-top:80px;
		margin-left:0px;
		margin-right:10px;
	}
	.intro .second {
		margin-left:0px;
		margin-right:10px;
	}
	
	.navigation-toggle-image {padding-top:58px; transition:all .5s; width:50%;}
	.small .navigation-toggle-image {padding-top:8px;}
	
	.container-fluid.banner, .container-fluid.banner p {
		margin-top:0px;
		padding:0;
	}
	
	
	.main-content {
		margin-top:20px;		
	} 
	#navigation-toggle { z-index:999; display:block; top:3px; padding:0;  transition:color linear 0.15s; }
	
	h1, .compojoom-bootstrap h1 {
		clear:both;
		font-size:24px;
		line-height:30px;

	}
	
	.page-header {
		clear:both;
	}
	
	.text-right {
		text-align:left;
	}
	
	.navigation {
		border:none;
		margin-bottom:0;
	}
	
	.claim {
		text-align:center;
	}
	
	.brand img {
		margin-top: 10px;
		margin-bottom:10px;
		width:100%;
	}

	.small .brand img {
		margin-top: 5px;
		margin-bottom:5px;
		width:200px;
	}

	.navigation .nav-child.padded {
		float:none;
		position:inherit;
		top:auto;
		display:block;
		background: none;
	}
	ul.padded {
		
	}
	.nav-collapse .nav > li > a  {
		text-transform:uppercase;
	}
	.nav-collapse .padded > li > a {		
		text-transform:uppercase;
	}
	
	.nav-collapse .nav > li > a {
		font-size:16px;
		letter-spacing:2px;
		text-transform:uppercase;
		color:#fff;
		padding:13px 20px;
		margin-top:0;
		margin-bottom:3px;
		margin-right:3px;
		border:none;
		border-radius:0;
		background: rgba(129, 174, 162, 0.8);
	}
	
	.nav-pills > .active > a, .nav-pills > li > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover {
		background: rgba(129, 174, 162, 0.8);
		color:#fcba00 !important;
	}
	
	.nav-collapse .nav >li.active >a {
		color:#fcba00 !important;
	}
	
	.navigation .nav-child {
		position: absolute;
		left: 0px;
		z-index: 40;
		display: none;
		float: left;
		min-width: 160px;
		padding: 0;
		padding-top:5px;
		margin: 2px 0px 0px;
		border: none;
		border-radius: 0px;
		box-shadow: none;
		background:none;
		background-clip: border-box;
		top: 95%;
	}

	
	.navigation .nav-child a {
		display: block;
		padding:13px 20px;
		margin-top:5px;
		padding-right:50px;
		clear: both;
		font-size: 16px;
		font-weight: normal;
		line-height: 18px;
		letter-spacing:2px;
		color: #333;
		white-space: nowrap;
		text-transform:uppercase;
		background:#fbba00;
	}
	
	.navigation .nav-child .active a {
		color:#fff;
	}
	
	.navigation .nav-child.padded {
		float:none;
		position:inherit;
		top:auto;
		display:block;
		background: none;
		padding-top:0;
		margin-bottom:5px;
		
	}
	.navigation .nav-child.padded li a {
		padding:9px 15px 9px 30px;
		line-height:12px;
		margin-right:3px;
	}
	
	
	.nav > li > a:hover, .nav > li > a:focus, .nav-child > li > a:hover {
		color:#fff;
		background-color: #081a42 !important;
	}
	
	ul.quicknav {
		float:left;
		margin-top:3px;
	}
	
	ul.quicknav li {
		padding:0 5px;
	}
	
	ul.lang-inline a img {
		width:18px;
		height:12px;
	}
	
	.moduletable.headimage {
		position:relative;
		margin-left:-30px;
		margin-right:-30px;
	}
	
	.row-fluid .offset1 {
		margin-left:0
	}

	.custom.checkboxes ul {
		margin-left:50px;
	}
	
	

}

@media (max-width: 480px) {
	.intro .first {
		margin-top:160px;
	}
}



@media (min-width: 768px) {
	.body .container-fluid.top-left-container {
		
		padding:0;
	}
	
	
	

	.main-content {margin-top:40px;}
	
	
	
	
}


@media (min-width: 768px) AND (max-width: 979px) {
	
	#header {
		min-height:150px;
	}
	
	
	.teaser {
		min-height:200px;
	}
	
	
	.banner-bg {
		height:300px;
	}

	.homepage .banner-bg {
		height:400px;
	}
	
	.intro .first {
		margin-top:100px; margin-left:20px;
	}

	#navigation-toggle { z-index:999; display:block; top:3px; right:10px; padding:0; }
	
	.footer .custom td img {
		max-height:30px;
	}

	
	.footer .custom {
		font-size:12px;
	}
	
}


@media (min-width: 1200px) {

	
	
}




#menu {visibility:hidden;}
	.mm-opened .footer {display:none;}
	.mm-opened  body { padding-bottom:0px !important;	}
	.container-fluid {max-width:1110px; margin:0 auto;}
	.mm-menu > .mm-navbar {background-color:#053d5e;}
	.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {color:#fff;}
	.mm-panels {background-color:#00ade1;}
	
		
input.toggle {
max-height: 0;
max-width: 0;
opacity: 0;
}
input.toggle + label {
display: block;
position: relative;
box-shadow: inset 0 0 0px 1px #d5d5d5;
text-indent: -5000px;
height: 30px;
width: 50px;
border-radius: 15px;
}

input.toggle + label:before {
content: "";
position: absolute;
display: block;
height: 30px;
width: 30px;
top: 0;
left: 0;
border-radius: 15px;
background: rgba(19,191,17,0);
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

input.toggle + label:after {
content: "";
position: absolute;
display: block;
height: 30px;
width: 30px;
top: 0;
left: 0px;
border-radius: 15px;
background: white;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), 0 2px 4px rgba(0,0,0,.2);
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
input.toggle:checked + label:before {
width: 50px;
background: rgba(19,191,17,1);
}

input.toggle:checked + label:after {
left: 20px;
box-shadow: inset 0 0 0 1px rgba(19,191,17,1), 0 2px 4px rgba(0,0,0,.2);
}