@charset "utf-8";

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

* {
margin: 0;
padding: 0;
/*-webkit-appearance: none;
-moz-appearance: none;*/
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
     box-sizing: border-box;
}

html, body {
     height: 100%;
}

body {
	font-family: "Open Sans", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	color: #191919;

}

a img {
border: none;
}

img {
	max-width: 100%;
	height: auto;
}

section {
	padding: 50px 0;
}

#slider {
	font-size: 0;
}

/*=================================
            Header
=================================*/

#header {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	text-align: center;
}

#header  .logo {
	max-width: 300px;
	margin: 15px 0;
	-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

#header.topActive {
	position: fixed;
	top: 0;
	    box-shadow: rgba(0,0,0,0.5) 0 0 10px;
	z-index: 1;
	
}

#header.topActive .logo {
	max-width: 200px;
	margin: 5px 0;
}

/*=================================
            Navigation
=================================*/

#navi {
	width: 100%;
	background-color: #808080;
}

#navi li {
	display: inline-block;
	font-size: 0;
}

#navi li a {
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px;
	line-height: 31px;
	text-transform: uppercase;
	display: block;
	color: #ffffff;
	font-size: 16px;
	-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

#navi li a:hover {
	color: #000000;
}

/*=================================
            Footer
=================================*/

footer {
	background-color: #404040;
	padding: 50px 0;

text-align: center;
}

footer p {
	color: #b3b3b3;
}

footer a {
	color: #cccccc;
	text-decoration: none;
}

/*=================================
          Formatierung
=================================*/

h1, h2, h3 {
	text-transform: uppercase;
	color: #808080;
	font-weight: bold;
	font-size: 22px;
	line-height: 36px;
}

p, section li {
	line-height: 24px;
	margin-bottom: 15px;
}

.inhalt ul {
	margin-bottom: 10px;
}

.inhalt li {
	line-height: 24px;
	margin-bottom: 15px;
	list-style: none;
	padding-left: 20px;
	
}

.inhalt li li {
	margin-bottom: 5px;
}

.inhalt li:before {
	content: "";
	width:10px;
	height: 10px;
	background-color: #808080;
	display: inline-block;
	margin-left: -20px;
	margin-right: 10px;
}

.inhalt a {
	color: #808080;
	font-weight: bold;
	text-decoration: none;
}

.inhalt a:hover {
	color: #191919;
}
/*=================================
            KLASSEN
=================================*/

.mid {
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;

}

.grau {
	background-color: #e6e6e6;
}

.button {
	color: #ffffff !important;
	font-weight: bold;
	font-size: 22px;
	background-color: #b3b3b3;
	padding: 10px 20px;
	display: inline-block;
	text-decoration: none;
	-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
}

.grau .button {
	background-color: #808080 !important;
}

.button:hover {
	background-color: #404040;
}

.sliderK {
	margin-top: 50px;
}

.footNavi {
    border-top: #b3b3b3 1px solid;
    margin-top: 15px;
    padding-top: 15px;
}

/*=================================
            Kontaktformular
=================================*/

.form {
	text-align: left;
	color: #b3b3b3;
}
.form input, .form textarea {
	border: none;
	padding: 10px;
	width: 100%;
	font-family: "Open Sans", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	color: #191919;
}


.formHalb, .formGross {
	margin-bottom: 15px;
}

.left {
	float: left;
	width: 48%;
	margin-right: 2%;
}

.right {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.form label:after {
	content: "\A";
	white-space: pre;
}

.error {
	color: red;
	display: block;
}

.submit {
	background: #808080;
	width: 100%;
	cursor: pointer;
	color: #ffffff !important;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;

}

.submit:hover {
	background-color: #b3b3b3;
}



.fiSpecial {
	display: none;
	}


input[type="checkbox"].css-checkbox {
    display:none;
}

input[type="checkbox"].css-checkbox + label {
float: none !important;
	width: 100%!important;
	    padding-left: 30px;
    display: block;
	cursor: pointer;
}

input[type="checkbox"].css-checkbox + label span {
    display:inline-block;
    width:21px;
    height:21px;
    margin:-2px 10px 0 -30px;
    vertical-align:middle;
    background:url(bilder/ckbox.png) left top no-repeat;
    cursor:pointer;
	
}
input[type="checkbox"].css-checkbox:checked + label span {
    background:url(bilder/ckbox.png) 0 -21px no-repeat;
}
	
/*=================================
            Responsive
=================================*/


.slicknav_menu {
	display:none;
}

@media screen and (max-width: 768px) {
	#navi {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
		z-index: 100;
		width: 100%;
		position: absolute;
	}
	
	#header {
    position: relative;
    top: 33px;
    left: 0;
    transform: none;
    background: #ffffff;
    text-align: center;
}
	
	#header.topActive {
    width: 100%;
}
}