@charset "utf-8";
/* CSS Document */
/* farben
hblau   #d0eefc
dblau   #009fe3
hgrau   #e9e9e9
dgrau   #2c2a2b
*/

/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
       url('../fonts/titillium-web-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Titillium Web';
	font-weight:400;
	color:#2c2a2b;
  font-size:1.1rem;
}
.top {
  position:relative;
  top:0;
  left:0;
  overflow:hidden;
}
.top .container-fluid,
.top .row {
  padding:0;
  margin-left:auto;
  margin-right:auto;
  max-width:1980px;
}
.top img {
  width:100%;
  height:auto;
}
.main {

}
.main .left img {
  max-width:100%;
  margin-top:-160px;
}

.footer {

}
.navi {
  position:absolute;
  top:0;
  left:5%;
  width:400px;
  max-width:50%;
  background:rgba(3,166,233,0.6);
}
.navi img {
  max-width:100%;
}
.navi .navbar-collapse.show {
  height:calc( 100vh - 202px );
}

h1, h2, h3,
.navbar-toggler,
.navbar-light .navbar-toggler {
	font-weight:400;
	color:#009fe3;
}
a,
a:link,
a:visited {
	color:#009fe3;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:focus,
a:hover,
a:active {
	color:#009fe3;
	text-decoration:none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.rstbox a.btn {
  color:#fff;
}

/* main */
.main {
	padding-top:30px;
}
.main .items-row {
	padding:20px 0 30px;
}
.main .item-image {
	max-width:50%;
}
.main .item-image img {
	width:100%;
}
.main .item-image.pull-left {
	padding-right:20px;
}
.main .item-image.pull-right {
	padding-left:20px;
}

.footer {
	position:relative;
	bottom:0;
	min-height:90px;
	background:#d0eefc;
}
.footer p {
	margin-top:8px;
}
.footer a,
.footer a:link,
.footer a:visited {
		color:#fff;
}
.footer a:focus,
.footer a:hover,
.footer a:active {
		color:#fff;
}
.back-to-top {
  position:fixed;
  bottom:20px;
  right:20px;
  padding:0.5em 1em;
	color:#fff;
  background-color:#009fe3;
}
a.back-to-top {
	color:#fff;
}
/* kform */
.btn {
  font-size:1.25rem;
  font-weight: 400;
  line-height: 1.25;
	text-transformation:uppercase;
  padding: 0.5rem 1.25rem;
}
.btn-primary {
  background-color:#009fe3;
  border-color:#009fe3;
}
.btn-primary:hover {
  background-color:#d0eefc;
  border-color:#d0eefc;
  color:#2c2a2b;
	box-shadow:0.25rem .25rem .25rem rgba(0, 0, 0, 0.3);

}
#userForm .formControlLabel {
	display:none;
}
#userForm .rsform-block,
#userForm .formBody,
#userForm .formBody input[type=text] {
	float:none;
	width:94%;
}
#userForm .formBody input[type=checkbox] {
	margin-right:7px;
}
#userForm input {
	padding-left:0;
	border-radius:0;
	border-left:0;
	border-right:0;
	border-top:0;
	border-bottom:1px dotted #009fe3;
	background:#d0eefc;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
#userForm input:focus {
	padding-left:5px;
	border-bottom:1px solid #009fe3;
	background:#fff;
}
#userForm input.rsform-submit-button {
	padding:8px 15px;
	border-radius:5px;
	background:#009fe3;
}
.formError {
	color:#009fe3;
	font-size:14px;
}
/* menu icon */
.top .navbar-toggler,
.top .navbar-toggler:focus {
	position:absolute;
	top:-70px;
	right:15px;
	width:144px;
	border-color:transparent;
	z-index:10;
  border:0;
}
.nav-icon-text {
	float:left;
	margin-top:20px;
}
#nav-icon {
	float:right;
  width:60px;
  height:44px;
  position:relative;
  margin:12px auto;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
  cursor:pointer;
}
#nav-icon span {
  display:block;
  position:absolute;
  height:6px;
  width:100%;
  background:#009fe3;
  border-radius:6px;
  opacity:1;
  left:0;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
  -webkit-transition:.25s ease-in-out;
  -moz-transition:.25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition:.25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top:0px;
}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top:14px;
}
#nav-icon span:nth-child(4) {
  top:28px;
}
#nav-icon.open span:nth-child(1) {
  top:14px;
  width:0%;
  left:50%;
}
#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
  top:14px;
  width:0%;
  left:50%;
}

/* menu */
.navbar {
  position:absolute;
  top:70px;
  right:25px;
}
.navi .nav {
  display:block;
}
.navi ul {
	width:100%;
  margin-top:25px;
  height:calc( 100vh - 227px );
}
.navi ul li {
  width:100%;
  height:40px;
}
.footer ul {
	float:right;
}
.navi ul li a,
.navi ul li a:link,
.navi ul li a:hover,
.navi ul li a:focus,
.footer ul li a,
.footer ul li a:link,
.footer ul li a:hover,
.footer ul li a:focus {
	position:relative;
  display:block;
	text-decoration:none;
	color:#fff;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
	z-index:10;
}

.navi ul li a:hover,
.navi ul li a:focus {

}
.navi ul li a:hover,
.navi ul li a:focus,
.navi ul li.active a,
.footer ul li a:hover,
.footer ul li a:focus,
.footer ul li.active a {
	color:#000;
	background:#fff;
}


@media (max-width: 767px) {

  .navi {
    position:absolute;
    top:0;
    left:0;
  }
}

@media (min-width: 768px) {



}

@media (min-width: 992px) {

.navi ul li a {
  font-size:1.3rem;
}

@media (min-width: 1200px) {

}

@media (max-width: 575px) {



}
@media (max-width: 991px) {



}

@media (min-width: 576px) and (max-width: 767px) {



}

@media (min-width: 768px) and (max-width: 991px) {



}

@media (min-width: 992px) and (max-width: 1199px) {


}

@media (min-width: 1200px) {



}