/*!
Theme Name: atelierjungwirth
Theme URI: https://www.atelierjungwirth.at/
Author: Harald Zettler
Author URI: https://www.zettler.at/
Description: Website des Atelier Jungwirth, Graz
Version: 1.0.4
Text Domain: atelierjungwirth

*/


/* =Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

table {
	border-spacing: 0;
}
a img {
	border: none;
}

img,
video {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

a {
	color: #a59e89;
	text-decoration: none;
}
a:hover {
	color: #8b8571;
	text-decoration: underline;
}

strong, b, table th {
	font-weight: 500;
}


/* =Basic
-------------------------------------------------------------- */

/* roboto-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('fonts/roboto-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-300italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: url('fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('fonts/roboto-v30-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('fonts/roboto-v30-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('fonts/roboto-v30-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-condensed-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('fonts/roboto-condensed-v27-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {
	background:#fff;
	font-size:1em;
	color:#000;
	line-height:1.3;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}


h1, h2, h3, h4, h5, h6 {
	clear: both;
	line-height: 1.3;
	font-weight:300;
	color: #a59e89;
}

h1 {
	font-size: 2.5rem;
	padding-bottom:0.25rem;
	margin-bottom: 0.75rem;
	text-transform: uppercase;
	color:#000;
}
h1 span,
h3 span {
	color:#e2e0d9;
}

h2 {
	font-size: 2rem;
	margin: 3.5rem 0 1rem 0;
	text-transform: uppercase;
}

h3 {
	font-size: 1.375rem;
	margin: 1rem 0 0.75rem 0;
}


h4 {
	font-size: 1.25rem;
	margin: 1rem 0 0.75rem 0;
}

h5 {
	font-size: 1.125rem;
	margin: 1rem 0 0.75rem 0;
}
h1.lowercase,
h2.lowercase,
h3.lowercase,
h4.lowercase {
	text-transform: none;
}
h1.uppercase,
h2.uppercase,
h3.uppercase,
h4.uppercase {
	text-transform: uppercase;
}

hr {
	width:100%;
	border-top: 1px solid #a59e89;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0 0;
}


.font-nav {
	font-weight:300;
}

.center {text-align:center;}

.farbe-header {color:#a59e89;}
.farbe-header {color:rgba(165,158,137,1);}
.dunkler {color:#8b8571;}
.farbe-header-hell {color:#e2e0d9;}

@media screen and (max-width: 35em) {
	.textbreak {
		display: block;
	}
}

/* =Struktur
-------------------------------------------------------------- */


.header-center,
.content-center,
.footer-center {
	min-width:18rem;
	width: 90%;
	margin:0 5%;
}

@media screen and (min-width: 56.9444em) {

	.header-center,
	.content-center,
	.footer-center {
		width: 51.25rem;
		margin:0 auto;
	}

}


main.content {
	padding-bottom: 2em;
}

footer.site-footer {
	margin-top:3rem;
	padding:0 0 4em 0;
	text-align: center;
	font-size:0.875rem;
	border-top: 1px solid #e2e0d9;
}
footer.site-footer ul{
	display:flex;
	justify-content: center;
}
footer.site-footer ul li{
	margin: 0.75rem;
}
footer.site-footer a {
	color: rgba(0,0,0,0.5);
	font-size:0.75rem;
	text-decoration: none;
	text-transform: uppercase;
}
footer.site-footer a:hover {
	color: rgba(0,0,0,1);
}

.socialmedia {
	text-align: center;
}

.socialmedia a {
	background-color: #a59e89;
	border-radius: 50%;
	display: inline-block;
	width: 1.625rem;
	height:1.625rem;
	overflow: hidden;
	text-indent: -9999px;
	transition: .2s;
}
.socialmedia a.social-facebook {
	background: #a59e89 url(images/icon-facebook.svg) no-repeat center center;
	background-size: 100% 100%;
}
.socialmedia a.social-instagram {
	background: #a59e89 url(images/icon-instagram.svg) no-repeat center center;
	background-size: 100% 100%;
}
.socialmedia a.social-facebook:hover {
	background: #8b8571 url(images/icon-facebook.svg) no-repeat center center;
	background-size: 100% 100%;
}
.socialmedia a.social-instagram:hover {
	background: #8b8571 url(images/icon-instagram.svg) no-repeat center center;
	background-size: 100% 100%;
}


