/*
Theme Name: kulturselektor (vormals uma20)
Theme URI: http://www.umagazine.de
Author: Sven Fiedler, Niels Heuner, bunkverlag GmbH with modifications by Malte Müller
Author URI: http://bunkverlag.de
Description:
Version: 1.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: uma17
*/
@font-face {
	font-family: ZineSerif;
	src: url(fonts/ZineSerifDisOT.otf);
}
@font-face {
	font-family: ZineSerif;
	src: url(fonts/ZineSerifDisOT-Bld.otf);
	font-weight: bold;
}
@font-face {
	font-family: ZineSerif;
	src: url(fonts/ZineSerifDisOT-Ita.otf);
	font-style: italic;
}
@font-face {
	font-family: ZineSerif;
	src: url(fonts/ZineSerifDisOT-BldIta.otf);
	font-style: italic;
	font-weight: bold;
}

@font-face {
	font-family: ZineSans;
	src: url(fonts/ZineSansDisOT.otf);
}
@font-face {
	font-family: ZineSans;
	src: url(fonts/ZineSansDisOT-Bold.otf);
	font-weight: bold;
}
@font-face {
	font-family: ZineSans;
	src: url(fonts/ZineSansDisOT-It.otf);
	font-style: italic;
}
@font-face {
	font-family: ZineSans;
	src: url(fonts/ZineSansDisOT-BoldIt.otf);
	font-style: italic;
	font-weight: bold;
}

html{
	background: white;
}

body {
	margin: 0 auto;
	max-width:100%;
	font-family:ZineSerif, serif;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
	background-color:white;
}

div {
	box-sizing:border-box;}

a {color: black;}

#container {
	min-height:100vh;
	max-width:1440px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

img {
  width: auto;
  max-width: 100%;
  height: auto;
  border: 0;
  display: block; }

/*body.logged-in .oben {margin-top:30px;}*/

body.logged-in .fixed-menu {
	margin-top:30px!important;}

body.logged-in .fixed-logo {
	margin-top:30px!important;}

body.logged-in #suche {
	margin-top:30px!important;}

@media screen and (max-device-width:782px) {

	/*	body.logged-in .oben {margin-top:46px;}*/

	body.logged-in .fixed-menu {
		margin-top:46px!important;}

	body.logged-in .fixed-logo {
		margin-top:46px!important;}

	body.logged-in #suche {
		margin-top:46px!important;}

}

@media screen and (max-device-width:600px) {

	

}

/*Kopf
---------------------*/

.header {
  padding: 40px 25px 0px 25px;
  margin: 0;
  background: white;
  z-index: 1000;
  border: 0px solid red;
  position: relative;
}

.header_logo {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}

.header_logo a {
  color: black;
}

.header_logo-img {
  margin: 0 auto;
  margin-bottom: 10px;
  width: 450px;
}

/*.header_title {
	font-size: 2em;
	letter-spacing: 1px;
	line-height: 1.1em;
	margin: 0 0 15px 0;
	font-weight: 300;
	font-family: $font_opensanscond;
	text-transform: uppercase;
	text-align: center;
} */
.header_title {
  font-family:ZineSans, sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 5px 0 15px 0;
}

.headline_index {
  text-transform: none;
  font-weight: 300;
  padding: 0 0 10px 0 !important;
  border-bottom: 2px solid #e3000f;
}

.headline_index-format {
  text-transform: none !important;
  /*	padding: 0 0 0px 0 !important; */
}

.kulturnews {
	text-align: center;
	margin-bottom: 15px;
}

.kulturnews a {
	text-decoration: none;
	font-weight: bold;
}

/* Social nav + search button 
*********++++++++++++++++******/
.header_socialnav {
  display: block;
  position: absolute;
  top: 0px;
  right: 50px;
  font-size: 16px;
}
.header_socialnav a {
  color: black;
  display: inline-block;
  padding: 5px 3px 5px 10px;
	text-decoration: none;
}
.header_socialnav a:hover,
.header_socialnav a:active,
.header_socialnav a:focus {
  color: #e3000f !important;
}
.header_socialnav ul {
  display: block;
}
.header_socialnav ul li {
  display: inline;
  margin-left: 0px;
}
.header_socialnav button.search {
  border: 0;
  background: none;
	font-size: 16px;
}
.header_socialnav button.search:hover,
.header_socialnav button.search:active,
.header_socialnav button.search:focus {
  color: #e3000f;
}

