/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #A38E5A;
    color: white;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Webfonts
   ========================================================================== */

@font-face {
  font-family: "linea-basic-10";
  src:url("../fonts/linea-basic-10.eot");
  src:url("../fonts/linea-basic-10.eot?#iefix") format("embedded-opentype"),
    url("../fonts/linea-basic-10.woff") format("woff"),
    url("../fonts/linea-basic-10.ttf") format("truetype"),
    url("../fonts/linea-basic-10.svg#linea-basic-10") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "linea-arrows-10";
  src:url("../fonts/linea-arrows-10.eot");
  src:url("../fonts/linea-arrows-10.eot?#iefix") format("embedded-opentype"),
    url("../fonts/linea-arrows-10.woff") format("woff"),
    url("../fonts/linea-arrows-10.ttf") format("truetype"),
    url("../fonts/linea-arrows-10.svg#linea-arrows-10") format("svg");
  font-weight: normal;
  font-style: normal;
}

.kepler-std-display {
  font-family: "kepler-std-display",serif;
}
h3.kepler-std-display {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}

.futura-pt {
  font-family: "futura-pt",sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}
h1.futura-pt,
h2.futura-pt {
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 8px;
  }

p,
.source-serif-pro {
  font-size: 22px;
  font-family: "source-serif-pro",sans-serif;
  font-weight: 300;
  line-height: 32px
}

.hyphenate {
  -webkit-font-variant-ligatures: no-common-ligatures;
  font-variant-ligatures: no-common-ligatures;
}

blockquote {
  background-image: url(../img/quote.jpg);
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: 14px 34px;
  margin: 0;
  padding: 10px 0 0 40px;
}

blockquote p {
  font-weight: 400;
  width: auto !important;
  font-weight: 600;
}

blockquote:before {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 3px solid #1C1C1C;
  width: 70px;
}

article div.hyphenate blockquote {
  width: 570px;
}

.wf-loading {
  visibility: hidden; /*Webfont verstecken während Typekit Asynchron geladen wird*/
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
  color: white;
  -moz-osx-font-smoothing: grayscale;
}

/* --------------------------------- Navigation */

nav {
    position: fixed;
    z-index: 101;
    width: 100%;
    top:0;
    background-color: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(163,142,90,0);
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5;
    -ms-transition: background-color 0.5s;
}

nav #pagetitle:link,
nav #pagetitle:visited {
  color: white;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5;
  -ms-transition: color 0.5s;
}

body.scroll nav,
body.nostage nav {
  background-color: rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(163,142,90,0.2);
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5;
  -ms-transition: background-color 0.5s;
}

body.menuisopen nav {
  background-color: rgba(255,255,255,0);
  border-bottom: 1px solid rgba(163,142,90,0);
  transition: background-color 0s;
  -webkit-transition: background-color 0s;
  -moz-transition: background-color 0s;
  -o-transition: background-color 0;
  -ms-transition: background-color 0s;
}

body.scroll nav #pagetitle:link,
body.scroll nav #pagetitle:visited,
body.nostage nav #pagetitle:link,
body.nostage nav #pagetitle:visited {
  color: #1C1C1C;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5;
  -ms-transition: color 0.5s;
}

body.menuisopen nav #pagetitle:link,
body.menuisopen nav #pagetitle:visited {
  color: white;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5;
  -ms-transition: color 0.5s;
}

/*nav.invert {
  color: #1C1C1C;
  background-color: rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(163,142,90,0.2);
  -webkit-transition: background-color 0.5s ease 0.8s;
  -moz-transition: background-color 0.5s ease 0.8s;
  -o-transition: background-color 0.5s ease 0.8s;
  -ms-transition: background-color 0.5s ease 0.8s;
  transition: background-color 0.5s ease 0.8s;
}*/

/*
nav a, nav a:link, nav a:visited {
  color: white;
  text-decoration: none;
}*/
/*
nav.invert a, nav.invert a:link, nav.invert a:visited {
  color: #1C1C1C;
  text-decoration: none;
}*/

