.view-publikationen {
-webkit-hyphens: auto;
hyphens: auto;
}

@media screen and (min-width: 768px) {
.view-publikationen {
-webkit-hyphens: none;
hyphens: none;
}
}

.view-publikationen .views-row {
display: grid;
grid-template-rows: auto;
  grid-template-areas:
"title         " 
"year          " 
"authoreditor        "
"bookcover     " 
"body          " 
"metadata      " 
"citation      " 
"separationline";
  grid-template-columns: minmax(0, auto);
grid-row-gap: 10px;
}

@media screen and (min-width: 768px) {
.view-publikationen .views-row {
grid-template-columns: 20% auto;
grid-template-areas: "bookcover authoreditor" "bookcover title" "bookcover year" "bookcover body" "bookcover metadata" "citation citation" "file file" "separationline separationline";
grid-column-gap: 20px;
}
}


.views-field-title {
grid-area: title;
}

.views-field-title h2 {
margin: 0;
}


.views-field-title h2 a {
color: black!important;
}

.views-field-field-buchcover {
grid-area: bookcover;
}

.views-field-field-jahr {
grid-area: year;
}

.views-field-body {
grid-area: body;
}

.views-field-field-datei {
grid-area: file;
}

.views-field-field-datei ul {
list-style: none;
display: block;
margin: 0;
}

@media screen and (min-width: 768px) {
.views-field-field-datei ul {
display: flex;
}
}

.views-field-field-datei ul li {
margin: 0;
}

.views-field-field-datei .file--application-pdf, .views-field-field-datei [class*='file--mime-application-epub'], .views-field-field-datei .file--mime-application-x-mobipocket-ebook {
display: flex;
  align-items: center;
  padding: 0;
  background-image: none;
}


.views-field-field-datei .file--application-pdf::before {
content: "";
height: 30px;
  width: 30px;
  display: block;
  background-image: url(/sites/default/files/images_content/Icon%20PDF_0.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 3px;
}

.views-field-field-datei [class*='file--mime-application-epub']::before {
content: "";
height: 30px;
  width: 30px;
  display: block;
  background-image: url(/sites/default/files/images_content/Icon%20EPUB_0.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 3px;
}

.views-field-field-datei .file--mime-application-x-mobipocket-ebook::before {
content: "";
height: 30px;
  width: 30px;
  display: block;
  background-image: url(/sites/default/files/images_content/Icon%20mobi.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 3px;
}

.views-field-field-publication-author {
grid-area: authoreditor;
}

.views-field-field-publication-editor {
grid-area: authoreditor;
}

.views-field-field-publication-author .field-content, .views-field-field-publication-editor .field-content {
display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  font-family: "Barlow Condensed";
}

.paragraph.paragraph--type--publication-author.paragraph--view-mode--authorfullname-functioninstitution, .paragraph.paragraph--type--publication-editor.paragraph--view-mode--authorfullname-functioninstitution {
display: flex;
flex-wrap: wrap;
}

.paragraph.paragraph--type--publication-author.paragraph--view-mode--authorfullname-functioninstitution::before {
content: "\00a0"
}

.paragraph.paragraph--type--publication-author.paragraph--view-mode--authorfullname-functioninstitution:first-child::before {
content: ""
}

.paragraph.paragraph--type--publication-author.paragraph--view-mode--authorfullname-functioninstitution .field--name-field-pubauthor-firstname::after, .paragraph.paragraph--type--publication-editor.paragraph--view-mode--authorfullname-functioninstitution .field--name-field-pubeditor-firstname::after {
content: "\00a0"
}

.views-field-field-publication-editor .field-content::after {
  content: "\00a0(Hg.)";
}

.views-field-field-publication-editor {
grid-area: authoreditor;
}

.views-field-field-zotero {
grid-area: citation;
font-size: 12px;
line-height: 12px;
max-width: 630px;
}


.separationline {
grid-area: separationline;
}