@import url("//hello.myfonts.net/count/2a0ca2");

@font-face {
  font-family: 'Quan';
  src: url('/assets/fonts/quan/2A0CA2_0_0.eot');
  src: url('/assets/fonts/quan/2A0CA2_0_0.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/quan/2A0CA2_0_0.woff') format('woff'),
    url('/assets/fonts/quan/2A0CA2_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Quan';
  src: url('/assets/fonts/quan/2A0CA2_D_0.eot');
  src: url('/assets/fonts/quan/2A0CA2_D_0.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/quan/2A0CA2_D_0.woff') format('woff'),
    url('/assets/fonts/quan/2A0CA2_D_0.ttf') format('truetype');
  font-weight:600;
}
@font-face {
  font-family: 'Quan';
  src: url('/assets/fonts/quan/2A0CA2_17_0.eot');
  src: url('/assets/fonts/quan/2A0CA2_17_0.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/quan/2A0CA2_17_0.woff') format('woff'),
    url('/assets/fonts/quan/2A0CA2_17_0.ttf') format('truetype');
  font-weight:500;
  font-style:italic;
}
@font-face {
  font-family: 'Quan-BoldOblique';
  src: url('webfonts/2A0CA2_11_0.eot');
  src: url('webfonts/2A0CA2_11_0.eot?#iefix') format('embedded-opentype'),
    url('webfonts/2A0CA2_11_0.woff') format('woff'),
    url('webfonts/2A0CA2_11_0.ttf') format('truetype');
  font-weight:600;
  font-style:italic;
}




body {
  background:#2e3f4b;
}
h1,h2,h3,h4,h5,h6,p,ol,ul,dl,table,form,fieldset,object {
  margin:0 0 15px 0;
}
h1 {
  color:#fff;
  font-weight:normal;
  line-height:.9em;
}
h2 {
}
h3 {
  font-size:20px;
  line-height:24px;
  margin:0;
  font-weight:bold;
}
h4,h5,h6 {
}
a {
  transition:color .2s;
}
a:hover {
  color:#2e3f4b;
}
a[href^=tel] {
  color:#2e3f4b;
}
a.rarr {
  padding-right:15px;
  background:url(/assets/images/rarr.svg) no-repeat 100% 50%;
}
a.rarr:hover {
  background-image:url(/assets/images/rarr-blue.svg);
}

.main ul {
  margin:0 0 15px 0;
  padding:0;
  list-style:none;
}
.main ul li {
  margin:0;
  padding:0 0 0 20px;
  background:url(/assets/images/rarr.svg) no-repeat 0% 8px;
}

.container {
  max-width:949px;
}

.banner-container {
  border-bottom:solid #969fa5 1px;
  background:#fff;
}
.banner {
  position:relative;
}
.banner .banner-info {
  position:absolute;
  left:14.5px;
  top:110px;
  z-index:2;
}
.banner .banner-info .logo {
  margin:0 0 60px 0;
}
.banner .banner-info .name {
  color:#e9ba2e;
  font-weight:bold;
  text-transform:uppercase;
  margin:0 0 10px 0;
}
.banner .banner-info .title {
  font-style:italic;
}
.banner img.banner-image {
  width:100%;
  height:auto;
}

@media (max-width: 992px) {
  .banner .banner-info {
    font-size:18px;
    top:90px;
  }
  .banner .banner-info .logo {
    margin:0 0 30px 0;
  }
  .banner .banner-info .logo img {
    height:70px;
    width:auto;
  }
  .banner .banner-info .name {
    margin:0;
  }
}

@media (max-width: 768px) {
  .banner .banner-info {
    position:static;
    padding-top:80px;
  }
  .banner .banner-image {
    display:none;
  }
  .container-fluid {
    padding:0 20px;
  }
}

#nv-toggle {
  margin:19px 10px 0 0;
  padding:0;
  border:0;
  background:transparent;
  float:right;
  display:none;
  outline:0;
}
#nv-toggle img {
  width:24px;
  height:auto;
}