/* Search form
***************/
#searchform {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 499;
  height: auto;
  background: white;
  border-bottom: 1px solid lightgray;
  padding: 0 25px 10px 35px;
  margin: 0;
  width: 100%;
	

  /* Search field */
}
#searchform div {
  width: 80%;
  margin: 0 auto;
  position: relative;
}

#searchform #search {
	width: 100%;
	padding: 4px !important;
  border: 1px solid lightgray !important;
  background-color: none !important;
	font-size: 16px !important;
}

#searchform input[type="submit"],
#searchform .search_close {
  border: 0;
  height: 30px;
  padding: 4px 8px 2px 8px;
  background: black;
  color: white;
  font-family: ZineSans, sans-serif;
  position: absolute;
  top: 0;
	font-size: 16px;
}
#searchform input[type="submit"] {
  right: 20px;
}
#searchform .search_close {
  color: #e3000f;
  right: -10px;
}
#searchform input[type="submit"]:hover,
#searchform input[type="submit"]:active,
#searchform input[type="submit"]:focus,
#searchform .search_close:hover,
#searchform .search_close:active,
#searchform .search_close:focus {
  background: gray;
  color: black;
}
#searchform label {
  position: absolute;
  display: block;
  text-indent: -5000em;
}


/* Content container
------------------------*/


#content-container {
	width:92%;
	margin:20px auto 40px auto;}

#feature-slider-container {
	/*background-color:#951C55*/;
	width:100%;
	margin:0 auto;
	padding-top:5px;
	font-family:ZineSans, sans-serif;
	color:white;
	/*ACHTUNG
	display:none;
	/*ACHTUNG*/
}

#feature-slider-container a {color:black;}

/*SLIDER AUTOREN UND REDAKTIONEN
-----------------------------------*/

.umschalter-container {
	margin:0px 0px 5px 2.5%;
	padding-left:0px;
	text-transform:uppercase;}

.umschalter-autoren, 
.umschalter-editionen {
	cursor:pointer;
	width:300px;
	color:#cc99cc;
	margin-right:20px;
	transition: color 2s}

.aktiver-umschalter{
	color:white; 
	transition: color 1s}

.swiper-container {
	/*height: 100%;
	background-color:#951C55;
	min-height:200px;*/
	width:100%;
	height:auto;
	margin:0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

/*.swiper-wrapper {padding-left:1%;padding-right:1%;min-height:90px;}*/

.s2, .s1 {
	display:block;}

.swiper-slide {
	text-align: center;
	font-size: 14px;
	/*background: #951C55;*/
	color:black;
	width:150px;
	/* Center slide text vertically */
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;*/
	display:block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	/*        margin-right:44px!important;*/
}

.swiper-slide a {
	color:black;
	text-decoration:none}

img.swiper-slide__img {
	max-width: 100%;}

.swiper-slide .item-title a {
	color:white;
	text-decoration:none;
	font-weight:normal;}

.swiper-slide .item-description {
	font-size:12px;}

.swiper-slide div p {
	margin-bottom:0px;
	margin-top:0px;
	max-height:14px;
	overflow:hidden;}

.group-creator {
	margin-top:10px;}

.swiper-slide p {
	margin-top:1px;}

.swiper-cats ul {
	list-style-type: none;
	padding-left:0px;
	font-weight:normal;}

.swiper-cats ul li {
	margin-bottom:5px;
	margin-left:0px!important}

.swiper-cats > li {
	list-style-type:none;
	font-weight:300;
	margin-left:0px!important}

.swiper-autoren-wrapper .swiper-slide {
	width:auto;
	max-width:200px}

.swiper-editionen-wrapper .swiper-slide {
	width:auto;
	max-width:200px}

/*    .swiper-button-prev,
    .swiper-button-next {position:absolute;top:0;height:100%;width:44px;}
    .swiper-button-prev {left: 0px; right: auto;}
    .swiper-button-next {left: auto; right: 0px;}*/

/*KATEGORIE CONTAINER
---------------------*/

.autorenname h1 {
	margin-left: 4%; /* basically hack, don't understand the css completely… */
	font-weight: 300;
}

body.category #hauptmenue {
	width: 92%;
	text-align:left;}

