body {
   font-family: "Lucida Bright", Georgia, serif;
   font-size: 16px;
   color: #919498;
   padding: 8px 0 36px;
}

hr {
   border: 0;
   color: #fff;
   background-color: #fff;
   height: 1px;
   margin-left: -12px;
   margin-right: -12px;
}

a {
   outline: 0!important;
}

a:link, a:visited {
   color: #919498;
   text-decoration: none;
}

a:hover, a:active {
   color: #f2b51c;
}

.navigation a:link, .navigation a:visited,
.highlight a:link, .highlight a:visited {
   color: #fff;
}

.navigation a:hover, .navigation a:active {
   color: #fff;
}

.highlight a:hover, .highlight a:active {
   color: #919498;
}

.console {
   font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace;
}

.mb-05 {
   margin-bottom: .5em;
}

.p-mb p {
   margin-bottom: 1em;
}

.container {
   position: relative;
   width: 94%;
   max-width: 1140px;
   margin: 0 auto;
}

h1, h2, h3, h4, h5, p {
   margin: 0;
   font-weight: normal;
   line-height: 1.2;
}

h1, h2.logotype {
   font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace;
   color: #f2b51c;
   font-size: 48px;
}

h2 {
   font-size: 18px;
}

h2.logotype {
   font-size: 48px;
   padding-top: 24px;
   margin-left: 12px;
}
#kontakt {
   font-size: 36px;
   margin-left: 10px;
   }

h2.header-mb {
   margin-bottom: 24px;
}

h3 {
   color: #fff;
}

h4 {
   font-size: 18px;
}

h5 {
   font-size: 16px;
}

.initials h4 {
   font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace;
}

.initials img {
   display: none;
}

.portrait img {
   width: 100%;
   height: auto;
}

.navigation {
   margin-bottom: 64px;
}

.navigation h3 {
   margin-left: 16px;
}

.coaching, .seminare {
   font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace;
   float: left;
   background: rgba(242,181,28,.5);
   width: 50%;
   padding: 6px 0;
}

.coaching {
   border-bottom-left-radius: 25px;
}

.seminare {
   background: #f2b51c;
   border-bottom-right-radius: 25px;
}

.links {
   margin: 36px 0 64px;
}

.links:after {content:" ";display:table}

.links a, .links span {
   display: inline-block;
   float: left;
}

.links .button {
   font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace;
   text-transform: uppercase;
   color: #f2b51c;
   border: 1px solid #f2b51c;
   border-radius: 5px;
   padding: 8px 8px 6px;
   float: right;
   margin-top: -6px;
}

.links .button:hover {
   background: #f1f1f1;
}

.highlight {
   color: #fff;
   background: #f2b51c;
   border-radius: 15px;
   padding: 12px;
   margin-bottom: 24px;
}

ul {
   list-style: disc outside none; 
   margin-left: 0; 
   padding-left: 1em;
   margin-bottom: 2em;
   line-height: 1.2;
}

@media (max-width:767px) {
   .links .button {
      float: left;
      margin-top: 2em;
      margin-bottom: 2em;
   }
   .content-block.highlight {
      clear: both;
   }
}

@media (min-width:768px) {
   body {
      font-size: 18px;
      padding: 24px 0 /*400px*/;
   }
   hr {
      margin-left: -24px;
      margin-right: -24px;
   }
   h1, h2 {
      margin-left: 3%;
   }
   h2 {
      font-size: 28px;
   }
   h2.header-mb {
      margin-bottom: 48px;
   }
   h2.logotype {
      padding-top: 48px;
   }
   #kontakt {
      margin-left: 22px;
   }
   h4 {
      font-size: 22px;
   }
   h5 {
      font-size: 22px;
   }
   .navigation {
      overflow: hidden;
      background: transparent url(../img/gelb.jpg) 50% 0 no-repeat;
      border-top-right-radius: 50px;
      height: 200px;
      margin-bottom: 24px;
   }
   .navigation h3 {
      font-size: 28px;
      margin-left: 24px;
   }
   .navigation a {
      display: inline-block;
      width: 200px;
      height: 200px;
   }
   .navigation a span {
      display: inline-block;
      margin-top: 165px;
   }
   .portrait {
      float: right;
      width: 235px;
      height: 200px;
   }
   .portrait img {
      margin-top: -33px;
   }
   .coaching, .seminare {
      overflow: hidden;
      border-radius: 25px;
      padding: 0;
      width: 200px;
      height: 200px;
   }
   .coaching {
      width: 220px;
      margin-left: 8%;
   }
   .seminare {
      margin-left: -35px;
   }
   .content-block {
      padding: 0 25px;
   }
   .indent {
      margin-left: 5.4%;
   }
   .links {
      margin: 48px 0 78px;
   }
   .highlight {
      padding: 24px;
      margin-bottom: 24px;
   }
   .initials {
      position: relative;
   }
   .initials img {
      display: block;
      position: absolute;
      top: -48px;
      right: 42px;
   }
   .impressum span {
      font-size: 14px;
   }
}

@media (min-width:992px) {
   h1, h2 {
      margin-left: 6%;
   }
   h2.header-mb {
      margin-bottom: 60px;
   }
   h4 {
      font-size: 30px;
   }
   .navigation {
      margin-bottom: 36px;
   }
   .coaching {
      margin-left: 16%;
   }
   .indent {
      margin-left: 12.25%;
   }
}

@media (min-width:1090px) {
   .navigation {
      height: 240px;
   }
   .navigation h3 {
      font-size: 36px;
      margin-left: 30px;
   }
   .navigation a {
      width: 245px;
      height: 240px;
   }
   .navigation a span {
      margin-top: 195px;
   }
   .portrait {
      width: 282px;
      height: 240px;
   }
   .portrait img {
      margin-top: -38px;
   }
   .coaching, .seminare {
      width: 245px;
      height: 240px;
   }
   .coaching {
      width: 265px;
   }
}

@media (min-width:1440px) {
   .container {
      width: 80%;
   }
   h2.header-mb {
      margin-bottom: 72px;
   }
   .navigation {
      height: 270px;
   }
   .navigation h3 {
      font-size: 40px;
      margin-left: 30px;
   }
   .navigation a {
      width: 95%;
      height: 270px;
   }
   .navigation a span {
      margin-top: 220px;
   }
   .portrait {
      width: 317px;
      height: 270px;
   }
   .portrait img {
      margin-top: -42px;
   }
   .coaching, .seminare {
      width: 36%;
      height: 270px;
   }
   .seminare {
      width: 33%;
   }
}