/*
Theme Name: Kwerfeldein 2012
Description: Theme für das Fotografie Magazin Kwerfeldein.
Version: 0.1
Author: Daniel Ehniss
Author URI: http://depone.danielehniss.de
Screendesign: Marc Böttler http://marcboettler.de und Denis Holzmüller http://denisholzmueller.de
*/

/* Open Sans 400 */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-400.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-400.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-400.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-400.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-400.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Open Sans 400 italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-400italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-400italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-400italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-400italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-400italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-400italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Open Sans 700 */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Droid Serif 400 */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/droid-serif-400.eot'); /* IE9 Compat Modes */
  src: local('Droid Serif Regular'), local('DroidSerif-Regular'),
       url('fonts/droid-serif-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/droid-serif-400.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/droid-serif-400.woff') format('woff'), /* Modern Browsers */
       url('fonts/droid-serif-400.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/droid-serif-400.svg#DroidSerif') format('svg'); /* Legacy iOS */
}

/* Droid Serif 400 italic */
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/droid-serif-400italic.eot'); /* IE9 Compat Modes */
  src: local('Droid Serif Italic'), local('DroidSerif-Italic'),
       url('fonts/droid-serif-400italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/droid-serif-400italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/droid-serif-400italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/droid-serif-400italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/droid-serif-400italic.svg#DroidSerif-Italic') format('svg'); /* Legacy iOS */
}

/* Droid Serif 700 */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/droid-serif-700.eot'); /* IE9 Compat Modes */
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'),
       url('fonts/droid-serif-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/droid-serif-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/droid-serif-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/droid-serif-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/droid-serif-700.svg#DroidSerif-Bold') format('svg'); /* Legacy iOS */
}

/* Droid Serif 700 italic */
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/droid-serif-700italic.eot'); /* IE9 Compat Modes */
  src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'),
       url('fonts/droid-serif-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/droid-serif-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/droid-serif-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/droid-serif-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/droid-serif-700italic.svg#DroidSerif-BoldItalic') format('svg'); /* Legacy iOS */
}

nav,
section,
article,
aside,
footer {
    display: block;
    }

body {
    background-color: #f2f0e6;
    color: #3d3c3f;
    font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
    font-size: 100%;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    }

body.podcast-embed {
	background-color: transparent;
}

section#page {
    background-color: #f2f0e6;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    }

.podcast-embed section#page {
	background-color: transparent;
}

header#main {
    background-color: #fff;
    display: block;
    }

div.pea_cook_wrapper {
	width: 32em;
	max-width: 80%;
	position: fixed;
	left: 0 !important;
	right: 0 !important;
	margin: auto !important;
	color: #f2f0e6 !important;
	background: rgba(61,60,63,0.95) !important;
    -webkit-box-shadow: 0 0 8px rgba(255,255,255,0.5);
    -moz-box-shadow: 0 0 8px rgba(255,255,255,0.5);
    -ms-box-shadow: 0 0 8px rgba(255,255,255,0.5);
    -o-box-shadow: 0 0 8px rgba(255,255,255,0.5);
    box-shadow: 0 0 8px rgba(255,255,255,0.5);
	}

div.pea_cook_wrapper p {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.75em;
	line-height: 2em;
	}

button#pea_cook_btn {
	background: #fff;
	color: #3d3c3f;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font: inherit;
	padding: 4px !important;
	margin: 0 0 0 10px;
	text-shadow: 0;
	line-height: 1em;
	}

style.stylish {
	margin: 0;	
	}

div#topwerbung {
    background-color: #3d3c3f;
    display: block;
    margin: 0;
    padding: 5px 0 0;
    width: 100%;
	text-align: center;
    }

div#topwerbung img {
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 0;
    max-width: 95%;
    }

div#topwerbung div.adform-adbox {
    height: auto !important;
    width: 100% !important;
}

div#topwerbung div.textwidget {
	margin: auto;
	width: 95%;
	overflow: hidden; 
	max-width: 960px;
}

div#topwerbung div.textwidget p {
	margin: auto;
	position: relative;
	width: 100%;
	height: 200px;
	max-width: 960px;
	/* padding-bottom: 12%; */
}

div#topwerbung div.textwidget p iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;	
}

div.embed-content {
  position: relative; 
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}

div.embed-content iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100% !important;
  overflow: hidden;
  height: 100%; 
}

aside.info div.textwidget p iframe {
	width: 100%;
}

aside.info div.textwidget iframe img {
	width: 100%;
	height: auto;
}

nav h1,
nav h2 {
    display: none !important;
    font-size: 1em;
    margin: 0;
    padding: 0;
    }

nav#mainnav {
    border-top: 5px solid #3d3c3f;
    display: block;
    }

nav ul {
    margin: 0;
    padding: 0;
    }

nav ul.elemente {
    border-bottom: 5px solid #f2f0e6;
    }

nav ul.elemente li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    }

nav ul.elemente li.versteckt {
    display: none;
    }

nav ul.elemente li.aktiv {
    display: block;
    }

nav ul.elemente li#genre.aktiv hr {
    background-color: #74b8ce;
    color: #74b8ce;
    }

nav ul.elemente li#format.aktiv hr {
    background-color: #ff7f7f;
    color: #ff7f7f;
    }

nav ul.elemente li#seiten.aktiv hr {
    background-color: #ffce7f;
    color: #ffce7f;
    }

nav ul.elemente li#shop.aktiv hr {
    background-color: #d0ce55;
    color: #d0ce55;
    }

nav ul.elemente li#suche.aktiv hr {
    background-color: #3d3c3f;
    color: #3d3c3f;
    }

nav ul.elemente li#genre ul,
nav ul.elemente li#format ul,
nav ul.elemente li#seiten ul, 
nav ul.elemente li#shop ul {
    display: block;
    height: auto;
    margin: 0 auto;
    /* width: 95%; */
    }

/*

nav ul.elemente li ul li.page_item_has_children a {
    display: inline-block;
    }

nav ul.elemente li ul li.page_item_has_children ul.children:before {
    display: inline-block;
    content: "";
    width: 36px;
    height: 12px;
    background: url("img/naveil1.png") center no-repeat;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    }

nav ul.elemente li ul li.page_item_has_children ul.children {
    display: inline !important; 
    } 

*/

nav ul.elemente li ul.genre, nav ul.elemente li ul.format, nav ul.elemente li ul.seiten, nav ul.elemente li ul.shop {
    width: 95%;
    }

nav ul.elemente li#suche form.suchformular {
    margin: 0 auto;
    padding: 0 10px;
    width: 95%;
    }

nav ul.elemente li ul li {
    clear: none;
    float: right;
    width: auto;
    }

nav ul.elemente li ul li a,
nav ul.elemente li ul li a:visited {
    color: #3d3c3f;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75em;
    margin: 0 5px;
    padding: 10px;
    text-decoration: none;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    width: auto;
    }

nav ul.elemente li ul li a:hover,
nav ul.elemente li ul li a:focus {
    background: url(img/naveil1.png) no-repeat scroll center 0 transparent;
    color: #000;
    }

nav ul.elemente li#genre {
    background-color: #74b8ce;
    margin: 0;
    padding: 0;
    }

nav ul.elemente li#genre ul li a:hover,
nav ul.elemente li#genre ul li a:focus {
    text-shadow: 1px 1px 1px #a6d2e0;
    }

nav ul.elemente li#format {
    background-color: #ff7f7f;
    margin: 0;
    padding: 0;
    }

nav ul.elemente li#format ul li a:hover,
nav ul.elemente li#format ul li a:focus {
    text-shadow: 1px 1px 1px #ffc3c3;
    }

nav ul.elemente li#seiten {
    background-color: #ffce7f;
    margin: 0;
    padding: 0;
    }

nav ul.elemente li#seiten ul li.current_page_item a,
nav ul.elemente li ul li.current-cat a  {
    background: url(img/naveil1.png) no-repeat scroll center 0 transparent;
    }

nav ul.elemente li#seiten li.current_page_item ul.children a {
    background: none;
    }

nav ul.elemente li#seiten ul li a:hover,
nav ul.elemente li#seiten ul li a:focus {
    text-shadow: 1px 1px 1px #ffe8c3;
    }

nav ul.elemente li#shop {
    background-color: #d0ce55;
    margin: 0;
    padding: 0;
    }

nav ul.elemente li#shop ul li a:hover,
nav ul.elemente li#shop ul li a:focus {
    text-shadow: 1px 1px 1px #d0ce55;
    }

nav ul.elemente li hr {
    background-color: #3d3c3f;
    border: none;
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    }

nav ul.elemente li#suche {
    background-color: #3d3c3f;
    color: #fff;
    font-size: 1em;
    margin: 0;
    padding: 10px;
    text-align: right;
    }

div.headwrap {
    margin: 0 auto;
    width: 95%;
    }

ul.access {
    display: none;
    }

ul.access {
    clear: both;
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin: -6px 0 0 0;
    padding: 0;
    text-align: right;
    /* width: 320px; */
    }

ul.access li {
    float: left;
    list-style: none;
    margin: 0 2px 0 0;
    padding: 0;
    text-transform: lowercase;
    width: auto;
    }

ul.access li a {
    color: #3d3c3f;
    display: block;
    font-style: italic;
    padding: 8px 10px;
    margin: 0;
    text-decoration: none;
    }

ul.access li.podcast a {
    background-color: #74b8ce;
    }

ul.access li.format a {
    background-color: #ff7f7f;
    }

ul.access li.video a {
    background-color: #ffce7f;
    }

ul.access li.event a {
	background-color: #d0ce55;
	}

ul.access li.misc a {
	background-color: #f2f0e6;
	}

ul.access li.suche {
    /* margin: 0; */
    }

ul.access li.suche a {
    background: url(img/lupe20.png) no-repeat scroll center center #3d3c3f;
    color: #fff;
    display: block;
    padding: 14px 16px 21px;
    margin: 0;
    }

ul.access li.suche a span {
    display: none;
    }

ul.access li.idle a {
    border-top: 1px solid #f2f0e6;
    }

ul.access li.genre.selected a {
    border-top: 1px solid #74b8ce;
    }

ul.access li.format.selected a {
    border-top: 1px solid #ff7f7f;
    }

ul.access li.seiten.selected a {
    border-top: 1px solid #ffce7f;
    }

ul.access li.shop.selected a {
	border-top: 1px solid #d0ce55;
	}

ul.access li.misc.selected a {
	border-top: 1px solid #f2f0e6;
	}

ul.access li.suche.selected a {
    border-top: 1px solid #3d3c3f;
    }

nav hr {
    background-color: #fff;
    border: none;
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    }

header#main .logo {
    background: url(img/logo1.png) no-repeat scroll 0 0 #fff;
    clear: both;
    display: block;
    height: 90px;
    margin: 10px auto 7px;
    padding: 0;
    width: 300px;
    }

header#main .logo a {
    display: block;
    height: 90px;
    width: 300px;
    }

header#main .logo a span {
    display: none;
    }

header .description {
    display: none;
    }

section#content, div#content {
    clear: both;
    margin: 0 auto;
    padding: 30px 0 14px;
    width: 95%;
    }

.podcast-embed section#content {
	margin: none;
	width: auto;
	padding: 5px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Open Sans', sans-serif;
    overflow-wrap: break-word;
    word-wrap: break-word;
    /* -ms-word-break: break-all;
    word-break: break-all; */
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    }

.focushead {
    background-color: #f2f0e6;
    display: block;
    }

.focushead img {
    height: auto;
    max-width: 100%;
    }

/* focushead Darstellung Startseite */

.focushead img.wp-post-image {
    z-index: 9;
    }

/* keine Kategorie-Anzeige mehr AUF dem Titelbild 
 * 
.focushead ul.post-categories {
    background-color: #3d3c3f;
    background-color: rgba(61,60,63,0.9);
    display: block;
    font-size: 0.75em;
    font-style: italic;
    z-index: 10;
    margin: -2.333em 0 0;
    padding: 0;
    position: absolute;
    text-transform: lowercase;
	color: #3d3c3f;
    }

.focushead ul.post-categories li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0.41666em 0.8333em 0.41666em 1.6666em;
    width: auto;
	color: #3d3c3f;
    }

.focushead ul.post-categories li.genre a,
.focushead ul.post-categories li.genre a:visited {
    color: #3d3c3f;
    text-decoration: none;
    }

.focushead ul.post-categories li.format a,
.focushead ul.post-categories li.format a:visited {
    color: #3d3c3f !important;
    text-decoration: none;
    }

.focushead ul.post-categories li.podcast {
    background: url(img/licat1s.png) no-repeat scroll .333em .25em transparent;
    }

.focushead ul.post-categories li.format {
    background: url(img/licat1s.png) no-repeat scroll .333em -3.4166em transparent;
    }

.focushead ul.post-categories li.video {
    background: url(img/licat1s.png) no-repeat scroll .333em -7.0832em transparent;
    }

.focushead ul.post-categories li.event {
    background: url(img/licat1s.png) no-repeat scroll .333em -10.7498em transparent;
    }

.focushead ul.post-categories li.genre {
    background: url(img/licat1s.png) no-repeat scroll .333em -14.4164em transparent;
    }

.focushead ul.post-categories li.seite {
    background: url(img/licat1s.png) no-repeat scroll .333em -18.083em transparent;
    }

.focushead ul.post-categories li.misc {
    background: url(img/licat1s.png) no-repeat scroll .333em -21.7496em transparent;
    } */

ul.post-categories, ul.post-categories li, ul.podcast-subscribe, ul.podcast subscribe li {
	color: #3d3c3f;
}

ul.post-categories li.podcast {
    background: url(img/licat1p.png) no-repeat scroll -0.1em 0.25em transparent;
    }

ul.post-categories li.format {
    background: url(img/licat1s.png) no-repeat scroll -0.1em -3.4166em transparent;
    }

ul.post-categories li.video {
    background: url(img/licat1s.png) no-repeat scroll -0.1em -7.0832em transparent;
    }

ul.post-categories li.event {
    background: url(img/licat1s.png) no-repeat scroll -0.1em -10.7498em transparent;
    }

ul.post-categories li.genre {
    background: url(img/licat1s.png) no-repeat scroll -0.1em -14.4164em transparent;
    }

ul.post-categories li.seite {
    background: url(img/licat1s.png) no-repeat scroll -0.1em -18.083em transparent;
    }

ul.post-categories li.misc {
    background: url(img/licat1s.png) no-repeat scroll -0.1em -21.7496em transparent;
    }

ul.podcast-subscribe li.rss {
	background: url(img/rss15.png) no-repeat scroll transparent;
}

ul.podcast-subscribe li.spotify {
	background: url(img/spotify15.png) no-repeat scroll transparent;
}