body.category .hauptmenue-innen {
	border: none;}

body.single .hauptmenue-innen {
	height:50px;}

/*body.category .autorenname h1 {margin-top:83px}*/
body.category .fixed-menu .autorenname h1 {
	display:none;
	margin-top:0px}

body.category .zuordnung ul {
	display:inline;
}

body.category .zuordnung li {
	list-style-type:none;
	display:inline;
}

body.category .zuordnung li a {
	text-decoration:none;
	display: inline;}


/*TAG ARCHIVE CONTAINER
---------------------*/

body.tag #hauptmenue {
	width: 92%;
	text-align:left;}

body.tag .hauptmenue-innen {
	border: none;}

body.tag .fixed-menu .autorenname h1 {
	display:none;
	margin-top:0px}


/*TAXONOMIE "Artikeltypen" CONTAINER
---------------------*/

body.tax-artikeltypen #hauptmenue {
	width: 92%;
	text-align:left;}

body.tax-artikeltypen .hauptmenue-innen {
	border: none;
	/*background-color:#EADAC0;*/
}

body.tax-artikeltypen .autorenname h1 {
	margin-top:83px
}

body.tax-artikeltypen .fixed-menu .autorenname h1 {
	display:none;
	margin-top:0px
}

body.tax-artikeltypen .zuordnung ul {
	display:inline;}

body.tax-artikeltypen .zuordnung li {
	list-style-type:none;
	display:inline;}

body.tax-artikeltypen .zuordnung li a {
	text-decoration:none;
	display: inline;}


/*AUTOREN CONTAINER*/
body.author #hauptmenue {
	width: 92%;
	text-align:left;
}

body.author .hauptmenue-innen {
	border: none;
	/*background-color:#EADAC0*/;
}

.uma-infobox {
	/*min-height:240px;
	padding:20px;*/
}

.autorenjournal {
	color:white;
	font-family:ZineSans, sans-serif;
	font-size:24px;}

.autorenname h1 {
	font-family:ZineSans, sans-serif; 
	font-size:48px;
	margin-top:30px;
	text-align:left;}

.zuordnung {
	margin-top:25px;
}

.abonnieren-button {
	-webkit-appearance: none;
	cursor: pointer;
	font: 16px ZineSans,sans-serif;
	color: #000000;
	border: 1px solid #000000;
	background-color: #18a7bb;
	width: 120px;
	padding: 2px;
	line-height: 130%;
	margin: 0 10px 10px 0;
}
.fixed-menu .uma-infobox {
	min-height:50px;}

.fixed-menu .autorenjournal {
	display: none;}

.fixed-menu .zuordnung {
	display: none;}

.fixed-menu .author-abo-button {
	display: none;}

.fixed-menu .klappavatar {
	display: none;}

.fixed-menu .autorenname {
	position:absolute;
	top:10px;
	left:0;
	margin:0;
	width:100%;}

.fixed-menu .autorenname h1 {
	margin-top:-10;
	font-size:24px;
	margin: 0 auto;
	text-align:center;}

/*EDITIONEN CONTAINER*/
body.groups #hauptmenue {
	width: 96%;
	text-align:left;}

body.groups .hauptmenue-innen {
	border: none;
	background-color:#EADAC0;}


.swiper-button-prev2,
.swiper-button-next2 {
  position: absolute;
  top: 0;
  width: 44px;
  height: 100%;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;

}

.swiper-button-prev2.swiper-button-disabled,
.swiper-button-next2.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev2,
.swiper-container-rtl .swiper-button-next2 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 0px;
  right: auto;
}

.swiper-button-prev2.swiper-button-black,
.swiper-container-rtl .swiper-button-next2.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev2.swiper-button-white,
.swiper-container-rtl .swiper-button-next2.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next2,
.swiper-container-rtl .swiper-button-prev2 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  right: 0px;
  left: auto;
}

.swiper-button-next2.swiper-button-black,
.swiper-container-rtl .swiper-button-prev2.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next2.swiper-button-white,
.swiper-container-rtl .swiper-button-prev2.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */

