@import url('../font-awesome/css/all.css');

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


html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	width: 100%;
	height: 100%;
}

header, section, article, footer {
	display: block;
}

img, td {
	border: none;
}

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

#eigenschaften strong {
	color: #000;
}





<!-- /* ---------------------- AUFBAU ------------------------------- */ -->

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	height: 190px;
	overflow: visible;
	background: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#header {
	margin: 0 auto;
	padding: 0 1%;
	max-width: 1180px;
	height: 190px;
}

#header-oben {
	height: 140px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#header-unten {
	height: 50px;
	background: #fff;
}

#header-oben .logo {
	width: 100%;
	padding-top: 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#header-oben .logo img {
	display: block;
	width: auto;
	height: 100px;
	margin: 0 auto;
}

#header-oben h1 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #7facd0;
}


nav {
	float: left;
	width: 100%;
	height: 50px;
	line-height: 27px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 0.9em;
}

nav ul {
	list-style: none;
	margin: 15px auto 0 auto;
	padding: 0;
	text-transform: uppercase;
	display: table;
}

nav ul li {
	display: inline-block;
	margin-right: 20px;
}

nav ul li:last-child {
	margin-right: 0;
}

nav ul li a {
	padding: 5px 7px;
	color: #004f9f;
	cursor: pointer;
	-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
}

nav ul li a:hover, nav#navigation ul li a:active, nav#navigation ul li a:focus {
	color: #7facd0;
}

nav ul li a.active {
	background: #004f9f;
	color: #fff;
}

header.header-shrink #header nav#navigation ul {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

header.header-shrink #header nav#navigation ul li a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

<!-- /* ---------------------- header-animation - start ------------------------------- */ -->

header.header-shrink {
	height: 50px;
	border-bottom: 1px solid #e5eef5;
	-webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05);
	   -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.05);
	        box-shadow: 0 5px 0 rgba(0,0,0,0.05);
}

header.header-shrink #header-oben {
	margin-top: -140px;
}

<!-- /* ---------------------- header-animation - ende ------------------------------- */ -->

#slider {
	margin: 190px auto 0 auto;
	max-width: 1180px;
	height: 400px;
	background: url(../images/startbild.jpg) 0 0 no-repeat;
}

#kurzinfo {
	overflow: hidden;
	float: right;
	width: 400px;
	margin-right: 50px;
	margin-top: 50px;
	background: #004f9f;
	padding: 40px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #fff;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#kurzinfo h2 {
	font-weight: 300;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	border-bottom: 1px solid #7facd0;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#kurzinfo p {
	padding: 0;
	margin: 0;
}

#kurzinfo .preis {
	display: block;
	float: left;
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 5px 10px 5px 0;
}

#kurzinfo .provision {
	display: block;
	float: left;
	font-size: 1.7em;
	line-height: 1.2em;
	padding: 5px 10px;
}

#kurzinfo .provision a {
	color: #fff!important;
}


#kurzinfo i {
	font-size: 1.5em;
}

section {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding: 65px 0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #666;
	line-height: 1.5em;
	clear: both;
	overflow: hidden;
	background: #fff;
}

section#kontakt {
	padding-bottom: 0;
}

section#kontakt .karte {
	margin-top: 50px;
}

article {
	max-width: 1180px;
	padding: 0 1%;
	overflow: hidden;
	margin: 0 auto;
}

.article-left, .article-right {
	float: left;
	width: 48%;
}

.article-left {
	padding-right: 2%;
}

.article-right {
	padding-left: 2%;
}



footer {
	max-width: 1180px;
	padding: 65px 1% 700px 1%;
	margin: 0 auto;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #aaa;
	line-height: 1.4em;
	overflow: hidden;
}

footer a {
	color: #aaa;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

footer a:hover {
	color: #000;
}

a {
	text-decoration:none!important;
}







<!-- /* ---------------------- STARTSEITE ------------------------------- */ -->



section#eigenschaften {
	margin-top: 65px;
	border-top: 1px solid #ced6dc;
}


.bild {
	float: left;
	width: 19%;
	padding: 0.5%;
}

.bild img {
	float: left;
}

section#kontakt {
	color: #fff;
	background: #004f9f;
}

section#kontakt h1, section#kontakt h2 {
	color: #fff!important;
}


#kontakt-left {
	width:67.55%;
	float:left;
	margin-top: 2%;
	padding: 0;
	border-right: 1px solid #7facd0;
	overflow: hidden;
}

#kontakt-right {
	width:29.2%;
	float:left;
	margin-top: 2%;
	padding: 0 0 0 3%;
	overflow: hidden;
}


#kontakt-right a {
	color: #fff!important;
	text-decoration: none;
}

#kontakt-right a:hover {
	color: #7facd0!important;
}


.rodo {
	padding-top: 150px;
}





<!-- /* ---------------------- CONTENT ------------------------------- */ -->

section p {
	margin: 12px 0 16px 0;
}

section p:first-child {
	margin: 0 0 16px 0;
}

section a {
	color: #004f9f;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

section a:hover {
	color: #7facd0;
	text-decoration: none;
}

section a i.icon-chevron-right {
	font-size: 1em;
	display: inline-block!important;
	width: 25px!important;
	vertical-align: middle!important;
	-webkit-transition: width 0.3s, padding 0.3s;
	-moz-transition: width 0.3s, padding 0.3s;
	transition: width 0.3s, padding 0.3s;
}

section a:hover i.icon-chevron-right {
	width: 18px!important;
	padding: 0 0 0 7px;
}


a.weiterlesen {
	display:block;
	width: 210px;
	height: 43px;
	padding: 0 5px;
	line-height: 43px;
	margin-top: 40px;
	background: #ee7f01;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
}

a.weiterlesen:hover {
	color: #fff;
	background: #4ba1f7;
}

section h1 {
	font-size: 1.6em;
	font-weight: 400;
	color: #004f9f;
	text-transform: uppercase;
	margin: 0;
	padding: 20px 0 4px 0;
	margin-bottom: 10px;
	line-height: 1.3em;
  	clear: both;
}

section h1:first-child {
	padding-top: 0;
}

section h1 a, section h1 a:hover {
  color: #004f9f;
}

section h2, footer h2 {
	font-family: 'Open Sans', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 400;
	color: #000;
	margin: 0;
	padding: 12px 0 10px 0;
	line-height: 1.2em;
  	clear: both;
}

section p+h2 {
	padding: 20px 0  0;
}


section h2 a, section h2 a:hover {
  color: #000;
}

section h3 {
	font-size: 1em;
	font-weight: 600;
	color: #000;
	padding: 0;
	margin: 12px 0 16px 0;
  	clear: both;
}

section h3:first-child {
	margin: 0 0 16px 0;
}

.orange {
	color: #ee7f01;
}

.bigger {
	font-size: 1.1em;
}

section ul {
	list-style: none;
	margin: 12px 0 16px 0;
	padding: 0;
}

section ul li {
	padding: 0 0 5px 3em;
}

section ul li:before {
	content: '\f0da';
	font-family: FontAwesome;
	margin-left: -1.5em;
	width: 1.5em;
	color: #004f9f;
	display: inline-block;
}

.scroll-to {
	position: absolute;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	z-index: 1;
	left: 50%;
	right: 50%;
	margin-left: -30px;
	margin-right: -30px;
	text-align: center;
	-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
}

.scroll-to:hover {
	margin-top: -23px
}

<!-- /* ---------------------- SONSTIGES ------------------------------- */ -->