ul.podcast-subscribe li.applepod {
	background: url(img/applepod15.png) no-repeat scroll transparent;
}

ul.podcast-subscribe li.deezer {
	background: url(img/deezer15.png) no-repeat scroll transparent;
}

ul.podcast-subscribe li.googlepod {
	background: url(img/googlepod15.png) no-repeat scroll transparent;
}

/* Ähnliche Artikel */

/* focushead Darstellung Artikelansicht */

div.meta {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 30px 0 20px 0;
    padding: 2px 0 1px;
    }

.meta ul.post-categories2 {
	float: right;
}

.meta ul.post-categories, .meta ul.post-categories2 {
    display: block;
    font-size: 0.75em;
    font-style: italic;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: lowercase;
    }

.meta ul.post-categories li, .meta ul.post-categories2 li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0.31666em 0.8333em 0.31666em 1.3666em;
    width: auto;
    }

.meta ul.post-categories2 li {
	float: right;
}

.meta ul.post-categories li a,
.meta ul.post-categories li a:visited,
.meta ul.post-categories2 li a,
.meta ul.post-categories2 li a:visited {
    color: #3d3c3f !important;
    }

.meta ul.post-categories li a:hover,
.meta ul.post-categories li a:focus,
.meta ul.post-categories2 li a:hover, 
.meta ul.post-categories2 li a:focus {
    color: #176988 !important;
    }

section#page span.ert {
    clear: right;
    display: block;
    font-size: 0.75em; /* 12px */
    font-style: italic;
    padding: 5px 0;
    text-align: right;
    text-transform: lowercase;
}

section#page span.date,
span.pagedate {
    color: #3d3c3f;
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 0.75em; /* 12px */
    font-style: italic;
    float: right;
    padding: 5px 0 0;
    }

article#focus h2 {
    margin: 1.5em 0 0.25em;
    }

section#teaser article {
    margin: 20px auto 30px;
    max-height: 24em;
    position: relative;
    }
/*
section#teaser article:after {
    background: -moz-linear-gradient(top, rgba(242,240,230,0) 0%, rgba(242,240,230,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,240,230,0)), color-stop(100%,rgba(242,240,230,1))); 
    background: -webkit-linear-gradient(top, rgba(242,240,230,0) 0%,rgba(242,240,230,1) 100%); 
    background: -o-linear-gradient(top, rgba(242,240,230,0) 0%,rgba(242,240,230,1) 100%); 
    background: -ms-linear-gradient(top, rgba(242,240,230,0) 0%,rgba(242,240,230,1) 100%); 
    background: linear-gradient(to bottom, rgba(242,240,230,0) 0%,rgba(242,240,230,1) 100%);  
    bottom: 0;
    content: "";
    display: block;
    height: 2em;
    position: absolute;
    top: 22em;
    width: 100%;
    } */

header.teaser {
    background-color: #f2f0e6;
    display: block;
    }

header.teaser ul.post-categories {
    display: block;
    font-size: 0.75em;
    font-style: italic;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: lowercase;
    }

header.teaser ul.post-categories li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0.41666em 0.8333em 0.41666em 1.3666em;
    width: auto;
    }

header.teaser ul.post-categories li a,
header.teaser ul.post-categories li a:visited {
    color: #3d3c3f;
    }

header.teaser ul.podcast-subscribe, 
.single article ul.podcast-subscribe, 
section#content ul.podcast-subscribe {
    display: block;
    font-size: 0.75em;
    font-style: italic;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: lowercase;
	float: right;
    }

header.teaser ul.podcast-subscribe li, 
.single article ul.podcast-subscribe li, 
section#content ul.podcast-subscribe li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0.41666em 0.8333em 0.41666em 1.5em;
    width: auto;
    }

header.teaser ul.podcast-subscribe li a,
header.teaser ul.podcast-subscribe li a:visited, 
.single article ul.podcast-subscribe li a,
.single article ul.podcast-subscribe li a:visited, 
section#content ul.podcast-subscribe li a, 
section#content ul.podcast-subscribe li a:visited {
    color: #3d3c3f;
    }


header.teaser ul.podcast-subscribe li {
	padding-right: 0.41666em;
}

header.teaser ul.podcast-subscribe li img {
	margin-left: 0.8333em;
}

header.teaser a.thumblink {
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.35);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,0.35);
    -o-box-shadow: 0 0 8px rgba(0,0,0,0.35);
    box-shadow: 0 0 8px rgba(0,0,0,0.35);
    clear: both;
    display: block;
    float: none;
    max-height: 169px;
    line-height: .8em;
    max-width: 339px;
    }

header.teaser h2 {
    clear: both;
    margin: 10px 0 0;
    padding: 0;
    }

header.teaser h2.podcast {
	margin-top: 5px;
}

section#teaser article p {
    margin: .4em 0;
    }

h2 {
    font-size: 1.25em; /* 20px */
    margin: 0 0 5px;
    padding: 0;
    }

h2 a, h2 a:visited {
    color: #3d3c3f;
    text-decoration: none;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    }

h2 a:hover, h2 a:focus {
    color: #176988;
    }

h2.feature, h2.single, h1.single {
    font-size: 1.45em;
    margin: 1em 0 .6em !important;
    }

h1.single.podcast {
	margin-top: 0.5em !important;
}

h3.ausstellung {
    border-top: 1px solid #fff;
    margin: 20px 0 0;
    padding: 30px 0 10px;
    }

a, a:visited {
    color: #176988;
    text-decoration: none;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    }

a:hover, a:focus {
    color: #3d3c3f;
    }

article {
    display: block;
    }

article.seite,
article.seite-ohne {
    padding: 0 0 30px;
    }

article p {
    font-size: 0.875em; /* 14px */
    line-height: 1.4286em; /* 20px */
    margin: 1em 0;
    padding: 0;
    }

article#focus p { /* Spacing for focus-article on start */
    margin: 1em 0 0;
}

article small {
    color: #888;
    font-size: 0.8125em; /* 13px */
}

article .wp-caption {
    height: auto;
    max-width: 100%;
}

article .wp-caption div.sub {
    padding-left: 27%; 
    margin: auto;
}

article .zwei .wp-caption.alignleft {
    height: auto;
    float: left;
    max-width: 49% !important;
}

article .zwei .wp-caption.alignright {
    height: auto;
    float: right;
    max-width: 49% !important;
}

article .zwei .wp-caption br {
    display: none;
}

article .zwei .wp-caption.alignleft img,
article .zwei .wp-caption.alignright img{
    height: auto;
    width: 100%;
}

.single article p.wp-caption-text,
.page-template-default article p.wp-caption-text,
article.seite-ohne p.wp-caption-text,
.about p.wp-caption-text {
    color: #888;
    font-size: 0.8125em; /* 13px */
    margin-top: 0;
}

div.shop p.wp-caption-text {
    text-align: center;
}

.single article p,
.page-template-default article p,
.page-template-default article li,
article.seite-ohne p,
.about p,
.cpp_form span, .support p {
    font-size: 1em; /* 16px */
    line-height: 1.5em; /* 24px */
    }

.single article p:first-child strong,
.page article p:first-child strong,
article p.zuruf strong {
    font-style: italic;
    font-weight: 700;
    }

article.ausblick p {
    margin: 0 0 1em;
    }

.single article ul, div.woocommerce ul {
    margin: .5em 0;
    padding: 0 0 0 2.5em;
    }

.single article ul li {
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    }

.single article ol {
    margin: .5em 0;
    padding: 0 0 0 2.5em;
    }

.single article ol li {
    line-height: 1.5em;
    margin: 0 0 .3em;
    padding: 0;
    }

.single article ul.wp-polls-ul {
    list-style: none;
    margin: .5em 0;
    padding: 0;
}

.single article ul.wp-polls-ul li {
    line-height: 1.7em;
    list-style: none;
    margin: 0;
    padding: 0;
}

.single article .wp-polls-ans p {
    text-align: left !important;
}

.single article .wp-polls-ans input {
    background-color: #3d3c3f;
    border: 1px solid #3d3c3f;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    color: #f2f0e6;
    font-family: 'Droid Serif', serif;
    font-size: .75em; /* 12px */
    font-style: italic;
    padding: 3px 10px;
    text-decoration: none;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
    }

.single article .wp-polls-ans input:hover,
.single article .wp-polls-ans input:focus {
    background-color: #3d3c3f;
    border: 1px solid #3d3c3f;
    color: #74b8ce;
    cursor: pointer;
    outline: none;
    }

.single article .wp-polls-ans input:active {
    color: #f2f0e6;
    padding: 5px 10px 2px 10px;
    }

.single article .wp-polls-ans p a {
    font-size: .8em;
    font-style: italic;
}

div.podcast_meta {
	display: none;
}

.archive section article.ausblick {
    border-bottom: 1px solid #fff;
    padding: 0 0 3em;
    margin: 0 0 3em;
    }

.archive section.ausblick article:last-child {
    border-bottom: 0px solid #fff;
    padding: 0;
    margin: 0;
    }

article blockquote {
    font-family: 'Droid Serif';
    font-style: normal;
    font-size: 1em;
    border-left: 1px solid #a3a1a6;
    margin: 0;
    padding: 0 0 0 4%;
    }

.about {
    /* padding: 30px; */
    }

article p.bearbeiten {
    clear: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75em; /* 12px */
    }

article p.bearbeiten a,
article p.bearbeiten a:visited {
    background-color: #176988;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    -ms-border-radius: 1.5em;
    -o-border-radius: 1.5em;
    border-radius: 1.5em;
    color: #fff;
    margin: 0;
    padding: .2em 1em;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
    }

article p.bearbeiten a:hover,
article p.bearbeiten a:focus {
    background-color: #3d3c3f;
    }

img.smile {
    height: 1em !important;
	width: 1em !important;
    margin: 0 !important;
    vertical-align: baseline !important;
    opacity: 0.7;
    }

a:hover img.smile {
    opacity: 1;
    }

div.support {
	background-color: #fff;
    /*font-size: 1em;*/
	margin: 0 0 1em 0 !important;
    padding: 10px 30px;
}

.support p {
	font-family: 'Droid Serif', serif !important;
	font-size: 0.9em;
}

.support h3 {
	color: #176988;
	font-family: 'Droid Serif', Georgia, 'Times New Roman', Times, serif;
	font-size: 1em;
	font-weight: 500;
	font-style: italic;
	text-transform: lowercase;
}

.support form {
	margin: 1em 0;
}

.support form td {
	font-family: "Droid Serif",serif;
	vertical-align: top;
}

.support form select {
    background-color: #74b8ce;
    background-color: rgba(116,184,206,.5);
    border: 0;
    border-radius: 0;
    color: #3d3c3f;
	font-family: "Open Sans", sans-serif;
    font-size: 0.875em; /* 14px */
    line-height: 1.4286em; /* 20px */
    margin: .75em 0 1.25em;
    outline: 0;
    /*padding: 4px;*/
    /*-webkit-appearance: none;*/
    width: 160px;
    max-width: 100%;
}

.support input[type="image"] {
    border: 1px solid #74b8ce;
    box-shadow: 0 0 0 #74b8ce;
    max-width: 100%;
    -webkit-transition: border linear .5s, -webkit-box-shadow linear .5s, color linear .5s, background linear .5s;
    -moz-transition: border linear .5s, -moz-box-shadow linear .5s, color linear .5s, background linear .5s;
    -o-transition: border linear .5s, -o-box-shadow linear .5s, color linear .5s, background linear .5s;
    transition: border linear .5s, box-shadow linear .5s, color linear .5s, background linear .5s;
}

.support input[type="image"]:hover,
.support input[type="image"]:focus {
    box-shadow: 0 0 5px #74b8ce;
}

ul.share,
.single article ul.share {
    border-top: 1px solid #fff;
    margin: 40px 0 0;
    padding: 10px 0 0;
    }

ul.share.vollbild,
.single article ul.share.vollbild {
    margin: 16px 0 0;
    border-top: 0;
    }

ul.share li,
.single article ul.share li {
    float: none;
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0 0 10px;
    width: auto;
    }

ul.share li.text,
.single article ul.share li.text {
        margin: 0 20px 0 0;
}

ul.share li a,
ul.share li a:visited,
.single article ul.share li a,
.single article ul.share li a:visited {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    padding: 0 10px 0 33px;
    -webkit-transition: background-color .5s linear;
    -moz-transition: background-color .5s linear;
    -o-transition: background-color .5s linear;
    transition: background-color .5s linear;
}

ul.share li a:hover,
ul.share li a:focus,
.single article ul.share li a:hover,
.single article ul.share li a:focus {
    background-color: #fff;
    }

.sharebuttons {
    display: block;
    padding-top: 32px;
    padding-bottom: 16px;
}

.sharebuttons .twitter,
.sharebuttons .facebook {
    display: inline-block;
    overflow: hidden;
    width: auto;
}

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

.single article img {
    margin: 5px 0 0;
    }

.single article pre {
    background-color: #dfddd4;
    margin: .5em 0;
    padding: 1em;
    overflow: auto;
}

.single article code {
    color: black;
    text-shadow: 0 1px white;
    font-family: Menlo, Courier, monospace;
    font-size: 1em;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.single :not(pre) > code {
    background-color: #dfddd4;
    padding: .1em;
}

article .zwei {
    clear: both;
    display: block;
    height: auto;
    width: 100%;
    }

article .zwei img {
    height: auto;
    width: 49%;
    }

article .zwei img.alignleft {
    float: left;
    height: auto;
    margin: 5px 2% 10px 0;
    max-width: 100%;
    }

article .zwei:after {
    content: "";
    display: table;
    clear: both;
}

article img.alignleft, article div.alignleft {
    float: left;
    height: auto;
/*    margin: 5px 10px 10px 0; */
    max-width: 100%;
    }

article img.alignright, article div.alignright {
    float: right;
    height: auto;
/*    margin: 5px 0 10px 10px; */
    max-width: 100%;
    }

.focushead div.video,
article div.video,
article p.map {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 20px 0 40%;
    position: relative;
    width: 100%;
    }

.focushead .video iframe,
article .video iframe,
article .map iframe {
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

article video, .focushead video { /* getting html5 video responsive in articles */
    height: auto;
    width: 100%;
}

article footer {
    background-color: #f2f0e6;
    color: #3d3c3f;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75em; /* 12px */
    margin: 0;
    padding: 0;
    }

article footer ul {
    display: block;
    margin: 1.3833em 0 2.7708em; /*  */
    padding: 0;
    }

article footer ul li {
    display: block;
    line-height: 1.75em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    }

article footer ul li:before {
    content: "\002D \0020";
    }

article footer ul li span {
    padding: 0 0 0 1em;
    }

/* Kommentarbereich */

.kommentaranzahl {
    background-color: #f2f0e6;
    border-bottom: 1px solid #3d3c3f;
    clear: both;
    color: #74b8ce;
    display: block;
    font-family: 'Droid Serif', serif;
    font-size: .75em; /* 12px */
    font-style: italic;
    font-weight: 700;
    padding: 7px 0;
    margin: 30px 0 0;
    text-transform: lowercase;
    width: auto;
    }

span.komplett {
    background-color: #3d3c3f;
    padding: 7px 10px;
    }

span.zahl {
    color: #f2f0e6;
    }

#comments {
    background-color: #fff;
    clear: both;
    color: #333;
    margin: 0;
    padding: 30px;
    }

#comments p.closed {
    color: rgb(102,102,102);
    font-size: .875em;
    font-style: italic;
    line-height: 1.3em;
    margin: 0;
    padding: 0 30px;
    }