/* Menü open */
/*body.menuisopen nav {
  background-color: transparent;
  border-bottom: none;
}*/
/*
body.menuisopen nav a,
body.menuisopen nav a:link,
body.menuisopen nav a:hover,
body.menuisopen nav a:visited {
  color: white;
}*/
/* Menu open END */


/* Burger */

#burger {
  float: right;
  margin: 4px;
  display: inline-block;
  width: 22px;
  height: 40px;
}
#burger span,
#burger span:before,
#burger span:after {
  display: block;
  width: 100%;
  height: 1px;
  background: #FFF;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5;
  -ms-transition: all 0.5s;
  backface-visibility: hidden;
}
body.scroll #burger span,
body.scroll #burger span:before,
body.scroll #burger span:after,
body.nostage #burger span,
body.nostage #burger span:before,
body.nostage #burger span:after {
  background: #1C1C1C;
}
/*body.nostage #burger span,
body.nostage #burger span:before,
body.nostage #burger span:after {
  background: #1C1C1C;
}*/

#burger span {
  position: relative;
  margin: 20px 0 0;
}
#burger span:before,
#burger span:after {
  position: absolute;
  content: "";
}
#burger span:before {
  top: -7px;
}
#burger span:after {
  top: 7px;
}
#burger.selected span:before,
body.scroll #burger.selected span:before,
body.nostage #burger.selected span:before {
  transform: translate(0px, 7px) rotate(-45deg);
  -webkit-transform: translate(0px, 7px) rotate(-45deg);
  -moz-transform: translate(0px, 7px) rotate(-45deg);
  -o-transform: translate(0px, 7px) rotate(-45deg);
  -ms-transform: translate(0px, 7px) rotate(-45deg);
  background-color: white;
}
#burger.selected span:after,
body.scroll #burger.selected span:after,
body.nostage #burger.selected span:after {
  transform: translate(0px, -7px) rotate(45deg);
  -webkit-transform: translate(0px, -7px) rotate(45deg);
  -moz-transform: translate(0px, -7px) rotate(45deg);
  -o-transform: translate(0px, -7px) rotate(45deg);
  -ms-transform: translate(0px, -7px) rotate(45deg);
  background-color: white;
}
#burger.selected span,
body.scroll #burger.selected span,
body.nostage #burger.selected span {
  background: transparent;
}


/* Burger END */

/* --------------------------------- Navigation END */

#head {
    margin: 0 auto;
    width: 840px;
}

#pagetitle {
    float: left;
    font-size: 24px;
    margin-top: 8px;
}


#openmenu {
  background-color: rgba(35,35,35,1);
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  top:0;
  bottom: 0;
  overflow:scroll;
}

#menuwrap {
  display: none;
  margin: 140px auto 0;
  width: 840px;
}



#openmenu h2 {
  color: white;
}

#openmenu .category-list {
  list-style: none;
}

body.menuopen {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#openmenu .meta {
  height: auto;
}

.menuisopen {
  overflow: hidden;
}

#stage {
    width: 100%;
    height: 100vh;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.stage-scrollinfo {
  background-image: url(../img/icon_white_scroll.png);
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: 40px;
  bottom: 20px;
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 60px !important;
  margin:0 auto;
  opacity: 1;
  text-align: center;
}