.nv-container {
  position:absolute;
  left:0;
  right:0;
  top:10px;
  min-height:50px;
  background:#2e3f4b;
}
.nv {
  text-transform:uppercase;
  font-size:18px;
  line-height:24px;
}
.nv ul {
  margin:0;
  padding:0;
  list-style:none;
  float:left;
}
.nv ul:first-child {
  border-left:solid #fff 1px;
}
.nv ul li {
  margin:0;
  padding:0;
  float:left;
  border-right:solid #fff 1px;
}
.nv ul li a {
  display:block;
  color:#fff;
  text-decoration:none;
  padding:19px 10px 7px 10px;
  transition:background .2s, color .2s;
}
.nv ul li a:hover {
  background:#e9ba2e;
  color:#fff;
}
.nv ul li.a1 a,
.nv ul li.s1 a {
  background:#e9ba2e;
  color:#fff;
}

.nv .nv-meta li a {
  color:#749fbd;
}
@media (max-width: 992px) {
  #nv-toggle {
    display:block;
  }
  .nv-container {
    z-index:9999;
    /*position:fixed;*/
  }
  .nv-container.open {
    /*box-shadow:0 10px 10px rgba(0,0,0,.7);*/
    border-bottom:solid #fff 1px;
  }
  .nv {
    display:none;
    padding:10px 0;
  }
  .nv ul {
    border:0 !important;
    float:none;
  }
  .nv ul li {
    float:none;
    border:0;
    margin:0 0 1px 0;
  }
}
@media (min-width: 993px) {
  .nv {
    display:block !important;
  }
}

.main-container {
  border-top:solid #fff 3px;
  background:#e9ba2e url(../assets/images/main-bg.png) repeat-x 50% 0;
}
.main {
  padding:65px 0;
}

.footer-container {
  background:#2e3f4b url(../assets/images/footer-bg.png) repeat-x 50% 0;
}
.footer {
  padding:70px 0;
  color:#fff;
  font-size:18px;
  line-height:24px;
}




.page-standard {}
.page-standard .page-headline {
  border-bottom:solid #2e3f4b 1px;
  margin:0 0 35px 0;
  padding:0 0 10px 80px;
  background:url(/assets/images/icon-head-about.png) 0 0 no-repeat;
}
.page-standard .page-headline h1 {
  margin:0 0 5px 0;
  padding:10px 0 0 0;
}
.page-standard .page-headline p {
  margin:0;
  font-size:24px;
  line-height:26px;
  font-style:italic;
}

/* Headline-Icons **********************/
.page-2 .page-standard .page-headline {
  background-image:url(/assets/images/icon-head-date.png);
}
.page-42 .page-standard .page-headline {
  background-image:url(/assets/images/icon-head-supervision.png);
}
.page-43 .page-standard .page-headline {
  background-image:url(/assets/images/icon-head-coaching.png);
}
.page-44 .page-standard .page-headline {
  background-image:url(/assets/images/icon-head-fortbildung.png);
}
.page-45 .page-standard .page-headline {
  background-image:url(/assets/images/icon-head-paartherapie.png);
}


.btn-container {
  padding:0 0 1px 0;
  border-bottom:solid #2e3f4b 1px;
  width:100%;
  max-width:235px;
}
.btn-container a {
  display:block;
  padding:8px 10px;
  background:#2e3f4b;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  box-sizing:border-box;
  width:100%;
}
.btn-container a .fa {
  font-size:18px;
  margin-right:3px;
}

/* Seite, Startseite
******************************/
.topics {
  margin:0 0 60px 0;
}
.topic {
  margin-bottom:10px;
}
.topic-box {
  border:solid #fff 1px;
  border-width:1px 1px 0 1px;
  padding:20px 10px;
  text-align:center;
}
.topic-box .icon {
  height:70px;
  background:url(/assets/images/icon-supervision.png) 50% 50% no-repeat;
}
.topic-box.topic-coaching .icon {
  background-image:url(/assets/images/icon-coaching.png);
}
.topic-box.topic-fortbildung .icon {
  background-image:url(/assets/images/icon-fortbildung.png);
}
.topic-box.topic-paartherapie .icon {
  background-image:url(/assets/images/icon-paartherapie.png);
}
.topic-box h2 {
  text-transform:uppercase;
  font-weight:bold;
  color:#fff;
  margin:0 0 35px 0;
  line-height:24px;
  height:48px;
}
.topic-box .desc {
  min-height:72px;
}