/* = Logo und Navigation
-------------------------------------------------------------- */

.header-nav {
	background-color: rgba(255, 255, 255, 0.67);
	transition: .4s;
	height:3rem;
}

.header-center {

}

.logo {
	width:100%;
	height:3rem;
	position: absolute;
	top:3rem;
	left:0;
}
.logo-balken {
	width:100%;
	text-align: center;
	background-color: #a59e89;
	transition: .4s;
}
.logo-balken img{
	transition: .4s;
	width:16rem;
}




.header-area input {
	display: none;
}

.header-area li a{
	color:rgba(0,0,0,0.6);
	font-size: 1.125rem;
	text-decoration: none;
	text-transform: uppercase;
}
.header-area li a:hover {
	color:rgba(0,0,0,1);
}
.header-area li.current-menu-item a{
	color: #a59e89;
}

.language-navigation {
	position: absolute;
	width:10rem;
	text-align: right;
	color: rgba(255,255,255,0.4);
	z-index:10;
	top: -0.5rem;
	right:0.25rem;


}

@media screen and (min-width: 50em) {

	.language-navigation {
		top: 0.5rem;
		right:0.25rem;
	}

}

@media screen and (min-width: 75em) {

	.language-navigation {
		top: 3rem;
		right:1rem;

	}

}

.language-navigation ul {
	display:flex;
}
.language-navigation li a {
	text-transform: none;
	font-size:0.825rem;
	color: rgba(0,0,0,0.3);
}
.language-navigation ul li.wpml-ls-current-language a span {
	color: rgba(0,0,0,0.6);
}


@media screen and (max-width: 49.999em) {

	.header-area  {
		width:100%;
		height:4em;
		z-index:98;
	}

	.header-area label {
		position: absolute;
		top: 3.25em;
		left: 1rem;
		height: 1.25em;
		width: 1.5em;
		z-index: 99;
	}
	.header-area input + label span {
		position: absolute;
		width: 100%;
		height: 0.25em;
		top: 50%;
		left: 0;
		display: block;
		background: rgba(255,255,255,0.4);
		transition: .4s;
	}
	.header-area input + label span:first-child {
		top: 0;
	}
	.header-area input + label span:last-child {
		top: 100%;
	}

	.header-area body label:hover {
		cursor: pointer;
	}

	.header-area input:checked + label span {
		opacity: 0;
		background: rgba(255,255,255,1);
		top: 50%;
	}
	.header-area input:checked + label span:first-child {
		opacity: 1;
		transform: rotate(45deg);
	}
	.header-area input:checked + label span:last-child {
		opacity: 1;
		transform: rotate(-45deg);
	}

	.header-area div.after-checkbox nav.main-navigation {
		background: rgba(255, 255, 255, 1);
		position: absolute;
		top: 5em;
		left:0;
		width: 100%;
		display:none;
		z-index: 9;
		border-bottom: solid 1px #a59e89;
	}

	.header-area input:checked ~ div.after-checkbox nav.main-navigation {
		display:block;
	}

	.header-area ul  {
		padding: 1em 0;
	}
	.header-area ul  li {
		padding: 0.25em 1em;
	}

	/* =Mobile Scrolling */

	.header-down .header-area{
		position:fixed;
		top:-3rem;
		width:100%;
		z-index: 99;
	}
	.header-down .logo img{

	}

	.header-down ~ .header-spacer {
		height:9rem;
	}

	/* =Sprache */

	.language-navigation {

	}

	.language-navigation li a {
		text-transform: none;
		font-size:0.825rem;
		color: rgba(0,0,0,0.3);
	}
	.language-navigation ul li.wpml-ls-current-language a span {
		color: rgba(0,0,0,0.6);
	}


}