.stage-scrollinfo.off {
  opacity: 0;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-descr {
    background-color: rgba(0,0,0,0.2);
    width: 100%;
    height: auto;
    bottom: 0;
    position: absolute;
    z-index: 3;
    opacity: 1;
}

.swiper-descr.off {
  opacity: 0;
}

.swiper-descr a,
.swiper-descr a:link,
.swiper-descr a:visited {
  color: white;
}

.swiper-descr a:hover {
  text-decoration: underline;
}

.swiper-descr h3 {
  margin: 10px 0 10px 0;
}

.swiper-progress-bar {
  height: 3px;
  background-color: #c8321e;
  bottom: 0px;
  left: 0px;
  width: 0%;
  position: absolute;
  z-index: 4;

}

.w100 {
  width: 100%;
    -webkit-transition: width 5s linear; /* Safari */
  transition: width 5s linear;
}

.wrap,
.contentwrap {
    width: 840px;
    margin: 0 auto;
}

.contentwrap h1,
.contentwrap h2,
#menuwrap h2,
footer h2 {
  display: block;
  text-align: center;
}

/*  hovereffect */

/*  hovereffect END */

.home article,
.archive article,
.search article {
  margin: 0 0 100px 0;
  position: relative;
  overflow: hidden;

  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/*.home article:hover,
.archive article:hover,
.search article:hover {
-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.1);
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.1);

  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}*/



.home article a,
.archive article a,
.search article a {
  border-right: 1px solid #E5E5E5;
  display: block;
  background-image: url(../img/icon_arrow_right.png);
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: 12px auto;
}

/*.home article a:hover h3,
.archive article a:hover h3,
.search article a:hover h3 {
  color: #A38E5A;
  -webkit-transition: color 0.4s ease 0.2s;
  -moz-transition: color 0.4s ease 0.2s;
  -o-transition: color 0.4s ease 0.2s;
  -ms-transition: color 0.4s ease 0.2s;
  transition: color 0.4s ease 0.2s;
}*/

.home article a img,
.archive article a img,
.search article a img {
  float: left;
  margin-right: 20px;
}

.home article a h3,
.archive article a h3,
.search article a h3 {
  width: 420px;
  display: inline-block;
  margin: 10px 0 0 0;
}

.home article .post:hover,
.archive article .post:hover,
.search article .post:hover {
  background-position: 97% center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single article a,
.single article a:link,
.single article a:visited,
.page article a,
.page article a:link,
.page article a:visited,
.error404 article a,
.error404 article a:link,
.error404 article a:visited  {
  border-bottom: 1px solid rgba(163,142,90,0.2);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.single article a:hover,
.page article a:hover,
.error404 article a:hover {
  border-bottom: 1px solid rgba(163,142,90,1);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.single .contentwrap h1 {
  font-size: 80px;
  color: #1C1C1C;
  text-align: left;
  margin-bottom: 20px;
  line-height: 90px;
}

.nostage .contentwrap h1 {
  margin-top: 80px;
}

.single .contentwrap p,
.single .contentwrap h2,
.page .contentwrap p,
.page .contentwrap h2 {
  color: #1C1C1C;
}

.home .contentwrap h1 {
  margin: 40px 0 40px 0;
}

.home .contentwrap h2 {
  margin: 60px 0 0 0;
}

.single .contentwrap h2 {
  font-weight: 400;
  text-align: left;
  font-size: 34px;
}

.single article h3,
.page article h3,
.error404 article h3 {
  font-size: 34px;
  font-weight: 400;
  line-height: 48px;
  margin: 60px 0 10px 0;
  width: 610px;
}

.single article h3:first-of-type,
.page article h3:first-of-type,
.error404 article h3:first-of-type {
  margin: 0 0 10px 0;
}

.single article,
.page article,
.error404 article {
  font-size: 22px;
  font-family: "source-serif-pro",sans-serif;
  font-weight: 300;
  line-height: 32px;
  color: #1C1C1C;
}

.single article p,
.page article p,
.error404 article p {
  width: 610px;
}

.single article b,
.single article strong,
.page article b,
.page article strong {
  font-weight: 400;
}

.single article .wp-caption-text {
  font-family: "kepler-std-display",serif;
  font-style: italic;
  color: #A38E5A;
  font-size: 18px;
  line-height: 22px;
  width: auto;
  margin: 5px 0 30px 0;
}

.single article .tags {
  font-family: "kepler-std-display",serif;
  font-style: italic;
  color: #999999;
  font-size: 20px;
  line-height: 24px;
}

.single article .tags strong {
  font-weight: 700;
}

.single article .tags a {
  color: #999999;
  border: none;
  text-decoration: none;
}

.single article .tags a:hover {
  color: #666666;
}

.single article .leftcolumn {
  float: left;
  width: 610px;
}

.single article .rightcolumn {
  float: right;
  width: 190px;
  font-size: 16px !important;
  line-height: 24px !important;
  font-family: "source-serif-pro",sans-serif;
  font-weight: 300;
  color: #1C1C1C;
}
.single article .rightcolumn p {
  width: auto;
  font-size: 16px !important;
  line-height: 24px !important;
}

.single article ol {
  width: 570px;
}

.single article ol li {
  margin-bottom: 20px;
}

#comments h3 {
  font-size: 34px;
  line-height: 44px;
  color:#1C1C1C;
  font-family: "source-serif-pro",sans-serif;
  font-weight: 400;
  max-width: 610px;
}

.comment-notes {
  max-width: 610px;
}

#commentlist {
  list-style: none;
  padding: 0;
}

.comment {
  width: 700px;
  margin-bottom: 40px;
}

.comwraptwo {
  margin-bottom: 40px;
}

.comment .meta {
  height: 20px;
}

.single .comment p {
  width: auto;
}

.single .comment p:first-of-type {
  margin-top: 0px;
}

.single .comment p:last-of-type {
  margin-bottom: 14px;
}

.children {
  padding-left: 50px;
}

.depth-2,
.depth-3 {
  padding-left: 19px;
  border-left:1px solid rgba(163, 142, 90, 0.2);
  list-style: none;
}

.comment .leftcol {
  width: 120px;
  float: left;
}

.comment .rightcol {
  float: right;
  width: 560px;
}

.comment cite {
  display: block;
}

.single .commentautor,
.single .commentautor a,
.single .commentautor a:link {
  font-size: 40px;
  font-style: normal;
  border: none;
  font-weight: 700;
  color: #1C1C1C;
}

.comment p {
  font-size: 20px;
  line-height: 30px;
}

.single a.comment-reply-link,
.single a.comment-reply-link:link,
.single a.comment-reply-link:hover {
  border: none;
}

.form-submit #submit {
  background-color: #A38E5A;
  color: white;
  font-family: "futura-pt",sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 5px;
  border: none;
  padding:10px 40px 10px 40px;
}

#commentform {
  margin:0 0 200px 0;
}

#commentform input,
#commentform textarea {
  border: 1px solid #E5E5E5;
}

