/*!
Theme Name: golsni21
Theme URI: http://underscores.me/
Author: Karsten Geisler
Author URI: http://karsten-geisler.de
Description: portfolio, clean, responsive
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: golsni16
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

golsni18 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

p {
  margin-bottom: 1.5em;
  width: 100%; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue; }
  a:visited {
    color: purple; }
  a:hover, a:focus, a:active {
    color: midnightblue; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0; }
  .main-navigation ul ul {
    float: left;
    position: absolute;
    top: 1.75em;
    left: -999em;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.9); }
    .main-navigation ul ul ul {
      left: -999em;
      top: 0; }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
      left: 100%; }
    .main-navigation ul ul a {
      width: 200px; }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: auto; }

.main-navigation li {
  float: left;
  position: relative; }

.main-navigation a {
  font-size: .75em;
  color: #333;
  display: block;
  text-decoration: none;
  padding-left: .5em;
  padding-right: .5em;
  padding-top: .5em;
  padding-bottom: .5em; }
  .main-navigation a:hover {
    color: #EE9821; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*// @import "../layout/content-sidebar";
// @import "../layout/sidebar-content";*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 1% 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.site-header {
  height: 135px;
  z-index: 100;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  max-width: 960px; }

.site-title {
  display: inline-block;
  float: left;
  font-size: 1em;
  text-indent: -9999px; }

.site-description {
  text-indent: -9999px;
  display: inline-block;
  position: absolute; }

#telnr {
  position: absolute; }
  #telnr a {
    color: #EE9821; }

.main-navigation {
  font-size: 21px;
  display: inline-block;
  margin-top: 52px;
  float: right;
  margin-right: 1em; }

.menu-toggle {
  text-indent: -9999px;
  height: 40px;
  width: 40px;
  background: url("img/hamburger-icon.gif") no-repeat;
  border: 1px solid #EE9821;
  border-radius: 5px;
  float: right;
  margin-top: 20px;
  margin-right: 10px; }

.site {
  max-width: 960px;
  margin: 0 auto; }

#content {
  margin-top: 150px; }

.entry-content,
.site-content,
.site-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .entry-content a,
  .site-content a,
  .site-main a {
    transition: all .5s ease-in-out;
    color: #666;
    text-decoration: none; }
    .entry-content a:hover,
    .site-content a:hover,
    .site-main a:hover {
      color: #EE9821 !important; }

.post_home {
  float: left;
  box-sizing: border-box; }
  .post_home h2 {
    font-size: 11px;
    font-weight: bold; }
  .post_home img {
    height: auto;
    max-width: 100%;
    display: block; }

.thumb {
  display: block;
  margin-bottom: 5px;
  position: relative;
  color: #eee;
  overflow: hidden; }
  .thumb img {
    height: auto;
    max-width: 100%;
    transition: all .5s ease-in-out;
    display: block; }
  .thumb:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

.content {
  float: left; }

#show {
  width: 785px;
  overflow: hidden;
  margin-bottom: 10px; }

#show img {
  cursor: pointer;
  height: auto !important; }

#show_nav a {
  font-size: 11px;
  color: #666;
  text-decoration: none;
  margin-right: 10px; }

#show_nav a:hover, #show_nav .activeSlide {
  color: #EE9821; }

.fixed {
  position: fixed; }

#primary-menu > .current-menu-item {
  font-weight: bold; }

.sub-menu {
  font-weight: normal; }

