@import url(//fonts.googleapis.com/css?family=Raleway:400,200,100,500,600,700,800,900);

@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	vertical-align: baseline;
	outline: 0;
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	-webkit-transition: all 1.3s ease-out;
	-moz-transition: all 1.3s ease-out;
	-o-transition: all 1.3s ease-out;
	-ms-transition: all 1.3s ease-out;
	transition: all 1.3s ease-out;
	margin: 0!important;
}
body {
	overflow-y: scroll;
	overflow-x: hidden!important;
	-webkit-font-smoothing: antialiased;
	
	font: 15px 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
   color: #0177fd;
   text-decoration: none;
}
a:hover {
   
   text-decoration: underline;
}

h2 {
	font: 40px/47px 'Raleway';
	margin: 0 0 25px 0;
	color: #777;
}
h2 strong {
	color: #000000;
	font-weight: 800;
}

h3 {
	font: 600 21px/31px 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #191919;
	margin: 0 0 11px 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.header_wrapper {
   border-top: 5px solid #2c79ed;
   border-bottom: 1px solid #e7e7e7;
   width: 100%;
   background-color: #f6f6f6;
   height: 105px;
}

.content_inner {
    max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1001;
}

.info_container {
   height:120px;
   background-color: #ffffff;
   border-bottom: 1px solid #e7e7e7;
}

.content_container {
   min-height: 500px;
   padding-bottom:30px;
}

.footer {

height: 300px;
 background-color: #191919;
}

.list8 {
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.list8 li {
	font-size: 15px;
	line-height: 1.428571429;
	margin: 0 0 40px 0;
}


.demobox {
   float:left;
   width: 300px;
   margin-right: 30px;
}

.thumb-pad3 {
	padding: 0 0 30px 0;
}
.thumb-pad3 .thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
	overflow: hidden;
}
.thumb-pad3 .thumbnail .caption {
	padding: 30px 28px;
	background: #c6c6c6;
	
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.thumb-pad3 .thumbnail .caption p {
	margin: 0;
}
.thumb-pad3 .thumbnail .caption h3, .thumb-pad3 .thumbnail .caption p {
	color: #000000;
}
.thumb-pad3 .thumbnail .caption h3 {
	font-size: 24px;
	font-weight: 800;
}
.thumb-pad3 .thumbnail figure {
	margin: 0;
}
.thumb-pad3 .thumbnail figure img {
	width: 100%;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


/* input felder */

.eingabe_left, .eingabe_left_hide, .eingabe_left_txt, .eingabe_left_white {
   float:left;
   width:150px;
   margin-bottom: 15px;
   padding-top:5px;
   background-color: #fafafa;
   
   min-height:35px;
	height:auto !important;
	height:35px;
}

.eingabe_right, eingabe_right_txt {
  float:left;
  width:530px;
  margin-bottom: 15px;
  
}

.eingabe_left_white {
   background-color: #ffffff;
}

.eingabe_left_txt {
   width:180px;
}

.eingabe_right_txt {
  padding-top:5px;
   
}


.eingabe_gesamt, .eingabe_gesamt_input {
   clear: both;
    width:550px;
}
.eingabe_gesamt_input {
   padding-bottom: 20px;
   padding-top: 5px;
}

.button_normal {
   font-size: 14px;
	padding-top:8px;
	padding-bottom:10px;
	font-size: 16px;
	font-weight: bold;
	background-color: #ffd613;
	color: #3e3e3e;
	height: 45px;
	 border-radius: 10px 10px 10px 10px;
	
	padding-left:20px;
	padding-right: 20px;
	 
text-shadow:none !important;
border:none !important;
box-shadow:none !important;	
}

.button_normal:hover {
	background-color: #0177fd;
	color: #ffffff;
}


.input_normal {
	 border-radius: 5px 5px 5px 5px;
	min-height:35px;
	height:auto !important;
	height:35px;
	border: 1px solid #a3a3a3;
	padding-left:5px;
	width:90%;
	
}
.input_normal_ta {
   height: 80px;
   width:100%;
   padding-left: 4px;
	padding-right: 4px;
	padding-top:3px;
	padding-bottom:6px;
     height: 250px;
	border: 1px solid #CCC;
}
.clear {
  clear:both;
}

.status {
   color: #f21c1c;
   font-weight: bold;
}

/*========================================================
                    footer
=========================================================*/
footer {
	padding: 60px 0 0 0;
	position: relative;
	overflow: hidden;
	background: #191919;
	padding-bottom: 20px;
}

.fotter30 {
   float: left;
   width: 30%;
  
}

footer h2 {
	color: #ffffff;
}
footer h2 strong {
	color: #ffffff;
}
footer .privacy {
	font: 15px 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #888;
	margin: 0;
}
footer .privacy a {
	color: #888;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
footer .privacy a:hover {
	color: #0177fd;
}
footer em {
	font-style: normal;
}
footer .copyright {
	position: relative;
	padding: 22px 0;
	margin: 46px 0 0 0;
	z-index: 1;
}
footer .copyright:after {
	display: table;
	width: 100%;
	clear: both;
	content: '';
}
footer .copyright:before {
	width: 1000%;
	height: 100%;
	border-top: 1px solid #474747;
	position: absolute;
	top: 0;
	left: -500%;
	content: '';
	display: block;
	z-index: -1;
}

footer .box2 ul {
	padding: 0;
	margin: 0 0 8px 0;
	list-style: none;
	overflow: hidden;
	text-align: left;
}

footer .box2 ul li{
	float: left;
	margin-right: 15px;
}

footer  .box2 ul li a {
	width: 39px;
	height: 39px;
	border-radius: 100%;
	background: #0177fd;
	font-size: 20px;
	line-height: 39px;
	text-align: center;
	color: #ffffff;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}



footer   .box2 ul li a:hover {
	background: #ffd613;
	color: #000000;
}


.list3 {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list3 li {
	font-size: 15px;
	line-height: 1.428571429;
	margin: 0 0 12px 0;
}
.list3 li a {
	font: 600 17px 'Raleway';
	color: #888;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

/* btn
========================================================*/
.btn-default.btn1 {
	box-shadow: none;
	position: relative;
	text-decoration: none;
	display: inline-block;
	margin: 0;
	padding: 10px 15px;
	font: 600 17px 'Raleway';
	background: #373737;
	border-radius: 7px;
	color: #ffffff;
	float: none;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
.btn-default.btn1:hover {
	color: #191919;
	background: #ffd613;
	text-decoration: none;
}
.btn-default.btn2 {
	box-shadow: none;
	position: relative;
	text-decoration: none;
	display: inline-block;
	margin: 0;
	padding: 19px 45px;
	font: bold 24px 'Raleway';
	background: #2c79ed;
	border-radius: 5px;
	color: #ffffff;
	float: none;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	margin-bottom:5px;
	width: 200px;
}
.btn-default.btn2:after {
	content: '\f054';
	color: #ffd613;
	font-size: 21px;
	font-family: 'FontAwesome';
	margin: 0 0 0 19px;
}
.btn-default.btn2:hover {
	color: #ffffff;
	background: #777;
	text-decoration: none;
}
.btn-default.btn3 {
	box-shadow: none;
	position: relative;
	text-decoration: none;
	display: inline-block;
	margin: 0;
	padding: 15px 100px 15px 20px;
	font: bold 21px 'Raleway';
	background: #ffd613;
	border-radius: 5px;
	color: #ffffff;
	float: none;
	overflow: hidden;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.btn-default.btn3 em {
	font-style: normal;
	font: bold 37px/53px 'Raleway';
	color: #ffffff;
	background: #777;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 100%;
	text-align: center;
}
.btn-default.btn3 em i {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
}
.btn-default.btn3:hover {
	color: #ffd613 !important;
	background: #000000;
	text-decoration: none !important;
}
.btn-default.btn4 {
	box-shadow: none;
	position: relative;
	text-decoration: none;
	display: inline-block;
	margin: 21px 0 0 0;
	padding: 18px 21px;
	font: bold 21px 'Raleway';
	background: #000000;
	border-radius: 5px;
	color: #ffffff;
	float: none;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
.btn-default.btn4:after {
	content: '\f054';
	color: #ffd613;
	font-size: 21px;
	font-family: 'FontAwesome';
	margin: 0 0 0 18px;
}
.btn-default.btn4:hover {
	color: #ffffff;
	background: #777;
	text-decoration: none;
}


.aktuelle_punkte {
   float:left;
   font-size: 26px;
   width:200px;
   
}

.dran_ist {
   float:left;
    width:150px;
	font-weight:bold;
	font-size: 18px;
	
	
	 
}
.dran_ist strong {

	color: #bf3b3b;
	
	 
}

.pfeil {
   clear:both;
   padding-bottom:5px;
   padding-top:30px;
}

@media (max-width: 800px) {
    .content_inner {
	   padding-left:10px;
	   padding-righ:10px;
	}
	
	h1 {   
	  font-size: 22px;
	}
	
	.btn-default.btn2 {

	width: 160px;
    }
	
	.aktuelle_punkte {
   
      width:130px;
   font-size: 22px;
    }
}