/**********************
* IPHOS
**********************/
/**********************
* FONT: Good Times
**********************/
@font-face {
    font-family: 'good_timesregular';
    src: url('/wp-content/themes/unik/fonts/goodtime-webfont.eot');
    src: url('/wp-content/themes/unik/fonts/goodtime-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/unik/fonts/goodtime-webfont.woff2') format('woff2'),
         url('/wp-content/themes/unik/fonts/goodtime-webfont.woff') format('woff'),
         url('/wp-content/themes/unik/fonts/goodtime-webfont.ttf') format('truetype'),
         url('/wp-content/themes/unik/fonts/goodtime-webfont.svg#good_timesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/**********************
* ALLGEMEIN (p Tags sind seltsamerweise falsch vom Theme formatiert worden)
**********************/
p { margin: 0 0 20px; }

.unik_pageinner {
  background-color: transparent;
padding: 0px;
}

.box-section {
   color: #3d3d3d;
   font-size: 17px;
}

.box-section h1 {
   color: #55867a;
   text-transform: none;
}
.banner-section.box-section h1 {
   color: #ffffff
}
.banner-section.box-section h1 span {
   background-color: transparent;
}
.banner {
   margin-bottom: 0;
   min-height: 80px;
}

.box-section h2 {
   font-size: 24px;
   text-transform: none;
}
.box-section h3 {
   font-size: 22px
}
.box-section h4 {
   font-size: 20px
}

/* Testamonial */
.testimonial-section .message-content {
    margin-left: 200px;
}
.testimonial-section img {
    padding-top: 10px;
    margin-top: 50px;
}

/* Bilder im Accordion (Curriculum vitae) */
.accord-content img {
    margin-top: 5px;
    max-width: 50%;
}
@media only screen and (max-width: 991px) {
  .accord-content img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
/* für die Zitate */
.wpb_content_element.wpb_text_column {
    margin-bottom: 0px;
}

/* AKTUELLES */
.vc_separator.fa:before {
    display: block;
    margin: 0 10px 0 0;
    font-size: 24px;
}
.vc_separator.fa {
    margin-top: 30px;
    margin-bottom: 5px;
    padding-right: 30px;
}
/* grüner Balken links in den Boxen */
.box-section.saw-left-border {
    box-shadow: inset 5px 0px 0px 0px #55867a;
}

/**********************
* POSTS - Übersicht
**********************/
.post-format {
    display: none;
}

/**********************
* Left Widget (KONTAKT)
**********************/
.sidebar-section p, .sidebar-section {
    font-family: Roboto, sans-serif;
}

/**********************
* MENU
**********************/
header .header-logo {
  padding-top: 0px;
}
header .main-menu > li.iphos-menu a {
  padding: 11px 18px;
  /*font-family: 'good_timesregular';*/
}
header .main-menu > li.iphos-menu:before,
header .main-menu > li.iphos-menu-h:before {
  content: "H";
  height: 100%;
  width: 50px;
  display: block;
  position: absolute;
  background-color: #000000;
  top: 0;
  color: #ffffff;
  z-index: 100;
  text-align: center;
  line-height: 52px;
  font-size: 30px;
  font-family: 'good_timesregular';
}
header .main-menu > li.iphos-menu-c:before {
  content: "C";
}
header .main-menu > li.iphos-menu-s:before {
  content: "S";
}
header .main-menu > li.iphos-menu-w:before {
  content: "W";
}
header .main-menu > li.iphos-menu-a:before {
  content: "A";
}
header .main-menu > li.iphos-menu-r:before {
  content: "R";
}
header .main-menu > li.iphos-menu-z:before {
  content: "Z";
}

header .main-menu > li.iphos-menu.current-page-ancestor:before,
header .main-menu > li.iphos-menu:hover:before,
header .main-menu > li.iphos-menu.active:before {
  background-color: #ffffff;
  color: #000000;
}
header .main-menu > li.iphos-menu > a {
  padding-left: 70px !important;
  background-color: #ffffff;
}
header .main-menu > li.iphos-menu.current-page-ancestor a,
header .main-menu > li.iphos-menu:hover a {
  background-color: #000000;
  color: #ffffff !important;
}

ul.main-menu li.iphos-menu.active>a, 
ul.main-menu ul li.iphos-menu.current-menu-parent>a,
header .main-menu > li.iphos-menu > a,
header .main-menu > li.iphos-menu > a.active, 
header .main-menu > li.iphos-menu a:hover {
    border-left: 5px solid #55867A;
}