@media screen and (min-width: 50em) {

	.logo {
		position: absolute;
		top:6rem;
	}

	body.logged-in .logo {
		top:7rem;
	}

	.main-navigation ul{
		display:flex;
		justify-content: space-between;
		align-items: center;
		height:8rem;
	}
	.header-area ul li{

	}
	.header-area ul li a{
		line-height: 1;
		padding:0 0.25rem;
	}

	/* =Desktop Scrolling */

	.header-down .header-area{
		position:fixed;
		top:-6rem;
		width:100%;
		z-index:20;
	}
	.header-down .logo img{
		width:12rem;
		height:auto;
		margin:0.125rem 0;
	}

	.header-down .header-area label {
		position: fixed;
		top: 0.25rem;
		left: 1rem;
		height: 0.625rem;
		width: 1.25rem;
		z-index: 21;
		display:none;
	}
	.header-down .header-area input + label span {
		position: relative;
		z-index:9;
		width: 100%;
		height: 0.1875rem;
		top: 50%;
		left: 0;
		display: block;
		background: rgba(255,255,255,0.4);
		transition: .4s;
	}
	.header-down .header-area input + label span:first-child {
		top: 0;
	}
	.header-down .header-area input + label span:last-child {
		top: 100%;
	}

	.header-down .header-area input:checked + label span {
		opacity: 0;
		top: 50%;
	}
	.header-down .header-area input:checked + label span:first-child {
		opacity: 1;
		background: rgba(0,0,0,1);
		transform: rotate(45deg);
	}
	.header-down .header-area input:checked + label span:last-child {
		opacity: 1;
		background: rgba(0,0,0,1);
		transform: rotate(-45deg);
	}

	.header-down .header-area input:checked ~ div .logo {
		top:6rem;
	}

	.header-down .header-area input:checked ~ div nav {
		width: 100%;
	}

	.header-down .header-area input:checked ~ div nav ul {
		width: 90%;
		margin:0 5%;
	}

	.header-down ~ .header-spacer {
		height:9rem;
	}

	@media screen and (min-width: 56.9444em) {

		.header-down .header-area input:checked ~ div nav ul {
			width: 51.25rem;
			margin:0 auto;
		}

	}

	.header-down .language-navigation {
		top: 2.825rem;
	}

}





/* =Blöcke
-------------------------------------------------------------- */

.col{
	margin-bottom:1rem;
	width:100%;
}

@media screen and (min-width: 40em) {

	.col{
		margin-bottom:0;
	}

	.flexrow {
		display:flex;
		justify-content: space-between;
		margin-bottom:1.5rem;
	}

	.fullrow11 .col{
		width:48.4%;
	}

	.row111 .col{ width:30.2%;}
	.row11 .col{ width:47.56%; }
	.row21 .col:first-child{ width:65.1%; }
	.row21 .col:last-child{ width:30.2%; }
	.row12 .col:first-child{ width:30.2%; }
	.row12 .col:last-child{ width:65.1%; }

	.col-oben {
		align-self: flex-start;
	}
	.col-unten {
		align-self: flex-end;
	}

}

/* =Homepage
-------------------------------------------------------------- */

.homenav {
	min-width:18rem;
	padding: 0 0 2rem;
}

.homenav ul li{
	width:100%;
}

.homenav ul li a{
	width:100%;
	height:100%;
	color: rgba(0,0,0,0.8);
	text-transform: uppercase;
	font-size:1.5rem;
	letter-spacing: 3px;
	text-decoration:none;
	transition: .2s;
}
.homenav ul li a:hover{
	text-decoration:none;
	color: rgba(0,0,0,1);
}
.homenav ul li a i{
	display:block;
	width:100px;
	height:90px;
	margin:0 auto 0 auto;
	transition: .2s;
}


.homenav ul li:nth-child(1) a i{
	background: url(images/homeicon1.jpg) no-repeat center center;
	background-size: 90% 90%;
}
.homenav ul li:nth-child(2) a i{
	background: url(images/homeicon2.jpg) no-repeat center center;
	background-size: 90% 90%;
}
.homenav ul li:nth-child(3) a i{
	background: url(images/homeicon3.jpg) no-repeat center center;
	background-size: 90% 90%;
}


.homenav ul li:nth-child(1) a:hover i,
.homenav ul li:nth-child(2) a:hover i,
.homenav ul li:nth-child(3) a:hover i{
	background-size: 100% 100%;
}
.homenav ul li a span{
	display: block;
	text-align:center;
	width:100%;
	line-height:1;
	padding-bottom:1rem;
}

