@charset "UTF-8";
@import url("fonts.css");

body {
  margin: 0;
  padding: 0;
}

.img-center {
	margin: 0 auto;
}

footer {
    margin: 50px 0;
}


.signet::after{
  content: url('../images/bp-logo.png');
  padding: 5px;
}


/* bereiche */

.wrap {
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrap h2 {
  font-size: 200%;
}

.header h2 {
  font-size: 110%;
}

.einfach {
  background: #50cdf1;
  color: #fff;
  padding: 60px 0px 50px 0;
  margin-bottom: 20px
}

.demo {
  background: #50cdf1;
  color: #fff;
  padding-top: 80px
}


.demo .demotext  {
  padding-bottom: 20px;
}

.vorteile {
  background: #eee;
}


.demo img {
  padding-top: 20px;
  -webkit-transition: all ease-in-out .4s;
  -moz-transition: all ease-in-out .4s;
  -o-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
}

.demo img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  cursor: ponter;
}


.funktionen p {
  margin: 0 auto;
}

.funktionen .funktion {
  padding: 20px 0;
}

.funktionen .funktion h2 {
  font-size: 150%;
}



/* fonts */

h1 {
	font-family: DIN-Light, Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 200;
	line-height: 0.8;
}

h2 {
	font-family: DIN-Light, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}

h3 {
	font-family: DIN-Regular, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}

p, td {
	font-family: DIN-Light, Helvetica, Arial, sans-serif;
	font-size: 14px;
}

/* klassen */

.h1_fett {
	font-family: DIN-Regular, Helvetica, Arial, sans-serif;
}

.version {
	font-size:16px;
	font-family: DIN-Medium, Helvetica, Arial, sans-serif;
}

.small {
	font-size:12px;
	display:block;
	margin-top: 15px;
}

.rot {
	color:#bb0000;
}

.dark {
	color:#666;
	font-weight:500;
}

.dark-fon {
	color:#666;
	font-weight:500;
	font-size:12px;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
  cursor: pointer;
	color: #999;
}


li.media img {
  width: 250px;
  height: 150px;
}



/* selection - text highlighting rot */

::selection {
	background: #BB0000; color: #ffffff;
	text-shadow: none;
}


::-moz-selection {
	background: #BB0000; color: #ffffff;
	text-shadow: none;
}