/*!
Theme Name: Frank Eckert Standard Theme
Theme URI: http://www.produktivbuero.de/
Description: The default Frank Eckert Wordpress Theme
Version: 1
Author: Produktivbüro | Sören Schumann
Tags: Frank Eckert, Produktivbüro, Sören Schumann, awesome

FRANK ECKERT Theme by Produktivbüro | S&ounl;ren Schumann || http://www.produktivbuero.de

*/
/*****************************************
	GLOBAL VARS
******************************************/
/*****************************************
	GENERAL STYLES
******************************************/
* {
  margin: 0;
  padding: 0;
  font-size: 100%; }

html {
  margin-top: 0px !important; }

* html body {
  margin-top: 0px !important; }

a img, a, img {
  border: none;
  margin: 0;
  padding: 0; }

body {
  font: 100%/1.5 serif;
  /* 16px */
  font-family: 'Roboto', Tahoma, Verdana, Arial, sans-serif;
  color: #333;
  background: #e6e6e6; }

.wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden; }

h1, h1 a,
h2, h2 a {
  padding-bottom: 1.125em;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.125em;
  color: #339966; }

h2, h2 a {
  padding: 1em 0 .5em;
  color: #333;
  font-size: 1.5em; }

h3, h3 a {
  padding: 1em 0 .5em;
  color: #333;
  font-size: 1.125em;
  font-weight: 400; }

a {
  color: #b97c59;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a.btn {
  margin-top: .5em;
  padding: .75em 2em;
  background: #339966;
  color: white;
  font-size: 1.125em;
  text-transform: uppercase;
  display: inline-block;
  -webkit-text-shadow: 0 1px black;
  -moz-text-shadow: 0 1px black;
  -ms-text-shadow: 0 1px black;
  text-shadow: 0 1px black;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  a.btn:hover {
    padding: .75em 2.5em;
    text-decoration: none; }

p {
  padding-bottom: 1em; }

img {
  max-width: 100% !important;
  height: auto; }

iframe {
  width: 100%;
  height: 300px; }

.alignleft {
  margin: 1em 1em 1em 0;
  float: left; }

.alignright {
  margin: 1em 0 1em 1em;
  float: right; }

.aligncenter {
  margin: 1em auto;
  display: block; }

/*****************************************
	CONTENT
******************************************/
#content {
  margin-bottom: 60px;
  padding: 60px;
  background: white; }
  #content p {
    font-size: .875em;
    font-weight: 200; }
  #content .meta {
    color: #999;
    font-style: italic; }
  #content .line {
    padding-bottom: 2em;
    clear: both; }
  #content article {
    display: block;
    overflow: hidden; }
    #content article ul {
      margin: 0 0 1em 2em;
      font-size: .875em;
      font-weight: 200; }
    #content article .wp-caption {
      max-width: 100% !important; }

.archive article h1, .archive article h1 a {
  padding: 0 0 .5em;
  font-size: 1.25em;
  color: #333; }

h1#references {
  float: left;
  display: inline-block; }

ul#ref-filter {
  margin-top: -3em;
  list-style-type: none;
  float: right; }
  ul#ref-filter li {
    margin-left: .125em;
    display: inline-block; }
    ul#ref-filter li a {
      padding: .5em .25em 0em .125em;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: .75em;
      font-weight: 300;
      display: block; }
      ul#ref-filter li a:hover {
        text-decoration: none;
        border-bottom: 2px solid #b97c59; }
      ul#ref-filter li a:before {
        margin-right: .5em;
        font-family: FontAwesome;
        font-size: 1em;
        content: '\f0f6'; }
      ul#ref-filter li a#show-pressemitteilungen:before {
        content: "\f1d8"; }
      ul#ref-filter li a#show-webseitentexte:before {
        content: "\f109"; }
      ul#ref-filter li a#show-publikationen:before {
        content: "\f10e"; }
      ul#ref-filter li a#show-social-web:before {
        content: "\f135"; }

.term-pressemitteilungen ul#ref-filter a#show-pressemitteilungen,
.term-webseitentexte ul#ref-filter a#show-webseitentexte,
.term-publikationen ul#ref-filter a#show-publikationen,
.term-social-web ul#ref-filter a#show-social-web {
  border-bottom: 2px solid #b97c59; }

.ic-headline {
  width: 1.5em;
  margin-right: 0em;
  padding: .125em;
  font-family: FontAwesome;
  font-size: .75em;
  color: #999;
  content: '\f0f6';
  display: inline-block; }
  .ic-headline.pressemitteilungen:before {
    content: "\f1d8"; }
  .ic-headline.webseitentexte:before {
    font-size: 1.125em;
    content: "\f109"; }
  .ic-headline.publikationen:before {
    content: "\f10e"; }
  .ic-headline.social-web:before {
    font-size: 1.125em;
    content: "\f135"; }