@media screen and (min-width: 40rem) {

	.homenav {
		padding: 2rem 0 3rem;
	}
	.homenav ul{
		display:flex;
	}
	.homenav ul li{
		flex:0 0 33.333333%;
		height:30vw;
	}
	.homenav ul li a i{
		width:150px;
		height:120px;
		margin:3vw auto 0 auto;
	}
}
@media screen and (min-width: 60rem) {


	.homenav ul li a i {
		width:200px;
		height:180px;
		margin: 5vw auto 0 auto;
	}

	.homenav ul li a span{
		font-size:2rem;
	}
}
@media screen and (min-width: 78rem) {

	.homenav {
		width: 78rem;
		margin:0 auto;
	}

	.homenav ul li{
		flex:0 0 33.333333%;
		height:23.4rem;
	}
}



/* =Content
-------------------------------------------------------------- */

.main-content {
	line-height: 1.6;
	margin-top: 1rem;
	padding: 3rem 0 1.5rem 0;
}

.main-content  blockquote {
	color: #a59e89;
	margin: 0 0 2rem 0;
}
.main-content p{
	margin-bottom: 1em;
}

figure.bild {
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
	margin-bottom:1rem;
	z-index: -1;
}
figure.bild figcaption{
	right:-16rem;
	bottom:-1rem;
	position: absolute;
	transform-origin: 0 0;
	transform: rotate(270deg);
	font-size:0.75rem;
	width:16rem;
	height:1rem;
}

.image-space {
	margin: 2rem 0 2.75rem 0;
}

.bx-wrapper {
	z-index: -1;
}


/* = Bildergalerie quer */

.galerie-hoch {
	width:100%;
	height:200px;
	margin-top:1.5rem;
	overflow:hidden;
}
.galerie-hoch ul {
	display:flex;
	width:200%;
	flex-wrap: wrap;
}
.galerie-hoch ul li {
	margin:0 0.5rem 0.5rem 0 ;
}
.galerie-hoch ul li img{
	transition: .4s;
}
/* = Bildergalerie quer klein */

.galerie-niedrig {
	width:100%;
	height:125px;
	margin-top:1.5rem;
	overflow:hidden;
}
.galerie-niedrig ul {
	display:flex;
	width:200%;
	flex-wrap: wrap;
}
.galerie-niedrig ul li {
	margin:0 0.5rem 0.5rem 0 ;
}


/* = Galerie mehr */

.bereich-mehr {
	position: relative;
}

.bereich-mehr input {
	display: none;
}

.bereich-mehr label {
	color: #ccc;
	position: absolute;
	height:100%;
	width:20px;
	top:0;
	right:0;
	background: rgba(165,158,137,0.6) url(images/pfeil-mehr.svg) no-repeat center center;
	background-size: 100% auto;
}
.bereich-mehr label:hover {
	sbackground: rgba(165,158,137,0.9) url(images/pfeil-mehr.svg) no-repeat center center;
	background-size: 100% auto;
}

.bereich-mehr input:checked ~ div {
	height: auto;
}
.bereich-mehr input:checked + label {
	display:none;
}
.bereich-mehr input:checked ~ div ul{
	width:100%;
}
.bereich-mehr input:checked ~ div ul{
	width:100%;
}
.bereich-mehr input:checked ~ div.galerie-hoch  li img{
	height:100px;
	width:auto;
}
.bereich-mehr input:checked ~ div.galerie-niedrig  li img{
	height:80px;
	width:auto;
}


/* = Galerie 3 nebeneinander  */

.galerie3 {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 3rem 0 0.5rem 0;
}
.galerie3 li{
	flex: 0 0 48%;
	margin-bottom:1rem;
}

@media screen and (min-width: 30em) {

	.galerie3 li{
		flex: 0 0 32%;
	}

}

/* = Halbe breite (Bildbank) */


.halbblock {

}

.halbblock h2{
	margin:0;
	padding:0 0 0.25rem 0;
	font-size: 1.5rem;
}
.halbblock h4{
	margin:0;
}
@media screen and (min-width: 40em) {

	.halbblock {
		display:flex;
	}
	.halb-links,
	.halb-rechts{
		flex: 0 0 50%;
	}
	.halbblock-space {
		justify-content: space-between;
	}
	.halbblock-space .halb-links,
	.halbblock-space .halb-rechts{
		flex: 0 0 48%;
	}

}