h3#reply-title {
    color: #176988;
    font-family: 'Droid Serif', serif;
    font-size: 1em; /* 16px */
    font-weight: 500;
    font-style: italic;
    text-transform: lowercase;
    }

h3#reply-title small a#cancel-comment-reply-link,
h3#reply-title small a#cancel-comment-reply-link:visited {
    color: #3d3c3f;
    font-family: 'Open Sans', sans-serif;
    font-size: .9321em; /* 12px */
    font-style: normal;
    }

h3#reply-title small a#cancel-comment-reply-link:hover,
h3#reply-title small a#cancel-comment-reply-link:focus {
    color: #176988;
    }

nav#comment-nav-above,
nav#comment-nav-below,
nav.ausblicknav {
    font-family: 'Open Sans', sans-serif;
    font-size: .75em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    }

nav#comment-nav-above .nav-previous,
nav#comment-nav-below .nav-previous {
    float: left;
    padding-bottom: 20px;
    text-align: left;
    width: 45%;
    }


nav#comment-nav-above .nav-next,
nav#comment-nav-below .nav-next {
    float: right;
    padding-bottom: 20px;
    text-align: right;
    width: 45%;
    }

nav.ausblicknav .nav-previous {
    float: left;
    padding: 40px 0 40px;
    text-align: left;
    width: 45%;
    }

nav.ausblicknav .nav-next {
    float: right;
    padding: 40px 0 40px;
    text-align: right;
    width: 45%;
    }

p.logged-in-as {
    font-family: 'Open Sans', sans-serif;
    font-size: .75em; /* 12px */
    line-height: 1em;
    padding: 0;
    }

ol.commentlist {
    margin: 0;
    padding: 0;
    }

ol.commentlist li {
    clear: both;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    }

ol.commentlist li.even > article {
    background-color: #fff;
    padding: 30px;
    }

ol.commentlist li.odd > article {
    background-color: #f0f0f0;
    padding: 30px;
    }

ol.commentlist li.bypostauthor > article {
    background-color: #f2f0e6;
    padding: 30px;
    }

ol.commentlist li ul.children {
    margin: 0 0 0 8%;
    padding: 0;
    }

ol.commentlist li ul.children li {
    margin: 20px 0 0;
    padding: 0;
    }

footer.comment-meta {
    background: none;
    border: none;
    }

footer.comment-meta p.absenderIn {
    display: block;
    font-family: 'Droid Serif', serif;
    font-size: 1.16667em; /* 14px */
    font-style: italic;
    line-height: 1.14286em;
    margin: 0;
    padding: .5714em 0 0; /* 11px 0 0 */
    }

.logged-in footer.comment-meta p.absenderIn {
    padding: 1px 0 0; /* Platz fuer den bearbeiten-Link */
    }

footer.comment-meta p.absenderIn span.autorIn {
    text-transform: none;
    }

footer.comment-meta p.absenderIn span.autorIn span.rolle {
    color: #888;
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-size: .857em; /* 12px */
}

footer.comment-meta p.absenderIn span.schreibt {
    display: none;
    }

a.kommentarzeit, a.kommentarzeit:visited {
    color: #3d3c3f;
    display: block;
    line-height: 1.3333em;
    }

a.kommentarzeit:hover, a.kommentarzeit:focus {
    color: #176988;
    }

.single article img.avatar {
    float: none;
    height: 50px;
    margin: 0 0 10px;
    width: 50px;
    }

em.comment-awaiting-moderation {
    clear: both;
    color: #176988;
    display: block;
    font-style: italic;
    }

ol.commentlist li.bypostauthor > article img.avatar,
ol.commentlist li.byuser > article img.avatar {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
    }

div.comment-content {
    clear: both;
    }

ol.commentlist li article p {
    font-family: 'Open Sans', sans-serif;
    font-size: .75em; /* 12px */
    line-height: 1.6667em; /* 20px */
    }

ol.commentlist li.pingback {
    clear: both;
    color: #3d3c3f;
    font-family: 'Open Sans', sans-serif;
    font-size: .75em; /* 12px */
    line-height: 1.6667em; /* 20px */
    padding: .5em 30px;
    margin: .5em 0;
    }

ol.commentlist li.pingback p {
    margin: 0;
    padding: 0;
    }

ol.commentlist li.pingback a {
    font-family: 'Droid Serif', serif;
    font-style: italic;
    font-weight: 700;
    }

form#commentform {
    border-bottom: 1px solid #f2f0e6;
    margin: 0 0 24px;
    padding: 0 0 12px;
    }

a.comment-reply-link {
    display: block;
    float: right;
    font-size: .75em; /* 12px */
    font-style: italic;
    width: auto;
    }

.page-id-421 #respond {
    padding-top: 1em;
}

#respond label,
.cpp_form label,
.cpp_form span.uh {
    color: #3d3c3f;
    display: inline;
    font-family: 'Open sans', sans-serif;
    font-size: .75em;
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: auto;
    z-index: 1;
    }

p.comment-form-author span.required,
p.comment-form-email span.required,
.cpp_form label span.r {
    color: #74b8ce;
    display: inline;
    font-size: 1em;
    line-height: 1em;
    padding: 0;
    position: relative;
    right: 0;
    width: auto;
    z-index: 1;
    }

#respond input[type="text"],
#respond input[type="email"],
#respond textarea,
.cpp_form input[type="text"],
.cpp_form input[type="email"],
.cpp_form textarea {
    background: url(img/inputBG.jpg) repeat scroll 0 0 #f2f0e6;
    border: 1px solid #f2f0e6;
    -webkit-border-radius: 0;
    border-radius: 0px;
    color: #3d3c3f;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: .75em;
    margin: 3px 0 0;
    padding: 5px 10px;
    position: relative;
    width: 91%;
    -webkit-transition: border linear .5s, -webkit-box-shadow linear .5s, color linear .5s, background linear .5s;
    -moz-transition: border linear .5s, -moz-box-shadow linear .5s, color linear .5s, background linear .5s;
    -o-transition: border linear .5s, -o-box-shadow linear .5s, color linear .5s, background linear .5s;
    transition: border linear .5s, box-shadow linear .5s, color linear .5s, background linear .5s;
    }

#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond textarea:focus,
.cpp_form input[type="text"]:focus,
.cpp_form input[type="email"]:focus,
.cpp_form textarea:focus {
    background: url(img/focusBG.jpg) repeat scroll 0 0 #fff;
    border: 1px solid #74b8ce;
    box-shadow: 0 0 5px #74b8ce;
    color: #3d3c3f;
    outline: none;
    text-indent: 0;
    z-index: 1;
    }

#respond form.inactive p.comment-form-author,
#respond form.inactive p.comment-form-email,
#respond form.inactive p.comment-form-url,
#respond form.inactive p.form-submit {
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .5s ease;
}

#respond form.active p.comment-form-author,
#respond form.active p.comment-form-email,
#respond form.active p.comment-form-url,
#respond form.active p.form-submit {
    height: auto;
    overflow: hidden;
}

#respond form p.form-submit {
    padding-top: 1em; /* 12px */
}

input#submit,
input[type=button],
.cpp_form div.pbSubmit {
    background-color: #3d3c3f;
    border: 1px solid #3d3c3f;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    color: #f2f0e6;
    font-family: 'Droid Serif', serif;
    font-size: .75em; /* 12px */
    font-style: italic;
    padding: 3px 10px;
    text-decoration: none;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
    }

input#submit:hover,
input#submit:focus,
input[type=button]:hover,
input[type=button]:focus,
.cpp_form div.pbSubmit:hover,
.cpp_form div.pbSubmit:focus {
    background-color: #3d3c3f;
    border: 1px solid #3d3c3f;
    color: #74b8ce;
    cursor: pointer;
    outline: none;
    }

input#submit:active,
input[type=button]:active,
.cpp_form div.pbSubmit:active {
    color: #f2f0e6;
    /* padding: 5px 10px 2px 10px; */
    }

/* Uebersichtseiten */

ul.icons {
    display: none;
    }

section#teaser .focushead {
    clear: both;
    padding: 0 0 30px;
    }

.focushead h1.category {
    color: #fff;
    display: inline-block;
    font-family: 'Droid Serif', serif;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500;
    height: 4em;
    margin: 1.5em 0 0;
    padding: 1em 0 1.5em;
    text-align: center;
    text-transform: lowercase;
    width: 95%;
    z-index: 2;
    position: absolute;
    }

.focushead.info h1.category {
    color: #3d3c3f;
	}
.focushead h1.category span.titel {
    display: inline-block;
    letter-spacing: .075em;
    margin: 0 auto;
    padding: 1.5em 2em;
    position: relative;
    text-align: center;
    width: auto;
    }

.focushead.podcast h1.category span.titel {
    background-color: rgb(116,184,206);
    background:
        url(img/category1.png) no-repeat scroll 5% 7px,
        url(img/category1.png) no-repeat scroll 95% -85px rgba(116,184,206,0.7);
    }

.focushead.format h1.category span.titel {
    background-color: rgb(255,127,127);
    background:
        url(img/category1.png) no-repeat scroll 5% 7px,
        url(img/category1.png) no-repeat scroll 95% -85px rgba(255,127,127,0.7);
    }

.focushead.event h1.category span.titel {
    background-color: rgb(208,206,85);
    background:
        url(img/category1.png) no-repeat scroll 5% 7px,
        url(img/category1.png) no-repeat scroll 95% -85px rgba(208,206,85,0.7);
    }

.focushead.video h1.category span.titel {
    background-color: rgb(255,206,127);
    background:
        url(img/category1.png) no-repeat scroll 5% 7px,
        url(img/category1.png) no-repeat scroll 95% -85px rgba(255,206,127,0.7);
    }

.focushead.genre h1.category span.titel {
    background-color: rgb(61,61,61);
    background:
        url(img/category1.png) no-repeat scroll 5% 7px,
        url(img/category1.png) no-repeat scroll 95% -85px rgba(61,61,61,0.7);
    }

.focushead.info h1.category span.titel {
    background-color: rgb(255,255,255);
    background:
        url(img/pagenav1.png) no-repeat scroll 5% 7px,
        url(img/pagenav1.png) no-repeat scroll 95% -85px rgba(255,255,255,0.8);
    }

.feednavi {
    clear: both;
    font-family: 'Open Sans', sans-serif;
    font-size: .75em;
    }

h1.category.ausblick {
    clear: both;
    padding: 0;
    }

.about {
    padding: 0 0 20px;
    }

/* Seitennavigation */

.feednavi .wp-pagenavi {
    font-size: 1em;
    }

.wp-pagenavi {
    clear: both;
    display: block;
    font-family: 'Open Sans', sans-serif;
    height: 60px;
    padding: 11px 20px;
    font-size: .75em;
    }

.wp-pagenavi span.current {
    background-color: #176988;
    border-radius: 40px;
    color: #f2f0e6;
    display: block;
    float: left;
    font-weight: 700;
    height: 26px;
    margin: 0 5px 0 0;
    padding: 10px 0 0;
    text-align: center;
    width: 36px;
    }

.wp-pagenavi a,
.wp-pagenavi a:visited {
    background-color: #3d3c3f; /* #979692 */
    border-radius: 40px;
    color: #f2f0e6;
    display: block;
    float: left;
    height: 26px;
    margin: 0 5px 5px 0;
    padding: 10px 0 0;
    text-align: center;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
    width: 36px;
    }

.wp-pagenavi a:hover,
.wp-pagenavi a:focus {
    background-color: #176988;
    }

/* Suchergebnisse */

h1 span.suchbegriff,
h1 span.name {
    text-decoration: none;
    }

h1 span.normal {
    font-weight: 500;
    }

/* Seiteninhalte */

h2#moderation,
h2#twitter-kollektiv {
    border-top: 1px solid #fff;
    clear: both;
    margin: 40px 0 0;
    padding: 40px 0 0;
    }

h3.redaktion {
    margin: 20px 0 0;
    padding: 20px 0 0;
    }

h3.redaktion span.rolle {
    font-style: italic;
    font-weight: 500;
    }

h3.page {
    border-top: 1px solid #fff;
    margin: 20px 0 0;
    padding: 20px 0;
    }

h4.page {
    border-top: 1px solid #fff;
    font-weight: 500;
    margin: 30px 0 0;
    padding: 10px 0;
    }

ul.redaktion {
    margin: 10px 0;
    padding: 0;
    }

ul.redaktion li {
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
    list-style: none;
    margin: 3px 0;
    padding: 0;
    }

ul.redaktion li span.text {
    text-transform: uppercase;
    }

p.profil.left,
p.profil.right {
    clear: both;
    display: block;
    float: none;
    margin: 0 0 20px;
    min-height: 65px;
    }

div.yearbox ul {
    margin: 0 1.2em;
    padding: 0;
}

div.yearbox ul li {
    margin: 0 0 .35em;
    padding: 0;
}

/* Kontaktformular */
/* wie Kommentarformular */

.wpcf7 {
    background-color: #fff;
    padding: 0 30px 30px !important;
    }

.wpcf7 p {
    line-height: .95em !important;
    }

div.wpcf7-response-output {
    margin: 2em 0 1em !important;
    padding: 0.2em 1em !important;
    }

div.wpcf7-mail-sent-ok {
    border: 1px solid #74b8ce !important;
    }

div.wpcf7-validation-errors,
input.wpcf7-not-valid {
    border: 1px solid #ff7f7f !important;
    }

span.wpcf7-not-valid-tip {
    display: none;
    }

/* Kommentarformular für den Award */

#fbuilder .fform h1 {
  margin: 5px 0 14px !important;
}

.cpp_form {
    background-color: #fff;
    padding: 20px 30px 50px !important;
}

.cpp_form:after {
    clear: both;
    content: '';
    display: table;
}

.cpp_form .captcha {
    height: 0;
    left: -999em;
    position: absolute;
    top: -999em;
}

.pbSubmit {
    float: none;
}

#fbuilder select.large,
#fbuilder input.large,
#fbuilder textarea.large {
  margin: 7px 0;
  padding: 5px 10px !important;
  width: 93% !important;
}

