/*
 * Reset
 */

@import url("normalize.css");

@import url("print.css");

/* first for IE 4–8 */

@font-face {
  font-family: OCRFWeb-Light;
  src: url("OCRFWeb-Light.eot");
}

/* then for WOFF-capable browsers */

@font-face {
  font-family: OCRFWeb-Light;
  src: url("OCRFWeb-Light.woff") format("woff");
}

/*
 * Variables
 */



/*
 *
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Scaffolding
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 *
 */

/*
 * Reset the box-sizing
 */

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

/*
 * Body reset
 */

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 1.428571429;
  color: #000;
  background-color: #e3e1d5;
}

/*
 * Reset fonts for relevant elements
 */

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of their containers
 */

audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Links
 */

a {
  color: #5c5c5c;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #000;
  color: rgb(34, 34, 34);
  text-decoration: underline;
}

/*
 * Horizontal rules
 */

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #000;
}

/*
 *
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Typo
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 *
 */

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Headings
 *
 */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
  color: #969499;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: rgb(153, 153, 153);
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
  font-size: 65%;
}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h5 small,
h6 small,
h4 .small,
h5 .small,
h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 39px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 22px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 15px;
}

h6,
.h6 {
  font-size: 12px;
}

.ht {
  color: #000 !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.428571429;
}

