.blog .content-area:before {
	content:"Wie?"; font: 300 5rem/5rem "alegreyaregular",serif;
    text-shadow: 0 1px 0 #fff; display: block; margin-bottom:7%;
}

.blog .site-main:before { 
	content:"Referenzen"; font: inherit; 
    display: block; margin-bottom:27%;
}

#page a {
    color: #d35400;
}

#page a:hover {
    color: #d35400; font-weight: bold; !important;
}

#cookieChoiceInfo a {
    color: #d35400 !important;
}

#cookieChoiceInfo a:hover {
    color: #d35400; font-weight: bold; !important;
}
.site-main a:hover, a:active, h1 a:hover, h2 a:hover  {
    color: #d35400; font-weight: bold; !important
}

h2.site-description {
    color: #d35400;
}

h1.site-title, h1.site-title a {
    color: #404040 !important;
}


.fa-github-square::before {

    content: "" !important;

}

.readmore {
  font-size: 1.8rem !important;
  
}

h4 {
  font-weight: normal !important;
  
}

.wp-post-navigation div a::after {
    color: #d35400 !important;
    font-size: 3rem;
}

.wp-post-navigation div {
    font-size: 1.3rem;
    font-style: italic;
}

.post-navigation {
    display: none;
}

article {
    border-bottom: none !important;
}

.single div#primary.content-area, section#primary.content-area {
    padding-top: 34%;
}

.single .category-referenzen:before {
    content: "Referenzen" !important;
    position: relative;
    top:-4.5em;
    font: 300 5rem/5rem "alegreyaregular",serif;
    text-shadow:0 1px 0 #fff;
}

.category-blog:before {
    content: "Blog" !important;
      position: relative;
    top:-4.5em;
    font: 300 5rem/5rem "alegreyaregular",serif;
    text-shadow:0 1px 0 #fff;
}

.entry-content img {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    padding: 1rem;
}

.add_posts img {
    pointer-events: none;
}

.widget-area aside {
    background: transparent;
    margin-bottom: 0% !important;
}

div#secondary.widget-area {
    margin: 0rem 0rem;
    line-height: 2rem;
}

.widget {
    margin-top: 0rem;
}

.shariff span {
    color: white;
}

.main-navigation .current_page_ancestor {
    background: none;
}

@media screen and (min-width : 1024px) and (max-width : 1400px) {
  body.custom-background {
    background-size: 100% !important;
  }
}

@media screen and (min-width : 1024px) {
  div.author-image {
    display: none !important;
	}
  #disclaimer {
    padding-bottom: 6rem;
  }
}

@media screen and (max-width : 1023px) {
  body.custom-background {
    background-image: none !important;
  }
  div.site-branding {
    margin-bottom: 0rem !important;
    padding: 0rem 0 0 0rem !important;
  }
  #disclaimer {
    padding-bottom: 0px !important;
	}
  .header-separator {
    display: none !important;
	}
  .page {
    padding-top: 0px !important;
	}
  .single .category-referenzen::before {
    display: none !important;
  }
  .single div#primary.content-area, section#primary.content-area {
    padding-top: 1px;
   }
  .blog .content-area:before {
	font: 300 4rem/4rem "alegreyaregular",serif !important;
  }
  h1 {
    font: 300 4rem/4rem "alegreyaregular",serif !important;
  }
 @media screen and (max-width : 640px) {
  html {
    font-size: 57% !important;
  }
}