@font-face {
  font-family: LibreCaslonRegular;
  src: url("webfonts/LibreCaslonText-Regular.ttf");
}

@font-face {
  font-family: LibreCaslonBold;
  src: url("webfonts/LibreCaslonText-Bold.ttf");
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, footer, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0 none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'LibreCaslonRegular', serif;
  font-weight: 400;
  font-style: normal;
  color: #222222;
}

img, svg {
	width: 100%;
  	height: auto;
}

.zur-person img {
    max-width: 500px;
}

.zur-person figure.image {
  padding: 0;
}

#wrap_all {
	max-width: 65rem;
	margin: 0 auto;
    z-index: 10;
  	padding: 0 20px;
}


#logo {
	position: absolute;
	width: 300px;
	font-size: 1.5rem;
}

#logo a {
	color: #222222;
}


#navi_wrap {
	padding: 20px 20px 0 0;
  	position: fixed;
	height: 65px;
  	width: 100%;
  	max-width: 65rem;
    background: white;
}


nav ul {
	list-style: none;
	text-align: right;
  	margin: 0;
    padding: 0 20px 0 0;
}


nav ul li {
	display: inline-block;
	padding: 0 0.8rem;
}


nav ul li a {
	text-decoration: none;
  	color: #222222;
  	display:inline-block;
    padding: 0 0 15px 0;
}

nav ul li a:hover, nav ul li.active a {
  border-bottom: 1px dotted #222222;
}

ul li {
    font-size: 0.938rem;
}


h1 {
  font-size: 2.5rem;
  font-weight: 200;
  padding-bottom: 25px;
}

h2, h3 {
  font-size: 1.125rem;
}

h3 {
  margin: 10px 0;
  font-size: 0.938rem;
  text-transform: uppercase;
  line-height: 1.5rem;
}

p {
  line-height: 1.5rem;
  font-size: 0.938rem;
   margin: 10px 0;
}

.ausstellungen p {
  line-height: 1.75rem;
}

a {
	text-decoration: none;
  	color: #6685BA;;
}

blockquote {
  font-weight: 300;
	margin: 20px 0 ;
}

#content-wrap {
  padding-top: 125px;
}


.texte .frame-type-text {
	max-width: 40%;
    margin-bottom: 60px;
}

.texte .frame-type-text:nth-child(2) {
	margin-left: 80px;
}

.texte .frame-type-text:nth-child(3) {
	margin-left: 20px;
}

.texte .frame-type-text:nth-child(4) {
	margin-left: 60px;
}

.texte .frame-type-text:nth-child(5) {
	max-width: 60%;
}

.ce-bodytext {
	max-width: 40rem;
}


.ce-gallery {
 /* display: flex;
 flex-wrap: wrap;*/
}

.ce-column {
	float: none;
}

legend {
  font-size: 0.75rem;
  color: #999999;
}

figure {
	margin: 0;
	width: auto;
}


figure.image {
  padding: 0 20px 20px 0;
  display: block;
  box-sizing: border-box;
}



/* ///////// CB Fancybox /////////////// */
.fbx-gallery {
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
  flex-wrap: wrap;
}

.fbx-col {
  width:23%;
}

.fbx-first-col, .fbx-second-col {
  padding-right: 1em;
}

.fbx-col .image {
  display:block;
  margin-bottom: 0.75rem;
}



/* ///////// CB Accordion /////////////// */

.accordion-text-wrap {
	max-width: 40rem;
    margin-bottom: 2rem;
}

.accordion-text-wrap p {
  margin: 0;
}

.accordion-collapsed-text {
     display: none;
}

.accordion-open .accordion-collapsed-text {
     display: block;
}

.less, .accordion-open .more {
	display:none;
}

.accordion-open .less {
	display: inline-block;
}

.accordion-toggle {
  transition: all 2s ease;
  color: #fff;
  width: 150px;
  cursor: pointer;
  background-color: olive;
  text-align: center;
}


.btn {
  background-color: #ddd;
  border: none;
  color: black;
  padding: 12px 32px;
  text-align: center;
  font-size: 0.813rem;
  margin: 20px 2px 2px 2px;
  transition: 0.3s;
}

.btn:hover {
  background-color: #6685BA;
  color: white;
}