#fbuilder input.large[accept="jpg"] {
  font-family: "Open Sans",sans-serif;
  /*font-size: 0.875em; /* 14px */
  /*line-height: 1.4286em; /* 20px */
  padding: 5px 0 !important;
}

#fbuilder select.large {
  background-color: #f2f0e6;
  border: 0;
  border-radius: 0;
  color: #3d3c3f;
  font-family: "Open Sans",sans-serif;
  font-size: 0.875em; /* 14px */
  line-height: 1.4286em; /* 20px */
  margin: .75em 0 1.25em;
  outline: 0;
  width: 96% !important;
}

#fbuilder span.uh {
  font-family: "Open Sans",sans-serif;
  font-size: 70% !important; /* 14px */
  line-height: 1.4286em; /* 20px */
}

div#field_1-11.fields {
  clear: both;
  /*display: block;*/
  font-size: 16px;
  padding-top: 20px;
}

/* Amazon Store */

.touch iframe.astore {
    display: none;
    }

.no-touch iframe.astore {
    display: block;
    }

/* Aside */

aside {
    clear: both;
    display: block;
    margin: 0;
    /* padding: 0 0 17px; */
    width: 100%;
    }

aside.between {
	/* width: 46.25%; */
	margin: 0;
	padding-top: 15px;
}

aside.author {
	padding-top: 15px;
	display: none;
}

aside.info {
	padding-top: 30px;
}

aside ul {
    margin: 0;
    padding: 0;
    }

aside ul li {
    border-top: 1px solid #fff;
    list-style: none;
    margin: 0;
	padding: 0;
    }

aside ul li.passende {
	padding: 20px 0;
}

/*aside ul li.first {
    border-top: none;
    }*/

aside ul li h3 {
    font-family: 'Droid Serif', serif;
    font-size: .875em;
    font-style: italic;
    font-weight: 400;
    text-transform: lowercase;
    }

aside ul li p,
aside ul li ul {
    font-family: 'Open Sans', sans-serif;
    font-size: .75em;
    }

aside ul li.autorIn {
    border: none;
    margin: 16px 0;
    padding: 0;
    }

aside ul li.autorIn h3.name {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #176988;
    font-family: 'Droid Serif', serif;
    font-size: .875em; /* 14px */
    font-style: normal;
    font-weight: 500;
    line-height: 1.3em;
    margin: 0;
    padding: 5px 0;
    text-transform: none;
    }

aside ul li.autorIn h3.name span.rolle {
    font-style: italic;
    }

aside ul li.autorIn img.avatar {
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    float: right;
    height: 100px;
    margin: 0 0 5px 10px;
    width: 100px;
    }

aside ul li.autorIn div.info {
    font-size: 1em;
    line-height: 1.125em;
    margin: 20px 0 14px;
    /* padding: 0 0 14px; */
    }

aside ul li.autorIn div.info p.bio {
    margin: 0;
    padding: 0;
    }

aside ul li.autorIn div.info ul.weiteres {
    clear: both;
    margin: 15px 0 0 0;
    padding: 0;
    }
/*
aside ul li.autorIn div.info ul.weiteres:before {
    display: block;
    content: "\002D \0020";
    } */

aside ul li.autorIn div.info ul.weiteres li {
    margin: 0;
    padding: 0;
    width: auto;
    }
/*
aside ul li.autorIn div.info ul.weiteres li:before {
    content: "";
    } */

aside ul li.autorIn div.info ul.weiteres li span.text {
    text-transform: uppercase;
    }

aside ul li.post-meta {
    border-top: 1px solid #fff;
    }
/*
aside ul li.post-meta h3 {
    clear: both;
    color: #3d3c3f;
    font-family: 'Droid Serif', serif;
    font-size: .875em; 14px
    font-style: italic;
    font-weight: 500;
    line-height: 1em;
    margin: 0 0 20px;
    padding: 0;
    text-transform: lowercase;
    } */

aside ul li.post-meta ul.metadata {
    margin: 0;
    padding: 0;
    }

aside ul li.post-meta ul.metadata li:before {
    content: "";
    }

aside ul li.post-meta ul.metadata li span.text {
    color: #3d3c3f;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    }

aside ul li.post-meta ul.metadata li span.zahl {
    color: #176988;
    margin: 0;
    padding: 0 0 0 .5em;
    }

aside ul li.post-meta ul.metadata li.empfehlen ul,
aside ul li.post-meta ul.metadata li.spaeter ul,
aside ul li.post-meta ul.metadata li.navigieren ul {
    display: inline;
    margin: 0;
    padding: 0;
    }

aside ul li.post-meta ul.metadata li.empfehlen ul li,
aside ul li.post-meta ul.metadata li.spaeter ul li,
aside ul li.post-meta ul.metadata li.navigieren ul li {
    display: inline;
    font-size: 1.3333em;
    margin: 0;
    padding: 0;
    }

aside ul li p#ins {
	display: none;
}

aside ul li ins.dcmads {
width: 0 !important;
height: 0 !important;
}

aside ul li div.GoogleActiveViewClass {
width: 100%;
}

li.kategorien {
    display: block;
    margin: 21px 0 0;
    }

li.kategorien ul.post-categories {
    margin: 0;
    padding: 0;
    }

li.kategorien ul.post-categories li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    }

li.kategorien ul.post-categories li.format {
    background: none;
    margin: 0;
    padding: 0;
    }

li.kategorien ul.post-categories li.genre {
    background: none;
    margin: 0;
    padding: 0;
    }
/*
li.kategorien ul.post-categories li.genre a {
    background: url(img/startgenre1.jpg) no-repeat scroll 0 -10px #f2f0e6;
    display: block;
    height: 33px;
    width: 33px;
    }

li.kategorien ul.post-categories li.genre.abstrakt a {
    background-position: 0 -10px;
    }

li.kategorien ul.post-categories li.genre.akt a {
    background-position: 0 -82px;
    }

li.kategorien ul.post-categories li.genre.architektur a {
    background-position: 0 -156px;
    }

li.kategorien ul.post-categories li.genre.automobil a {
    background-position: 0 -231px;
    }

li.kategorien ul.post-categories li.genre.surreal a {
    background-position: 0 -307px;
    }

li.kategorien ul.post-categories li.genre.reportage a {
    background-position: 0 -381px;
    }

li.kategorien ul.post-categories li.genre.fashion a {
    background-position: 0 -456px;
    }

li.kategorien ul.post-categories li.genre.food a {
    background-position: 0 -531px;
    }

li.kategorien ul.post-categories li.genre.hochzeit a {
    background-position: 0 -605px;
    }

li.kategorien ul.post-categories li.genre.landschaft a {
    background-position: 0 -680px;
    }

li.kategorien ul.post-categories li.genre.makro a {
    background-position: 0 -756px;
    }

li.kategorien ul.post-categories li.genre.natur a {
    background-position: 0 -831px;
    }

li.kategorien ul.post-categories li.genre.portrait a {
    background-position: 0 -906px;
    }

li.kategorien ul.post-categories li.genre.reise a {
    background-position: 0 -981px;
    }

li.kategorien ul.post-categories li.genre.sport a {
    background-position: 0 -1056px;
    }

li.kategorien ul.post-categories li.genre.stillleben a {
    background-position: 0 -1131px;
    }

li.kategorien ul.post-categories li.genre.straße a {
    background-position: 0 -1206px;
    }

li.kategorien ul.post-categories li.genre.studio a {
    background-position: 0 -1281px;
    }

li.kategorien ul.post-categories li.genre.tiere a {
    background-position: 0 -1356px;
    }

li.kategorien ul.post-categories li.genre.unterwasser a {
    background-position: 0 -1430px;
    }

li.kategorien ul.post-categories li.format a {
    background: url(img/format1e.jpg) no-repeat scroll 0 -10px #f2f0e6;
    display: block;
    height: 33px;
    width: 33px;
    } */

li.passende h3 {
    margin: 20px 0 10px 0;
    padding: 0;
    width: 100%;
    }

li.passende h3 a,
li.passende h3 a:visited {
    /* background: url(img/startgenre1.jpg) no-repeat scroll -4px 0 #f2f0e6; */
    color: rgb(61, 60, 63);
    display: block;
    /* height: 33px; */
    margin: 0;
    /* padding: 1.214em 0 1.214em 3.929em; */
    width: 100%;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    }

li.passende h3 a:hover,
li.passende h3 a:focus {
    opacity: .7;
}

/*
li.kategorien ul.post-categories li.format.aktion a {
    background-position: 0 -531px;
    }

li.kategorien ul.post-categories li.format.einblick a {
    background-position: 0 -456px;
    }

li.kategorien ul.post-categories li.format.geschichte a {
    background-position: 0 -381px;
    }

li.kategorien ul.post-categories li.format.interview a {
    background-position: 0 -231px;
    }

li.kategorien ul.post-categories li.format.kwertext a {
    background-position: 0 -307px;
    }

li.kategorien ul.post-categories li.format.rezension a {
    background-position: 0 -156px;
    }

li.kategorien ul.post-categories li.format.umfrage a {
    background-position: 0 -82px;
    }

li.kategorien ul.post-categories li.format.vollbild a {
    background-position: 0 -10px;
    }
*/

li.kategorien ul.post-categories li a span.kat {
    display: none;
    }

/* Hintergrund der Ueberschrift der passenden Artikel */

li.passende h3 a {
    display: block;
    /* height: 33px; */
    margin: 0;
    /* padding: 1.214em 0 1.214em 3.929em; */
    width: auto;
    }

/*
li.passende.abstrakt h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px 0 #f2f0e6;
    }

li.passende.akt h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -72px #f2f0e6;
    }

li.passende.architektur h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -146px #f2f0e6;
    }

li.passende.automobil h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -221px #f2f0e6;
    }

li.passende.surreal h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -297px #f2f0e6;
    }

li.passende.reportage h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -371px #f2f0e6;
    }

li.passende.fashion h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -446px #f2f0e6;
    }

li.passende.food h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -521px #f2f0e6;
    }

li.passende.hochzeit h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -595px #f2f0e6;
    }

li.passende.landschaft h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -670px #f2f0e6;
    }

li.passende.makro h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -746px #f2f0e6;
    }

li.passende.natur h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -821px #f2f0e6;
    }

li.passende.portrait h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -896px #f2f0e6;
    }

li.passende.reise h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -971px #f2f0e6;
    }

li.passende.sport h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -1046px #f2f0e6;
    }

li.passende.stillleben h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -1121px #f2f0e6;
    }

li.passende.straße h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -1196px #f2f0e6;
    }

li.passende.studio h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -1271px #f2f0e6;
    }

li.passende.tiere h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -1346px #f2f0e6;
    }

li.passende.unterwasser h3 a {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px -1420px #f2f0e6;
    }

li.passende.aktion h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -521px #f2f0e6;
    }

li.passende.ausblick h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -596px #f2f0e6;
    }

li.passende.einblick h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -446px #f2f0e6;
    }

li.passende.geschichte h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -371px #f2f0e6;
    }

li.passende.interview h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -221px #f2f0e6;
    }

li.passende.kwertext h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -297px #f2f0e6;
    }

li.passende.nachrichten h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -673px #f2f0e6;
    }

li.passende.rezension h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -146px #f2f0e6;
    }

li.passende.technik h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -747px #f2f0e6;
    }

li.passende.umfrage h3 a {
    background: url(img/format1e.jpg) no-repeat scroll -4px -72px #f2f0e6;
    }

li.passende.vollbild h3 a {
    background: url(img/format1e.jpg) no-repeat scroll 0 -0px #f2f0e6;
    }
*/
aside ul li ul.asidenetze li {
    list-style: none;
    margin-right: 9%;
    display: inline;
    }

aside ul li ul.asidenetze li#last {
    margin-right: 0;
    }

aside ul li ul.asidenetze li:before {
    content: "";
    }

aside ul li ul.asidenetze li a img {
    max-width: 100%;
    }

aside ul li ul {
    margin: 0;
    padding: 7px 0;
    }

aside ul li ul li {
    border: none;
    padding: 2px 0;
    }
/*
aside ul li ul li:before {
    content: "\002D \0020";
    } */

aside ul li ul li a {
    padding: 0;
    }

aside ul li img {
    height: auto;
    max-width: 100%;
    }

section#werbung {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    clear: both;
    display: block;
    margin: 0 auto;
    padding: .5em 0;
    width: 100%;
    }

section#werbung h2 {
    color: #3d3c3f;
    font-size: .6em;
    font-weight: 400;
    }

section#werbung ul {
    margin: 0;
    padding: 0;
    }

section#werbung ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    }

section#werbung img {
    height: auto;
    max-width: 100%;
    }

section#genres {
    clear: both;
    margin: 0 auto;
    padding: 30px 0 5px;
    width: 95%;
    }

section#genres img {
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.35);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,0.35);
    -o-box-shadow: 0 0 8px rgba(0,0,0,0.35);
    box-shadow: 0 0 8px rgba(0,0,0,0.35);
    height: auto;
    max-width: 100%;
    }

section#genres h2.versteckt {
    display: none;
    }

section#genres .genrebox {
    border-top: 1px solid #fff;
    display: block;
    margin: 0 0 23px;
    padding: 0 0 33px;
    }

section#genres h3 {
    font-family: 'Droid Serif', serif;
    font-size: .875em; /* 14px */
    font-style: italic;
    margin: 1.6em 0;
    padding: 1.25em 0;
}
section#genres h3 a,
section#genres h3 a:visited {
    background: url(img/startgenre1.jpg) no-repeat scroll -4px 0 #f2f0e6;
    color: rgb(61, 60, 63);
    padding: 1.214em 0 1.214em 3.929em; /* 17px 0 17px 54px */
    margin: 0;
    text-transform: lowercase;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    }

section#genres h3 a:hover,
section#genres h3 a:focus {
    opacity: .7;
}

section#genres h3.abstrakt a {
    background-position: -4px 0;
    }

section#genres h3.akt a {
    background-position: -4px -72px;
    }

section#genres h3.architektur a {
    background-position: -4px -146px;
    }

section#genres h3.automobil a {
    background-position: -4px -222px;
    }

section#genres h3.surreal a {
    background-position: -4px -296px;
    }

section#genres h3.reportage a {
    background-position: -4px -372px;
    }

section#genres h3.fashion a {
    background-position: -4px -447px;
    }

section#genres h3.food a {
    background-position: -4px -521px;
    }

section#genres h3.hochzeit a {
    background-position: -4px -596px;
    }

section#genres h3.landschaft a {
    background-position: -4px -671px;
    }

section#genres h3.makro a {
    background-position: -4px -746px;
    }

section#genres h3.natur a {
    background-position: -4px -821px;
    }

section#genres h3.portrait a {
    background-position: -4px -896px;
    }