.swiper-pagination2 {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination2.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-vertical > .swiper-pagination2 {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination2 .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination2 {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container-horizontal > .swiper-pagination2 .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Scrollbar */

.swiper-scrollbar2 {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar2 {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar2 {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
/*ENDE SWIPER AUTOREN*/

/*ENDE SLIDER AUTOREN UND REDAKTIONEN*/
.slider-image-block {
	background-color:red/*red*/;
	background-size:cover;
	background-position:center;
	width:90%;
	height:350px;
	position:relative;
	margin:0 auto;
	margin-bottom:50px;
}

.slider-image-block img {
	width:100%;
	height:350px;
	object-fit: cover;
}

#spaltelinks {
	height:100%;
	background-color:white/*green*/;
	display:table-cell;
	vertical-align:top;
	min-width:340px;
	width:33.33%;
	padding:30px 15px 15px 0px;
	box-sizing:border-box;
}

#spaltemitte {
	height:100%;
	background-color:white/*red*/;
	/*width: -moz-calc (100% - 570px);
	width: -webkit-calc (100% - 570px);
	width: calc(100% - 570px);*/
	min-width:340px;
	width:33.33%;
	margin:0 auto;
	padding:30px 15px 15px 15px;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:top;
}

#spalterechts {
	height:100%;
	background-color:white/*orange*/;
	display:table-cell;
	vertical-align:top;
	min-width:340px;
	width:33.33%/*auto*/;
	/*min-width:200px;
	max-width:250px;*/
	padding:30px 0px 15px 15px;
	box-sizing:border-box;
}

div.teaser-container {
	background-color:white/*yellow*/;
	overflow:hidden;
	margin:0 0 60px 0;
	clear: none;	
}

#spaltelinks .teaser-container {
	margin-right:30px;
}

#spaltemitte .teaser-container {
	margin-right:30px;
}

a.teaser-title {
	text-decoration:none;
	text-transform:uppercase;
	font-size:24px;
}

a.teaser-title h2 {
	margin-top:15px;
	margin-bottom:10px;
	line-height:40px;
}

.teaser-author {
	border-width:1px 0;
	border-style:solid;
	text-align:center;
	padding:5px 0;
	margin-bottom:10px;
	font-family: ZineSans, sans-serif;
	/*    text-transform: uppercase;
			color:grey;*/
	font-size: 1.05rem;
}
.teaser-author a {
	text-decoration:none;
}
/*.teaser-author__blue-dot {color:#18a7bb;}*/

.teaser-edition {
	text-align: center;
}
.teaser-edition a {
	text-decoration:none;
}

.teaser-container p {
	font-size:24px;
}



.teaser-container__artist {
	font-family: ZineSans, sans-serif;
	position: absolute;
	bottom: 5px;
	background: black;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	height:80px;
	padding: 55px 0 5px 0;
}

@media screen and (max-width:830px) {

	.teaser-container__artist {
		bottom: 0px;
	}

}

.teaser-container__artist-ifadapt {
	width:100%;
	bottom:0px;
}

.teaser-container__artist a {
	color: white;
	text-decoration: none;
}
.teaser-container-schrift {
	font-size:larger;}

.teaser-clear {
	height:10px;}

.category-link * {
	color:#18a7bb;
	text-decoration: none;
	list-style-type:none;
	padding:0px;
	margin:0;
	display:inline;
	font-family:ZineSans, sans-serif;
	font-size:24px;
}

a.teaser-text-1 {
	text-decoration:none;
	color:black;}

a.teaser-text-1 p {
	margin-bottom:0px;
	margin-top:0px;
	display:inline;}

.author-link-color {
	text-decoration:none;
	font-family:ZineSans, sans-serif;
	font-size:14px;}

.home-page .author-link-color {
	color:#99cc33;}

.category .author-link-color {
	color:#99cc33}

.author .author-link-color {
	color:#cc3300;}

.groups .author-link-color {
	color:#6699ff}



#spaltelinks .teaser-container {
	display:none}

#spaltelinks .teaser-container:nth-child(3n+1) {
	display: block;}

#spaltemitte .teaser-container:nth-child(3n+0) {
	display:none}

#spaltemitte .teaser-container:nth-child(3n+1) {
	display:none}

.spalterechts-hide .teaser-container{
	display:none}

.spalterechts-hide .teaser-container:nth-child(3n+3){
	display:block}

div.teaser-container-image {
	overflow: hidden;
	background-color:white/*blue*/;
	width:100%;
	margin-bottom:5px;
	position: relative;
	/*padding: 0 10px;
	max-height: 300px;*/
}

.teaser-container-image a {
	width: 100%;
}

.teaser-container-image a img {
	width: 100%;
	height:auto;
}

.teaser-container-image__hinweis {
	position: relative;
	top: 39px;
	left: 0;
	background: black;
	color: white;
	width:intrinsic;
	width:-moz-max-content;
	width:-webkit-max-content;
	width:max-content;
	padding: 10px 10px 7px 10px;
	font-family:ZineSans, sans-serif;
	text-transform: uppercase;
	margin: -39px 0 0 0;
	border:white solid;
	border-width:0 1px 1px 0;
	display:block;
	z-index: 9999;
}

/*.teaser-container-image > img {
	width: 99%;
	height:auto;
	max-height:400px;
	object-fit: cover;
	border:1px solid;
}*/

body.home .navigation, 
body.archive .navigation, 
body.home .category {
	text-align:center;
	/*	background-color:#eadac0;*/
	padding:10px 0;
}


/*Posts/Beiträge
---------------------*/
.postcat-box {
	width:60%;
	min-width: 280px;
	margin: 20px auto 20px auto;
}
.postcat-box--h3 {
	width:100%;
	text-align:center;
	border: black solid;
	border-width:1px 0;
	/*    font-size: 1.7em;*/
	font-weight:100;
	font-family: ZineSans, sans-serif;
	/*    text-transform: uppercase;*/
	color:black;
	padding: 6px 0 2px 0;
}
.postcat-box--a {
	color: black;
	text-decoration: none;
}

.featured-image {
	width:60%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	/*float:left;
	max-height:400px;*/
}

.post-featured-img__artistname {
	font-family: ZineSans, sans-serif;
	position: absolute;
	bottom: 0px;
	background: black;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	padding: 55px 0 5px 0;
}

.post-featured-img__artistname a {
	color:white;
	text-decoration:none;
}

.post-starttext {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	font-size: 25px;
	font-family: ZineSans, sans-serif;
	font-weight: bold;
	margin-bottom: 40px;
}

.featured-image > img {
	width: 100%;
	height:auto;
}

div.featured-image-caption {
	margin:0 auto;
	width: 100%;
	font-family:ZineSans, sans-serif;
	font-size: 14px;
	line-height: normal;
	padding-top:5px;
	float: left;
}

.wp-caption {
	max-width: 500px !important;
	margin: 0px 20px 20px 0px;
	height: auto;
	/*width: 67% !important;*/
	/*float: left;*/
	clear:both;
}

.wp-caption-text {
	font-family:ZineSans, sans-serif;
	font-size:12px;
	line-height: normal;
	width:65%;}

img.alignright { 
	float: right; 
	margin: 0 0 1em 1em; 
}

img.alignleft { 
	float: left; 
	margin: 0 1em 1em 0; 
}

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

.alignright { 
	float: right;
	margin-left:20px; 
}

.alignleft { 
	float: left!important;
	margin-left:20px; 
}

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

.wp-caption.size-ful {
	width: 100%;
}

.wp-caption.size-med {
	width: 50%;
}

.wp-caption.size-thu {
	width: 25%;
}

div.beitrags-text {
	/*max-width: 900px;*/
	margin: auto;
	letter-spacing: 0.5px;
	line-height: 32px;
	/*margin-left: 30%;*/
	width: 60%;
	font-size: 24px;
}

.beitrags-text img /*iframe*/ {
	height: auto;
	max-width: 100%!important;
	/*float: left;*/
	margin: 0 20px 20px 0;
	width: 67%!important;
}

.beitrags-text blockquote {
	font-size: larger;
	font-family: ZineSans, sans-serif;
	font-weight: bold;
}

div.iframe-aspect-ratio {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 51%;
}

div.iframe-aspect-ratio iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0; top: 0;
}