.topics .btn-container {
  border-color:#fff;
  width:100%;
  max-width:100%;
}
.topics .btn-container a {
  background:#fff;
  color:#2e3f4b;
  text-align:center;
  font-weight:bold;
}
.topics .btn-container a span {
  display:inline-block;
  padding:0 0 0 17px;
  background:url(/assets/images/rarr-blue.svg) 0 50% no-repeat;
}

@media (max-width: 992px) {
  .topic-box h2 {
    margin:0 0 15px 0;
    height:auto;
  }
  .topic-box .desc {
    min-height:0;
  }
}

/*
.articles-overview .article .article-inner {
  border:solid #fff 1px;
  margin:0 0 9px 0;
  padding:1em;
  text-align:center;
  text-transform:uppercase;
}
*/

.articles-news {}
.articles-news .article {
  border-bottom:solid #2e3f4b 1px;
  clear:both;
  margin:0 0 10px 0;
  padding:0 0 10px 0;
}
.articles-news .article .date {
  margin:0;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
}
.articles-news .article h2 {
  margin:0;
  font-size:20px;
}
.articles-news .article p {
  margin:0;
}

/* Jiggys
**************************/
.jiggy {
  margin:0 0 15px 0;
  font-size:18px;
  line-height:24px;
}
.jiggy-contact {
  position:relative;
  text-transform:uppercase;
}
.jiggy-contact-icon {
  width:76px;
  height:76px;
  line-height:76px;
  text-align:center;
  background:#000 url(../assets/images/icon-mail.png) 50% 50% no-repeat;
  border-radius:38px;
  position:absolute;
  left:20px;
  top:-100px;
}
.jiggy-contact a {
  color:#e9ba2e;
}
.jiggy-contact a[href^=tel] {
  color:#fff;
}


/* Formulare
**************************/
form p {
  clear:both;
  margin:0 0 10px 0;
}

fieldset {
  margin:0 0 15px 0;
  padding:0;
  border:0;
}
fieldset legend {
}

label.block,
span.label-block {
  display:block;
}
label.indent,
span.label-indent {
  width:170px;
  margin:0 10px 0 0;
  float:left;
}
.required label:after,
.required-span span.label:after,
.required-span span.label-indent:after,
.required-span span.label-block:after {
  content:'*';
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=date],
textarea {
  width:100%;
  margin:0;
  padding:3px 10px;
  border:0;
  background:#aab3b9;
  color:#192229;
  box-sizing:border-box;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number],:focus
input[type=password]:focus,
input[type=date]:focus,
textarea:focus {
  margin:0;
}
textarea {
  height:110px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #192229;
    text-transform:uppercase;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #192229;
   opacity:  1;
   text-transform:uppercase;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #192229;
   opacity:  1;
   text-transform:uppercase;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #192229;
   text-transform:uppercase;
}

input[type=submit] {
  display:inline-block;
  margin:0;
  padding:0;
  border:0;
  cursor:pointer;
  background:#4c687c;
  color:#fff;
  padding:3px 5px;
  text-transform:uppercase;
  text-align:center;
  width:100%;
  transition:background .2s;
}
input[type=submit]::-moz-focus-inner {
  border: 0;
}
input[type=submit]:hover {
  background-color:#3d5363;
}
.sendmail_emptyfield1 label,
label.sendmail_emptyfield1 {
  color:#f00;
}
.sendmail_emptyfield1 input.text,
input.sendmail_emptyfield1,
.sendmail_emptyfield1 textarea {
  border-color:#f00;
}
.message {
  background:#fff;
  padding:20px;
  margin:0 0 15px 0;
}