/*****************************************
	SLIDER
******************************************/
#slider {
  margin-bottom: 60px;
  overflow: hidden;
  background: #fff; }
  #slider .container {
    position: absolute;
    z-index: 99;
    max-width: 50%;
    margin: 160px 0 0 60px;
    padding: 0px 20px 0px;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden; }
    #slider .container p {
      padding: 0 0 1em;
      font-size: .875em; }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; }

/*****************************************
	FOOTER
******************************************/
footer#main-footer {
  padding: 30px 0 20px;
  background: #ccc; }
  footer#main-footer span.headline {
    padding-bottom: 1em;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: .875em;
    font-weight: 400;
    display: block; }
  footer#main-footer p {
    font-size: .75em;
    font-weight: 200; }
  footer#main-footer a {
    color: #333; }
  footer#main-footer #menu-footer-navigation {
    float: right; }
    footer#main-footer #menu-footer-navigation li {
      list-style-type: none;
      float: left;
      display: inline; }
      footer#main-footer #menu-footer-navigation li a {
        padding: 5px 3px;
        font-size: .75em;
        display: block; }
  footer#main-footer .social-links .fa {
    width: 1.5em;
    font-size: 1.25em; }
  footer#main-footer .social-links span {
    line-height: 2em; }

/*****************************************
	HEADER
******************************************/
header#main-header {
  margin: 0 0 30px;
  background: #fff;
  display: block;
  overflow: hidden; }
  header#main-header #logo {
    margin: 25px 0 0 30px;
    display: block;
    float: left; }
  header#main-header #menu-haupt-navigation {
    margin: 85px 10px 0 0;
    padding: 0 0 10px;
    float: right;
    list-style-type: none; }
    header#main-header #menu-haupt-navigation li {
      display: inline; }
      header#main-header #menu-haupt-navigation li a {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1em;
        color: #333;
        padding: 5px 10px;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
        header#main-header #menu-haupt-navigation li a:hover {
          color: white;
          text-decoration: none;
          background: #339966;
          -webkit-transition: all 0.5s ease-in-out 0s;
          -moz-transition: all 0.5s ease-in-out 0s;
          -ms-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
    header#main-header #menu-haupt-navigation .current-menu-item a {
      color: white;
      text-decoration: none;
      background: #339966; }

.tax-referenzen_category li#menu-item-18 a,
.single-referenzen li#menu-item-18 a {
  color: white !important;
  text-decoration: none;
  background: #339966; }

/*****************************************
	COLUMNS
******************************************/
.two-col {
  clear: both;
  overflow: hidden; }

.two-col > * {
  width: 45%;
  float: left;
  margin-right: 5%; }

.two-col > *:nth-child(2n + 2) {
  margin-right: 0;
  float: right; }

/*****************************************
	RESOSNIVE
******************************************/
@media screen and (max-width: 960px) {
  .wrapper {
    width: 100%; }

  #content {
    padding: 60px 30px 60px; }

  footer#main-footer {
    padding: 30px 30px 20px; }

  header#main-header #logo {
    width: 200px;
    margin: 25px 0 0 30px; }
  header#main-header #menu-haupt-navigation {
    margin: 65px 10px 0 0; }
    header#main-header #menu-haupt-navigation li a {
      padding: 5px; }

  #slider .container {
    max-width: 50%;
    margin: 40px 0 0 40px;
    padding: 0px 20px 0px;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden; } }
@media screen and (max-width: 760px) {
  a.btn {
    font-size: .875em; }

  header#main-header {
    width: 100%;
    text-align: center; }
    header#main-header #logo {
      width: 200px;
      margin: 25px auto 0 auto;
      float: none; }
    header#main-header #menu-haupt-navigation {
      margin: 1em 0 0;
      text-align: center;
      float: none; }
      header#main-header #menu-haupt-navigation li a {
        padding: 5px 10px; }

  #content {
    padding: 60px 4% 60px; }

  footer#main-footer {
    padding: 30px 4% 20px; }

  h1#references {
    text-align: center;
    float: none;
    display: block; }

  ul#ref-filter {
    width: 100%;
    text-align: center;
    margin: 0em 0 2em;
    float: none;
    display: block; }
    ul#ref-filter li {
      margin-left: .125em;
      display: inline-block; }

  .two-col .two-col > * {
    width: 100%; } }
@media screen and (max-width: 640px) {
  .two-col > * {
    width: 100%;
    float: none;
    margin: 0 0 3em; }

  .two-col .two-col > * {
    width: 100%;
    float: none;
    margin: 0 0 0em; }

  #slider .container {
    max-width: 80%;
    margin-left: 10%;
    margin-right: 10%; } }
@media screen and (max-width: 500px) {
  .two-col > * {
    width: 100%;
    float: none;
    margin: 0 0 3em; }

  .two-col .two-col > * {
    width: 100%;
    float: none;
    margin: 0 0 0em; }

  #slider .container {
    position: relative;
    margin-top: 200px; } }