/*
Theme Name:     WiSch
Theme URI:      http: //www.WiSchOnline.de
Description:    Webseite von WiSch - Joerg Schnitzler
Author:         WiSch GbR
Author URI:     http: //www.WiSchOnline.de
Template:       twentytwelve
Version:        0.1.0
*/
@import url(style_reset.css);
@import url(../twentytwelve/style.css);

/* 
    WiSch-Farben: Dunkel - #2D7D2F / Mittel - #5CA038 / Hell - #8DC63F
    http://cssdeck.com/labs/css3-calendar-icon-2
    http://cssdeck.com/labs/pure-css3-toggle-button-white-theme
    http://cssdeck.com/labs/nice-draggable-metro-panels
    http://cssdeck.com/labs/tagtastic-tag-cloud
    http://cssdeck.com/labs/different-css3-image-gallery-hover-effects
    http://cssdeck.com/labs/one-tag-ios-like-buttons
    http://cssdeck.com/labs/pure-css3-ipad-clock
    http://cssdeck.com/labs/css-navigation
    http://cssdeck.com/labs/large-pressable-css3-navigation
    http://cssdeck.com/labs/animated-skills-bars
    http://cssdeck.com/labs/clean-webkit-css3-ui
    http://cssdeck.com/labs/resizing-web-page-elements-with-css3
    http://cssdeck.com/labs/16-box-shadows-to-save-your-time
    http://codepen.io/matikin9/pen/vJhrs
    http://diythemes.com/thesis/rtfm/custom-default-comments-avatar/
    http://cssdeck.com/labs/collage
*/

body .site {
  padding: 0 0 0 10px;
  min-width: 308px;
  box-shadow: none;
  }
.site {
  background: url("http://www.wischonline.de/wp-content/themes/wisch_twentytwelve/bild/WiSch_Logo_40.png") right 40px no-repeat,
              url("http://www.wischonline.de/wp-content/themes/wisch_twentytwelve/bild/WiSch_header_left.png") left 40px no-repeat,
              url("http://www.wischonline.de/wp-content/themes/wisch_twentytwelve/bild/WiSch_header_bg.png") left 40px repeat-x,
              white;
  }
#page {
  position: relative;
  }  
