@font-face {
  font-family: 'EB Garamond';
  src: url(EB_Garamond/EBGaramond-VariableFont_wght.ttf);
}

html {
max-width: 100%;
padding: 0;
margin: 0;
}

body {
font-family: 'EB Garamond', Times, serif;
font-size: 12pt;
line-height:14pt;
padding: 0;
margin: 0;
}


#overlay {
position:fixed;
width:96%;
height:auto;
z-index:100;
left:2%;
}

.dark {
background-color:rgba(255, 255, 255, 0.9);
}

.small {
font-size: 9pt;
line-height:11pt;
}

.light {
color:lightgrey;
}
.bewegdich:hover + .hide {
  display: block;
}

.bewegdich {
position:fixed;
bottom:0;
width:100px;
left: 50%;
transform: translateX(-50%);
z-index:150;
}

.hide {
  display: none;
}


.wp-video {
width:100%!important;
height:auto!important;
}

.wp-video-shortcode {
width:100%!important;
height:auto!important;
}

#site-content {
margin-left: 32px;
margin-right:32px;
}

#year {
position:relative;
width: 100px;
padding-left:10px;
}

#now {
position:relative;
width: 100px;
padding-left:10px;
}

.year {
border-bottom: 1px solid black;
padding: 0px;
background-image: url("jahr.gif");
background-repeat:no-repeat;
}

table {
  position:relative;
  border-collapse: collapse;
  align-content: top;
}

th, td {
  padding-right: 5px;  
  padding-top: 5px;
  padding-left: 10px;
}

.without {
border: 0px solid white !important;
}


.werk {
  padding-right: 5px;  
  padding-top: 0px!important;
  padding-left: 10px;
}


#design {
position:relative;
width: 100px;
background-image: url("line.png");
background-color:;
}

#designleer {
position:relative;
width: 100px;
height:100px;
}

#thumb {
position:relative;
width: 100px;
height: 100px;
background-color:white;
margin-left: 1px;
overflow:hidden;
}

#thumbleer {
position:relative;
width: 100px;
height: 100px;
margin-left: 1px;
overflow:hidden;
background-color:white;
}

#thumbleerN {
position:relative;
width: 100px;
height: 100px;
margin-left: 1px;
overflow:hidden;
background-color:red;
}

#thumb img {
width:100%;
height:auto;
}

#labour {
position:relative;
width: 100px;
background-image: url("line.png");
background-color: ;
}

#labourleer {
position:relative;
width: 100px;
height:100px;
}

#mediator {
position:relative;
width: 100px;
background-image: url("line.png");
background-color: ;
}

#mediatorleer {
position:relative;
width: 100px;
height:100px;
}

#werk {
position:relative;
width: 100px;
background-image: url("line.png");
background-color: ;
}

#werkleer {
position:relative;
width: 100px;
height:100px;
}

#ausstellung {
position:relative;
width: 100px;
background-image: url("line.png");
background-color: ;
}

#ausstellungleer {
position:relative;
width: 100px;
height:100px;
}

#unsorted {
position:relative;
width: 100px;
background-image: url("line.png");
background-color: ;
}

#unsortedleer {
position:relative;
width: 100px;
height:100px;
}
#dauer {
position:relative;
height: 5px;
margin-left: 1px;
}

#dauerleer {
display:none;
}

#tags {
display:none;
}





.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
}


.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}



.alignleft {
float:left;
margin-right:20px;
margin-bottom:20px;
max-width:50%!important;
height:auto;
}

.alignnone {
float:left;
max-width:100%!important;
height:auto;
margin-bottom:20px;
margin-right:20px;
}

h1 {
font-size: 2em;
line-height:1.4em;
}

h2 {
font-size: 14pt;
line-height:14pt;
font-weight:400;
}

#abstand {
position:relative;
height:1px;
width:100%;
clear:both;
}



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

}