.wp-caption img /*iframe*/ {
	width: 100%!important;
}

.connect-edition a {
	/*color:#6699ff*/;
	text-decoration:none;
}

.entry-content h1 {
	margin:70px auto 10px;
	width: 60%;
	font-size:330%;
	text-transform: uppercase;
	line-height: 50px;
	text-align: center;}

.entry-meta {
	font-family: ZineSans, sans-serif;
	width: 50%;
	margin:40px auto;
	font-size: 16px;}

.more-heading {
	margin-top: 0px;
	font-size: 1.7em;
	margin:20px auto;
	text-align:center;
	width:60%;
	border:black solid;
	border-width:1px 0;
	font-weight:100; }

.more-posts {
	width:50%;
	margin:5px auto;
}

.more-posts .linktomore {
	font-size:20px;
}

.content-ad-mr {
	width: 300px; 
	height: 250px; 
	padding: 6px 6px 6px 0; 
	float: left; 
	margin:0 18px 14px -40px;
	background-color:red;
}
.mr-ad-post {
	display:none/*inline*/;
	width:300px;position:relative;
	margin-left:1.7%;
	float:left;
	top:0px;
}

@media ( max-width:970px ) {

	.content-ad-mr {
		margin-left:0px;
	}

}

@media ( max-width:470px ) {

	.content-ad-mr {
		margin-left:10px;
		float:none;
	}

}