/* Im Content Icon fuer die verschiedenen verlinkten Dateitypen vor den Downloadlink setzen */
/* ^ = Link beginnt mit | * = Link enthaelt | $ = Link endet mit */
.entry-content a[href$=".pdf"] {background: url("./bild/icon_16/pdf.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".psd"] {background: url("./bild/icon_16/photoshop.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".doc"] {background: url("./bild/icon_16/word.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".xls"] {background: url("./bild/icon_16/excel.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".csv"] {background: url("./bild/icon_16/excel.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".pps"] {background: url("./bild/icon_16/powerpoint.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".ppt"] {background: url("./bild/icon_16/powerpoint.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".txt"] {background: url("./bild/icon_16/text.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".cmd"] {background: url("./bild/icon_16/terminal.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".bat"] {background: url("./bild/icon_16/terminal.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".avi"] {background: url("./bild/icon_16/video.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".m4a"] {background: url("./bild/icon_16/video.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".mov"] {background: url("./bild/icon_16/video.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".mp4"] {background: url("./bild/icon_16/video.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".wmv"] {background: url("./bild/icon_16/video.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".mp3"] {background: url("./bild/icon_16/music.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".wma"] {background: url("./bild/icon_16/music.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".aac"] {background: url("./bild/icon_16/music.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".wav"] {background: url("./bild/icon_16/music.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".ogg"] {background: url("./bild/icon_16/music.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".zip"] {background: url("./bild/icon_16/zip.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".rar"] {background: url("./bild/icon_16/zip.png") no-repeat;padding-left: 20px;}
.entry-content a[href$=".tar"] {background: url("./bild/icon_16/zip.png") no-repeat;padding-left: 20px;}
/* .entry-content a[href$=".jpg"] {background: url("./bild/icon_16/picture.png") no-repeat;padding-left: 20px;} */
/* .entry-content a[href$=".png"] {background: url("./bild/icon_16/picture.png") no-repeat;padding-left: 20px;} */
/* Icon fuer verschiedene verlinkte Webseiten */
/* .entry-content a[href^="http"] {background: url("./bild/icon_16/shortcut.png") no-repeat;padding-left: 20px;} */
/* .entry-content a[href^="www"] {background: url("./bild/icon_16/shortcut.png") no-repeat;padding-left: 20px;} */
.entry-content a[href*="dropbox"] {background: url("./bild/icon_16/dropbox.png") no-repeat;padding-left: 20px;}
/* .entry-content a[href*="wordpress"] {background: url("./bild/icon_16/wordpress.png") no-repeat;padding-left: 20px;} */
.entry-content a[href*="wikipedia"] {background: url("./bild/icon_16/wikipedia.png") no-repeat;padding-left: 20px;}
.entry-content a[href*="linux"] {background: url("./bild/icon_16/linux.png") no-repeat;padding-left: 20px;}
.entry-content a[href*="android"] {background: url("./bild/icon_16/android.png") no-repeat;padding-left: 20px;}
.entry-content a[href*="apple"] {background: url("./bild/icon_16/apple.png") no-repeat;padding-left: 20px;}
.entry-content a[href*="gimp"] {background: url("./bild/icon_16/gimp.png") no-repeat;padding-left: 20px;}
.entry-content a[href*="feed"] {background: url("./bild/icon_16/rss.png") no-repeat;padding-left: 20px;}
.entry-content a[href*="rss"] {background: url("./bild/icon_16/rss.png") no-repeat;padding-left: 20px;}
/* Link-Icon bei Fancybox-Bildern, im WiSch-Widget und in der Navigation wieder entfernen */
a.fancybox {
  background: none;
  padding-left: 0px;
}   
.main-navigation {
  margin-top: 5rem;
  } 
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-top: none;
  }
.main-navigation li ul li a {
  color: white;
  background-color: #5CA038;
  }  
.main-navigation li ul li a:hover {
  color: white;
  background-color: #8DC63F;
  }
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
  color: #000000;
  } 
.main-navigation li ul {
  z-index: 10;
  }

/* Hidden LogIn From */
.wisch-login-button {
  width: 34px;
  height: 34px;
  position: absolute;
  left: 2px;
  top: 43px;
  z-index: 99;
  display: none;
  }
.wisch-login-button a {
  width: 34px;
  height: 34px;
  position: absolute;
  background-image: url("./bild/login.png");
  }
.wisch-login-button a#loggedin,
.wisch-login-button a#loggedout:hover {
  background-position-y: -34px;
  } 
.wisch-login-button a#loggedin:hover {
  background-position-y: -68px;
  }     
.wisch-login {
  width: 250px;
  height: 150px;
  position: absolute;
  background: #5CA038;
  color: white;
  left: 0;
  top: 80px;
  z-index: 99;
  display: none;
  }
.wisch-login #loginform label,
[@id="loginform"]/p/label{
  width: 100px;
  }  

/* hide the default responsive menu and menu button */
h3.menu-toggle { display: none }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; }
/* new responsive selectnav css */
.main-navigation .nav-menu { display: none; }
.main-navigation .selectnav { display: block; }
.main-navigation .selectnav { margin:0 auto; } /* centers select */  
.main-navigation .selectnav select {
  background: #8DC63F;
  color: white;
  border: none;
  padding: 2px;
  }
[selected] { 
  font-weight: bold; 
  color: #2D7D2F;
  }
     
.site-content {
    width: 92%;
    width: -moz-calc(100% - 10px);    /* Firefox */
    width: -webkit-calc(100% - 10px); /* WebKit */
    width: -o-calc(100% - 10px);      /* Opera */
    width: calc(100% - 10px);         /* Standard */
    margin-top: 0;
  }

h1.archive-title {
  font-size: 170%;
  }

.googlead {
  margin-top: 1rem;
  }
.paypal_spende {
  margin-right: 1rem;
  float: left;
  } 
.category-referenzen .googlead {
  display: none;
} 

.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}
.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-content code, .comment-content code {
  color: #8DC63F;
  font-family: Courier New;
  font-size: 1.1rem;
  /* letter-spacing: -0.05rem; */
  line-height: 1; 
  }

.related_posts {
  border: 1px solid #8DC63F;
  }
.related_posts h3 {
  margin: 4px 0 4px 12px;
  }
.related_posts ul {
  list-style: none;
  margin-bottom: 4px;
  }  
  
#respond {
  padding: 1rem;
  background-color: #8DC63F;
  color: white;
  } 
#respond a:hover {
  color: white;
  }  
  
.widget-area {
  width: 100%;
  }

.widget-area .wisch_widget, 
.widget-area .wisch_widget a,
.widget-area .wisch_widget a:visited {
  color: #FFF;
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-decoration: none;
  }
.widget-area .wisch_widget a:hover {
  color: #FFF;
  text-decoration: underline;
  }
.widget-area .wisch_widget .wisch_oben {
  background: #8DC63F;
  padding: 5px;
  margin-bottom: 3px;
  /* height: 34px; */
  }
.widget-area .wisch_widget .wisch_mitte {
  background: #5CA038;
  padding: 5px;
  margin-bottom: 3px;
  /* height: 115px; */
  }
.widget-area .wisch_widget .wisch_unten {
  background: #2D7D2F;
  padding: 5px;
  height: 160px;
  }
 
#searchsubmit {
  border: 1px solid #8DC63F;
  /* border-bottom: 5px solid #2D7D2F; */
  background: url(bild/lupe.png) no-repeat 10px 3px #8DC63F;
  border-radius: 0 0 0 0;
  font-family: inherit;
  line-height: normal;
  padding: 0.428571rem;
  color: white;
  font-weight: bold;
  margin-left: 2px;
  font-size: 100%;
  width: 49px;
  position: absolute;
  }
#s {
  border: 1px solid #8DC63F;
  /* border-bottom: 5px solid #2D7D2F; */
  border-radius: 0 0 0 0; 
  }
.widget-area #s {
  width: 155px;
  padding: 0.428571rem;
  }
.widget-area .widget {
  margin-bottom: 1.429rem;
  position: relative;
  }
.widget-area .widget h3 {
  margin-bottom: 0.0rem;
  color: #2D7D2F;
  border-top: 3px solid #2D7D2F;
  }
.sidebar-wisch {
  width: 220px;
  }

article.format-aside .aside {
    background: none repeat scroll 0 0 #98BF0C;
    border-left: 22px solid #679B1C;
    padding: 1.71429rem;
    color: white;
  } 
article.format-aside h1 a {
    color: white;
    text-decoration: none;
  }
article.format-aside a,
article.format-aside h1 a:visited {
    color: white;
  }

.entry-header {
  margin-bottom: 0;
}
.page .entry-header h1 {
  display: none;
}
.entry-header img.wp-post-image  {
  float: left;
  margin: 15px 15px 15px 0px;
  }

.entry-content h1, .comment-content h1, 
.entry-content h2, .comment-content h2, 
.entry-content h3, .comment-content h3, 
.entry-content h4, .comment-content h4, 
.entry-content h5, .comment-content h5, 
.entry-content h6, .comment-content h6 {
  margin-bottom: 0.1rem;
  }
.entry-content td, .comment-content td {
  padding: 0px 10px 0px 0;
  }
    
h1.headline {
  color: #2D7D2F;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}
h2.headline {
  color: #5CA038;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 45px;
  margin-top: -20px;
  text-transform: uppercase;
}

a, a:visited,
.comments-link a, .comments-link a:visited, .entry-meta a, .entry-meta a:visited {
  color: #2D7D2F;
}
a:hover, .comments-link a:hover, .entry-meta a:hover {
  color: #8DC63F;
}
.entry-content table, .comment-content table {
    color: #444444;
    font-size: 100%;
    line-height: 1.71429;
    border-bottom: none;
}
.entry-content td, .comment-content td {
    border-top: none;
}    

.widget img.icon {
  border-radius: 0;
  box-shadow: none;
  padding-right: 4px;
}

/* Tag links style aus TwentyFourteen */
.entry-meta .tag-links a {
	background-color: #767676;
	border-radius: 0 2px 2px 0;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2727272727;
	margin: 2px 4px 2px 10px;
	padding: 3px 7px;
	position: relative;
	text-transform: uppercase;
}
.entry-meta .tag-links a:hover {
	background-color: #41a62a;
	color: #fff;
}
.entry-meta .tag-links a:before {
	border-top: 10px solid transparent;
	border-right: 8px solid #767676;
	border-bottom: 10px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
}
.entry-meta .tag-links a:hover:before {
	border-right-color: #41a62a;
}
.entry-meta .tag-links a:after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 4px;
	position: absolute;
	top: 8px;
	left: -2px;
	width: 4px;
}

/* Styles fuer die Formalfelder allgemein */
input[type='text'], input[type='email'], textarea, select {
  background: #FFFFFF;
  border: 1px solid #8DC63F;
  border-radius: 0 0 0 0;
  padding: 1px;
}
input[type='text']:hover, 
textarea:hover, select:hover
{
  background: #F5F9E6;
  border: 1px solid #8DC63F;
  padding: 1px;
}
input[type='text']:active, 
input[type='text']:focus,
textarea:active, textarea:focus,
select:active, select:focus
{
  background: #8DC63F;
  color: white;
  border: 0px;
  padding: 2px;
}  

footer.entry-meta {
  font-size: 0.7rem;
}
.single-author .entry-meta .by-author {
  display: inline;
}

/* Styles Contactform 7 (to be responsive: http://wordpress.org/support/topic/responsiveness) */
.wpcf7-form-control {
	width: 95%;
}
.wpcf7-submit {
	width: 50%;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
  border: none;
  color: red;
}

/* Comments link */
.entry-header .comments-link a {
        background: #eee url(bild/comment-bubble.png) no-repeat;
        color: #666;
        font-size: 13px;
        font-weight: normal;
        line-height: 35px;
        overflow: hidden;
        padding: 0 0 0;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        text-decoration: none;
        width: 43px;
        height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
        background-color: #8DC63F;
        color: #fff;
        color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
        visibility: hidden;
}
.hentry { position: relative; }
.subscribe-to-doi-comments input[type="checkbox"] {
  margin: 6px;
  float: left;
  }

/* Styles J-Shortcodes Accordion 'Smoothness' im WiSch-Style */
.entry-content .jayq-smoothness .ui-corner-all,
.entry-content .jayq-smoothness .ui-corner-top,
.entry-content .jayq-smoothness .ui-corner-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-radius: 0;
  }