.article-side h2 {
  margin-bottom: 16px;
  font-size: 22px;
  font-style: normal;

  color: #000;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.article-side .bd h2 {
  font-size: 13px;
  letter-spacing: normal;
  text-transform: none;
}
.article-side h2 small {
  display: block;
  padding-top: 5px;
  color: inherit;
  font-size: 14px;

  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Body text
 *
 */

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Lists
 *
 */

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Table
 *
 */

table {
  margin-bottom: 10px;
}

/*
 *
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Utility classes
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 *
 */

.cf {
  zoom: 1;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.show {
  display: inherit !important;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/*
 *
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Grid
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 *
 */

[class^=grid] {
  width: 100%;
}

[class^=grid]:after {
  content: "";
  clear: both;
  display: table;
}

[class^=grid] > * {
  float: left;
}

[class^=grid] > * + * {
  margin-left: 2%;
}

[class^=grid] > *:last-child {
  float: right;
  margin-left: 0 !important;
}

.grid2units > * {
  width: 49%;
}

.grid3units > * {
  width: 32%;
}

.grid4units > * {
  width: 23.5%;
}

.grid5units > * {
  width: 18.4%;
}

.grid6units > * {
  width: 15%;
}



.form-columns {
    width: 100%;
}

.form-columns:after {
    content: "";
    clear: both;
    display: table;
}

.form-columns > * {
  float: left;
  width: 190px;
  margin-left: 20px;
}
.form-columns > *:first-child {
  float: left;
  width: 160px;
  margin-left: 0;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Blocks
 *
 */

[class^=blocks] {
  margin-left: -3%;
  padding-left: 0;
  list-style: none;
}

[class^=blocks]:after {
  content: "";
  display: table;
  width: 100%;
}

[class^=blocks] > * {
  float: left;
  height: auto;
  margin-bottom: 1.65em;
  margin-left: 3%;
}

[class^=blocks] > .first {
  clear: both;
}

.blocks2units > * {
  width: 47%;
}

.blocks3units > * {
  width: 30.333333333333332%;
}

.blocks4units > * {
  width: 22%;
}

.blocks5units > * {
  width: 17%;
}

.blocks6units > * {
  width: 13.666666666666666%;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Unequal grids
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    grid-1-3
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    grid-3-1
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    grid-2-1-1
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    grid-1-2-1
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    grid-1-1-2
 *
 */

.grid-3-1 > *:first-child {
  width: 75%;
}

.grid-3-1 > *:last-child {
  width: 25%;
}

.grid-1-3 > *:first-child {
  width: 25%;
}

.grid-1-3 > *:last-child {
  width: 75%;
}

.grid-2-1-1 > *:first-child {
  width: 50%;
}

.grid-2-1-1 > * + * {
  width: 25%;
}

.grid-1-2-1 > *:first-child,
.grid-1-2-1 > *:last-child {
  width: 25%;
}

.grid-1-2-1 > * + * {
  width: 50%;
}

.grid-1-1-2 > * {
  width: 25%;
}

.grid-1-1-2 > *:last-child {
  width: 50%;
}

/*
 *
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    User
 * == == == == == == == == == == == == == == == == == == == == == == == == == ==
 *
 */

.mod {
  zoom: 1;
}

.mod:before,
.mod:after {
  content: "";
  display: table;
}

.mod:after {
  clear: both;
}


/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Headings
 *
 */

h1,
h2,
h3 {
  margin-bottom: 40px;
}

h1,
.h1 {
  font-style: italic;
}

h3,
.h3 {
  font-style: italic;
}

h3 + h5,
.h3 + .h5 {
  margin-top: -31px;
  margin-bottom: 24px;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Links
 *
 */

a {
  -webkit-transition: color .2s ease-out;
  transition: color .2s ease-out;
}

a.more {
  white-space: nowrap;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Lists
 *
 */

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Media
 *
 */

.media {
  margin: 0 0 10px;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Elements
 *
 */

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Icons
 *
 */

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Button
 *
 */

button,
.button {
  display: inline-block;
  padding: 3px 8px;
  margin-bottom: 0;
  background-image: none;
  border: 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button-default {
  color: #fff;
  background-color: #000;
}

.button-default:hover {
  color: #fff;
  background-color: #5c5c5c;
  text-decoration: none;
}

.button-primary {
  color: #fff;
  background-color: #5c5c5c;
}

.button-primary:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Structure
 *
 */

body {
  background: #e7e5db url("../img/body.jpg") 50% 0 no-repeat;
  border-top: 4px solid #000;
}

.global-header {
  zoom: 1;
}

.global-header:before,
.global-header:after, 
.page-content:before, 
.page-content:after {
  content: "";
  display: table;
}

.global-header:after, 
.page-content:after {
  clear: both;
}

.global-header,
.global-footer,
.page-content {
  clear: both;
  width: 960px;
  margin: 0 auto;
}

.global-header h1,
.page-content > nav.menu {
  float: left;
  width: 226px;
}

.global-header > nav.meta,
.page-content > .main,
.page-content > .wrapper {
  float: right;
  width: 680px;
}
.page-content {
  padding-bottom: 40px;
}


.grid2article > .main, 
.wrapper > .primary {
  width: 398px;
}
.grid2article > .side, 
.wrapper > .secondary {
  width: 260px;
  font-size: 13px;
}
.wrapper > .primary {
  float: left;
}
.wrapper > .secondary {
  float: right;
}

.primary .grid2article > .main, 
.primary .grid2article > .side {
  width: 100%;
  margin-left: 0;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Header
 *
 */

.global-header {
  position: relative;
  padding: 47px 0 92px 0;
}

.global-header h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  text-transform: lowercase;
}

.global-header h1 a {
  display: block;
  color: #97959a;

  text-indent: -1000em;
  background: url('../img/stiftungbuchkunst.png') no-repeat;
}

.global-header h1 b {
  color: #000;
  font-weight: 400;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Footer
 *
 */

.global-footer {
  clear: both;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Navigation
 *
 */

nav ul {
  zoom: 1;
}

nav ul:before,
nav ul:after {
  content: "";
  display: table;
}

nav ul:after {
  clear: both;
}

nav ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  font-family: OCRFWeb-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

nav a {
  color: #5c5c5c;
}

nav a:hover,
nav a.active,
nav a.selected {
  color: #000;
  text-decoration: none;
}

nav.menu {
  position: relative;
}



nav.menu > ul > li {
  display: block;
  padding: 20px 0;
  border-top: 1px dotted #89877f;
}

nav.menu > ul > li:first-child {
  border-top: 0;
}

nav.menu > ul > li > a {
  display: block;
  padding: 0 12px;
  border-left: 3px solid transparent;
  font-size: 22px;
  line-height: 23px;
}

nav.menu > ul > li > a:hover,
nav.menu > ul > li > a.active,
nav.menu > ul > li > a.selected {
  border-left-color: #000;
}

nav.menu > ul > li > ul {
  display: none;
  padding-top: 20px;
  font-size: 13px;
}
nav.menu > ul > li.active > ul, 
nav.menu > ul > li.selected > ul {
  display: block;
}

nav.menu > ul > li > ul > li a {
  position: relative;
  display: block;
  padding-left: 15px;
}

nav.menu > ul > li > ul > li a:hover:before,
nav.menu > ul > li > ul > li a.active:before,
nav.menu > ul > li > ul > li a.selected:before, 
nav.menu > ul > li > ul > li.startarticle a.active:hover:before {
  position: absolute;
  left: 0;
  content: '\2014';
}


nav.menu > ul > li > ul > li > ul >li a {
  position: relative;
  display: block;
  padding-left: 45px;
}





/* for mobile navigation */
nav.menu > ul > li > ul > li.startarticle {
  display: none;
}
nav.menu > ul > li > ul > li.startarticle a.active {
  color: #5c5c5c;
}
nav.menu > ul > li > ul > li.startarticle a.active:hover {
  color: #000;
}
nav.menu > ul > li > ul > li.startarticle a.active:before {
  content: '';
}

nav.menu > ul > li > ul > li > ul > li > a {
  padding-left: 30px;
}

nav.meta {
  padding: 4px 0 12px 0;
  border-bottom: 1px solid #000;
}

nav.meta > ul {
  font-size: 12px;
}

nav.meta > ul > li {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}

nav.meta > ul > li + li:before {
  content: '/';
  color: #5c5c5c;
}

nav.meta > ul > li > a {
  padding-right: 15px;
  padding-bottom: 30px;
}

nav.meta > ul > li + li > a {
  padding-left: 15px;
}

nav.meta > ul > li > ul {
  display: none;
  font-size: 11px;
}

nav.meta > ul > li:hover > ul {
  position: absolute;
  left: 0;
  top: 30px;
  display: block;
  padding-top: 6px;
  text-transform: uppercase;
  z-index: 100;
}
nav.meta > ul > li + li:hover > ul {
  left: 23px;
}
nav.meta > ul > li > ul.columns {
  width: 300px;
}
nav.meta > ul > li > ul.columns > li {
  float: left;
  width: 130px;
  margin-right: 20px;
}

nav.meta > ul > li:hover > ul > li,
nav.meta > ul > li:hover > ul > li > a {
  display: block;
}

nav.meta > ul > li:hover > ul > li > a {
  padding: 3px 0;
}

nav.foot {
  padding: 11px 0 12px 0;
  border-top: 1px solid #000;
}

nav.foot > ul {
  font-size: 10px;
}

nav.foot > ul > li {
  display: inline-block;
  text-transform: uppercase;
}

nav.foot > ul > li + li:before {
  content: '/';
  color: #5c5c5c;
}

nav.foot > ul > li > a {
  padding-right: 15px;
}

nav.foot > ul > li + li > a {
  padding-left: 15px;
}

nav.pagination {
  position: relative;
  height: 11px;
  margin-bottom: 20px;
}

nav.pagination a {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 10px;
  background: url('../img/icon_arrows.png') no-repeat;
}

nav.pagination a span {
  position: absolute;
  top: -1000em;
  left: -1000em;
}

nav.pagination a.previous:hover {
  background-position: 0 -20px;
}

nav.pagination a.next {
  
  background-position: -21px 0;
}

nav.pagination a.next:hover {
  background-position: -21px -20px;
}


nav.edition {
    position: absolute;
    right: 0;
    top: 51px;
}

nav.edition > ul {
  font-size: 12px;
}

nav.edition > ul > li {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}

nav.edition > ul > li + li:before {
  content: '/';
  color: #5c5c5c;
}

nav.edition > ul > li > a {
  padding-right: 5px;
  padding-bottom: 30px;
}

nav.edition > ul > li + li > a {
  padding-left: 5px;
}
/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Icon
 *
 */

a.more span {
  padding-left: 11px;
  background: url('../img/icon_more.png') 0 50% no-repeat;
}
a.download, 
a.external, 
a.internal {
    padding-left: 11px;
    background: url('../img/icon_more.png') 0 50% no-repeat;
}

a.icon.view {
  display: inline-block;
  width: 40px;
  height: 18px;
  background: url('../img/icon_view.png') 0 0 no-repeat;
  text-indent: -1000em;
}

a.icon.view:hover,
a.icon.view.list:hover {
  background-position: 0 -28px;
}

a.icon.view.list {
  background-position: 0 -56px;
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Mods
 *
 */

.indented > .mod.article, 
.indented > .mod.article-side {
    margin-right: 282px;
}
.primary .indented > .mod.article, 
.primary .indented > .mod.article-side  {
    margin-right: 0;
}

.mod {
  clear: both;
}

.mod.article {
  margin: 20px 0;
}

.mod.article h1 small, 
.mod.article h2 small, 
.mod.article h3 small, 
.mod.article h4 small {
  display: block;
  padding-top: 10px;
}


.mod.article:first-child {
  margin-top: 0;
}

.mod.article.block.left {
  padding-left: 283px;
}

.mod.article.block.left .hd {
  float: left;
  margin-left: -283px;
}

.mod.article.block.right {
  padding-right: 283px;
}

.mod.article.block.right .hd {
  float: right;
  margin-right: -283px;
}

.mod.article.decorated {
  padding-right: 283px;
  background-position: 100% 0;
  background-repeat: no-repeat;
}

.grid2article .mod.article.block.left,
.grid2article .mod.article.block.right {
  padding-left: 0;
  padding-right: 0;
}

.grid2article .mod.article.block.left .hd {
  margin-left: 0;
  margin-right: 13px;
}

.grid2article .mod.article.block.right .hd {
  margin-left: 13px;
  margin-right: 0;
}

.grid2article .mod.article.decorated {
  padding-right: 160px;
}


.mod.article.left .bd h2, 
.mod.article.right .bd h2 {
  margin-top: -5px;
}

.mod.article ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.mod.article ul li {
  padding-left: 11px;
  background: url('../img/icon_list_item.png') 0 50% no-repeat;
}

.mod.bucket {
  position: relative;
  margin-bottom: 9px;
  padding: 4px 13px 9px 183px;
}

.mod.bucket:before,
.mod.bucket:after {
  position: absolute;
  top: -5px;
  left: 0;
  display: block;
  width: 100%;
  border-top: 1px dotted #89877f;
}

.mod.bucket:after {
  top: auto;
  bottom: -5px;
}

.mod.bucket:hover {
  background-color: #e5e2e7;
}

.mod.bucket .media {
  margin: 0;
}

.mod.bucket .ht {
  margin: 0;
  font-style: italic;
}

.mod.bucket .hd,
.mod.bucket .bd {
  padding: 10px 0;
}

.mod.bucket .hd {
  float: left;
  margin-left: -170px;
}

.mod.bucket .ft {
  padding: 0 0 10px 0;
}

.mod.bucket .bd + .ft {
  margin-top: -10px;
}

.mod.bucket .ft a:hover {
  text-decoration: none;
}

.mod.bucket .ft a > span {
  text-decoration: underline;
}

.mod.bucket .ft a + a {
  margin-left: 16px;
}

.mod.bucket .ft a + a:before {
  content: '/';
  margin-right: 16px;
}

.book-teaser-list {
  clear: both;
  padding-top: 20px;
}

.book-teaser-list .book-teaser {
  position: relative;
  margin-bottom: 9px;
}

.book-teaser-list .book-teaser:before,
.book-teaser-list .book-teaser:after {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  display: block;
  width: 100%;
  border-top: 1px dotted #89877f;
}

.book-teaser-list .book-teaser:after {
  top: auto;
  bottom: -5px;
}

.book-teaser-list a {
  display: block;
  min-height: 60px;
  padding: 4px 13px 4px 183px;
}

.book-teaser-list a:hover {
  text-decoration: none;
}

.book-teaser-list span.number {
  display: block;
  float: left;
  margin-left: -170px;
  color: inherit;
  font-size: 39px;
  line-height: 1.1;
}

.book-teaser-list .book-teaser a:hover span.number {
  color: #fff;
}

.book-teaser-list .ht,
.book-teaser-list p {
  margin-top: 0;
  margin-bottom: 0;
}

.book-teaser-list h2 {
  font-weight: 400;
}

.book-teaser-tiles {
  clear: both;
  margin-left: -20px;
  padding-top: 20px;
}

.book-teaser-tiles .book-teaser {
  float: left;
  margin: 0 0 20px 20px;
  width: 120px;
}

.book-teaser-tiles .book-teaser a,
.book-teaser-tiles .book-teaser .number {
  display: block;
  width: 120px;
  height: 100px;
  color: #fff;
}

.book-teaser-tiles .book-teaser a {
  position: relative;
  background: #e7e5db;
}

.book-teaser-tiles .book-teaser .number {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  font-size: 39px;
  line-height: 1.1;
}

.book-teaser-tiles .book-teaser a:hover .number {
  display: block;
  background: rgba(137, 135, 127, .9);
}


.mod.book {
    position: relative;
}
.mod.book .hd {
  margin-bottom: 40px;
}
.mod.book .hd h1 {
  margin-top: -10px;
  font-size: 42px;
  font-style: normal;
}
.mod.book .hd h2 {
  margin: 10px 0;
  color: #000;
  font-size: inherit;
  font-style: italic;
  font-weight: 700;
}

.mod.book .hd h2 i,
.mod.book .hd h2 span
 {
  font-weight: 400;
}

.mod.book .hd h2 span
 {
  font-style: normal;
}

.mod.book .bd {
  float: left;
  width: 400px;
  font-size: 13px;
}
.mod.book .bd h3 {
  margin: 10px 0 0 0;
  padding-top: 10px;
  border-top: 1px dotted #89877f;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
}
.mod.book .bd .text {
    font-size: 15px;
}
.mod.book .bd .text h3 {
  margin: 0 0 10px 0;
  padding-top: 0;
  border-top: 0;
  font-family: inherit;
  font-size: 12px;
  letter-spacing: normal;
  line-height: inherit;
}

.mod.book .ft {
  float: right;
  width: 260px;
}

.mod.book .ft .images {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.mod.book .ft .images li {
  margin-bottom: 10px;
}




.menu-trigger {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1300;
  width: 100%;
  border-top: 4px solid #000;
}
.menu-trigger span {
  display: inline-block;
  margin-left: 44px;
  cursor: pointer;
  padding: 5px 10px;
  background: #000;
  border-radius: 0 0 5px 5px;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  color: #fff;
  font-family: OCRFWeb-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.menu-trigger span:hover {
  background: #5c5c5c;
}
body.menu-active .menu-trigger span {
  background: #5c5c5c !important;
}





/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Gallery
 *
 */

.gallery {
  margin-left: -4px;
  margin-bottom: 40px;
  padding-left: 0;
  list-style-type: none;
}
.gallery li {
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 4px;
}


/*
-------------------------------------------------------------------- Results
*/
.downloads {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.downloads li {
    clear: both;
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: 1px dotted #89877f;
}
.downloads li:first-child {
    border-top: 0;
}
.downloads li h3 {
    margin: 0;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}
.downloads li p {
    margin-bottom: 0;
}
.downloads li span.meta {
    display: block;
    opacity: .5;
}
.downloads li {
    padding-left: 62px;
    padding-left: 0px;
    
}
.downloads .media {
    position: relative;
    float: left;
    margin-left: -62px;
}



/*
-------------------------------------------------------------------- XForm
*/

.xform {
  margin-bottom: 20px;
  zoom: 1;
}

.xform:before,
.xform:after {
  content: "";
  display: table;
}

.xform:after {
  clear: both;
}

.xform .form_warning {
  color: #a94442;
}
.xform .form_warning {
  border-color: #a94442 !important;
}

.xform ul.form_warning {
  padding-left: 1.4em;
}

.xform fieldset {
  padding: 0;
  border: 0;
}
.xform legend {
  margin-bottom: 10px;
  padding-top: 20px;
  font-size: 22px;
}

.xform p {
  clear: both;
  margin-bottom: 20px;
}

.xform .formbe_manager_relation label,
.xform .formselect label,
.xform .formdate label,
.xform .formtext label,
.xform .formtextarea label {
  display: block;
  float: left;
  width: 120px;
  margin-right: 20px;
}

.xform .formtext input.text,
.xform .formcaptcha input.captcha,
.xform .formtextarea textarea {
  display: block;
  width: 400px;
  height: 28px;
  padding: 2px 10px;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px dotted #89877f;
  font-size: inherit;
  -webkit-transition: border-style ease-in-out 0.15s;
  transition: border-style ease-in-out 0.15s;
}
.xform .formtextarea textarea {
    height: 200px;
}
.xform .formcaptcha input.captcha {
  width: 260px;
}
.xform .formcaptcha label {
  display: block;
  padding-top: 10px;
  padding-bottom: 5px;
}

.xform .formcaptcha {
  padding-left: 280px;
}

.xform .formcheckbox {
  padding-left: 140px;
}
.xform .formcheckbox input.checkbox {
    float: left;
  margin: 4px 0 0 -20px;
}

.xform .formcaptcha label,
.xform .formcaptcha .as-label {
  margin-left: -140px;
}

.xform .formcaptcha .as-label {
  display: block;
  float: left;
  width: 120px;
}

.xform .formcaptcha .as-label img {
  width: 100%;
}

.xform .formdate select + select {
  margin-left: 20px;
}

.xform .formsubmit input.submit {
  float: right;
  margin-right: 140px;
  background: #97959a;
  border: 1px dotted #89877f;
  font-size: 12px;
}
.xform .formsubmit input.submit:hover {
  background: #000;
  color: #fff;
}

.xform .form-column .formbe_manager_relation label, 
.xform .form-column .formselect label, 
.xform .form-column .formdate label, 
.xform .form-column .formtext label, 
.xform .form-column .formtextarea label {
    display: block;
    float: none;
    width: auto;
    margin-right: 0;
}
.xform .form-column .formtext input.text,
.xform .form-column .formcaptcha input.captcha,
.xform .form-column .formtextarea textarea {
    display: block;
    width: 100%;
}



.registration p {
    padding-bottom: 15px;
}
.xform p.formcheckbox {
  padding-left: 180px;
}
.registration .formbe_manager_relation label,
.registration .formselect label,
.registration .formdate label,
.registration .formtext label,
.registration .formtextarea label {
  width: 160px;
  margin-right: 20px;
}
.registration label {
  position: relative;
}
.registration label small {
  position: absolute;
  left: 180px;
  top: 30px;
  display: block;
  width: 420px;
}

.registration .formsubmit input.submit {
  margin-right: 100px;
}


/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Global
 *
 */
body.theme1, 
body.theme1 .menu-trigger {
    border-top-color: #c3a040;
}
.theme1 h1,
.theme1 h2,
.theme1 h3,
.theme1 h4,
.theme1 h5,
.theme1 h6,
.theme1 .h1,
.theme1 .h2,
.theme1 .h3,
.theme1 .h4,
.theme1 .h5,
.theme1 .h6,
.theme1 .book-teaser-list .book-teaser span.number {
  color: #c3a040;
}

.theme1 .mod.bucket:hover,
.theme1 .book-teaser-list .book-teaser:hover, 
.theme1 .menu-trigger span {
  background-color: #c3a040;
}

.theme1 .book-teaser-tiles .book-teaser a:hover .number {
  background: rgba(195, 160, 64, .9);
}

body.theme2, 
body.theme2 .menu-trigger, 
body.theme69, 
body.theme69 .menu-trigger {
    border-top-color: #4a82ae;
}
.theme2 h1,
.theme2 h2,
.theme2 h3,
.theme2 h4,
.theme2 h5,
.theme2 h6,
.theme2 .h1,
.theme2 .h2,
.theme2 .h3,
.theme2 .h4,
.theme2 .h5,
.theme2 .h6,
.theme2 .book-teaser-list .book-teaser span.number, 
.theme69 h1,
.theme69 h2,
.theme69 h3,
.theme69 h4,
.theme69 h5,
.theme69 h6,
.theme69 .h1,
.theme69 .h2,
.theme69 .h3,
.theme69 .h4,
.theme69 .h5,
.theme69 .h6,
.theme69 .book-teaser-list .book-teaser span.number {
  color: #4a82ae;
}

.theme2 .mod.bucket:hover,
.theme2 .book-teaser-list .book-teaser:hover, 
.theme2 .menu-trigger span, 
.theme69 .mod.bucket:hover,
.theme69 .book-teaser-list .book-teaser:hover, 
.theme69 .menu-trigger span {
  background-color: #4a82ae;
}
.theme2 .mod.bucket:hover .ft a 
.theme69 .mod.bucket:hover .ft a {
  color: #97ccfb;
}
.theme2 .mod.bucket:hover .ft a, 
.theme69 .mod.bucket:hover .ft a {
  color: #b4e9ff;
}

.theme2 .book-teaser-tiles .book-teaser a:hover .number, 
.theme69 .book-teaser-tiles .book-teaser a:hover .number {
  background: rgba(74, 130, 174, .9);
}

body.theme3, 
body.theme3 .menu-trigger {
    border-top-color: #9a6887;
}
.theme3 h1,
.theme3 h2,
.theme3 h3,
.theme3 h4,
.theme3 h5,
.theme3 h6,
.theme3 .h1,
.theme3 .h2,
.theme3 .h3,
.theme3 .h4,
.theme3 .h5,
.theme3 .h6,
.theme3 .book-teaser-list .book-teaser span.number {
  color: #9a6887;
}

.theme3 .mod.bucket:hover,
.theme3 .book-teaser-list .book-teaser:hover, 
.theme3 .menu-trigger span {
  background-color: #9a6887;
}
.theme3 .mod.bucket:hover .ft a {
  color: #edb7d8;
}
.theme3 .mod.bucket:hover .ft a:hover {
  color: #ffd3f5;
}

.theme3 .book-teaser-tiles .book-teaser a:hover .number {
  background: rgba(154, 104, 135, .9);
}

body.theme4, 
body.theme4 .menu-trigger {
    border-top-color: #606465;
}
.theme4 h1,
.theme4 h2,
.theme4 h3,
.theme4 h4,
.theme4 h5,
.theme4 h6,
.theme4 .h1,
.theme4 .h2,
.theme4 .h3,
.theme4 .h4,
.theme4 .h5,
.theme4 .h6,
.theme4 .book-teaser-list .book-teaser span.number {
  color: #606465;
}

.theme4 .mod.bucket:hover,
.theme4 .book-teaser-list .book-teaser:hover, 
.theme4 .menu-trigger span {
  background-color: #606465;
}
.theme4 .mod.bucket:hover .ft a {
  color: #c4c7c8;
}
.theme4 .mod.bucket:hover .ft a:hover {
  color: #e0e4e5;
}

.theme4 .book-teaser-tiles .book-teaser a:hover .number {
  background: rgba(96, 100, 101, .9);
}

/*
 *
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --    Global
 *
 */

.view1 > a,
.view1 > a:hover {
  color: #c29f3e !important;
}

.view1 > a:hover,
.view1 > a.active,
.view1 > a.selected {
  border-left-color: #c3a040 !important;
}

.view2 > a,
.view2 > a:hover, 
.view69 > a,
.view69 > a:hover {
  color: #4a82ae !important;
}

.view2 > a:hover,
.view2 > a.active,
.view2 > a.selected, 
.view69 > a:hover,
.view69 > a.active,
.view69 > a.selected {
  border-left-color: #4a82ae !important;
}

.view3 > a,
.view3 > a:hover {
  color: #9a6887 !important;
}

.view3 > a:hover,
.view3 > a.active,
.view3 > a.selected {
  border-left-color: #9a6887 !important;
}

.view4 > a,
.view4 > a:hover {
  color: #606465 !important;
}

.view4 > a:hover,
.view4 > a.active,
.view4 > a.selected {
  border-left-color: #606465 !important;
}

nav.menu .view1 > a {
    text-indent: -1000em;
    height: 76px;
    background: url('../img/nav_dsdb_de.png') 12px 0 no-repeat;
}
nav.menu .view2 > a, 
nav.menu .view69 > a {
    text-indent: -1000em;
    height: 72px;
    background: url('../img/nav_ffjb_de.png') 12px 0 no-repeat;
}
nav.menu .view3 > a {
    text-indent: -1000em;
    height: 70px;
    background: url('../img/nav_dsbaaw_de.png') 12px 0 no-repeat;
}



.preis-der-stiftung-buchkunst {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: url('/files/pdsb80px.png');
}


@media only screen and (min-width : 0px) and (max-width : 1199px) {


    .global-header, 
    .global-footer, 
    .page-content {
        position: relative;
    }

    .menu-trigger {
      display: block;
    }
    nav.foot {
        margin-left: 0;
    }
    nav.edition {
        top: 5px;
    }

    .page-content > .main, 
    .page-content > .wrapper {
        float: none;
        margin: 0 auto;
    }
    .page-content > .wrapper {
        width: 100%;
    }
    .page-content > .wrapper > .primary, 
    .page-content > .wrapper > .secondary {
        float: none;
        width: 100%;
    }


    .page-content > nav.menu {
      display: block;
      float: none;
      position: fixed;
      top: 0;
      left: -274px;
      bottom: 0;
      z-index: 1200;
      width: 100%;
      max-width: 274px;
      height: 100%;
      padding: 27px 20px 0 28px;
      background: #e7e5db;
      border-top: 4px solid #000;
      -moz-transition: all 300ms;
      -webkit-transition: all 300ms;
      transition: all 300ms;
    }
    body.menu-active nav.menu {
      left: 0px;
    }

    nav.menu > ul > li > ul > li.startarticle {
      display: block;
    }

    .mod.article.decorated {
        padding-right: 0;
        background: none !important;
    }

    body.theme1 nav.menu {
        border-top-color: #c3a040;
    }
    body.theme2 nav.menu, 
    body.theme69 nav.menu {
        border-top-color: #4a82ae;
    }
    body.theme3 nav.menu {
        border-top-color: #9a6887;
    }
    body.theme4 nav.menu {
        border-top-color: #606465;
    }
}

@media only screen and (min-width : 0px) and (max-width : 767px) {

    .global-header h1 {
        width: 190px;
        margin-bottom: 10px;
    }
    .global-header h1 a {
        background-size: 100%;
    }

    .xform .formbe_manager_relation label,
    .xform .formselect label,
    .xform .formtext label,
    .xform .formtextarea label {
      display: block;
      float: none;
      width: auto;
      margin-right: 20px;
    }

    .xform .formtext input.text,
    .xform .formcaptcha input.captcha,
    .xform .formtextarea textarea {
      width: 100%;
      margin-right: 0;
    } 
    .xform p.formcheckbox {
      padding-left: 20px;
    }
    .xform .formcaptcha {
        padding-left: 140px;
    }

    .registration .formbe_manager_relation label,
    .registration .formselect label,
    .registration .formtext label,
    .registration .formtextarea label {
      width: 100%;
      margin-right: 0;
    }
    .registration label {
      position: relative;
    }
    .registration label small {
        display: inline;
        position: static;
        left: auto;
        top: auto;
        width: auto;
    }

    .xform .formsubmit input.submit, 
    .registration .formsubmit input.submit {
      margin-right: 0;
    }
}

@media only screen and (min-width : 0px) and (max-width : 479px) {

    img {
        max-width: 100%;
    }

    h1, .h1 {
        font-size: 29px;
    }
    nav.edition {
        top: 5px;
        right: auto;
        left: 60px;
    }

    .menu-trigger span {
        margin-left: 10px;
    }

    .global-header, 
    .global-footer, 
    .page-content {
        width: 300px;
    }

    .global-header {
        padding: 40px 0;
    }
    .global-header h1 {
        margin-bottom: 10px;
    }
    .global-header > nav.meta, 
    .page-content > .main, 
    .page-content > .wrapper, 
    .grid2article > .main, 
    .grid2article > .side {
      width: 100%;
    }


    .global-header > nav.meta {
        position: absolute;
        right: 0;
        top: 5px;
        width: 100px;
        border: 0;
        z-index: 1100;
        padding-top: 0;
    }

    .page-content > nav.menu {
      left: -256px;
      max-width: 256px;
      padding-left: 10px;
      overflow: auto;
    }
    nav.meta > ul > li {
        display: block;
    }
    nav.meta > ul > li + li:before {
        content: "";
    }
    nav.meta > ul > li > a {
        padding-right: 0;
        padding-bottom: 0;
    }
    nav.meta > ul > li + li > a {
        padding-left: 0;
    }

    nav.menu > ul > li {
        padding: 10px 0;
    }
    nav.menu > ul > li > a {
        font-size: 15px;
        line-height: 16px;
    }
    nav.menu > ul > li > ul {
        padding-top: 10px;
    }

    nav.meta li.flyout {
    }
    nav.meta li.flyout ul, 
    nav.meta > ul > li:hover > ul, 
    nav.meta > ul > li + li:hover > ul {
        padding: 0 10px;
        background: #e3e1d5;
        left: auto;
        right: 0;
        max-width: 150px;
    }
    nav.foot > ul {
        text-align: center;
    }
    nav.foot > ul > li + li:nth-child(3)::before{
        content: "";
    }

    .mod.bucket {
        padding-left: 0;
    }
    .mod.bucket .hd {
        float: none;
        margin-left: 0;
    }
    .mod.bucket .bd + .ft > a {
        display: block;
        margin-left: 0;
    }
    .mod.bucket .ft a + a::before {
        content: '';
        margin-right: 0;
    }

    .mod.book .bd, 
    .mod.book .ft {
        float: none;
        width: 100%;
    }
    .book-teaser-list a {
        padding-left: 60px;
    }
    .book-teaser-list span.number {
        margin-left: -60px;
    }
}

@media only screen and (min-width : 480px) and (max-width : 767px) {

    img {
        max-width: 100%;
    }

    .menu-trigger span {
        margin-left: 10px;
    }

    .global-header, 
    .global-footer, 
    .page-content {
        width: 460px;
    }

    .global-header {
        padding: 40px 0 20px 0;
    }
    .global-header h1 {
        width: 226px;
        margin-bottom: 10px;
    }
    .global-header h1 a {
        background-size: auto;
    }

    .global-header > nav.meta, 
    .page-content > .main, 
    .grid2article > .main, 
    .grid2article > .side {
      width: 100%;
    }


    .page-content > nav.menu {
      left: -400px;
      max-width: 400px;
      padding-left: 10px;
    }
    nav.menu > ul > li {
        padding: 10px 0;
    }
    nav.menu > ul > li > a {
        font-size: 15px;
        line-height: 16px;
    }
    nav.menu > ul > li > ul {
        padding-top: 10px;
    }

    nav.meta li.flyout ul {
        padding: 0 10px;
        background: #e3e1d5;
    }

    .mod.bucket .bd + .ft > a {
        display: block;
        margin-left: 0;
    }
    .mod.bucket .ft a + a::before {
        content: '';
        margin-right: 0;
    }

    .mod.book .bd, 
    .mod.book .ft {
        float: none;
        width: 100%;
    }
    .book-teaser-list a {
        padding-left: 60px;
    }
    .book-teaser-list span.number {
        margin-left: -60px;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1199px) {


    .global-header, 
    .global-footer, 
    .page-content {
        width: 680px;
    }

    .global-header h1 {
    }
    .global-header > nav.meta {
      width: 454px;
    }

}

.video {
  position: relative;
  display: block;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  overflow: hidden;
}
.video::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.video iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}