section#genres h3.reise a {
    background-position: -4px -971px;
    }

section#genres h3.sport a {
    background-position: -4px -1046px;
    }

section#genres h3.stillleben a {
    background-position: -4px -1120px;
    }

section#genres h3.straße a {
    background-position: -4px -1196px;
    }

section#genres h3.studio a {
    background-position: -4px -1271px;
    }

section#genres h3.tiere a {
    background-position: -4px -1346px;
    }

section#genres h3.unterwasser a {
    background-position: -4px -1421px;
    }

section#genres h4 {
    font-size: 1em; /* 16px */
    line-height: 1.4em;
    margin: 0;
    padding: .6875em 0 0;
    }

section#genres h4 a,
section#genres h4 a:visited {
    color: #3d3c3f;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    }

section#genres h4 a:hover,
section#genres h4 a:focus {
    color: #176988;
    }

section#genres .excerpt {
    font-size: .75em; /* 12px */
    margin: 0;
    padding: 0;
    }

/*section#genres .excerpt:after {
    content: "\002D \0020";
    }*/

section#genres .excerpt p {
    line-height: 1.5em; /* 24px */
    margin: .6875em 0 .6875em;
    padding: 0;
    }

section#genres ul.nextthree {
    font-family: 'Open Sans', sans;
    font-size: .75em; /* 12px */
    margin: 0;
    padding: 10px 0 0;
    }

section#genres ul.nextthree li {
    list-style: none;
    margin: 0 0 11px;
    padding: 0;
    }

div.yearbox {
    border-top: 1px solid #fff;
    display: block;
    margin: 0 0 23px;
    padding: 0 0 33px;
    }

section#ausblick {
    clear: both;
    margin: 0 auto;
    padding: 0 0 30px;
    width: 95%;
    }

section#ausblick.middle {
    border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
    padding: 30px 0;
}

section.ausblick header,
header.ausblick {
    background-color: #f2f0e6;
    display: block;
    }

section.ausblick h2, 
section#teaser h2.title, 
header.ausblick h2, 
section#genres h2#title {
    float: left;
    font-family: 'Droid Serif', serif;
    font-size: .875em; /* 14px */
    font-style: italic;
    padding: 0;
    text-transform: lowercase;
    width: auto;
    }

section#teaser {
	padding-top: 20px;
}

section.ausblick p.by,
header.ausblick p.by {
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-size: .75em; /* 12px */
    margin: 0;
    padding: 0;
    width: auto;
    }

section#ausblick img {
    clear: both;
    height: auto;
    max-width: 100%;
    }

article.ausblick h3,
section#ausblick h3 {
    font-family: 'Droid Serif', serif;
    font-size: 0.875em; /* 14px */
    font-style: italic;
    font-weight: 500;
}

article.ausblick h3:before,
section#ausblick h3:before {
    content: "\002D \0020";
    display: inline-block;
    padding-right: 5px;
}

article.ausblick h3:after,
section#ausblick h3:after {
    content: "\0020 \002D";
    display: inline-block;
    padding-left: 5px;
}

article.ausblick p.einreichen {
    font-style: italic;
}

.archive.category-ausblick-format article.ausblick .entry p > a img,
.home article.ausblick .entry p > a img,
article.ausblick .entry p > img {
    left: -999em;
    position: absolute;
    top: -999em;
}

/* Artikel-Navigation  */

nav#nav-single {
    border-top: 1px solid #fff;
    display: block;
    font-size: 0.6875em;
    padding: 7px 0;
    margin: 0 0 30px;
    }

nav#nav-single span.nav-previous {
    float: left;
    width: auto;
    }

nav#nav-single span.nav-next {
    float: right;
    text-align: right;
    width: auto;
    }

span.meta-nav {
    color: #3d3c3f;
    }

nav#nav-single:after {
    clear: both;
    display: block;
    }

hr.profoot {
    background-color: #8b8a8c;
    border: none;
    clear: both;
    height: 2px;
    margin: 0;
    padding: 0;
    }

footer {
    background-color: #3d3c3f;
    border-top: 4px solid #f2f0e6;
    clear: both;
    color: #fff;
    display: block;
    margin: 0;
    padding: 30px 2.5% 0;
    width: 95%;
    }

div.footwrapper {
    background: url(img/footerBG1.jpg) no-repeat scroll center -2px #3d3c3f;
    display: block;
    margin: 0;
    padding: 38px 0 0;
    }

nav#footernavi {
    text-transform: lowercase;
    }

nav#footernavi ul li .h2 {
    color: #fff;
    display: block !important;
    font-family: 'Droid Serif', serif;
    font-size: .875em; /* 14px */
    font-style: italic;
    padding: 7px 0 25px;
    }

nav#footernavi ul li#footergenre .h2 {
    border-top: 1px solid #74b8ce;
    }

nav#footernavi ul li#footerformat .h2 {
    border-top: 1px solid #ff7f7f;
    }

nav#footernavi ul li#footerseiten .h2 {
    border-top: 1px solid #ffce7f;
    }
	
nav#footernavi ul li#footershop .h2 {
    border-top: 1px solid #d0ce55;
    }

nav#footernavi ul,
nav#footernavi ul li ul {
    margin: 0;
    padding: 0;
    }

nav#footernavi ul li ul {
    margin-bottom: 40px;
    }

nav#footernavi ul li,
nav#footernavi ul li ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    }

nav#footernavi ul li ul li.first,
nav#footernavi ul li#footergenre ul li.second {
    border-top: 1px solid #616060;
    }

nav#footernavi ul li ul li.last {
    margin-bottom: 40px !important;
    }

nav#footernavi ul li ul li {
    border-bottom: 1px solid #616060;
    }

nav#footernavi ul li#footergenre ul li {
    float: left;
    margin: 0 10% 0 0;
    width: 45%;
    }

nav#footernavi ul li#footergenre ul li.odd {
    float: right;
    margin: 0;
    width: 45%;
    }

nav#footernavi ul li#footerformat {
    clear: both;
    float: left;
    width: 45%;
    }
	
nav#footernavi ul li#footershop {
    clear: left;
    float: left;
    width: 45%;
    margin: 0;
    }

nav#footernavi ul li#footerseiten {
    clear: right;
    float: right;
    width: 45%;
    /*! margin: 0 0 0 10%; */
    }

nav#footernavi ul li#footerformat ul li,
nav#footernavi ul li#footerseiten ul li,
nav#footernavi ul li#footershop ul li {
    width: 100%;
    }

nav#footernavi ul li ul li a,
nav#footernavi ul li ul li a:visited {
    color: #f2f0e6;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: .75em; /* 12px */
    font-weight: 500;
    padding: 3px 0;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    }

nav#footernavi ul li#footergenre ul li a:hover,
nav#footernavi ul li#footergenre ul li a:focus,
nav#footernavi ul li#footergenre ul li.current-cat a {
    color: #74b8ce;
    }

nav#footernavi ul li#footerformat ul li a:hover,
nav#footernavi ul li#footerformat ul li a:focus,
nav#footernavi ul li#footerformat ul li.current-cat a {
    color: #ff7f7f;
    }

nav#footernavi ul li#footerseiten ul li a:hover,
nav#footernavi ul li#footerseiten ul li a:focus,
nav#footernavi ul li#footerseiten ul li.current_page_item a {
    color: #ffce7f;
    }
	
nav#footernavi ul li#footershop ul li a:hover,
nav#footernavi ul li#footershop ul li a:focus,
nav#footernavi ul li#footershop ul li.current_page_item a {
    color: #d0ce55;
    }

ul.adresse {
    clear: right;
    /*border-bottom: 1px solid #616060;*/
    margin: 0 0 40px 0%;
    padding: 0;
    width: 45%;
    float: right;
    }

ul.adresse li {
    border-top: 1px solid #616060;
    color: #f2f0e6;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: .75em; /* 12px */
    font-weight: 500;
    list-style: none;
    margin: 0;
    padding: 3px 0;
    }

ul.adresse li.mail {
    border-bottom: 1px solid #616060;
    }

ul.adresse li.presse {
    margin: 23px 0 0;
    }

ul.adresse li .h2 {
    color: #fff;
    display: block !important;
    font-family: 'Droid Serif', serif;
    font-size: 1.1666em; /* 14px */
    font-style: italic;
    padding: 7px 0 14px;
    text-transform: lowercase;
    }

ul.adresse li a,
ul.adresse li a:visited {
    color: #f2f0e6;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    }

ul.adresse li a:hover,
ul.adresse li a:focus {
    color: #fff;
    }

hr {
    clear: both;
    background-color: #f2f0e6;
    color: #f2f0e6;
    border: none;
    height: 1px;
    margin: 0;
    padding: 0;
    }

img#wpstats {
    display: none;
}

/* Suchformular */

form.suchformular {
    display: block;
    }

footer form.suchformular {
    border-top: 1px solid #616060;
    margin: 0 0 7px;
    padding: 7px 0 11px;
    clear: both;
    }

input.suchfeld {
    background: url(img/inputBG.jpg) repeat scroll 0 0 #f2f0e6;
    border: 1px solid #f2f0e6;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: .75em; /* 12px */
    font-weight: 500;
    margin: 11px 0 0 0;
    padding: 2px 7px;
    -webkit-transition: background .3s linear, border .3s linear, -webkit-box-shadow .3s linear;
    -moz-transition: background .3s linear, border .3s linear, -moz-box-shadow .3s linear;
    -ms-transition: background .3s linear, border .3s linear, -ms-box-shadow .3s linear;
    -o-transition: background .3s linear, border .3s linear, -o-box-shadow .3s linear;
    transition: background .3s linear, border .3s linear, box-shadow .3s linear;
    width: calc(100% - 41px) /* 77% */;
    }

#suche input.suchfeld {
    width: 84%;
    }

input.suchfeld:focus {
    background: url(img/focusBG.jpg) repeat scroll 0 0 #fff;
    -webkit-box-shadow: 0 0 7px #f2f0e6;
    -moz-box-shadow: 0 0 7px #f2f0e6;
    -ms-box-shadow: 0 0 7px #f2f0e6;
    -o-box-shadow: 0 0 7px #f2f0e6;
    box-shadow: 0 0 7px #f2f0e6;
    border: 1px solid #fff;
    outline: none;
    }

input.suchen {
    cursor: pointer;
    background: url(img/lupe20.png) no-repeat scroll center center #3D3C3F;
    border: 1px solid #3d3c3f;
    height: 20px;
    width: 20px;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    }

input.suchen:hover,
input.suchen:focus {
    opacity: 0.6;
    }

input.suchen[value="suchen"] {
    text-indent: -9999px;
    }

ul.netze {
    border-top: 1px solid #616060;
    border-bottom: 1px solid #616060;
    color: #f2f0e6;
    height: 1.6em;
    font-family: 'Droid Serif', serif;
    font-size: .75em; /* 12px */
    font-weight: 500;
    margin: 0;
    padding: 7px 0;
    }

ul.netze li {
    float: left;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 3px 0 0;
    width: auto;
    }
/*
ul.netze li:before {
    content: "\002D \0020";
    } */

ul.netze li a,
ul.netze li a:visited {
    color: #f2f0e6;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    }

ul.netze li a:hover,
ul.netze li a:hover {
    color: #949393;
    }

div#textlinks {
    clear: both;
    display: block;
    }

div#textlinks h2 {
    display: none;
    }

div#textlinks ul {
    border-bottom: 1px solid #616060;
    font-family: 'Droid Serif', serif;
    font-size: .75em; /* 12px */
    font-weight: 500;
    margin: 0;
    padding: 10px 0;
	height: 1.6em;
    }

div#textlinks ul li {
    list-style: none;
    margin: 0 5px 0 0;
    padding: 3px 0 0;
	float: left;
    }

div#textlinks a,
div#textlinks a:visited {
    color: #f2f0e6;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    }

div#textlinks a:hover,
div#textlinks a:focus {
    color: #949393;
    }

p.copy {
    font-size: .6875em; /* 11px */
    font-style: italic;
    text-align: center;
    text-transform: lowercase;
    margin: 0;
    padding: 20px 0 0 0;
	clear: both;
    }

p.copy a,
p.copy a:visited {
    color: #f2f0e6;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    }

p.copy a:hover,
p.copy a:focus {
    color: #949393;
    }

ul.credits {
    display: block;
    font-size: .6875em; /* 11px */
    margin: 10px auto 30px;
    padding: 0;
    text-align: center;
    text-transform: lowercase;
    }

ul.credits li {
    list-style: none;
    margin: 0 4px 0 0;
    padding: 0;
    width: auto;
    }

ul.credits li a,
ul.credits li a:visited {
    color: #949393;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    }

ul.credits li a:hover,
ul.credits li a:focus {
    color: #fff;
    }

.foolog {
    background: url(img/logo1.png) no-repeat scroll center 10px #f2f0e6;
    clear: both;
    display: block;
    height: 100px;
    margin: 0 -2.8%;
    overflow: hidden;
    padding: 0;
    width: 105.6%;
    }

.foolog span {
    display: none;
    }

.pfeil {
    bottom: 25px; 
    height: 50px; /* 25px */
    /* float: right; */
    margin: 0;
    position: fixed;
    left: calc(50% - 96px); /* 20px; */
    width: 54px;
    }

a.nachoben.versteckt {
    display: none;
    }

a.nachoben, a.nachoben:visited {
    background: url('img/totop1b.png') no-repeat scroll 14px 14px #f2f0e6;
    border-radius: 54px; /* 25px */
    box-shadow: 0 0 5px #3d3c3f;
    display: block;
    height: 54px; /* 25px */
    width: 54px; /* 25px */
    }

a.nachoben:hover, a.nachoben:focus {
    background-color: #3d3c3f;
    background-position: 14px -135px;
    outline: none;
    }

a.nachoben span {
    display: none;
    }

/* Lightbox */

#overlay {
    background-color: #f2f0e6 !important;
    filter: alpha(opacity=100) !important;
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    -ms-opacity: 1 !important;
    -o-opacity: 1 !important;
    opacity: 1 !important;
    }

#imageDataContainer {
    font: .75em 'Open Sans',sans-serif !important;
    color: #3d3c3f !important;
    }

#lightbox #captionText {
    left: -999em;
    position: absolute;
    top: -999em;
}

a img {
    border: none;
    }

fieldset.spoiler {
    border: 1px solid #fff;
    }

fieldset.spoiler legend {
    padding: 0px 10px;
    background: transparent;
    font-size: 0.8125em;
    }

.gmap {
    width: 960px;
    height: 480px;
    border: 0;
    margin: 0;
	padding: 0;
}

.gmap .location-image {
    width: 339px;
    height: auto;
    float: right;
    margin: 16px 0 16px 16px;
}

.gmap p {
	margin-right: 350px;
}


/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
    max-width: none;
}