/*Post Additional Contents
--------------------------*/
.post-additional {
	width:60%;
	min-width: 280px;
	margin: 20px auto 20px auto;
}

.post-additional--h3 {
	width:100%;
	text-align:center;
	border: black solid;
	border-width:1px 0;
	font-size: 1.7em;
	font-weight:100;
	font-family: ZineSans, sans-serif;
	text-transform: uppercase;
	color:grey;
	padding: 4px 0 0 0;
}

.post-additional--h3-blue {
	color:#18a7bb;
}

.post-additional--album {
	width: 50%;
	display: inline-block;
	margin: 0 0 20px 0;
}

.post-additional--album-image {
	width:220px;
	height:220px;
	margin: 0 20px 0 0;
}

.post-additional--album-infos {
	display:inline-block;
	height: 220px;
	vertical-align:top;
	font-family: ZineSans, sans-serif;
	padding: 50px 0 0 0;
}

.post-additional--listenings {
	width: 48%;
	display: inline-block;
	margin: 10px 0 0 0;
}

.post-additional--listenings-block {
	margin: 30px 0 30px 0;
}

@media screen and (max-device-width:782px) {

	.post-additional--listenings {
		width:100%;
	}

}


.post-additional--listenings:nth-child(odd){
	float:right;
}

.post-additional--listenings-imgcrop {
	max-width: 100%;
	height: 190px;
	overflow: hidden;
}

.post-additional--listenings-imgcrop-review {
	width: 190px;
	height: 190px;
	overflow: hidden;
}

.post-additional--listenings-image {
	width: 100%;
	height: auto
}

.post-additional--listenings-h4 {
	margin: 5px 0 5px 0;
	text-transform: uppercase;
	font-size: 1.5rem;
}

.post-additional--genres-h4 {
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-size: 1.5rem;
}

.post-additional--listenings-a {
	text-decoration: none;
}

/*Kommentare
---------------------*/
div.comments {
	font-family:ZineSans, sans-serif;
	margin:10px 0  0 30%;
	width:60%;
	display:none
}

.comments-switch {
	text-decoration:underline;
	cursor: pointer;
	width:60%;
	margin:20px 0 0px 30%;
	display:block!important
}

.comments input, 
.comments textarea {
	border:1px solid;
	border-color:black;
	color:black;
	line-height:20px;	
}

.comments label {
	display: block;
}

.comments textarea {
	width:50%;
	font-family: ZineSans, sans-serif;
}
.comment-list {
	list-style-type:none;
}

.comment-list * {
	list-style-type:none;
}

.comment-list .children {
	margin-top:10px;
}

.comment {
	margin-bottom:10px;
	padding:1%;
}

.comment-author img {
	display:block
}
.comment-metadata {
	font-size:12px;
}
.comment-content {
	font-family:serif;
}
.comment .reply {
	font-size:12px;
	border-bottom:1px solid black;
	padding-bottom:20px;
}