#related {
  margin: 0 0 200px 0;
}

.releatedpost {
  width: 400px;
  float: left;
}

.releatedpost .meta {
  height: 30px;
}

.single a.releatedpost:link,
.single a.releatedpost:hover {
  border: none;
}

.releatedpost h3 {
  font-size: 24px;
  line-height: 30px;
  margin:0;
}

.releatedpost:first-of-type {
  margin-right:40px;
}

.relatewrap {
  width: 260px;
  /*margin-left: 20px;*/
  display: inline-block;
  float: right;
}

.releatedpost img{
  float: left;
}

.widget_latest_tweets_widget {
  color: #1C1C1C;
  text-align: center;
}

.tweet-text a,
.tweet-text a:link,
.tweet-text a:visited {
  color: #A38E5A;
}

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


.tweet-details {
  display: none;
}

#sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Instagram */

#instagram {
  text-align: center;
}

#sbi_load {
  padding: 0px !important;
}



/*@media all and (max-width:640px) {
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item {
    width:25% !important
  }
  #sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item {
    width:25% !important
  }
  #sb_instagram.sbi_width_resp {
    width:25% !important
  }
}
@media all and (max-width:480px) {
  #sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item {
    width:25% !important
  }
}*/

/* Google Map */

#googlemap {
  width: 100%;
  height: 100vh;
  margin: 100px 0 60px 0;
}