.current-menu-parent > a,
.current-menu-item > a {
  color: #EE9821; }

.current-menu-ancestor > a {
  font-weight: bold; }

.l_col {
  margin-left: 15px;
  float: left; }

.post_portfolio {
  margin-bottom: 1em; }
  .post_portfolio h2 {
    margin-top: 0; }

.taxonomy-description, .zweiter-content,
footer {
  margin-left: 1.2%;
  margin-right: 1.2%; }

#primary,
.recent {
  width: 100%; }

footer {
  border-top: 1px solid #000000;
  font-size: 11px; }
  footer p {
    display: inline; }
  footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  footer li {
    display: inline; }
  footer a {
    font-size: inherit;
    color: #000; }

.menu-rechtliches-container,
#menu-rechtliches {
  display: inline; }

.recent {
  display: flex;
  flex-wrap: wrap; }
  .recent h3 {
    font-size: inherit !important; }
  .recent p {
    font-size: inherit;
    margin-left: 0 !important; }

.categoryintro {
  margin-left: 1%;
  margin-right: 1%; }
  .categoryintro p {
    font-size: inherit !important; }

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden; }

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cookie-notice {
  min-width: 25%;
  max-width: 100px;
  left: auto;
  right: 0;
  float: right; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# Originalstyles of portfolium
--------------------------------------------------------------*/
/*
* aus portfolium kopierte styles
*/
/*** Header ***/
.header {
  margin-bottom: 25px;
  padding-top: 45px; }

.logo {
  font-size: 19px;
  line-height: 0.95;
  width: 145px;
  height: 108px;
  padding: 0 0 0px 15px;
  margin-top: -18px;
  float: left;
  position: relative; }

.logo a {
  color: #333;
  text-decoration: none;
  position: absolute;
  bottom: 12px; }

.logo a:hover {
  color: #EE9821; }

/*** Content ***/
.middle {
  padding: 0 15px 21px 0; }

.container {
  padding-bottom: 100px;
  width: 100%; }

.categoryintro {
  width: 100%;
  float: none;
  margin: 0 1%; }

.categoryintro p {
  color: #333;
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 12px; }

#show {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 10px; }

#show img {
  cursor: pointer;
  width: 100%;
  overflow: hidden; }

#show_nav a {
  font-size: 11px;
  color: #666;
  text-decoration: none;
  margin-right: 10px; }

#show_nav a:hover, #show_nav .activeSlide {
  color: #EE9821; }

.thumb img {
  display: block; }

.thumb span {
  display: block;
  width: 145px;
  height: 145px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff; }

.post_home h2 {
  font-size: 11px;
  font-weight: bold; }

.post_home h2 a {
  color: #666;
  text-decoration: none; }

