@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
body, html { min-height: 100%; }
p,h1,h2,h3,h4,h5,h6,ul{font-family: "Open Sans";}
.top-bar-section ul li > a{font-family: "Open Sans";}
.button{font-family: "Open Sans";}
body {
  background: url("../img/verlauf.jpg")\9;
  font-family: "Open Sans";
  background-image: -webkit-gradient(linear, left top, from(#F39904), to(#FFF9ED));
  background: -webkit-linear-gradient(to left top, #F39904, #FFF9ED);
  background: -moz-linear-gradient(to left top, #F39904, #FFF9ED);
  background: -o-linear-gradient(to left top, #F39904, #FFF9ED);
  background: -ms-linear-gradient(to left top, #F39904, #FFF9ED);
  background: linear-gradient(to left top, #F39904, #FFF9ED);
}

/*********** Global Styles ***********/
h3 { 
  color: #C54613;
  font-size: 2em;
  font-weight: bold;
  text-shadow: 2px -1px 0 #454545, 3px -2px 0 white;
}
h3.start{font-size: 1.6em;}
.panel {
  width:50rem;
  background-color: #f4a41e;
  border-color: #d5890a;
  color: white;
  font-size: 1.7em;
  font-weight: bolder;
  line-height: 50px;
  margin-top: 55px;
}
/*********** Header ***********/
.header-area {
  background-color: #C54613;
}
.smalltext{font-size: 1.3em; text-align:left; padding-left:3em;}
.adver_logo2 {
	margin: 0.6em 0 0 0;
    padding-right: 0;
}
/*********** Navigation ***********/
.navigation-area {
  background-image: url('../img/nav_verlauf.png');
  background-repeat: repeat-x;
  background-color: #FDE7C2;
}
.navigation-wrap { padding-left: 0; }
/** Changes background color, height and margin of the border **/
.top-bar {
    background: none;
    /*height: 58px;*/
    /*line-height: 58px;*/
    margin-bottom: 0;
}

/** Removes black background on menu bar **/
.top-bar-section ul{
    background: none;
    text-transform: uppercase;
}

/** Removes black background on menu item **/
.top-bar-section li a:not(.button) {
    background: none;
    line-height: 58px;
    padding: 0 2em;
    color: white;
    font-size: 1em;
}
/*for IE8*/
.top-bar-section ul li > a { background: none; color: #fff;}
/** Changes the active menu item from default black to a gradient **/


.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:hover:not(.button),.top-bar-section li:not(.has-form) a:hover:not(.button)   {
    color: #fff;
    background-image: url('../img/nav_hover_verlauf.png');
    background-repeat: repeat-x;
	line-height: 58px;
	text-transform:uppercase;
}
.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button)  { background:none; line-height: 58px; text-transform:uppercase;}
/** Changes the hover state of non active menu items **/

.top-bar-section ul li:hover > a { 
    color: #fff;
    background: red;
    background-image: url('../img/nav_hover_verlauf.png');
    background-repeat: repeat-x;
	
}


/*********** Main Content ***********/
.content-area {
  -webkit-box-shadow: 0px 1px 15px rgba(0,0,0,.4);
  -moz-box-shadow: 0px 1px 15px rgba(0,0,0,.4);
  box-shadow: 0px 1px 15px rgba(0,0,0,.4);
  padding-top: 30px;
}


/*********** Home ***********/
.large-5 {margin: 25px 0 0 0;}
.adver_logo { padding-right: 0; }
.home p.heading {
  color: #C54613;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.2em;
}
.home p:first-child { 
  margin-bottom: 0.4em;
}


#spacer {width:10px; height:10px;}

.balken { 
  min-height: 90px; 
  background: #C54613;
  box-shadow: 0px 1px 15px rgba(0,0,0,.4);
  padding: 15px 0 0 20px;
}
.balken p { 
  color: white;
  font-family:"Open Sans";
  /*font-family: 'Belleza', sans-serif;*/
  /*font-family: 'Fugaz One', cursive;*/
  font-size: 1.7em;
  font-weight: 600;
  line-height: 30px;
}

/*********** Vorteile ***********/
.pros { padding-right: 0; }
.footnote { font-size: 0.63em; text-align: justify; }
ul.plus-list { 
  list-style:none; 
  padding: 0; margin: 0; 
  font-size: 0.9em;
  font-weight: bolder;
}
ul.plus-list li { 
  background:url("../img/plus_small.png") no-repeat left center;
  line-height: 40px;
  vertical-align: middle;
  padding-left: 25px;
  /*margin: 30px 0;*/
}

/*********** Sicherheit ***********/
ul.ok-list { 
  list-style:none; 
  padding: 0; margin: 0; 
  font-size: 0.97em;
  font-weight: bolder;
}

/*********** Produkte ***********/
ul.pricing-table li.title { padding: 15px 20px; }
ul.pricing-table li.bullet-item { padding: 25px 20px; }
ul.pricing-table li.good { background-color: #FAD088; border-radius: 5px 5px 0 0; }
ul.pricing-table li.comfort { background-color: #F6AC31; border-radius: 5px 5px 0 0;}
ul.pricing-table li.excellent { background-color: #F29803; border-radius: 5px 5px 0 0;}

.plan{
  border-radius: 5px;
  text-align: center;
  -moz-box-shadow: 0 6px 4px -4px rgba(0,0,0, .5);
  -webkit-box-shadow: 0 6px 4px -4px rgba(0,0,0, .5);
  box-shadow: 0 6px 4px -4px rgba(0,0,0, .5);
  
}
.plan:hover {
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0, .5);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0, .5);
  box-shadow: 1px 1px 5px rgba(0,0,0, .5);
}

/*
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
   color: gold;
}
*/
.rating > span {
  position: relative;

  display: inline-block;
  width: 0;
  height: 0;

  margin-left: .9em;
  margin-right: .9em;
  margin-bottom: 1.2em;

  border-right:  .3em solid transparent;
  border-bottom: .7em  solid gold;
  border-left:   .3em solid transparent;

  /* Controlls the size of the stars. */
  font-size: 20px;
}.rating > span:before,.rating > span:after {
    content: '';

    display: block;
    width: 0;
    height: 0;

    position: absolute;
    top: .6em;
    left: -1em;

    border-right:  1em solid transparent;
    border-bottom: .7em  solid #FC0;
    border-left:   1em solid transparent;

    transform: rotate(-35deg);
  }

.rating > span:after {
    transform: rotate(35deg);
  }

/*********** Footer ***********/
footer {
  padding: 10px;
  background: #F4A522;
  border-top: 5px solid #F29803;
  height: 40px;
  line-height: 20px;
  color: #222;
}
footer a, a:hover { color: #C54613; }
/*********** Buttons ***********/

.btn-prima-direct { 
  background-color: #f4a41e;
  border-color: #d5890a;
  color: white;
  margin: 3em 0 3em 3em;
}

.contact { 
  background-color: #f4a41e;
  border-color: #d5890a;
  color: white;
  margin: 3em 0 3em 0;
}
.btn-prima-direct:hover, .prima-direct:focus {
  color: white; background-color: #D5890A;
}
/*********** Forms Validation ***********/
input:required:invalid, input:focus:invalid { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC); background-position: right top; background-repeat: no-repeat; -moz-box-shadow: none; } input:required:valid { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=); background-position: right top; background-repeat: no-repeat; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
    font-size: small;
}
/*********** Media Queries ***********/
@media only screen and (max-width: 942px) {
  
  .panel {width:100%;}
  
  .navigation-wrap { 
    padding: 0;
  }
  .top-bar.expanded {
    background-color: #F7BA55; 
    /*
	
	
	
	padding: 0 40px;*/
    color: white;
  }
  .top-bar ul li.name {
    background-image: url('../img/nav_verlauf.png');
    background-repeat: repeat-x;
    background-color: #FDE7C2; 
    width: 100%;
    padding-right: 0;
    /*background-color: #F39B09; */
  }

  ul.list-sicherheit li {
    line-height: 1.4em;
    padding-bottom: 0.5em;
  }
}

@media only screen and (max-width: 500px) {
  ul.plus-list li {
    line-height: 1.4em;
    padding-bottom: 0.5em;
  }
  .balken p{ font-size: 1.4em; }
}