.single-post #googlemap {
  height: 600px;
  margin: 100px 0 100px 0;
}

.nointeraction {
  /*pointer-events: none;*/
}

.gmapscontent {
  color: #1C1C1C;
  width: 300px;
  padding-top:6px;
  margin-bottom: 0;
}

.gmapscontent .leftcol {
  float: left;
  width: 135px;
}
.gmapscontent .rightcol {
  float: left;
  width: 165px;
}

.gmapscontent img {
  margin: 0 15px 0 0;
}

.gmapscontent h3 {
  font-family: "kepler-std-display",serif;
  font-size: 24px;
  line-height: 30px;
  margin:0;
}

.gmapscontent p {
font-size: 16px !important;
line-height: 24px !important;
margin:0;
}

.gmaps_link {}

/* Google Map END */

hr {
  background-color: rgba(163, 142, 90, 0.2);
  border:none;
  height: 1px;
  margin: 60px 0 60px 0;
}

footer {
    background-color: #232323;
    color: white;
    height: 400px;
    text-align: center;
    padding:40px 0 80px 0;
    border-top: 3px solid #A38E5A;
    margin-top: 0;
}

.page-id-2969 footer {
  margin-top: 0;
}

.social-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center;
  margin:2px;
}

.social-icon:hover {
  opacity: 0.25;
}

.instagram {background-image: url(../img/icon_white_instagram.png);}
.facebook {background-image: url(../img/icon_white_facebook.png);}
.twitter {background-image: url(../img/icon_white_twitter.png);}
.vimeo {background-image: url(../img/icon_white_vimeo.png);}
.behance {background-image: url(../img/icon_white_behance.png);}

/* Ausnahmen */

.page-id-2969 #googlemap {
  margin: 0;
  height: 700px;
}

.page-id-2969 .contentwrap {
    position: absolute;
    z-index: 20;
    width: 100%;
    text-align: center;
    pointer-events: none !important;
}

.page-id-2969 .contentwrap h1 {
  pointer-events: none !important;
}

.page-id-2969 .icon-older-posts {
    background-position: left 3px;
}

.postid-6721 article table {
  width: 840px !important;
}

.postid-6721 article table td {
  width: 25%;
}

.postid-6721 div.wp-caption {
  width: 210px !important;
  text-align: center;
}

.postid-6721 article table img {
  width: 210px;
  height: 210px;
}

.postid-6721 table td p {
  width: auto !important;
}

.postid-6721 table {
  margin: 0 0 80px 0;
}

.postid-7678 .stage-scrollinfo {
  display: none !important;
}

.wp-image-7686, .wp-image-7688, .wp-image-7689, .wp-image-7693, .wp-image-7695 {
  /*border: 1px solid #f6f6f6;*/
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}

img.wp-image-8124 {
  width: 70%;
  height: auto;
}

/* Ausnahmen END */


p strong {
  font-weight: 400;
}

a, a:link, a:visited {
  color: #1C1C1C;
  text-decoration: none;
}

.center {
  text-align:center;
}

.meta {
  font-size: 12px;
  letter-spacing: 5px;
  height: 40px;
  display: block;
}

.meta a:hover {
  text-decoration: line-through;
}

.metatext {
  padding-top: 0px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;

}

.gold,
.gold a {
  color: #A38E5A;
}

.icon-basic {
    margin-top: 10px;
    font-size: 17px;
    font-family: "linea-basic-10" !important;
}
.icon-arrows {
    font-size: 17px;
    font-family: "linea-arrows-10" !important;
}

.page-list {
  list-style: none;
  padding: 0;
  text-align: center;
}

.page-list li {
  display: inline-block;
  margin:0 10px 0 10px;
}

.page-list a {
  color: white;
  font-weight: 700;
  font-size: 20px;
}

.page-list a:hover {
  text-decoration: line-through;
}

.search-form {
  margin-top: 60px;
  opacity: 0.2;
}