.post_home h2 a:hover {
  color: #EE9821 !important; }

.recent h3 {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin: 0 0 15px 1%;
  padding-bottom: 10px;
  border-bottom: 1px solid #4d4d4d; }

.page_meta {
  height: 100px; }

.page_meta a {
  color: #333;
  text-decoration: none; }

.page_meta a:hover {
  color: #EE9821; }

.rss, .tags, .search {
  width: 145px;
  height: 100px;
  float: left;
  margin-left: 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 85px;
  color: #333;
  border-bottom: 1px solid #4d4d4d; }

.heading {
  width: 465px;
  height: 100px;
  float: left;
  margin-left: 15px;
  font-size: 31px;
  font-weight: bold;
  line-height: 85px;
  color: #333;
  border-bottom: 1px solid #4d4d4d; }

.tags {
  position: relative; }

.tags a {
  background: url("i/tags.gif") 100% 50% no-repeat;
  padding-right: 10px; }

.tags a:hover {
  background: url("i/tags.gif") 100% 50% no-repeat; }

.taglist {
  margin-top: 16px;
  background: #eee;
  position: absolute;
  left: -15px;
  width: 145px;
  padding: 15px 0 15px 15px;
  visibility: hidden; }

.taglist li {
  line-height: 1.5; }

.taglist li a {
  color: #333 !important;
  background: none !important;
  font-weight: normal;
  display: block; }

.taglist li a:hover {
  color: #EE9821 !important; }

.tags .jsddm_hover a {
  color: #EE9821;
  background: url("i/tags.gif") 100% 50% no-repeat;
  padding-right: 10px; }

.search input {
  background: none;
  border: none;
  color: #333;
  font: bold 11px Helvetica, Arial, sans-serif;
  width: 145px; }

.post_list, .post_single {
  padding: 30px 0 45px;
  background: url("i/post_list.gif") 0 100% no-repeat; }

.post_single {
  background: none; }

.post_list a, .post_single a {
  color: #EE9821;
  text-decoration: none; }

.post_list a:hover, .post_single a:hover {
  text-decoration: underline; }

.post_list h2, .post_single h2 {
  font-size: 26px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 15px;
  padding-left: 175px; }

.page h2 {
  padding-left: 0; }

.post_list h2 a, .post_single h2 a, .page h2 a {
  color: #333333;
  text-decoration: none; }

.post_list h2 a:hover, .post_single h2 a:hover, .page h2 a:hover {
  color: #EE9821;
  text-decoration: none; }

.post_list_meta, .post_single_meta {
  width: 145px;
  margin-left: 15px;
  float: left; }

.post_list_meta p, .post_single_meta p, .post_share {
  color: #333;
  font-size: 11px;
  margin-bottom: 11px;
  line-height: 1.7; }

.post_date {
  margin-bottom: 0 !important; }

.post_share {
  line-height: normal; }

.sharelist {
  display: none;
  margin-top: 11px; }

.sharelist li {
  margin-bottom: 3px; }

.post_content {
  width: 785px;
  margin-left: 15px;
  float: left; }

.more {
  margin-bottom: 0;
  font-weight: bold; }

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {
  color: #333333;
  margin: 15px 0;
  font-weight: normal; }

.post_content h1, .post_content h2 {
  font-size: 26px; }

.post_content h3 {
  font-size: 24px; }

.post_content h4 {
  font-size: 22px; }

.post_content h5 {
  font-size: 20px; }

.post_content h6 {
  font-size: 18px; }

.post_content p {
  color: #333333;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 12px; }

.post_content a {
  color: #EE9821; }

.post_content a:hover {
  text-decoration: none; }

.post_content ul, .post_content ol {
  margin-bottom: 12px;
  padding-left: 40px; }

.post_content li {
  color: #333333;
  font-size: 12px;
  line-height: 1.5; }

.post_content ul li {
  list-style: circle; }

.post_content ol li {
  list-style: decimal; }

.post_content blockquote {
  color: #333;
  font: italic 16px Georgia, Geneva, "Times New Roman", times;
  padding-left: 70px;
  margin: 15px 0; }

.post_content blockquote p {
  color: #333;
  font: italic 16px Georgia, Geneva, "Times New Roman", times; }

/*** Images ***/
.post_content img {
  margin: 0;
  height: auto;
  max-width: 785px;
  width: auto; }

.post_content .attachment img {
  max-width: 785px; }

.post_content .alignleft, .post_content img.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
  margin-top: 4px; }

.post_content .alignright, .post_content img.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
  margin-top: 4px; }

.post_content .aligncenter, .post_content img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter {
  margin-bottom: 12px; }

.post_content .wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 20px;
  padding: 4px;
  text-align: center; }

.post_content .wp-caption img {
  margin: 5px 5px 0; }

.post_content .wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px; }

.post_content .wp-smiley {
  margin: 0; }

.post_content .gallery {
  margin: 0 auto 18px; }

.post_content .gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%; }

.post_content .gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 15px; }

.post_content .gallery dl {
  margin: 0; }

.post_content .gallery br + br {
  display: none; }

.post_content .attachment img {
  /* single attachment images should be centered */
  display: block;
  margin: 0 auto; }

/*** Pagination ***/
.pagination {
  padding: 15px 0 15px 15px; }

.pagination_ctrl {
  height: 30px;
  width: 145px;
  float: left;
  background: url("i/pagination_ctrl.gif") 50% 50% no-repeat;
  position: relative; }

.nextpostslink, .previouspostslink {
  display: block;
  width: 63px;
  height: 30px;
  position: absolute; }

.nextpostslink {
  background: url("i/pagination_arr.gif") 100% 10px no-repeat;
  right: 7px; }

.previouspostslink {
  background: url("i/pagination_arr.gif") 0 10px no-repeat;
  left: 7px; }

.nextpostslink:hover {
  background-position: 100% -39px; }

.previouspostslink:hover {
  background-position: 0 -39px; }

.pagination_pages {
  height: 30px;
  line-height: 30px;
  float: right;
  margin-left: 15px; }

.pagination_pages a, .pagination_pages span {
  margin: 0 6px;
  padding: 5px;
  color: #EE9821;
  text-decoration: none;
  font-size: 11px; }

.pagination_pages a:hover {
  text-decoration: underline; }

.pagination_pages .current {
  color: #333; }

/*** Left column ***/
.l_col {
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%; }

.post_divider {
  font-size: 11px;
  color: #666; }

.l_col .post_portfolio a {
  color: #EE9821;
  text-decoration: none; }

.l_col .post_portfolio a:hover {
  text-decoration: underline; }

/*** Footer ***/
.footer {
  width: 975px;
  position: relative;
  margin: -61px 0 0;
  padding-left: 30px; }

.footer {
  margin: 0 auto !important;
  padding-left: 0 !important; }

.footer_inn {
  margin: 0 15px;
  border-top: 1px solid #4d4d4d;
  height: 36px;
  padding-top: 10px; }

.footer p {
  font-size: 11px;
  color: #333; }

.footer_inn a {
  color: #333;
  text-decoration: none; }

.footer_inn a:hover {
  color: #EE9821; }

/*--------------------------------------------------------------
# Media-queries
--------------------------------------------------------------*/
/*
* Standard < 485
* ---------------------------------------------------------------
*/
@media screen and (max-width: 485px) {
  #telnr {
    top: 70px;
    left: 68px; } }

/*
* Standard 485px > < 835
* ---------------------------------------------------------------
*/
@media screen and (min-width: 485px) and (max-width: 835px) {
  #telnr {
    top: 30px;
    left: 220px; } }

/*
* Standard < 835
* ---------------------------------------------------------------
*/
@media screen and (max-width: 835px) {
  #primary-menu {
    left: 0;
    top: 70px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    background: #fff; }
    #primary-menu li {
      float: none;
      display: block; }
      #primary-menu li a {
        width: 100%; }
    #primary-menu ul,
    #primary-menu ul ul {
      left: 0;
      float: none;
      position: relative;
      top: 0; }
      #primary-menu ul a,
      #primary-menu ul ul a {
        width: 100%; }
    #primary-menu a {
      padding: .5em 1.5em .5em 2em;
      width: 100%;
      border-bottom: 1px dotted grey; }
    #primary-menu ul a {
      padding-left: 3.5em !important; }
  #content {
    margin-top: 110px; }
  .content {
    margin-top: 60px;
    width: 100%;
    float: none; }
  .site-header {
    height: 100px; }
  .site-title {
    background: url("img/logo-goldschmiede-nicolaysen-tall.png") no-repeat;
    background-size: contain;
    height: 47px;
    width: 193px;
    margin-top: 15px;
    margin-left: 15px; }
  .main-navigation {
    margin-top: 10px;
    left: 0;
    right: 0;
    width: 100%;
    margin-right: 0; }
  .clear-md {
    clear: both; } }