.entry-content .jayq-smoothness .ui-state-default, 
.entry-content .jayq-smoothness .ui-widget-content .ui-state-default, 
.entry-content .jayq-smoothness .ui-widget-header .ui-state-default {
  background: #2D7D2F;
  color: #ffffff;
  }
.entry-content .jayq-smoothness .ui-state-default a, 
.entry-content .jayq-smoothness .ui-state-default a:link, 
.entry-content .jayq-smoothness .ui-state-default a:visited {
  color: #ffffff;
  }
.entry-content .jayq-smoothness .ui-state-default a:hover { 
  color: #8DC63F;
  } 
.entry-content .jayq-smoothness .ui-accordion .ui-accordion-content {
  height: auto !important;
}
a.jbutton, a:visited.jbutton {
  color: white;
  }

/* Slim Jetpack */
.infinite-footer {
  display: none !important;
  }

 
/* Kommentare */
.nav-single + .comments-area, #comment-nav-above {
  border-top: 4px double #EDEDED;  
  margin: 2.143rem 0 3.42857rem 0;
  }
.site-content article.comment {
  border: 1px solid #2D7D2F;
  padding: 0;
  margin: 1rem;
  }
.comments-title {
  padding-top: 1.71429rem;
  margin-bottom: 2.143rem;
  }