/* Buddypress
---------------------*/
img.avatar {
	width:100px;
	height:100px;
}
.hauptmenue-innen img.avatar {
	width:41px;
	height:41px;
	vertical-align:bottom;}

/*Hide Members Tab in Groups:*/
#members-groups-li {display:none;}

#buddypress div#item-header {
	overflow: visible;}

#buddypress div#item-header div#item-meta {
	margin-top:0px;
	font-size:14px;
	color:white;}

#buddypress .swiper-slide div p:nth-of-type(2) {
	overflow:visible;
	max-height:150px;
	font-weight:bold;}

#buddypress div#item-header ul li.cat-item {
	float:none;}

#buddypress .editions-rubriken a {
	font-weight:bold;}

#buddypress div.dir-search {
	margin-top:10px;}

/*Listen Seiten
---------------------*/
div.autoren-uebersicht-content {
	display:inline-block;
	width:25%;
	min-width:250px;
	margin-right:4% !important;
	margin-left:4% !important;
	margin-top:30px !important;
	margin-bottom:30px !important;
	box-sizing: border-box;
	padding:0 !important;
	vertical-align:top;
}

.autoren-uebersicht-content a  {
	color:black!important;
	text-decoration:none;}

div.autoren-uebersicht-content .item-avatar {
	width:100%;
	/*height:250px;*/}

div.autoren-uebersicht-content .item-avatar img {
	width:100%;
	height:auto;
	border:1px solid;
	border:1px solid black !important;
	box-sizing:border-box;}

div.autoren-uebersicht-content .item-title {
	margin-top:-5px;
	background-color:#eadac0;
	text-align:center;
	padding:10px;
	border:1px solid black;}

div.user-lists-object {
	text-align: left;
	font-size: 14px;

	font-family:ZineSans, sans-serif;
	width:100%;
	/* Center slide text vertically */
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;*/
	display:block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

}

.user-lists-object p {
	margin-top:1px;}


/*Editions-Übersicht
---------------------*/

#groups-list .item-title {
	margin-top: 20px;
	background-color: #eadac0;
	text-align: center;
	padding: 10px;
	height:70px;
	overflow-y:hidden;
	text-align: center!important;
	display:table;
}

#groups-list .item-avatar {
	margin-bottom:0px!important;}

#groups-list .item {
	border:1px solid black;
	border-top:0px;	}

#groups-list .item-title a {
	font-size: 22px!important;
	font-family: ZineSerif, serif!important;
	font-weight:100!important;
	display: table-cell;
	vertical-align: middle;
}

/*Admin Bar
#wpwrap * {background-color:white;color:black!important;}
#adminmenumain a:hover {background-color:white;color:darkgrey;}
#adminmenumain * {background-color:lightgrey!important}
#wpadminbar {background-color:lightgrey;color:black;}
#wpadminbar * {background-color:lightgrey;color:black;}
.ab-sub-wrapper * {background:lightgrey!important;}
.ab-item {background:lightgrey!important;}
.menupop *  {color:black!important}
.ab-label {color:black!important}
*/


/* EDITUS Anpassungen
---------------------*/

.lasso--post-thumb img {
	max-width:50vw;
}

/* ACF Form für Frontend Bearbeitungen
----------------------------------------*/

.categorychecklist-holder {
	height:200px}

.field_type-taxonomy {
	max-width:172px;
	float:left;
	margin-right:20px}

.field_type-image {
	clear:left;}

footer.umde-footer {
	width:98%;
	margin: 0 auto 20px auto;
	background-color:black/*#23282d*/;
	padding: 20px 3%;
	box-sizing: border-box;
	color:white;
}

.umde-footer__networklinks {
	margin: 0 0 0 280px;
}

.umde-footer__networklinks a {
	text-decoration: none;
	text-transform: uppercase;
	font-family: ZineSans, sans-serif;
	margin:0 90px 0 0;
	font-size: 80%;
}

.umde-footer__networklinks a img {
	width: 19px;
	margin: 0 2px 0 0;
	vertical-align: text-bottom;
}

