/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 1, 2018 */

@font-face {
    font-family: Telex;
    src: url('fonts/telex-regular-webfont.eot');
    src: url('fonts/telex-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/telex-regular-webfont.woff2') format('woff2'),
         url('fonts/telex-regular-webfont.woff') format('woff'),
         url('fonts/telex-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Preloader #########################################################################################################*/

#floatingCirclesG {
  display: none;
  position: absolute;
  left: 230px;
  top: 207px;
  width: 56px;
  height: 56px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
}

.f_circleG {
  position:absolute;
  background-color:#FFFFFF;
  height:10px;
  width:10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -webkit-animation-name:f_fadeG;
  -webkit-animation-duration:1.1199999999999999s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  -moz-animation-name:f_fadeG;
  -moz-animation-duration:1.1199999999999999s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:linear;
  -o-animation-name:f_fadeG;
  -o-animation-duration:1.1199999999999999s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:linear;
  -ms-animation-name:f_fadeG;
  -ms-animation-duration:1.1199999999999999s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:linear;
}

#frotateG_01 {
  left:0;
  top:23px;
  -webkit-animation-delay:0.41999999999999993s;
  -moz-animation-delay:0.41999999999999993s;
  -o-animation-delay:0.41999999999999993s;
  -ms-animation-delay:0.41999999999999993s;
}

#frotateG_02 {
  left:7px;
  top:7px;
  -webkit-animation-delay:0.5599999999999999s;
  -moz-animation-delay:0.5599999999999999s;
  -o-animation-delay:0.5599999999999999s;
  -ms-animation-delay:0.5599999999999999s;
}

#frotateG_03 {
  left:23px;
  top:0;
  -webkit-animation-delay:0.7s;
  -moz-animation-delay:0.7s;
  -o-animation-delay:0.7s;
  -ms-animation-delay:0.7s;
}

#frotateG_04 {
  right:7px;
  top:7px;
  -webkit-animation-delay:0.8399999999999999s;
  -moz-animation-delay:0.8399999999999999s;
  -o-animation-delay:0.8399999999999999s;
  -ms-animation-delay:0.8399999999999999s;
}

#frotateG_05 {
  right:0;
  top:23px;
  -webkit-animation-delay:0.9799999999999999s;
  -moz-animation-delay:0.9799999999999999s;
  -o-animation-delay:0.9799999999999999s;
  -ms-animation-delay:0.9799999999999999s;
}

#frotateG_06 {
  right:7px;
  bottom:7px;
  -webkit-animation-delay:1.1199999999999999s;
  -moz-animation-delay:1.1199999999999999s;
  -o-animation-delay:1.1199999999999999s;
  -ms-animation-delay:1.1199999999999999s;
}

#frotateG_07 {
  left:23px;
  bottom:0;
  -webkit-animation-delay:1.26s;
  -moz-animation-delay:1.26s
}

#frotateG_08 {
  left:7px;
  bottom:7px;
  -webkit-animation-delay:1.4s;
  -moz-animation-delay:1.4s;
  -o-animation-delay:1.26s;
  -ms-animation-delay:1.26s;
}

#frotateG_08 {
  left:7px;
  bottom:7px;
  -webkit-animation-delay:1.4s;
  -moz-animation-delay:1.4s;
  -o-animation-delay:1.4s;
  -ms-animation-delay:1.4s;
}

@-webkit-keyframes f_fadeG {
  0% {
    background-color: #6b9fc2;
  }

  100% {
    background-color: #FFFFFF;
  }
}

@-moz-keyframes f_fadeG {
  0% {
    background-color: #6b9fc2;
  }

  100%{
    background-color: #FFFFFF;
  }
}

@-o-keyframes f_fadeG {
  0% {
    background-color: #6b9fc2;
  }

  100%{
    background-color: #FFFFFF;
  }
}

@-ms-keyframes f_fadeG {
  0% {
    background-color: #6b9fc2;
  }

  100% {
    background-color: #FFFFFF;
  }
}

/* Allgemeines #######################################################################################################*/

* {
  font-family: Telex, 'Trebuchet MS', sans-serif;
  font-size: 12px;
  line-height: 1.6em;
  color: #512e06;
}
html, body {
  width: 100%;
  height: 100%;
}
html {
  display: table;
}
body {
  margin: 0;
  background-color: #ffffff;
  display: table-cell;
  vertical-align: middle;
}
header, footer, section, aside, article, nav {
  display: block;
}
a img {
  border: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
h2, h3, p {
  margin: 0 0 10px 0;
  padding: 0;
}
h1, a#openContactForm1 {
  margin: 12px 0 3px;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  text-decoration: none;
}
.cv h1 {
  margin-top: 0;
}
.praxis article h1:first-child,
.aktuell article h1:first-child  {
  margin: 0 0 3px;
}

.videos article h1 {
  margin: 0 0 25px;
}

/*video,
.video-hint {
  margin-top: 25px;
}*/

video {
  margin-bottom: 25px;
}