.comments-area article header {
  margin: 0;
  }
.comments-area article header cite,
.comments-area article header time {
  margin-left: 6.07143rem;
  } 
.comments-area article header time {
  color: #2D7D2F;
  }  
.comment-content {
  margin-left: 6.07143rem;  
  }
.comments-area .reply {
  margin-left: 6.07143rem;
  } 
li.bypostauthor cite span {
  background-color: #2D7D2F;
  border: 0;
  border-radius: 0;
  }   
.comment-content p {
  margin: 0 0 0.3rem;
}
.comments-area article img.wp-user-avatar,
.comments-area article img.avatar {
  padding: 0.3rem;
  position: absolute;
}
.arrow_box { 
  position: relative; 
  background: #88b7d5; 
  border: 4px solid #c2e1f5; 
  } 
.arrow_box:after, 
.arrow_box:before { 
  right: 100%; 
  border: solid transparent; 
  content: " "; 
  height: 0; 
  width: 0; 
  position: absolute; pointer-events: none; 
  } 
.arrow_box:after { 
  border-color: rgba(136, 183, 213, 0); 
  border-right-color: #88b7d5; 
  border-width: 20px; 
  top: 50%; 
  margin-top: -20px; 
  } 
.arrow_box:before { 
  border-color: rgba(194, 225, 245, 0); 
  border-right-color: #c2e1f5; 
  border-width: 26px; 
  top: 50%; 
  margin-top: -26px; 
  }
  