@media (max-device-width:830px) {

	footer.umde-footer {
		width: 100%;
		margin: 0;
		padding: 20px 7%;
	}

}

footer.umde-footer a {
	color:white;
}

.umde-footer .imprintsign {
	padding: 0 0 0 3px;
}


/*Tablet ab hier
---------------------*/

@media ( max-width:1155px ) {

	#spalterechts {
		float:none;
		display:none;
	}
	#spaltelinks {
		width:45%;
		min-width:340px;}

	#spaltemitte {
		width:55%;
		/*width: -moz-calc (100% - 340px);
		width: -webkit-calc (100% - 340px);
		width: calc(100% - 340px);*/
		min-width:340px;
	}

	div.teaser-container-variante {
		margin:0 5px 10px 5px;
		width:48%;
	}
	.teaser-container-variante:nth-child(2n+4){
    clear:left;
	}


	#spaltelinks .teaser-container:nth-child(even) {
		display:none}

	#spaltelinks .teaser-container {
		display: block}

	#spaltemitte .teaser-container:nth-child(3n+0) {
		display:block}

	#spaltemitte .teaser-container:nth-child(3n+1) {
		display:block}

	#spaltemitte .teaser-container:nth-child(odd) {
		display:none}

	.swiper-button-prev,
	.swiper-button-next {
		display:block}

}/*Ende Tablet*/

@media (max-width:830px)  {

	.dreisymbol {
		margin-top:6px!important;}

	#spaltemitte {
		float:none;
		display:none;
	}

	#spaltelinks {
		float:none;
		width:100%;
		padding:5px 4%;
	}

	#spaltelinks .teaser-container img {
		display: block;
	}

	div.teaser-container-variante {
		margin:0 5px 10px 5px;
		width:98%;
	}

	#spaltelinks .teaser-container:nth-child(even) {
		display:block}

	#spaltelinks .teaser-container {
		display: block}

	/*Posts*/
	.entry-content h1 {
		width: 80%;
		margin-left: 20%}

	.post-starttext {
		width:80%;
		margin-left:20%;}

	div.beitrags-text {
		width: 95%;
		margin: 0px auto;
		line-height: 24px
	}

	.beitrags-text img, 
	iframe {
		float: none;
		width: 100% !important;
		height:auto;
		object-fit: contain;
	}

	
}

/*mobile
---------------------*/

@media (max-device-width:640px) {

	body {
		min-width:320px;}

	a.homelink {
		margin-left:0;}

	#content-container {
		width:100%;
		padding:0%;
		margin-top:40px}

	.artikel-typ-span {
		display:none!important;}

	.tilde1 {
		display:none}

	.connect-edition{
		display:none;}

	#buddypress li div.item {
		margin-left:0px;}

	.autorenname h1 {
		font-size:30px}

	div#logo {
		-ms-transition:none;
		-webkit-transition:none;
		-moz-transition:none;
	}

	#spaltelinks {
		min-width:310px;
		width:100%;
		max-width:100%;
		float:none;
		display: block;}

	#spaltelinks .teaser-container {
		margin-right:auto;}

	/*Posts
	---------------------*/

	.featured-image {
		width:95%;
		margin:0 auto 10px auto}

	div.featured-image-caption {
		font-size:10px;
		width:95%;}

	.entry-content h1 {
		margin:0 auto;
		width: 95%;
		font-size: 280%;
		padding:1%;
		line-height:100%;}

	.post-starttext {
		margin:0 auto;
		width: 95%;
		margin-bottom: 20px;
		line-height: 26px}

	.postcat-box {
		width:95%;}

	.post-additional {
		width: 95%;}

	div.beitrags-text {
		margin: 0 auto;
		letter-spacing: 0.5px;
		line-height: 25px;
		width: 95%;
		font-size: 20px;
	}

	.beitrags-text img, iframe {

	}

	.entry-meta {
		width: 87%;
		margin-left:9%;
		line-height: 22px;
		font-size:12px;}

	.entry-meta span {
		display: block;}

	span.sep {
		display:none}

	.author span {
		display:inline;}

	.more-posts {
		width: 83%;
		margin-left: 8%;
		text-align:left;}

	footer.umde-footer a {
		display: block;
	}

}

.hidden {
	display: none;
}