.search-form:hover {
  opacity: 1;
}

.search-field {
  width: 100%;
  background-color: #232323;
  color: white;
  border: none;
  border-bottom: 1px solid #A38E5A;
}

.search-submit {
  visibility: hidden;
}

ul.category-list {
  padding: 0;
  margin: 0;
}

.icon,
.category-list li {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 2px 0 0 26px;
  height: 40px;
  display: block;
  line-height: normal;
}
#openmenu .category-list li {
  display: inline-block;
}
.category-list li {
  width: 248px;
}



/* Reisen */
.cat-item-36 { background-image: url(../img/icon_gold_globe.png); }
.white.cat-item-36 { background-image: url(../img/icon_white_globe.png); }

/* Musik */
.cat-item-15 { background-image: url(../img/icon_gold_music.png); }
.white.cat-item-15 { background-image: url(../img/icon_white_music.png); }

/* Idee */
.cat-item-19 { background-image: url(../img/icon_gold_idee.png); }
.white.cat-item-19 { background-image: url(../img/icon_white_idee.png); }

/* Essen & Trinken */
.cat-item-17 { background-image: url(../img/icon_gold_eat.png); }
.white.cat-item-17 { background-image: url(../img/icon_white_eat.png); }

/* Foto */
.cat-item-5 { background-image: url(../img/icon_gold_foto.png); }
.white.cat-item-5 { background-image: url(../img/icon_white_foto.png); }

/* Grafikdesign */
.cat-item-96 { background-image: url(../img/icon_gold_display.png); }
.white.cat-item-96 { background-image: url(../img/icon_white_display.png); }

/* Motion */
.cat-item-12 { background-image: url(../img/icon_gold_play.png); }
.white.cat-item-12 { background-image: url(../img/icon_white_play.png); }

/* Architecture */
.cat-item-11 { background-image: url(../img/icon_gold_architecture.png); }
.white.cat-item-11 { background-image: url(../img/icon_white_architecture.png); }

/* Architecture */
.cat-item-1 { background-image: url(../img/icon_gold_pin.png); }
.white.cat-item-1 { background-image: url(../img/icon_white_pin.png); }

/* deteringdesign */
.cat-item-8 { background-image: url(../img/icon_gold_deteringdesign.png); }
.white.cat-item-8 { background-image: url(../img/icon_white_deteringdesign.png); }

/* Personal */
.cat-item-10 { background-image: url(../img/icon_gold_anker.png); }
.white.cat-item-10 { background-image: url(../img/icon_white_anker.png); }

/* Fry2k */
.cat-item-9 { background-image: url(../img/icon_gold_blitz.png); }
.white.cat-item-9 { background-image: url(../img/icon_white_blitz.png); }

/* Code */
.cat-item-34 { background-image: url(../img/icon_gold_code.png); }
.white.cat-item-34 { background-image: url(../img/icon_white_code.png); }

/* Kommentar */
.speach { background-image: url(../img/icon_gold_speach.png); }


.icon-white-globe {
  background-image: url(../img/icon_white_globe.png);
}