div.grecaptcha-badge {
	display: none;
	visibility: hidden;
}

div.woocommerce {
	background: #fff;
	padding: 30px;
	margin: 30px 0;
}

div.woocommerce ul.products li.product {
	margin-bottom: 0;
}

div.woocommerce ul.products li.product a img {
	width: 33%;
	float: right;
	margin: 0 0 0 1em;
	border: 1px solid #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

span.wc-gzd-additional-info {
	display: block;
}

div.woocommerce ul.products li.product a.button {
    background-color: #3d3c3f;
	border: 1px solid #3d3c3f;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    color: #f2f0e6;
    font-family: 'Droid Serif', serif;
    font-size: 1em;
    font-style: italic;
    padding: 10px;
    text-decoration: none;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
    }

div.woocommerce ul.products li.product a.button:hover,
div.woocommerce ul.products li.product a.button:focus {
    background-color: #3d3c3f;
    border: 1px solid #3d3c3f;
    color: #74b8ce;
    cursor: pointer;
    outline: none;
    }

div.woocommerce ul.products li.product a.button:active {
    color: #f2f0e6;
    }

div.ssp-player, div.castos-player {
	border: 1px solid #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
	margin-bottom: 7px !important;
	color: #3d3c3f !important;
}

div.castos-player nav.player-panels-nav {
	display: none;
}

div.castos-player div.show {
	color: #3d3c3f !important;
}

span.ssp-player-series {
	display: none !important;
}

div.ssp-player h3.episode-title, div.castos-player {
	font-family: inherit !important;
}

div.castos-player .episode-title {
	font-family: 'Open Sans', sans-serif !important;
}

div.castos-player .player__artwork img {
	margin: 0 !important;
}

div.castos-player div.player {
	border-radius: 0 !important;
	background: #f2f0e6 !important;
}

section#teaser article div.player-bg {
	clear: both;
}

section#teaser article div.player-bg div.ssp-player, section#teaser article div.player-bg div.castos-player {
	background-color: rgba(0,0,0,0.5) !important;
	margin-bottom: 0 !important;
}

section#teaser article div.player-bg div.ssp-player div.ssp-album-art-container {
	display: none;
}

@media screen and (min-width: 400px) {
    ul.access {
        float: right;
        font-size: 1em;
        margin: -6px 0 0 0;
        width: auto;
        }
    ul.access li.suche a {
        background: url(img/lupe20.png) no-repeat scroll center center #3D3C3F;
        /* padding: 15.5px 15px; */
        }
    #suche input.suchfeld {
        width: 200px;
        }
    header#main .logo,
    .backgroundsize header#main .logo {
        background-position: -24px 0;
        float: left;
        margin: 0 0 12px;
        }
    article footer ul {
        margin: 1em 0 2.1875em;
        }
    article footer ul li {
        float: left;
        margin: 0 .5em 0 0;
        padding: 0 0 2.5em;
        width: auto;
        }
    article footer ul li span {
        padding: 0 0 0 .5em;
        }
    .focushead h1.category {
        margin: 3em 0 0;
        }
    #respond input[type="text"],
    #respond input[type="email"],
    #respond textarea,
    .cpp_form input[type="text"],
    .cpp_form input[type="email"],
    .cpp_form textarea {
        width: 94.5%;
        }
    .single article img.avatar {
        float: left;
        height: 50px;
        margin: 0 15px 15px 0;
        width: 50px;
        }
    footer.comment-meta p.absenderIn span.schreibt {
        display: inline;
        } 
	
	/* verschoben: Aside etc. noch zweispaltig */
	
    section#genres .genrebox.first,
    section#genres .genrebox.second {
        border-top: 1px solid #fff;
        }
    section#genres .genrebox {
        padding: 0 0 8px;
        }
    aside ul li.widget.last {
        padding-bottom: 50px;
        }
    .aa aside ul li.widget.last {
		padding-top: 20px;
        padding-bottom: 35px;
        }
    aside ul li.post-meta {
        padding: 0 0 20px;
        } /*
    aside ul li.post-meta h3 {
        border-bottom: 1px solid #fff;
        padding: 7px 0;
        } */
    li.passende h3 a {
        /* padding: .6em 0 1.214em 3.929em; */
        }
    section#genres {
        clear: both;
        padding: 0 0 5px;
        }
    section#genres h3 a {
        margin: 1.571em 0;
        padding: 1.214em 0 1.214em 3.929em;
        }
    section#ausblick {
        /*border-top: 1px solid #fff;*/
        clear: both;
        padding-top: 20px;
        }
    section#ausblick.middle {
        border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
        clear: both;
        padding: 30px 0;
        }
    footer ul.adresse {
        float: right;
        width: 45%;
        }
    footer form.suchformular,
    ul.netze, div#textlinks {
        clear: both;
        /*! float: right; */
        width: 100% !important;
        }
    p.copy {
        /* clear: both; */
        }
    ul.credits {
        margin: 0 auto;
        padding: 0 0 50px 0;
        width: 190px;
        }
    ul.credits li {
        color: #949393;
        float: left;
        width: auto;
        }
    ul.credits li:before {
        content: "\002D \0020";
        }
    ul.share li,
    .single article ul.share li {
        float: left;
    }
    ul.share li.text,
    .single article ul.share li.text {
        float: none;
    }
	
	div.woocommerce ul.products[class*="columns-"] li.product {
		width: 100% !important;
	}
}

@media screen and (min-width: 440px) {
    section#page span.ert {
        clear: none;
        padding: 5px 0 0;
        text-align: center;
    }
    .focushead div.video, article div.video {
        padding: 30px 0 50%;
    }
}

@media screen and (min-width: 480px) {
    section#teaser article {
        border-top: none;
        border-bottom: none;
        clear: right;
        float: left;
        margin: 20px 2.5% 30px 0;
        width: 45%;
        }
    section#teaser article.even {
        clear: both;
        margin: 20px 0 30px;
        }
    section#teaser article.odd {
        border-top: none;
        border-bottom: none;
        clear: none;
        float: right;
        margin: 20px 0 30px;
        width: 45%;
        }
    .focushead h1.category {
        margin: 4em 0 0;
        }
    .wp-pagenavi {
        background:
            url(img/pagenav1.png) no-repeat scroll -4px 0,
            url(img/pagenav1.png) no-repeat scroll right -92px transparent;
        }
}

@media screen and (min-width: 600px) {
    .focushead div.video, article div.video {
        padding: 40px 0 50%;
        }
    ul.share li,
    .single article ul.share li,
    ul.share li.text,
    .single article ul.share li.text {
        float: left;
    }
	
	/* Folgendes verschoben von min-width: 400px */
	aside {
        /* padding: 17px 0 0 !important; */
        }
    .single aside {
        padding: 15px 0 0 !important;
        }
    aside ul li.widget,
    aside ul li.passende,
    section#genres .genrebox {
        border-top: 1px solid #fff;
        border-bottom: none;
        clear: both;
        float: left;
        width: 45%;
		padding: 15px 0;
        }
    /* aside ul li.widget.second {
        padding-top: 64px;
        } */
    div.yearbox {
        border-top: 1px solid #fff;
        border-bottom: none;
        clear: both;
        float: left;
        width: 45%;
        }
    div.yearbox.odd {
        border-top: 1px solid #fff;
        border-bottom: none;
        clear: none;
        float: right;
        width: 45%;
        }
    div.yearbox {
        padding: 0 0 8px;
        }
    .ausblickaside aside ul li.passende {
        border-top: 1px solid #fff;
        border-bottom: none;
        clear: none;
        float: right;
        width: 45%;
        }
    aside ul li.autorIn {
        border-top: 0px solid #fff;
        border-bottom: none;
        /* clear: both; */
        float: left;
        margin: 0;
        width: 45%;
        }
	aside ul li.autorIn.zwei {
		float: right;
	}
    aside ul li.widget.odd,
    aside ul li.passende.odd,
    aside ul li.post-meta,
    section#genres .genrebox.odd {
        border-top: 1px solid #fff;
        border-bottom: none;
        clear: none;
        float: right;
        width: 45%;
        }
    .ausblickaside aside ul li.post-meta {
        border-top: 1px solid #fff;
        border-bottom: none;
        clear: none;
        float: left;
        width: 45%;
        }
}

@media screen and (min-width: 640px) {
    header#main .logo,
    .backgroundsize header#main .logo {
        margin: 0 0 24px;
        }
    .focushead h1.category {
        padding: 7em 0 1.5em; /* 8em 0 1.5em */
        margin: 0; /* 2em 0 0 */
        }
	
    .focushead.podcast h1.category span.wrap {
        background-color: rgb(116,184,206);
        background: rgba(116,184,206,0.7);
        }
	
    .focushead.format h1.category span.wrap {
        background-color: rgb(255,127,127);
        background: rgba(255,127,127,0.7);
        }
	
	.focushead.event h1.category span.wrap {
        background-color: rgb(208,206,85);
        background: rgba(208,206,85,0.7);
        }
	
	.focushead.video h1.category span.wrap {
        background-color: rgb(255,206,127);
        background: rgba(255,206,127,0.7);
        }

	.focushead.genre h1.category span.wrap {
        background-color: rgb(61,61,61);
        background: rgba(61,61,61,0.7);
        }
	
	.focushead.info h1.category span.wrap {
        background-color: rgb(255,255,255);
        background: rgba(255,255,255,0.8);
        }
	
	.focushead.genre h1.category span.wrap, 
	.focushead.format h1.category span.wrap, 
	.focushead.event h1.category span.wrap, 
	.focushead.video h1.category span.wrap, 
	.focushead.podcast h1.category span.wrap, 
	.focushead.info h1.category span.wrap {
		padding: 4em;
        z-index: 1;
	}

	.focushead.genre h1.category span.titel,
	.focushead.format h1.category span.titel,
	.focushead.event h1.category span.titel, 
	.focushead.video h1.category span.titel,
	.focushead.podcast h1.category span.titel {
        background-color: transparent;
        background:
            url(img/category1.png) no-repeat scroll 5% 0,
            url(img/category1.png) no-repeat scroll 95% -92px transparent;
        }
	
	.focushead.info h1.category span.titel {
        background-color: transparent;
        background:
            url(img/pagenav1.png) no-repeat scroll 5% 0,
            url(img/pagenav1.png) no-repeat scroll 95% -92px transparent;
        }
	
	
	/*
    .focushead.aktion h1.category span.wrap {
        background: url(img/aktion1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/aktion1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.ausblick h1.category span.wrap {
        background: url(img/ausblick1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/ausblick1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.einblick h1.category span.wrap {
        background: url(img/einblick1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/einblick1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.geschichte h1.category span.wrap {
        background: url(img/geschichte1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/geschichte1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.interview h1.category span.wrap {
        background: url(img/interview1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/interview1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.kwertext h1.category span.wrap {
        background: url(img/kwertext1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/kwertext1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.nachrichten h1.category span.wrap {
        background: url(img/nachrichten1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/nachrichten1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.rezension h1.category span.wrap {
        background: url(img/rezension1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/rezension1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.technik h1.category span.wrap {
        background: url(img/technik1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/technik1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.umfrage h1.category span.wrap{
        background: url(img/umfrage1.png) no-repeat scroll center 20% rgb(255,127,127);
        background: url(img/umfrage1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.vollbild h1.category span.wrap {
        background: url(img/vollbild1.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        }
    .focushead.abstrakt h1.category span.wrap {
        background: url(img/abstrakt1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/abstrakt1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.akt h1.category span.wrap {
        background: url(img/akt1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/akt1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.architektur h1.category span.wrap {
        background: url(img/architektur1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/architektur1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.automobil h1.category span.wrap {
        background: url(img/automobil1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/automobil1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.surreal h1.category span.wrap {
        background: url(img/surreal1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/surreal1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.reportage h1.category span.wrap {
        background: url(img/reportage1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/reportage1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.fashion h1.category span.wrap {
        background: url(img/fashion1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/fashion1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.food h1.category span.wrap {
        background: url(img/food1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/food1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.hochzeit h1.category span.wrap {
        background: url(img/hochzeit1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/hochzeit1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.landschaft h1.category span.wrap {
        background: url(img/landschaft1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/landschaft1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.makro h1.category span.wrap {
        background: url(img/makro1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/makro1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.natur h1.category span.wrap {
        background: url(img/natur1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/natur1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.portrait h1.category span.wrap {
        background: url(img/portrait1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/portrait1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.reise h1.category span.wrap {
        background: url(img/reise1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/reise1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.sport h1.category span.wrap {
        background: url(img/sport1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/sport1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.stillleben h1.category span.wrap {
        background: url(img/stillleben1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/stillleben1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.straße h1.category span.wrap {
        background: url(img/strasse1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/strasse1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.studio h1.category span.wrap {
        background: url(img/studio1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/studio1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.tiere h1.category span.wrap {
        background: url(img/tiere1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/tiere1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        }
    .focushead.unterwasser h1.category span.wrap {
        background: url(img/unterwasser1.png) no-repeat scroll center 20% rgb(116,184,206);
        background: url(img/unterwasser1.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        } */
    p.feed {
        display: block;
        float: left;
        margin: 0;
        padding: 22px 0;
        width: 40%;
        }
    .feednavi .wp-pagenavi {
        clear: right;
        float: right;
        width: auto;
        }
    .searchnavi {
        clear: both;
        display: block;
        }
    .searchnavi .wp-pagenavi {
        clear: both;
        float:right;
        margin: 0 auto;
        width: auto;
        }
    li.passende h3 a {
        /* padding: 1.214em 0 1.214em 3.929em; */
        }
    p.comment-form-author,
    p.comment-form-email,
    p.comment-form-url {
        height: 2.5em;
        margin: 0;
        padding: 0;
        width: 100%;
        }
    #respond input[type="text"],
    #respond input[type="email"],
    #respond textarea,
    .cpp_form input[type="text"],
    .cpp_form input[type="email"],
    .cpp_form textarea {
        width: 96%;
        }
    #respond input[type="text"],
    #respond input[type="email"] {
        text-indent: 20%;
        }
    #respond p.comment-form-author label,
    #respond p.comment-form-email label {
        color: #b1b2b4;
        display: inline-block;
        left: 10px;
        padding: 0;
        position: relative;
        top: 26px;
        width: 20%;
        z-index: 1;
        }
    #respond p.comment-form-url label {
        color: #b1b2b4;
        display: inline-block;
        left: 10px;
        padding: 0;
        position: relative;
        top: 26px;
        width: 20%;
        z-index: 1;
        }
    p.comment-form-author span.required,
    p.comment-form-email span.required {
        display: inline-block;
        float: right;
        font-family: 'Open Sans', sans-serif;
        font-size: .75em; /* 12px */
        line-height: 1em;
        padding: 0;
        position: relative;
        right: 3%;
        top: 3px;
        width: auto;
        z-index: 1;
        }
    .page-id-421 p.comment-form-author span.required,
    .page-id-421 p.comment-form-email span.required {
        top: 24px;
    }

    #respond p.comment-form-comment label {
        display: none;
        }
    p.comment-form-comment {
        margin: 20px 0 0;
        }
    .single article img.avatar {
        margin: 0 30px 30px 0;
        }
    nav#footernavi ul li#footergenre {
        float: left;
        width: 65%;
        }
    nav#footernavi ul li#footergenre ul li.even {
        float: left;
        margin: 0 2.5% 0 0;
        width: 47.0%;
        }
    nav#footernavi ul li#footergenre ul li.odd {
        float: right;
        margin: 0;
        width: 47.0%;
        }
    nav#footernavi ul li#footerformat {
        clear: none;
        float: right;
        margin: 0;
        width: 30%;
        }
    nav#footernavi ul li#footerseiten {
        clear: right;
        float: left;
        width: 30%;
        margin: 0;
        }
    nav#footernavi ul li#footershop {
        clear: right;
        float: left;
        width: 30%;
        margin: 0 0 0 5%;
        }
    footer ul.adresse {
        clear: right;
        float: left;
        margin: 0 0 50px 5%;
        width: 30%;
        }
    footer form.suchformular {
        border-top: 1px solid #616060;
        clear: both;
        /*! float: right; */
        padding: 7px 0 11px;
        width: 100% !important;
        }
    ul.netze, div#textlinks {
        clear: right;
        float: right;
        width: 100% !important;
        }
    p.profil.left {
        clear: none;
        float: left;
        margin: 0 0 20px;
        min-height: 81px;
        width: 45%;
        }
    p.profil.right {
        clear: none;
        float: left;
        margin: 0 0 20px;
        min-height: 81px;
        width: 45%;
        }
    }