/*
* Standard < 836
* ---------------------------------------------------------------
*/
@media only screen and (min-width: 836px) {
  .main-navigation ul {
    display: block; }
    .main-navigation ul li {
      display: block;
      float: left; }
  #primary-menu {
    display: block !important; }
  .menu-toggle {
    display: none; }
  .site-title {
    background: url("img/logo.png") no-repeat;
    height: 108px;
    width: 145px;
    margin-top: 15px;
    margin-left: 15px; }
  #telnr {
    top: 60px;
    left: 220px; }
  .display-none {
    display: none; } }

/*
* THUMBS
* ---------------------------------------------------------------
/*

/*
* thumbs Standard < 800px
* ---------------------------------------------------------------
*/
@media only screen and (max-width: 800px) {
  .content {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%; } }

/*
* thumbs Standard < 300px
* ---------------------------------------------------------------
*/
@media only screen and (max-width: 300px) {
  .post_home {
    margin: 0 1% 30px 1%;
    width: 48%; }
  .clear-2 {
    clear: both; } }

/*
* thumbs Standard 301 <  < 400px
* ---------------------------------------------------------------
*/
@media only screen and (min-width: 301px) and (max-width: 400px) {
  .post_home {
    margin: 0 1.2% 15px 1.37254901960784%;
    width: 30%; }
  .clear-3 {
    clear: both; } }

/*
* thumbs Standard 401 <  < 600px
* ---------------------------------------------------------------
*/
@media only screen and (min-width: 401px) and (max-width: 600px) {
  .post_home {
    margin: 0 1.2% 15px 1.37254901960784%;
    width: 22%; }
  .clear-4 {
    clear: both; } }

/*
* thumbs Standard 601 <  < 800px
* ---------------------------------------------------------------
*/
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .content {
    width: 77%;
    margin-right: 2%; }
  .post_home {
    margin: 0 1.2% 15px 1.37254901960784%;
    width: 17.2549019607843%; }
  .clear-5 {
    clear: both; } }

/*
* thumbs Standard 801px <
* ---------------------------------------------------------------
*/
@media only screen and (min-width: 801px) {
  .l_col {
    width: 31.17255%;
    margin-left: .880392156862745%;
    margin-right: .880392156862745%; }
  .content {
    width: 64.22353%;
    margin-left: .880392156862745%;
    margin-right: .880392156862745%;
    float: right; }
  .post_home {
    margin: 0 .880392156862745% 15px .880392156862745%;
    width: 14.7058823529412%; }
  .clear-2,
  .clear-3,
  .clear-4,
  .clear-5 {
    display: none; }
  .clear-6 {
    clear: both;
    border-top: 1px solid #666666; } }

/*# sourceMappingURL=style.css.map */