/* = tabelle */


.tabelle1 td{
	padding: 0.125rem 0.25rem;
	border-top: 1px solid #cecbc7;
}
.tabelle1 small{
	font-size: 1rem;
	color: #8b8571;
	line-height: 1.3;
}

.tabelle2 {
	margin-bottom:1rem;
}

.tabelle2 td{
	vertical-align: top;
	padding-right:0.5rem;
}



/* = Lighbox */

#fancybox-overlay {

	background-color:#a59e89!important;
	opacity: 0.9!important;
}
#fancybox-title-inside {

	color:#a59e89;
	font-size:0.75rem;

}

/* = Liste */

ul.liste  {
	list-style-type: disc;
	margin-left: 40px;
	padding-left: 0;
}
ul.liste li {
	padding-bottom:.5rem;
}


/* = Ausstellungen
-------------------------------------------------------------- */

.ausstellung-detail-de .english {display:none;}
.ausstellung-detail-en .deutsch {display:none;}

.ausstellungsliste {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ausstellungsliste li{
	flex: 0 0 100%;
	margin-bottom:3%;
}

.ausstellungsliste-aktuell li{
	margin-bottom:5%;
}

.ausstellungsliste-aktuell h3.comingsoon {
	color:#b02100;
}


@media screen and (min-width: 25em) {

	.ausstellungsliste li{
		flex: 0 0 48.0769%;
	}

}
@media screen and (min-width: 35em) {

	.ausstellungsliste li{
		flex: 0 0 31%;
	}

}

.ausstellungsliste a,
.ausstellungsliste-aktuell a{
	text-decoration:none;
}
.ausstellungsliste h3{
	font-size:1.25rem;
	margin: 0.5rem 0 0.75rem 0;
}

.ausstellungsliste-aktuell h2{
	text-decoration:none;
	font-size:2rem;
	margin: 0.5rem 0 0 0;
}
.ausstellungsliste-aktuell h3{
	text-decoration:none;
	font-size:1.5rem;
	margin: 0;
	padding:0 0 0.5rem 0;
}
.ausstellungsliste-aktuell h4{
	color:#000;
	font-size:1.125rem;
	margin: 0 0 1rem 0;
}

/* = Ausstellung Detail */

.ausstellung-detail h2,
.ausstellung-detail h3,
.ausstellung-detail h4 {
	color:#000;
}

.ausstellung-titel-zusatz {
	color: #a59e89;
	line-height: 1;
}

.ausstellung-datum {
	color: #a59e89;
	margin-bottom:1rem;
}
.ausstellung-headerbild {
	max-width:400px;
}


/* = Wanderausstellung */


.wanderexpo {
	-border-top: solid 1px rgba(165,158,137,.5);
	-border-bottom: solid 1px rgba(165,158,137,.5);
	margin: 1.5rem 0;
	padding: 1rem 0;
}
.wanderexpo h2{
	margin:0 0 .25rem 0;
	padding:0;
	font-size: 1.5rem;
}

.wanderexpo input {
	display: none;
}

.wanderexpo label {
	color: #a59e89;
}
.wanderexpo label:hover {
	text-decoration:underline;
}

.wanderexpo .ausstellungen-wanderexpo-more {
	display:none;
	padding-top: 1rem;
}

.wanderexpo .ausstellungen-wanderexpo-more strong{
	color: #a59e89;
	font-weight: 300;
}

.wanderexpo input:checked ~ .ausstellungen-wanderexpo-more {
	display:block;
}
.wanderexpo input:checked + label {
	display:none;
}



/* = Presse */

.pressebereich input {
	display:none;
}

.pressebereich label {
	color: #a59e89;
}
.pressebereich label:hover {
	text-decoration: underline;
}

.pressebereich ul .presse-detail {
	display:none;
}

.pressebereich input:checked ~ ul .presse-detail,
.pressebereich ul input:checked ~ .presse-detail {
	display:flex;
	padding: 0.5rem 0 1rem 0;
}

.pressebereich input:checked ~ ul label,
.pressebereich ul input:checked + label {
	display:none;
}

.presse-bild {
	flex: 0 0 120px;
}
.presse-bild img {
	width: 100px;
	height: auto;
}
.pressebereich h3 {
	margin:0;
	padding:0 0 0.5rem 0;
}
.pressebereich h3 span{
	margin:0;
	padding:0;
}


/* = Partnerliste */


.partnerliste input {
	display: none;
}

.partnerliste label {
	color: #a59e89;
}
.partnerliste label:hover {
	text-decoration:underline;
}
.partnerliste ul{
	display:none;
}

.partnerliste input:checked ~ ul {
	display:block;
}
.partnerliste input:checked + label {
	display:none;
}

/* = Carousel */

.owl-carousel-gallery {
	background: #333;
	width:100%;
	height:200px;
}
.owl-carousel-gallery div{
	background: #666;
	width:auto;
	height:200px;
}

/* = Workshops
-------------------------------------------------------------- */

.workshopliste {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.workshopliste li{
	flex: 0 0 100%;
	margin-bottom:5%;
}


@media screen and (min-width: 25em) {

	.workshopliste li{
		flex: 0 0 48.0769%;
	}

}
@media screen and (min-width: 35em) {

	.workshopliste li{
		flex: 0 0 31%;
	}

}

.workshopliste-aktuell li{
	margin-bottom:2rem;
}

.workshopliste a,
.workshopliste-aktuell a{
	text-decoration:none;
}
.workshopliste h3{
	font-size:1.25rem;
	margin: 0.5rem 0 0 0;
}

.workshopliste-ort {
	font-weight: bold;
	font-size:0.875rem;
}
.workshopliste-jahr {
	font-size:0.875rem;
}

.workshops-detail .workshopliste-ort,
.workshops-detail .workshopliste-jahr {
	font-size:1rem;
	font-weight: 300;
}

.workshopliste-aktuell h2{
	text-decoration:none;
	font-size:2rem;
	margin: 0.5rem 0 0 0;
}
.workshopliste-aktuell h4{
	color:#000;
	font-size:1.125rem;
	margin: 0 0 1rem 0;
}

.workshops-detail h1{
	margin: 0.5rem 0 0 0;
	padding:0;
}
.workshops-detail h3{
	margin: 0 0 1rem 0;
	padding:0;
}

/* = Shop
-------------------------------------------------------------- */

.shopliste {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.shopliste li{
	flex: 0 0 100%;
	margin-bottom:3%;
}


@media screen and (min-width: 25em) {

	.shopliste li{
		flex: 0 0 48.0769%;
	}

}
@media screen and (min-width: 35em) {

	.shopliste li{
		flex: 0 0 31%;
	}

}
@media screen and (min-width: 42em) {

	.shopliste li{
		flex: 0 0 23%;
	}

}

.shopliste a {
	text-decoration:none;
}
.shopliste h3{
	font-size:1.125rem;
	line-height:1.1;
	margin: 0.5rem 0 0.75rem 0;
}
.shopliste h3 span{
	font-size:.875rem;
	color: #a59e89;
}

.shop-bilder {
	width:100%;
	padding-top:2rem;
}
.shop-bilder ul {
	overflow:hidden;
	width:100%;
}
.shop-bilder ul li {
	margin:0 0.5rem 0.5rem 0;
	float:left;
}
.shop-bilder ul li img{
	height:7rem;
	width:auto;
}

@media screen and (min-width: 30em) {

	.shop-bilder ul li img{
		height:12.5rem;
	}

}

.artikelliste {
	margin-bottom:1.5rem;
}
.artikelliste-bild{
	width:200px;
}
.artikelliste-bild img{
	width:200px;
	height: auto;
}
.artikelliste-text{
	font-size: 0.875rem;
	margin: 0.25rem 0 2rem 0;
}
.artikelliste-text h3{
	margin:0;
	padding:0;
}
@media screen and (min-width: 30em) {

	.artikelliste li{
		display: flex;
		align-items: flex-end;
		margin-bottom:1rem;
	}
	.artikelliste-bild{
		flex: 0 0 220px;
	}
	.artikelliste-text{
		margin: 0;
	}

}


/* = Newsletter
-------------------------------------------------------------- */

.tnp-subscription {
	margin: 0!important;
}

.tnp-subscription label {
	font-size: 1rem!important;
	font-weight: 300!important;
}