body {
  font-family: 'Dosis', 'Helvetica', 'Arial', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  border-top: 30px solid #171834;
}
h1 {
  font-size: 25.6px;
  color: #171834;
  font-weight: 400;
  line-height: 1.3 !important;
}
h2 {
  font-size: 19.2px;
  color: #171834;
  font-weight: 400;
}
h3 {
  font-size: 17.6px;
  color: #171834;
}
h4 {
  font-size: 16px;
  color: #333333;
  font-weight: 700;
}
a {
  color: #171834;
}
a:hover {
  color: #171834;
  text-decoration: none;
}
a.highlight {
  background: #f0f0f0;
  margin-left: 20px;
  position: relative;
}
.container {
  position: relative;
}
p {
  line-height: 1.5;
}
p.intro {
  font-size: 19.2px;
}
/*HEADER---------------------------------------------------------------------------------------------*/
header {
  position: relative;
  margin-bottom: 70px;
  /*	z-index: 1;*/
}
header .header-top {
  height: 100px;
  background: #f0f0f0;
  /*  z-index: 6;*/
}
header .header-top .container {
  position: relative;
  height: 75px;
}
header .header-top #logo a {
  position: absolute;
  background: url('../images/logo.png') no-repeat 0 0;
  top: 20px;
  left: 10px;
  z-index: 20;
  width: 290px;
  height: 90px;
}
header .header-bottom {
  height: 230px;
  background: #f0f0f0;
  z-index: 4;
  border-bottom: 3px solid #999;
}
header .header-bottom .container {
  position: relative;
  height: 230px;
}
header .header-bottom #image {
  position: absolute;
  background: url('../images/i_wolfgang_roth_2.png') no-repeat right bottom;
  height: 300px;
  width: 500px;
  bottom: 3px;
  right: 100px;
}
header .header-bottom #subline {
  position: absolute;
  top: 80px;
  left: 0;
  padding-left: 10px;
  font-size: 28.8px;
  font-weight: 300;
}
header .header-bottom #subline p {
  width: 350px;
  margin: 0;
}
header .header-bottom #button a {
  background: url('../images/button.svg') no-repeat top left;
  position: absolute;
  bottom: -10px;
  right: 106px;
  text-indent: -999em;
  cursor: pointer;
  width: 133px;
  height: 141px;
  z-index: 4;
}
header .header-bottom #button a:hover {
  background-position: bottom left;
}
header .header-bottom #button2 a {
  background: url('../images/button2.svg') no-repeat top left;
  position: absolute;
  bottom: -10px;
  right: 60px;
  text-indent: -999em;
  cursor: pointer;
  width: 140px;
  height: 150px;
  z-index: 4;
}
header .header-bottom #button2 a:hover {
  background-position: bottom left;
}
.no-svg .header-top #logo a {
  background: url('../images/logo.png') no-repeat 0 0;
}
.no-svg header .header-bottom #button {
  background: url('../images/button.png') no-repeat top left;
}
.no-svg header .header-bottom #button2 {
  background: url('../images/button2.png') no-repeat top left;
}
/*Nav-----------*/
header nav {
  margin: 10px 0 30px 0;
  position: absolute;
  top: 325px;
  font-weight: 500;
  z-index: 10;
}
header nav ul {
  margin-left: -5px;
  padding: 0;
}
header nav li {
  display: inline;
  zoom: 1;
  padding: 0;
  position: relative;
}
header nav li a {
  padding: 2px 5px 2px 5px;
  margin: 0 25px 0 0;
  color: #333333;
  border-left: 2px solid #f0f0f0;
  font-size: 17.6px;
}
header nav li a:hover {
  border-color: #171834;
  text-decoration: none;
  background: #ffffff;
}
header nav li ul {
  display: none;
  background: #ffffff;
  border-left: 2px solid #171834;
  position: absolute;
  top: 20px;
  left: 5px;
  width: 200px;
  padding: .3em 0;
}
header nav li ul li {
  display: block;
  padding: 2px 0;
}
header nav li ul li a {
  display: block;
  font-size: 14.4px;
  border: none;
  padding-left: 7px;
}
header nav li ul li a:hover {
  background: #f0f0f0;
}
header nav li:hover ul {
  display: block;
}
header nav li:hover a {
  border-color: #171834;
}
/*active*/
body#home li a.home,
body.coaching li a.coaching,
body#coaching_vorgehen li a.coaching_vorgehen,
body#wo_hilft_coaching li a.wo_hilft_coaching,
body.training li a.training,
body#training_vorgehen li a.training_vorgehen,
body#training_fuehrung li a.training_fuehrung,
body#training_vertrieb li a.training_vertrieb,
body#training_verhandlung li a.training_verhandlung,
body#p_profil li a.p_profil,
body#p_profil li a.p_ihr_profil,
body.p_profil li a.p_profil,
body#p_workshop li a.p_workshop,
body.angebot li a.angebot,
body#alleine_gruppe li a.alleine_gruppe,
body#potentialanalyse li a.potentialanalyse,
body#begleitung li a.begleitung,
body#telefoncoaching li a.telefoncoaching,
body#erste_gespraech li a.erste_gespraech,
body.ueber_mich li a.ueber_mich,
body#vita li a.vita,
body#referenzen li a.referenzen,
body#video li a.video,
body#presse li a.presse,
body#kontakt li a.kontakt {
  color: #171834;
  background: #f0f0f0;
}
/*Content-----------------------------------------------------------*/
#video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56%;
  padding-top: 30px;
  position: relative;
}
#video-wrapper iframe,
#video-wrapper object,
#video-wrapper embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
content {
  margin-top: 30px;
  z-index: 0;
}
ul.list {
  list-style: disc outside;
  margin: 10px 0;
  padding-left: 30px;
}
ul.referenzen {
  margin: 30px 0 0 0;
  padding: 0;
}
ul.referenzen li {
  width: 45%;
  margin: 0 10px 10px 0;
  list-style: none;
  padding: 15px 0;
  border: 1px solid #f0f0f0;
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
ul.list li {
  margin: 5px 0;
  padding: 0;
}
#rightcol {
  border-left: 5px solid #f0f0f0;
  position: relative;
  padding: 5px 0 5px 10px;
}
#rightcol #bq {
  height: 170px;
}
#rightcol blockquote {
  position: absolute;
  border: none;
  padding: 0;
}
#rightcol blockquote p {
  line-height: 1.5;
  font-style: oblique;
  font-size: 17.6px;
}
#rightcol nav {
  margin-bottom: 40px;
}
#rightcol nav ul {
  margin-left: -10px;
  padding-left: 10px;
  width: 250px;
}
#rightcol nav li {
  list-style: none;
}
#rightcol nav li a {
  list-style: none;
  color: #333333;
  margin: 2px 0 2px -12px;
  position: relative;
  padding: 2px 0 2px 12px;
  display: block;
}
#rightcol nav li a:hover {
  background: #f0f0f0 !important;
  border-left: 2px solid #171834;
  padding-left: 10px;
}
/*Form---*/
form .form-horizontal .control-label {
  text-align: left;
}
form .col-sm-2 {
  width: 8.667%;
}
form .form-horizontal .control-label {
  text-align: left;
}
form .form-control:focus {
  border-color: #333333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.075);
  outline: 0 none;
}
form .error {
  border-color: red;
}
form .error-message {
  color: red;
  font-weight: bold;
}
form fieldset legend {
  border: none;
  font-size: 17.6px;
  color: #171834;
  margin: 0;
  padding: 0;
  display: inline;
  width: auto;
}
form fieldset {
  border: 1px solid #f0f0f0;
  padding: 10px;
  margin: 40px 0;
}
/*Button----*/
.btn-primary {
  background-color: #A2A6B3;
  border: none;
  padding: 10px;
  text-transform: uppercase;
  margin-top: 20px;
}
.btn-primary a {
  color: #ffffff;
}
.btn-primary:hover {
  background-color: #434C66;
  border: none;
}
/*Box------*/
.box {
  /*  border-left: 2px solid @red;*/
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px dotted #333333;
}
.box:last-child {
  border-bottom: none;
}
.box h2 {
  margin-top: 0;
}
/*.box a{
 background: @gray-light;
 display: block;
 padding: 3px 10px;
 margin-left: -10px;
}*/
/*Footer-----------------------------------------------------------*/
footer {
  padding: 20px 0 30px 0;
  font-size: 14.4px;
  margin-top: 70px;
  background: #171834;
  height: 100%;
}
footer .top {
  display: none;
}
footer .col {
  float: left;
  margin-right: 50px;
}
footer .col.high {
  height: 250px;
}
footer .col:last-child {
  margin: 0;
}
footer h3 {
  margin-top: 0;
  font-weight: 400;
}
footer h3 a {
  color: #fff;
}
footer h3 a:hover {
  color: #ffffff;
}
footer ul {
  margin: 0;
  padding: 0 0 20px 0;
}
footer li {
  display: block;
  list-style: none;
  font-weight: 300;
  margin: 5px 0;
}
footer a {
  color: #A2A6B3;
}
footer a:hover {
  color: #fff;
}