.icon-older-posts {
  background-image: url(../img/icon_gold_older_posts.png);
  background-position: right 3px;
  background-repeat: no-repeat;
  background-size: 33px 10px;
  padding: 0 45px 0 0;
  height: 20px;
}
.icon-newer-posts {
  background-image: url(../img/icon_gold_newer_posts.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 33px 10px;
  padding: 0 0 0 45px;
  height: 20px;
}


.fade-in-out-short {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.fade-in-out-long {
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.fade-in-out-long_color {
  -webkit-transition: color 0.8s ease;
  -moz-transition: color 0.8s ease;
  -o-transition: color 0.8s ease;
  -ms-transition: color 0.8s ease;
  transition: color 0.8s ease;
}


/* ==========================================================================
   Mediaquery
   ========================================================================== */

/* iPad hoch */
@media only screen and (max-width: 860px) {
  body {
  }
  #head {
    width: 90%;
    padding: 0 5% 0 5%;
  }
  .wrap,
  .contentwrap {
    width: 100%;
    overflow: hidden;
  }
  .swiper-descr {
    padding: 0 5% 0 5%;
    width: 90%;
  }
  .home article a,
  .archive article a,
  .search article a {
    width: 690px;
    margin: 0 39px 0 39px;
  }
  .home article a img,
  .archive article a img,
  .search article a img {
    width: 300px !important;
    height: auto !important;
  }
  .home article a h3,
  .archive article a h3,
  .search article a h3 {
    width: 320px;
    font-size: 24px;
    line-height: 30px;
    /*padding: 50px;*/
  }
  .meta {
    letter-spacing: 4px;
  }
  article div.hyphenate blockquote {
    width: calc(75% - 40px);
  }
  #sidebar {
    font-size: 20px;
    line-height: 30px;
    width: 690px;
    margin: 0 auto;
  }
  footer p {
    width: 690px;
    margin: 22px auto;
  }
  #menuwrap {
    width: 100%;
  }
  #menuwrap .search-form {
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
  }
  ul.category-list {
    width: 90%;
    padding: 0 5% 0 5%;
    margin: 0 auto;
  }
  .category-list li {
    width: 45%;
  }
  .single .contentwrap {
    width: 90%;
    padding: 0 5% 0 5%;
  }
  .single article .leftcolumn,
  .single article p {
    width: 75%;
  }
  .single article ol,
  .single article ul {
    width: calc(75% - 40px);
    }
  .single article .rightcolumn {
    width: 20%;
  }
  .single article .leftcolumn p {
    width: auto;
  }
  .single .contentwrap h1 {
    font-size: 70px;
    line-height: 78px;
  }
  .single article h3 {
  width: 75%;
  }
  .single article img,
  .single .wp-caption {
    width: 690px !important;
    height: auto !important;
  }
  p, .source-serif-pro, ul, ol {
    font-size: 20px;
    line-height: 30px;
  }
  .meta ul {
    font-size: 12px !important;
    letter-spacing: 5px !important;
  }
  .releatedpost {
    width: 320px;
  }
  .releatedpost img {
    width: 100px !important;
    height: 100px !important;
  }
  .relatewrap {
    width: 210px;
  }
  .releatedpost:first-of-type {
    margin-right: 20px;
  }
  .comment {
    width: 100%;
  }
  /* Ausnahmen */
  .postid-6721 article table {
  width: 100% !important;
  }

  .postid-6721 article table td {
    width: 25%;
  }

  .postid-6721 div.wp-caption {
    width: auto !important;
    text-align: center;
  }

  .postid-6721 article table img {
    width: 100% !important;
    height: auto;
  }
  iframe {
    width: 100%;
  }

  img.wp-image-8124 {
    width: 70%;
    height: auto;
  }
}