.site-content article {
  margin-bottom: 2.143rem;
  }

.pagebar {
  margin-bottom: 20px;
  }
.pagebar a, .pagebar .this-page {
  height: 10px;
  border: 1px solid #2D7D2F;
  background: #8DC63F;
  color: white;
  padding: 0 6px;
  font-weight: bold;
  text-decoration: none;
  }  
.pagebar .this-page {
  background: #5CA038; 
  }
  
/* Reference Effekt */
.square {
  width: 285px;
  height: 200px;
  margin: 0px 15px 80px 15px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.hover-image {
  width: 285px;
  height: 0px;
  margin-top: 100px;
  z-index: 100;
  position: absolute;
  opacity: 0;
}
.hover-text {
  position: absolute;
  z-index: 90;
  width: 265px;
  padding: 10px;
  height: 0px;
  margin-top: 100px;
  font-size: 0.9rem;
  background: #2D7D2F;
  color: #fff;
  opacity: 0;
}  
.hover-text a {
  color: #fff;
  }
.hover-text a:hover {
  color: #8DC63F;
  }  

/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
  body {
    /* http://www.colorzilla.com/gradient-editor */
    background: #2d7d2f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkN2QyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjOGRjNjNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjNWNhMDM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkN2QyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #2d7d2f 0px, #8dc63f 95px, #5ca038 285px, #2d7d2f 500px, #2d7d2f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#2d7d2f), color-stop(95px,#8dc63f), color-stop(285px,#5ca038), color-stop(500px,#2d7d2f), color-stop(100%,#2d7d2f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2d7d2f 0px,#8dc63f 95px,#5ca038 285px,#2d7d2f 500px,#2d7d2f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2d7d2f 0px,#8dc63f 95px,#5ca038 285px,#2d7d2f 500px,#2d7d2f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2d7d2f 0px,#8dc63f 95px,#5ca038 285px,#2d7d2f 500px,#2d7d2f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2d7d2f 0px,#8dc63f 95px,#5ca038 285px,#2d7d2f 500px,#2d7d2f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7d2f', endColorstr='#2d7d2f',GradientType=0 ); /* IE6-8 */
  }
  body .site {
    margin-top: 40px;
    padding: 0 20px 0 40px;
    }
  .site-content {
    width: 65%;
    width: -moz-calc(100% - 280px);    /* Firefox */
    width: -webkit-calc(100% - 280px); /* WebKit */
    width: -o-calc(100% - 280px);      /* Opera */
    width: calc(100% - 280px);         /* Standard */
    }
  .main-navigation {
    margin-top: 4rem;
    }  
  /* new responsive selectnav css */
  .main-navigation .nav-menu { display: block; }
  .main-navigation .selectnav { display: none; }
  .widget-area {
    width: 220px;
    } 
  #secondary {  
    /* Content hoch genug? Dann wird via JS im HEAD geaendert! */
    position: relative;
  }
  .wrapper {
    position: relative;
  }  
  .widget-area .sidebar-wisch {
    /* Content hoch genug? Dann wird via JS im HEAD geaendert! */
    position: relative;
    margin-bottom: 0;
    bottom: 0;
    border: 0;
    padding-bottom: 0;
  }
} /* End media screen and min-width 600px */