@charset "utf-8";
/**
 * @author  ( AG NICKIER by Schnacko  )
 * Farben Orange #F5A200 | Rot #910802 #d40000| Grauton #263e3d
**/

/*-- Resets --*/ 
* {
}

a {
  text-decoration:none;
  color:#000;
}

a:hover {
  color:#910802;
}

a.activ {
  color:#F5A200;
  border-bottom:1px solid #000;
  padding:0 0 2px 0;
}

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/*--------------------------------------------------*/
/*@media screen and (min-width: 900px) and (max-width: 1300px) {*/
	
@font-face {
	font-family: 'Conv_Helvetica';
	src: url('../fonts/Helvetica.eot');
	src: local('☺'), url('../fonts/Helvetica.woff') format('woff'), url('../fonts/Helvetica.ttf') format('truetype'), url('../fonts/Helvetica.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	align-items:flex-start;
	-webkit-align-items:flex-start;
	margin: 0 auto;
    max-width: 75rem; /*1200px*/
	font-family: Helvetica,'Conv_Helvetica';
	font-size: 100%;
}

html {
	font-size:10px;
	/*-webkit-user-select: none;  /* Chrome all / Safari all */
    /*-moz-user-select: none;     /* Firefox all */
    /*-ms-user-select: none;      /* IE 10+ */
    /*user-select: none;          /* Likely future */
}

h1 {
	font-size:1.3rem;
    font-family: 'Conv_helvetica_bold1';
	color:#000;
	line-height:1.8rem;
	letter-spacing:0.1rem;
	padding:.3rem 0 .3rem 0.5rem;
	border-left: 0.5rem solid #ff9100;
	border-bottom: 0.1rem solid #ff9100;
	margin:0 0 1rem 0;
	width:100%;
}

h2 {
	font-size:1.23rem;
    font-family: 'Conv_helvetica_bold1';
	letter-spacing:0.05rem;
	color:#ff9100;
	margin:.8rem 0;
	text-align:left;
}

h3 {
    font-size:1.1rem;
    font-family: 'Conv_helvetica_bold1';
	letter-spacing:0.05rem;
	color:#000;
	margin:.4rem 0;
}

h3 span {
	color:#ff9100;
}

hr {
	border-top: .1rem solid #8c8b8b;
	border-bottom: .1rem solid #fff;
}

header, nav, aside, footer {
	display:none;
}

main {
    width:100%;
	padding:0 0rem;
	margin:0rem 0;
	font-size:1.15rem;
}

#ausstellung .zeit_ort {
	line-height:1.5rem;
}

#ausstellung figure.ausstellung {
	width:100%;
	height:auto;
	margin:0 0 0.75rem 0;
	border:0;
}

#ausstellung figure img.ausstellung {
	width:100%;
}

article:nth-of-type(1) {
	border-bottom: 0rem solid #ff9100;
}

article.veranstaltung {
	border-bottom: 0.1rem solid #ff9100;
}

article.veranstaltung figure {
	border:0.1rem solid #000;
	width:30%;
	height:8.75rem;
	padding:0rem;
	float:left;
	overflow:hidden;
	margin:0.35rem 1rem 1.0rem 0;
}

article.veranstaltung figure img {
	width:100%;
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
}

article.veranstaltung:nth-last-of-type(2) {
	border-bottom: 0rem solid #ff9100;
}


/* ---- End of Article Stylesheet ---- */

/* Details Stylesheet */
.details:after {
  content: "";
  display: inline;
  clear: both;
}

.details figure {
	width:30%;
	float:left;
	margin:.35rem 1rem 0 0;
	padding:0rem;
}

.details figure img {
	width:100%;
	padding:0;
	border:0.1rem solid #aaa;
	-webkit-filter: grayscale(0);
    filter: grayscale(0);
}
	

.less-infos {
	text-align:right;
	cursor:pointer;
	color:#000;
	font-size:1.2rem;
	width:100%;
	margin:1rem 0 0 0;
}

.less-infos:hover {
	color:#ff9100;
}