/* kleiner als iPad hoch */
@media only screen and (max-width: 760px) {
  body {
  }
  #head {
    width: 90%;
    padding: 0 5% 0 5%;
  }
  #pagetitle {
    font-size:20px;
    margin-top: 10px;
  }
  .wrap,
  .contentwrap {
    width: 100%;
    overflow: hidden;
  }
  #stage .meta {
    display: none;
  }
  .home article a,
  .archive article a,
  .search article a {
    border: none;
    background: none;
    width: 90%;
    margin: 0 5% 0 5%;
  }
  .home article,
  .archive article,
  .search article {
    margin: 0px 0px 40px;
}
  .home article a img,
  .archive article a img,
  .search article a img {
    width: 100% !important;
    height: auto !important;
  }
  .home article a h3,
  .archive article a h3,
  .search article a h3 {
    width: 90%;
    padding: 0;
    display: inline-block;
    margin: 10px 0 20px 0;
  }
  .home article a img,
  .archive article a img,
  .search article a img {
    float: none;
    margin:0 0 10px 0;
  }
  .icon,
  .category-list li {
    background-size: 16px 16px;
    padding: 1px 0px 0px 22px;
  }
  h3.kepler-std-display {
    font-size: 30px;
    line-height: 36px;
  }
  .meta {
    font-size: 10px;
    letter-spacing: 3px;
    height: 20px;
  }
  p, .source-serif-pro {
    font-size: 20px;
    line-height: 28px;
  }
  h1.futura-pt, h2.futura-pt {
    font-size: 36px;
    letter-spacing: 6px;
  }
  ul.category-list {
    width: 85%;
    padding: 0 5% 0 10%;
  }
  article div.hyphenate blockquote {
    width: calc(100% - 40px);
  }
  #openmenu {
    overflow-x:hidden;
    overflow-y:scroll;
  }
  #menuwrap {
    margin: 60px auto 0px;
    width: 100%;
  }
  .category-list li {
    width: 100%;
  }
  .page-list a {
    font-size: 16px;
  }
  .search-form {
    width: 90%;
    padding: 5%;
    margin-top: 0;
  }
  .single .contentwrap h1 {
    font-size: 32px;
    line-height: 38px;
  }
  .single img {
    max-width: 100%;
    height: auto;
  }
  .single article p {
    width: 100%;
  }
  .single article ol,
  .single article ul {
    width: calc(100% - 40px);
  }
  .single article .leftcolumn {
    float: none;
    width: 100%;
  }
  .single article .rightcolumn {
    display: none;
  }
  .single article img, .single .wp-caption {
    width: 100% !important;
    height: auto !important;
  }
  .single article .wp-caption-text {
    font-size: 16px;
    line-height: 20px;
  }
  .single article h3 {
    width: 100%;
    font-size: 28px;
    line-height: 34px;
  }
  p, .source-serif-pro, ul, ol {
    font-size: 18px;
    line-height: 25px;
  }
  .wp-caption {
    width: 100% !important;
  }
  .relatewrap {
    width: 200px;
  }
  .comment {
    width: 100%;
    margin-bottom: 40px;
  }
  .comment .leftcol {
    width: 20%;
    float: none;
    margin-bottom: 20px;
  }
  .comment .rightcol {
      float: none;
      width: 80%;
  }
  #comments h3 {
    font-size: 28px;
    line-height: 34px;
  }
  .releatedpost {
    width: 100%;
    margin-bottom: 20px !important;
    float: none;
    height: auto;
    display: block;
  }
  #related {
    margin: 0px 0px 40px;
  }
  .releatedpost img {
    width: 80px !important;
    height: 80px !important;
  }
  .releatedpost:first-of-type {
    margin:0;
  }
  .relatewrap {
    width: 200px;
  }
  .releatedpost .meta {
    height: 20px;
  }
  .relatewrap h3.kepler-std-display {
    font-size: 24px;
    line-height: 28px;
  }
  #commentform input {
    max-width: 160px;
  }
  textarea {
    max-width: 280px;
  }
  #commentform {
    margin: 0px 0px 40px;
  }
  #comments h3 {
    font-size: 20px;
    line-height: 27px;
  }
  #sidebar {
    width: 90%;
    padding: 0 5% 0 5%;
  }
  footer {
    height: auto;
    margin: 0;
  }
  footer p {
    width: 90%;
    padding: 0 5% 0 5%;
  }
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
    width: 50% !important;
  }
  #instagram a.sbi_photo {
    height: 50vw !important;
  }
}



/* ==========================================================================
   Hover Test
   ========================================================================== */


/* Effect 5: same word slide in */
.cl-effect-5 div {
  overflow: hidden;
  padding: 0 4px;
  height: 1em;
  display: inline-block;
}

.cl-effect-5 div span {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cl-effect-5 div span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  font-weight: 700;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.cl-effect-5:hover div span,
.cl-effect-5:focus div span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}


@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}