@media screen and (min-width: 680px) {
    h2.single {
        margin: 0 auto 5px !important;
        width: 650px;
        }
    div.entry.single,
    .page-template-default div.entry,
    article.seite-ohne div.entry {
        margin: 0 auto;
        width: 650px;
        }
    h2.single.vollbild {
        margin: 0 0 5px;
        width: 100%;
        }
    }

@media screen and (min-width: 720px) {
    .focushead h1.category {
        margin: 1.5em 0 0; /* 4em 0 0 */
        }
    }

@media screen and (min-width: 768px) {
	/*
    .focushead.format {
        border-top: 1px solid rgb(255, 127, 127); 
        clear: both;
        padding: 30px 0;
        }
    .focushead.genre {
        border-top: 1px solid rgb(116, 184, 206);
        clear: both;
        padding: 30px 0;
        } */
    h1.category.ausblick {
        border-top: 1px solid #ff7f7f;
        clear: both;
        padding: 30px 0 0;
        }
    .focushead div.video, article div.video {
        padding: 40px 0 50.3%;
        }
    ul.icons {
        display: block;
        margin: 0;
        padding: 0;
        }
    ul.formaticons {
        border-top: 1px solid rgb(255, 127, 127);
        }
    ul.genreicons {
        border-top: 1px solid rgb(116, 184, 206);
        }
    ul.icons li {
        display: block;
        float: right;
        height: 31px;
        list-style: none;
        margin: 0;
        overflow: hidden;
        padding: 14px 0 14px 14px;
        width: 31px;
        }
    ul.icons li:last-child:after {
        display: block;
        clear: both;
        } /*
    ul.formaticons li a {
        background: url(img/format1e.jpg) no-repeat scroll -4px -10px #F2F0E6;
        display: block;
        height: 31px;
        opacity: 0.5;
        width: 31px;
        }
    ul.formaticons li.aktion a {
        background-position: -5px -531px;
        }
    ul.formaticons li.ausblick a {
        background-position: -4px -607px;
        }
    ul.formaticons li.einblick a {
        background-position: -5px -457px;
        }
    ul.formaticons li.geschichte a {
        background-position: -5px -382px;
        }
    ul.formaticons li.interview a {
        background-position: -5px -232px;
        }
    ul.formaticons li.kwertext a {
        background-position: -5px -307px;
        }
    ul.formaticons li.nachrichten a {
        background-position: -5px -683px;
        }
    ul.formaticons li.technik a {
        background-position: -4px -759px;
        }
    ul.formaticons li.rezension a {
        background-position: -4px -157px;
        }
    ul.formaticons li.umfrage a {
        background-position: -4px -82px;
        }
    ul.formaticons li.vollbild a {
        background-position: -4px -10px;
        }
    ul.genreicons li a {
        background: url(img/startgenre1.jpg) no-repeat scroll -4px -10px #F2F0E6;
        display: block;
        height: 31px;
        opacity: 0.5;
        width: 31px;
        }
    ul.genreicons li a:hover,
    ul.genreicons li a:focus,
    ul.genreicons li.current-cat a,
    ul.formaticons li a:hover,
    ul.formaticons li a:focus,
    ul.formaticons li.current-cat a {
        opacity: 1;
        }
    ul.genreicons li.abstrakt a {
        background-position: -4px -10px;
        }
    ul.genreicons li.akt a {
        background-position: -4px -82px;
        }
    ul.genreicons li.architektur a {
        background-position: -4px -157px;
        }
    ul.genreicons li.automobil a {
        background-position: -4px -232px;
        }
    ul.genreicons li.surreal a {
        background-position: -5px -307px;
        }
    ul.genreicons li.reportage a {
        background-position: -5px -382px;
        }
    ul.genreicons li.fashion a {
        background-position: -5px -457px;
        }
    ul.genreicons li.food a {
        background-position: -5px -532px;
        }
    ul.genreicons li.hochzeit a {
        background-position: -5px -607px;
        }
    ul.genreicons li.landschaft a {
        background-position: -5px -682px;
        }
    ul.genreicons li.makro a {
        background-position: -5px -757px;
        }
    ul.genreicons li.natur a {
        background-position: -5px -832px;
        }
    ul.genreicons li.portrait a {
        background-position: -5px -907px;
        }
    ul.genreicons li.reise a {
        background-position: -5px -982px;
        }
    ul.genreicons li.sport a {
        background-position: -5px -1057px;
        }
    ul.genreicons li.stillleben a {
        background-position: -5px -1132px;
        }
    ul.genreicons li.straße a {
        background-position: -5px -1207px;
        }
    ul.genreicons li.studio a {
        background-position: -5px -1282px;
        }
    ul.genreicons li.tiere a {
        background-position: -5px -1357px;
        }
    ul.genreicons li.unterwasser {
        padding: 14px 0 14px 0;
        }
    ul.genreicons li.unterwasser a {
        background-position: -5px -1432px;
        } */
    ul.icons li a span.titel {
        display: none;
        }
    #respond input[type="text"],
    #respond input[type="email"],
    #respond textarea {
        width: 97%;
        }
    section#genres .genrebox,
    section#genres .genrebox.odd {
        border-top: 1px solid #fff;
        clear: none;
        float: left;
        margin: 0 5% 0 0;
        min-height: 450px;
        width: 30%;
        }
    section#genres .genrebox.box_2, section#genres .genrebox.box_5,
    section#genres .genrebox.box_8, section#genres .genrebox.box_11,
    section#genres .genrebox.box_14, section#genres .genrebox.box_17,
    section#genres .genrebox.box_20, section#genres .genrebox.box_23 {
        border-top: 1px solid #fff;
        clear: none;
        float: right;
        margin: 0;
        min-height: 450px;
        width: 30%;
        }
    div.yearbox,
    div.yearbox.odd {
        border-top: 1px solid #fff;
        clear: none;
        float: left;
        margin: 0 5% 0 0;
        min-height: 450px;
        width: 30%;
        }
    div.yearbox.box_2, div.yearbox.box_5,
    div.yearbox.box_8, div.yearbox.box_11,
    div.yearbox.box_14, div.yearbox.box_17,
    div.yearbox.box_20, div.yearbox.box_23 {
        border-top: 1px solid #fff;
        clear: none;
        float: right;
        margin: 0;
        min-height: 450px;
        width: 30%;
        }
    nav#footernavi ul li#footergenre {
        float: left;
        width: 38.2%;
        }
    nav#footernavi ul li#footerformat {
        clear: none;
        float: left;
        margin: 0 0 0 3%;
        width: 17.6%;
        }
    nav#footernavi ul li#footerseiten {
        clear: none;
        float: left;
        width: 17.6%;
        margin: 0 0 0 3%;
        }
    nav#footernavi ul li#footershop {
        clear: none;
        float: left;
        width: 17.6%;
        margin: 0 0 0 3%;
        }
    footer ul.adresse {
        clear: both;
        float: left;
        margin: 0 0 20px 0;
        width: 38.2%;
        }
    footer form.suchformular,
    ul.netze, div#textlinks {
        clear: right;
        float: right;
        width: 58.8% !important;
        }
    }

@media screen and (min-width: 800px) {
    .focushead div.video, article div.video {
        padding: 40px 0 51%;
        }
    }

@media screen and (min-width: 820px) {
    .focushead h1.category {
        margin: 2em 0 0; /* 5em 0 0 */
        }
    div.wrapper {
        clear: left;
        float: left;
        margin-bottom: 50px;
        width: 65%;
        }
	
	.podcast-embed div.wrapper {
		margin-bottom: 0;
		width: 100%;
	}

    .aa div.wrapper { /* above ausblick */
        margin-bottom: 10px;
    }
	aside ul li.widget.odd {
		/* padding-top: 0; */
	}
	aside ul li.widget.even {
		/* padding-bottom: 0; */
	}
    aside ul li.widget.first {
        border-top: none;
        padding: 10px 0 20px;
        }
    aside ul li.widget {
        padding: 20px 0;
        }
    div.commentgroup {
        clear: left;
        float: left;
        margin: 16px 0 50px;
        width: 65%;
        }
    .vollbildaside aside {
        float: right;
        padding: 0 !important;
        }
    h2.single {
        margin: 0 0 5px;
        width: 100%;
        }
    div.entry.single,
    .page-template-default div.entry,
    article.seite-ohne div.entry {
        margin: 0;
        width: 100%;
        }
    section#teaser article.archiv.even,
    section#teaser article.archiv.odd {
        clear: none;
        float: left;
        height: 24em;
        margin: 0 3% 0 0;
        width: 30%;
        }
    section#teaser article.archiv.article_0,
    section#teaser article.archiv.article_3,
    section#teaser article.archiv.article_6,
    section#teaser article.archiv.article_9,
    section#teaser article.archiv.article_12 {
        clear: right;
        float: left;
        margin: 0;
        width: 30%;
        }
    section#teaser article.archiv.article_1,
    section#teaser article.archiv.article_4,
    section#teaser article.archiv.article_7,
    section#teaser article.archiv.article_10,
    section#teaser article.archiv.article_13 {
        clear: none;
        float: left;
        margin: 0 0 0 5.5%;
        width: 30%;
        }
    section#teaser article.archiv.article_2,
    section#teaser article.archiv.article_5,
    section#teaser article.archiv.article_8,
    section#teaser article.archiv.article_11,
    section#teaser article.archiv.article_14 {
        clear: none;
        float: right;
        margin: 0;
        width: 30%;
        }
    /*section#teaser article.archiv a.thumblink > img {
        clear: both;
        display: block;
        height: 150px;
        overflow: hidden;
        }*/
    #respond input[type="text"],
    #respond input[type="email"],
    #respond textarea {
        width: 95.5%;
        }
    aside {
        border: none;
        clear: none;
        float: left;
        /*padding: 0;*/
        margin: 0 0 0 5.125%;
        width: 28.125%;
        position: relative;
        }
	aside.between {
		display: none;
	}
	aside.author {
		display: block;
	}
	aside.info {
		padding-top: 0;
	}
    aside ul li.widget,
    aside ul li.autorIn,
    aside ul li.post-meta,
    aside ul li.passende,
    aside ul li.passende.odd,
    aside ul li.widget.odd,
    .ausblickaside aside ul li.passende,
    .ausblickaside aside ul li.post-meta  {
        float: none;
        clear: none;
        width: 100%;
        }
    aside ul li.autorIn {
        margin: 16px 0 0 0;
        }
    aside ul li.post-meta {
        padding: 20px 0;
        }
    aside ul li.post-meta h3 {
        border-bottom: none;
        padding: 0;
        } /*
    aside ul li.widget.second {
        border-top: 1px solid #fff;
        } */
    section#genres .genrebox,
    section#genres .genrebox.odd,
    section#genres .genrebox.box_2,
    section#genres .genrebox.box_5,
    section#genres .genrebox.box_8,
    section#genres .genrebox.box_11,
    section#genres .genrebox.box_14,
    section#genres .genrebox.box_17,
    section#genres .genrebox.box_20 {
        border-top: 1px solid #fff;
        clear: none;
        float: left;
        margin: 0 5.25% 0 0;
        min-height: 490px;
        padding: 0;
        width: 21%;
        }
    section#genres .genrebox.box_3,
    section#genres .genrebox.box_7,
    section#genres .genrebox.box_11,
    section#genres .genrebox.box_15,
    section#genres .genrebox.box_19,
    section#genres .genrebox.box_23 {
        float: right;
        margin: 0;
        }
    div.yearbox,
    div.yearbox.odd,
    div.yearbox.box_2,
    div.yearbox.box_5,
    div.yearbox.box_8,
    div.yearbox.box_11,
    div.yearbox.box_14,
    div.yearbox.box_17,
    div.yearbox.box_20 {
        border-top: 1px solid #fff;
        clear: none;
        float: left;
        margin: 0 5.25% 0 0;
        overflow: hidden;
        height: 20em;
        padding: 0;
        width: 21%;
        }
    div.yearbox.box_3,
    div.yearbox.box_7,
    div.yearbox.box_11,
    div.yearbox.box_15,
    div.yearbox.box_19,
    div.yearbox.box_23 {
        float: right;
        margin: 0;
        }
    }

@media screen and (min-width: 880px) {
    .focushead h1.category {
        margin: 3em 0 0; /* 6em 0 0 */
        }
    }

@media screen and (min-width: 900px) {
    .focushead div.video, article div.video {
        padding: 40px 0 51%;
        }
    }