.bold {
  font-family: Telex, 'Trebuchet MS', sans-serif;
  font-weight: 700;
}
a {
  color: #57889a;
  text-decoration: none;
  /*text-decoration: underline;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  -ms-transition: color 1s ease;
  -o-transition: color 1s ease;
  transition: color 1s ease;*/
}
a:hover {
  color: #512e06;
}
a:active, a:focus, input[type=radio] {
  outline: none;
}
/*img#aTempoHefte {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}*/

/* Hintergrund-Bild ##################################################################################################*/

#bg {
  position: fixed;
  top: 0;
  left: 0;
}
.bgwidth {
  width: 100%;
}
.bgheight {
  height: 100%;
}

/* allgemeine Layout-Elemente ########################################################################################*/

section#frame {
  position: relative;
  margin: -10px auto 0;
  width: 960px;
}
header {
  width: 960px;
  height: 101px;
  background-image: url('../img/navi.png');
}
nav#navLogo {
  position: absolute;
  top: 67px;
  left: 145px;
  width: 320px;
  text-align: center;
}
nav#navLogo a, nav#navRight a, span.active {
  color: #512e06;
  text-decoration: none;
  font-size: 14px;
}
nav#navLogo a:hover, nav#navRight a:hover, span.active {
  color: #c7ebff;
  text-shadow: 0px 0px 8px #512e06, 0px 0px 8px #512e06, 0px 0px 8px #512e06;
}
nav#navRight {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 302px;
  height: 101px;
  /*background-color: rgba(40, 40, 40, 0.4);*/
}
nav#navRight a, nav#navRight span.active {
  position: absolute;
  text-align: center;
  /*color: red;*/
}
a#navInfos, nav#navRight span#activeInfos {
  top: 67px;
  left: 0px;
  width: 55px;
}
a#navPraxis, nav#navRight span#activePraxis {
  top: 55px;
  left: 64px;
  width: 60px;
}
a#navCv, nav#navRight span#activeCv {
  top: 43px;
  left: 126px;
  width: 52px;
}
a#navKontakt, nav#navRight span#activeKontakt {
  top: 5px;
  left: 145px;
  width: 90px;
}
a#navLinks, nav#navRight span#activeLinks {
  top: 29px;
  left: 215px;
  width: 72px;
}
a#navInstr, nav#navRight span#activeInstr {
  top: 29px;
  left: -98px;
  width: 130px;
}
a#navImpressum, nav#navRight span#activeImpressum {
  top: 53px;
  left: 192px;
  width: 110px;
}
section#content {
  position: relative;
  width: 950px;
  min-height: 478px;
  padding: 4px 4px 0;
  border: 1px solid #ae875e;
  background-image: url('../img/transparentBeige.png');
  background-repeat: repeat;
  box-shadow: 0px 0px 25px #512e06;
  -webkit-box-shadow: 0px 0px 15px #512e06;
}
div#preloaderIe {
  display: none;
  position: absolute;
  top: 220px;
  left: 0px;
  text-align: center;
  width: 475px;
}
img#mainImage {
  float: left;
  width: 470px;
  height: 470px;
  border: 1px solid #512e06;
}
article {
  float: right;
  margin: 15px 25px 15px 0;
  width: 425px;
}
.cv article {
  margin-top: 7px;
}
ul {
  margin: -20px 0px 0px;
}
a#openContactForm1 {
  display: none;
}
img#info {
  position: absolute;
  top: 40px;
  right: -30px;
}
div.clear {
  clear: both;
}
span.imgHolder {
  width: 49%;
  margin: 5px 0 15px;
}
span.imgHolder img {
  border: 1px solid #512e06;
  width: 100%;
}

/* Kontaktformular ###################################################################################################*/

section#contactFormHolder {
  display: none;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 470px;
  height: 470px;
  border: 1px solid #512e06;
  background-image: url('../img/transparentBeige2.png');
  background-repeat: repeat;
}
a#close {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 32px;
  height: 32px;
  background-image: url('../img/close.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
}
a#close:hover {
  background-position: -32px 0px;
}
a#close:active {
  background-position: -64px 0px;
}
#contactForm {
  width: 400px;
  margin: 35px 0 0 35px;
  text-align: left;
}
#contactForm ol {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#contactForm ol li {
  padding: 0px;
  margin-bottom: 10px;
}
#contactForm input[type=text], #contactForm textarea {
  padding: 5px;
  width: 386px;
  color: #333333;
}
textarea {
  resize: none;
}
#contactForm input[type=button] {
  padding: 5px;
  color: #000000;
}
.data-privacy-hint {
  font-size: 10px;
}
.data-privacy-hint .email,
.data-privacy-hint a {
  font-size: inherit;
}

/* Impressum / Datenschutz #######################################################################*/

.imprint-privacy {
  text-align: center;
  margin-top: 5px;
}
.imprint-privacy a {
  color: #512e06;
}
.imprint-privacy a:first-child {
  margin-right: 15px;
}
.imprint-privacy a:hover {
  text-decoration: underline;
}
.page-imprint-privacy {
  padding-top: 40px;
}
.page-imprint-privacy #frame {
  padding-bottom: 50px;
}
.page-imprint-privacy section#content article {
  float: none;
  padding: 15px 25px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.page-imprint-privacy ul {
  margin: 0 0 10px;
}