@media screen and (min-width: 1000px) {
    div#topwerbung .textwidget {
        margin: 0 auto;
        width: 960px;
        }
	div#topwerbung .textwidget p {
		/* padding-bottom: 110px !important; */
	}
    div#topwerbung img {
        max-width: 100%;
        }
    nav ul.elemente li#genre ul,
    nav ul.elemente li#format ul,
    nav ul.elemente li#seiten ul,
    nav ul.elemente li#suche form.suchformular {
        margin: 0 auto;
        padding: 0 10px;
        /* width: 945px; */
        }
    nav ul.elemente li ul.genre,
    nav ul.elemente li ul.format,
    nav ul.elemente li ul.seiten,
	nav ul.elemente li ul.shop {
	width: 945px;
        }
    #suche input.suchfeld {
        width: 204px;
        }
    div.headwrap {
        width: 960px;
        }
    section#content, div#content {
        margin: 0 auto;
        width: 960px;
        }
    div.wrapper,
    div.commentgroup  {
        width: 630px;
        }
    .focushead h1.category {
        color: #fff;
        display: inline-block;
        font-family: 'Droid Serif', serif;
        font-size: 1.1em;
        font-style: italic;
        font-weight: 500;
        height: 6em;
        margin: 3.5em 0 0 18em; /* 6.1em 0 0 18.75em */
        padding: 9.2em 0 0;
        text-align: center;
        text-transform: lowercase;
        width: 18.6em;
        z-index: 2;
        position: absolute;
        }
    .focushead.info h1.category {
        color: #3d3c3f;
		}
    .focushead h1.category span.titel {
        background:
            url(img/category1.png) no-repeat scroll left 0,
            url(img/category1.png) no-repeat scroll right -92px;
        background-color: transparent;
        display: inline-block;
        letter-spacing: .075em;
        margin: 0 auto;
        padding: 1.1em 2em;
        position: relative;
        text-align: center;
        width: auto;
        }
    .focushead.info h1.category span.titel {
        background:
            url(img/pagenav1.png) no-repeat scroll left 0,
            url(img/pagenav1.png) no-repeat scroll right -92px;align-content
	}
    header.teaser a.thumblink {
        max-height: 143px;
        }
    #respond input[type="text"],
    #respond input[type="email"],
    #respond textarea {
        width: 96.1%;
        }
    aside {
        float: right !important;
        margin: 0;
        /* padding: 15px 0 0 !important; */
        width: 300px;
        }
    .vollbildaside aside {
        float: right;
        padding: 0;
        }
    aside ul li.first {
        padding: 10px 0 20px;
        }
    section#genres, section#ausblick {
        margin: 0 auto;
        width: 960px;
        }
    div.footwrapper {
        margin: 0 auto;
        width: 960px;
        }
    nav#footernavi {
        display: block;
        float: left;
        width: 100%;
        }
    footer ul.adresse {
        /*! clear: left; */
        float: left;
        width: 38.2%;
        }
    footer div#footersuche {
        /* border-top: 1px solid #616060; */
        /*! clear: both; */
        display: block;
        /* margin: 0px 0 7px; */
        padding: 0;
        width: 58.8%;
        float: right;
        }
    footer form.suchformular {
        /* border: none;
        clear: both;
        float: left;
        margin: 0;
        padding: 0 0 7px;
        width: 60% !important; */
        }
    ul.netze {
        /* border: none;
        clear: right;
        float: right;
        margin: 12px 0 0 0;
        padding: 2px 0 0;
        width: 40% !important; */
        }
    div#textlinks {
        /* border-top: 1px solid #616060; */
        /*! clear: both; */
        /* display: block;
        height: 2em;
        margin: 0 0 50px;
        padding: 0; */
		/* width: 58.8% !important; */
        }
	
	footer form.suchformular, ul.netze {
		float: right;
		width: 100% !important; 
		}
	
    div#textlinks .textwidget ul.textlinks {
        display: block;
        padding: 9px 0;
        }
    div#textlinks .textwidget ul.textlinks li {
        display: block;
        float: left;
        /* margin: 0 7px 0 7px;
        padding: 3px 0 0; */
        width: auto;
        }
    .foolog {
        /* height: 300px; */
        margin: 0 -2.8%;
        width: 105.6%;
        overflow: hidden;
        }
    }

/* Doppelte Aufloesung fuer Retina-Displays */
@media only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    nav ul.elemente li ul li a:hover,
    nav ul.elemente li ul li a:focus {
        background: url(img/naveil2.png) no-repeat scroll center 0 transparent;
        background-size: 12px 12px;
        color: #000;
        }
    nav ul.elemente li#seiten ul li.current_page_item a,
    nav ul.elemente li ul li.current-cat a  {
        background: url(img/naveil2.png) no-repeat scroll center 0 transparent;
        background-size: 12px 12px;
        }
    ul.access li.suche a {
        background: url(img/lupe40.png) no-repeat scroll center center #3d3c3f;
        background-size: 20px 20px;
        color: #fff;
        }
    header#main .logo {
        background: url(img/logo2.png) no-repeat scroll 0 0 #fff;
        background-size: 300px 90px;
        }
    section#genres h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px 0 #f2f0e6;
        background-size: 55px 1500px ;
        }
    .focushead ul.post-categories li.podcast {
        background: url(img/licat2s.png) no-repeat scroll 0.333em 0.25em transparent;
        background-size: 15px 283px;
        }
	.focushead ul.post-categories li.format {
        background: url(img/licat2s.png) no-repeat scroll 0.333em -3.4166em transparent;
        background-size: 15px 283px;
        }
    .focushead ul.post-categories li.video {
        background: url(img/licat2s.png) no-repeat scroll 0.333em -7.0832em transparent;
        background-size: 15px 283px;
        }
    .focushead ul.post-categories li.event {
        background: url(img/licat2s.png) no-repeat scroll 0.333em -10.7498em transparent;
        background-size: 15px 283px;
        }	
    .focushead ul.post-categories li.genre {
        background: url(img/licat2s.png) no-repeat scroll 0.333em -14.4164em transparent;
        background-size: 15px 283px;
        }	
    .focushead ul.post-categories li.seite {
        background: url(img/licat2s.png) no-repeat scroll 0.333em -18.083em transparent;
        background-size: 15px 283px;
        }	
    .focushead ul.post-categories li.misc {
        background: url(img/licat2s.png) no-repeat scroll 0.333em -21.7496em transparent;
        background-size: 15px 283px;
        }
    ul.post-categories li.podcast {
        background: url(img/licat2s.png) no-repeat scroll -0.1em 0.25em transparent;
        background-size: 15px 283px;
        }
	ul.post-categories li.format {
        background: url(img/licat2s.png) no-repeat scroll -0.1em -3.4166em transparent;
        background-size: 15px 283px;
        }
    ul.post-categories li.video {
        background: url(img/licat2s.png) no-repeat scroll -0.1em -7.0832em transparent;
        background-size: 15px 283px;
        }
    ul.post-categories li.event {
        background: url(img/licat2s.png) no-repeat scroll -0.1em -10.7498em transparent;
        background-size: 15px 283px;
        }
    ul.post-categories li.genre {
        background: url(img/licat2s.png) no-repeat scroll -0.1em -14.4164em transparent;
        background-size: 15px 283px;
        }
    ul.post-categories li.seite {
        background: url(img/licat2s.png) no-repeat scroll -0.1em -18.083em transparent;
        background-size: 15px 283px;
        }
    ul.post-categories li.misc {
        background: url(img/licat2s.png) no-repeat scroll -0.1em -21.7496em transparent;
        background-size: 15px 283px;
        }
	ul.podcast-substribe li.rss {
        background: url(img/rss30.png) no-repeat scroll transparent;
        background-size: 15px 19px;
        }
	ul.podcast-substribe li.spotify {
        background: url(img/spotify30.png) no-repeat scroll transparent;
        background-size: 15px 19px;
        }
	ul.podcast-substribe li.applepod {
        background: url(img/applepod30.png) no-repeat scroll transparent;
        background-size: 15px 19px;
        }
	ul.podcast-substribe li.deezer {
        background: url(img/deezer30.png) no-repeat scroll transparent;
        background-size: 15px 19px;
        }
	ul.podcast-substribe li.googlepod {
        background: url(img/googlepod30.png) no-repeat scroll transparent;
        background-size: 15px 19px;
        }
    .focushead.genre h1.category span.titel {
        background-color: rgb(116,184,206);
        background:
            url(img/category2.png) no-repeat scroll 5% 7px,
            url(img/category2.png) no-repeat scroll 95% -85px rgba(116,184,206,0.7);
        background-size: 15px 150px;
        }
    .focushead.format h1.category span.titel {
        background-color: rgb(255,127,127);
        background:
            url(img/category2.png) no-repeat scroll 5% 7px,
            url(img/category2.png) no-repeat scroll 95% -85px rgba(255,127,127,0.7);
        background-size: 15px 150px;
        } /*
    li.kategorien ul.post-categories li.genre a {
        background: url(img/startgenre2.jpg) no-repeat scroll 0 -10px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.kategorien ul.post-categories li.format a {
        background: url(img/format2e.jpg) no-repeat scroll 0 -10px #f2f0e6;
        background-size: 55px 825px;
        }
    ul.formaticons li a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -10px #F2F0E6;
        background-size: 55px 825px;
        }
    ul.genreicons li a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -10px #F2F0E6;
        background-size: 55px 1500px;
        } */
    div.footwrapper {
        background: url(img/footerBG2.jpg) no-repeat scroll center -2px #3d3c3f;
        background-size: 960px 15px;
        }
    input.suchen {
        background: url(img/lupe40.png) no-repeat scroll center center #3D3C3F;
        background-size: 20px 20px;
        }
    .foolog {
        background: url(img/logo2.png) no-repeat scroll center center #f2f0e6;
        background-size: 300px 90px;
        } /*
    li.passende.abstrakt h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px 0 #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.akt h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -72px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.architektur h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -146px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.automobil h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -221px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.surreal h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -297px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.reportage h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -371px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.fashion h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -446px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.food h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -521px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.hochzeit h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -595px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.landschaft h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -670px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.makro h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -746px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.natur h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -821px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.portrait h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -896px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.reise h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -971px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.sport h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -1046px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.stillleben h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -1121px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.straße h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -1196px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.studio h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -1271px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.tiere h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -1346px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.unterwasser h3 a {
        background: url(img/startgenre2.jpg) no-repeat scroll -4px -1420px #f2f0e6;
        background-size: 55px 1500px;
        }
    li.passende.aktion h3 a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -521px #f2f0e6;
        background-size: 55px 825px;
        }
    li.passende.einblick h3 a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -446px #f2f0e6;
        background-size: 55px 825px;
        }
    li.passende.geschichte h3 a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -371px #f2f0e6;
        background-size: 55px 825px;
        }
    li.passende.interview h3 a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -221px #f2f0e6;
        background-size: 55px 825px;
        }
    li.passende.kwertext h3 a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -297px #f2f0e6;
        background-size: 55px 825px;
        }
    li.passende.nachrichten h3 a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -673px #f2f0e6;
        background-size: 55px 825px;
        }
    li.passende.rezension h3 a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -146px #f2f0e6;
        background-size: 55px 825px;
        }
    li.passende.technik h3 a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -747px #f2f0e6;
        background-size: 55px 825px;
        }
    li.passende.umfrage h3 a {
        background: url(img/format2e.jpg) no-repeat scroll -4px -72px #f2f0e6;
        background-size: 55px 825px;
        }
    li.passende.vollbild h3 a {
        background: url(img/format2e.jpg) no-repeat scroll 0 -0px #f2f0e6;
        background-size: 55px 825px;
        } */
    }

/* Doppelte Aufloesung fuer Retina-Displays - min-width: 480px */
@media only screen and (-moz-min-device-pixel-ratio: 2) and (min-width : 480px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width : 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width : 480px),
only screen and (min-device-pixel-ratio: 2) and (min-width : 480px) {
    .wp-pagenavi {
        background:
            url(img/pagenav2.png) no-repeat scroll -4px 0,
            url(img/pagenav2.png) no-repeat scroll right -92px transparent;
        background-size: 15px 150px
        }
}

/* Doppelte Aufloesung fuer Retina-Displays - min-width: 640px */
@media only screen and (-moz-min-device-pixel-ratio: 2) and (min-width : 640px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width : 640px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width : 640px),
only screen and (min-device-pixel-ratio: 2) and (min-width : 640px) {
    .focushead.genre h1.category span.titel {
        background-color: rgb(116,184,206);
        background:
            url(img/category2.png) no-repeat scroll 5% 0,
            url(img/category2.png) no-repeat scroll 95% -92px rgba(116,184,206,0);
        background-size: 15px 150px;
        }
    .focushead.format h1.category span.titel {
        background-color: rgb(255,127,127);
        background:
            url(img/category2.png) no-repeat scroll 5% 0,
            url(img/category2.png) no-repeat scroll 95% -92px rgba(255,127,127,0);
        background-size: 15px 150px;
        } /*
    .focushead.aktion h1.category span.wrap {
        background: url(img/aktion2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.ausblick h1.category span.wrap {
        background: url(img/ausblick2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.einblick h1.category span.wrap {
        background: url(img/einblick2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.geschichte h1.category span.wrap {
        background: url(img/geschichte2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.interview h1.category span.wrap {
        background: url(img/interview2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.kwertext h1.category span.wrap {
        background: url(img/kwertext2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.nachrichten h1.category span.wrap {
        background: url(img/nachrichten2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.rezension h1.category span.wrap {
        background: url(img/rezension2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.technik h1.category span.wrap {
        background: url(img/technik2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.umfrage h1.category span.wrap {
        background: url(img/umfrage2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.vollbild h1.category span.wrap {
        background: url(img/vollbild2.png) no-repeat scroll center 20% rgba(255,127,127,0.7);
        background-size: 100px 100px;
        }
    .focushead.abstrakt h1.category span.wrap {
        background: url(img/abstrakt2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.akt h1.category span.wrap {
        background: url(img/akt2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.architektur h1.category span.wrap {
        background: url(img/architektur2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.automobil h1.category span.wrap {
        background: url(img/automobil2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.surreal h1.category span.wrap {
        background: url(img/surreal2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.reportage h1.category span.wrap {
        background: url(img/reportage2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.fashion h1.category span.wrap {
        background: url(img/fashi2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.food h1.category span.wrap {
        background: url(img/food2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.hochzeit h1.category span.wrap {
        background: url(img/hochzeit2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.landschaft h1.category span.wrap {
        background: url(img/landschaft2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.makro h1.category span.wrap {
        background: url(img/makro2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.natur h1.category span.wrap {
        background: url(img/natur2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.portrait h1.category span.wrap {
        background: url(img/portrait2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.reise h1.category span.wrap {
        background: url(img/reise2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.sport h1.category span.wrap {
        background: url(img/sport2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.stillleben h1.category span.wrap {
        background: url(img/stillleben2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.straße h1.category span.wrap {
        background: url(img/strasse2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.studio h1.category span.wrap {
        background: url(img/studio2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.tiere h1.category span.wrap {
        background: url(img/tiere2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        }
    .focushead.unterwasser h1.category span.wrap {
        background: url(img/unterwasser2.png) no-repeat scroll center 20% rgba(116,184,206,0.7);
        background-size: 100px 100px;
        } */
    }