Merge branch 'master' of git.stuve-bamberg.de:latex/latex-wochenende

css/theme/latex.css

@@ -20,10 +20,10 @@ section {
 /* basic layout */
 :root {
   --square: 100vw; }
-  @media screen and (min-aspect-ratio: 1 / 1) {
+  @media (min-aspect-ratio: 1 / 1) {
     :root {
       --square: 50vw; } }
-  @media screen and (min-aspect-ratio: 2 / 1) {
+  @media (min-aspect-ratio: 2 / 1) {
     :root {
       --square: 100vh; } }
 
@@ -44,13 +44,13 @@ body {
     grid-template-columns: auto;
     grid-template-areas: "content" "preview";
     background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) var(--square)); }
-    @media screen and (min-aspect-ratio: 1 / 1) {
+    @media (min-aspect-ratio: 1 / 1) {
       body .layout-content-and-preview {
         grid-template-rows: auto var(--square) auto;
         grid-template-columns: var(--square) auto;
         grid-template-areas: "   .    preview" "content preview" "   .    preview";
         background: linear-gradient(to right, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); } }
-    @media screen and (min-aspect-ratio: 2 / 1) {
+    @media (min-aspect-ratio: 2 / 1) {
       body .layout-content-and-preview {
         grid-template-rows: var(--square);
         grid-template-columns: var(--square) auto;
@@ -60,7 +60,7 @@ body {
     grid-template-columns: var(--square);
     grid-template-areas: "content" "   .   ";
     background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); }
-    @media screen and (min-aspect-ratio: 1 / 1) {
+    @media (min-aspect-ratio: 1 / 1) {
       body .layout-content-only {
         grid-template-rows: auto var(--square) auto;
         grid-template-columns: auto var(--square) auto;
@@ -76,12 +76,12 @@ body {
     grid-template-rows: min-content auto;
     grid-template-columns: var(--square);
     grid-template-areas: "content" "   .   "; }
-    @media screen and (min-aspect-ratio: 1 / 1) {
+    @media (min-aspect-ratio: 1 / 1) {
       body .layout-wide-content {
         grid-template-rows: auto var(--square) auto;
         grid-template-columns: calc(2 * var(--square));
         grid-template-areas: "   .   " "content" "   .   "; } }
-    @media screen and (min-aspect-ratio: 2 / 1) {
+    @media (min-aspect-ratio: 2 / 1) {
       body .layout-wide-content {
         grid-template-rows: auto var(--square) auto;
         grid-template-columns: auto calc(2 * var(--square)) auto;
@@ -101,8 +101,8 @@ body {
         position: absolute;
         top: calc(var(--margin) * var(--square));
         right: calc(var(--margin) * var(--square));
-        width: 15vw;
+        width: calc(.3 * var(--square));
-        height: 15vw;
+        height: calc(.3 * var(--square));
         background-image: url(../../images/logo-fachschaft.png);
         background-repeat: no-repeat;
         background-size: contain; }
@@ -161,12 +161,12 @@ body {
     grid-template-columns: var(--square);
     grid-template-areas: "title" "column1" "column2" ".";
     background: var(--secondary); }
-    @media screen and (min-aspect-ratio: 1 / 1) {
+    @media (min-aspect-ratio: 1 / 1) {
       body .layout-two-columns {
         grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto;
         grid-template-columns: var(--square) var(--square);
         grid-template-areas: "   .       .   " " title   title " "column1 column2" "   .       .   "; } }
-    @media screen and (min-aspect-ratio: 2 / 1) {
+    @media (min-aspect-ratio: 2 / 1) {
       body .layout-two-columns {
         grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square));
         grid-template-columns: auto var(--square) var(--square) auto;
@@ -190,7 +190,7 @@ body {
     grid-template-rows: auto auto;
     grid-template-columns: auto;
     background: var(--secondary); }
-    @media screen and (min-aspect-ratio: 1 / 1) {
+    @media (min-aspect-ratio: 1 / 1) {
       body .layout-two-previews {
         grid-template-rows: 100vh;
         grid-template-columns: 50vw 50vw;
@@ -429,7 +429,7 @@ h2[data-category=Aufgabe]::before {
   direction: rtl;
   word-spacing: 1000%;
   opacity: .2; }
-  @media screen and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 2 / 1) {
+  @media (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 2 / 1) {
     .layout-content-only h2[data-category=Aufgabe]::after,
     .layout-wide-content h2[data-category=Aufgabe]::after {
       --versatz: calc((100vh - var(--square)) / 2);
@@ -544,16 +544,16 @@ kbd {
  * Links
  * ============
  */
-p, li {
+p, li, h2, td, figcaption {
   z-index: 1; }
 
-p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited {
+p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited, figcaption a:link, figcaption a:hover, figcaption a:active, figcaption a:visited {
   text-decoration: none;
   color: var(--secondary-dark);
   font-weight: bold;
   position: relative;
   z-index: 1; }
-  p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before {
+  p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before {
     content: '';
     position: absolute;
     width: 102%;
@@ -564,7 +564,7 @@ p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active
     left: -1%;
     transition: .2s height ease; }
 
-p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before {
+p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before {
   height: 110%; }
 
 /*

css/theme/source/latex.scss

@@ -21,10 +21,10 @@ section {
 /* basic layout */
 :root {
   --square: 100vw;
-  @media screen and (min-aspect-ratio: 1/1) {
+  @media (min-aspect-ratio: 1/1) {
     --square: 50vw;
   }
-  @media screen and (min-aspect-ratio: 2/1) {
+  @media (min-aspect-ratio: 2/1) {
     --square: 100vh;
   }
 }
@@ -55,7 +55,7 @@ body {
       white var(--square),
       var(--secondary) var(--square),
       var(--secondary) var(--square));
-    @media screen and (min-aspect-ratio: 1/1) {
+    @media (min-aspect-ratio: 1/1) {
       grid-template-rows: auto var(--square) auto;
       grid-template-columns: var(--square) auto;
       grid-template-areas:
@@ -64,7 +64,7 @@ body {
         "   .    preview";
       background: linear-gradient(to right, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%);
     }
-    @media screen and (min-aspect-ratio: 2/1) {
+    @media (min-aspect-ratio: 2/1) {
       grid-template-rows: var(--square);
       grid-template-columns: var(--square) auto;
       grid-template-areas:
@@ -79,7 +79,7 @@ body {
       "content"
       "   .   ";
     background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%);
-    @media screen and (min-aspect-ratio: 1/1) {
+    @media (min-aspect-ratio: 1/1) {
       grid-template-rows: auto var(--square) auto;
       grid-template-columns: auto var(--square) auto;
       grid-template-areas:
@@ -110,7 +110,7 @@ body {
     grid-template-areas:
       "content"
       "   .   ";
-    @media screen and (min-aspect-ratio: 1/1) {
+    @media (min-aspect-ratio: 1/1) {
       grid-template-rows: auto var(--square) auto;
       grid-template-columns: calc(2 * var(--square));
       grid-template-areas:
@@ -118,7 +118,7 @@ body {
         "content"
         "   .   ";
     }
-    @media screen and (min-aspect-ratio: 2/1) {
+    @media (min-aspect-ratio: 2/1) {
       grid-template-rows: auto var(--square) auto;
       grid-template-columns: auto calc(2 * var(--square)) auto;
       grid-template-areas:
@@ -151,8 +151,8 @@ body {
         position: absolute;
         top: calc(var(--margin) * var(--square));
         right: calc(var(--margin) * var(--square));
-        width: 15vw;
+        width: calc(.3 * var(--square));
-        height: 15vw;
+        height: calc(.3 * var(--square));
         background-image: url(../../images/logo-fachschaft.png);
         background-repeat: no-repeat;
         background-size: contain;
@@ -233,7 +233,7 @@ body {
       "column2"
       ".";
     background: var(--secondary);
-    @media screen and (min-aspect-ratio: 1/1) {
+    @media (min-aspect-ratio: 1/1) {
       grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto;
       grid-template-columns: var(--square) var(--square);
       grid-template-areas:
@@ -242,7 +242,7 @@ body {
         "column1 column2"
         "   .       .   ";
     }
-    @media screen and (min-aspect-ratio: 2/1) {
+    @media (min-aspect-ratio: 2/1) {
       grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square));
       grid-template-columns: auto var(--square) var(--square) auto;
       grid-template-areas:
@@ -276,7 +276,7 @@ body {
     grid-template-rows: auto auto;
     grid-template-columns: auto;
     background: var(--secondary);
-    @media screen and (min-aspect-ratio: 1/1) {
+    @media (min-aspect-ratio: 1/1) {
       grid-template-rows: 100vh;
       grid-template-columns: 50vw 50vw;
       grid-template-areas:
@@ -525,7 +525,7 @@ h2[data-category=Aufgabe]::before {
   direction: rtl;
   word-spacing: 1000%;
   opacity: .2;
-  @media screen and (min-aspect-ratio: 1/1) and (max-aspect-ratio: 2/1) {
+  @media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 2/1) {
     --versatz: calc((100vh - var(--square)) / 2);
     top: var(--versatz);
     bottom: calc(-1 * var(--versatz));
@@ -665,11 +665,11 @@ kbd {
  * Links
  * ============
  */
-p, li {
+p, li, h2, td, figcaption {
   z-index: 1;
 }
 
-p a, li a, h2 a, td a {
+p a, li a, h2 a, td a, figcaption a {
   &:link,
   &:hover,
   &:active,

sections/german/14/14.md

@@ -18,21 +18,6 @@
 
 ---
 
-<div class="layout-content-only">
-    <div class="layout-content">
-        <h2>Wie wird das verwendet?</h2>
-        <p class="fragment">Durch BibTex wird LaTeX um einige Befehle zum Zitieren erweitert:</p>
-        <ul>
-            <li class="fragment">Zitieren einer Quelle: <code>\cite{&lt;quelle>}</code></li>
-            <li class="fragment">Zitieren einer Seite: <code>\cite[S. 15]{&lt;quelle>}</code></li>
-            <li class="fragment">Verweis auf die genutzte `.bib`-Datei: <code>\bibliography{&lt;.bib-datei>}</code></li>
-            <li class="fragment">Angabe des genutzten Zitierstils: <br/><code>\bibliographystyle{&lt;zitierstil>}</code></li>
-        </ul>
-    </div>
-</div>
-
----
-
 <div class="layout-wide-content">
     <div class="layout-content">
         <h2>Was ist diese ominöse .bib Datei?</h2>
@@ -57,6 +42,53 @@
 
 ---
 
+<div class="layout-content-only">
+    <div class="layout-content">
+        <h2>Wie wird das verwendet?</h2>
+        <p>Durch BibTeX wird LaTeX um einige Befehle zum Zitieren erweitert. Außerdem benötigt wird das Paket `natbib`.</p>
+        <ul>
+            <li class="fragment">Zitieren einer Quelle: <code>\cite{&lt;quelle>}</code></li>
+            <li class="fragment">Zitieren einer Seite: <code>\cite[S. 15]{&lt;quelle>}</code></li>
+            <li class="fragment">Verweis auf die genutzte `.bib`-Datei: <code>\bibliography{&lt;.bib-datei>}</code></li>
+            <li class="fragment">Angabe des genutzten Zitierstils: <br/><code>\bibliographystyle{&lt;zitierstil>}</code></li>
+        </ul>
+        <blockquote class="fragment">Zwei Dinge sind unendlich. Das Universum und die Auswahl an Zitierstilen.« <cite>Unbekannt</cite></blockquote>
+    </div>
+</div>
+
+---
+
+
+<div class="layout-preview-only">
+    <div class="layout-preview">
+    <figure>
+        <img class="large thin-padding" src="sections/german/14/bibtex-alpha-crop.svg">
+        <figcaption>Zitieren im Alpha-Zitierstil</figcaption>
+    </figure>
+</div>
+
+---
+
+<div class="layout-preview-only">
+    <div class="layout-preview">
+    <figure>
+        <img class="large thin-padding" src="sections/german/14/bibtex-natdin-crop.svg">
+        <figcaption>Zitieren im Natdin-Zitierstil</figcaption>
+    </figure>
+</div>
+
+---
+
+<div class="layout-preview-only">
+    <div class="layout-preview">
+    <figure>
+        <img class="large thin-padding" src="sections/german/14/bibtex-apa-crop.svg">
+        <figcaption>Zitieren im Apa-Zitierstil</figcaption>
+    </figure>
+</div>
+
+---
+
 <div class="layout-preview-only">
     <div class="layout-preview">
         <img class="large" src="sections/german/14/bamberger_katalog_bibtex.jpg">

sections/german/14/bibtex-alpha.bbl

@@ -0,0 +1,22 @@
+\begin{thebibliography}{Haw88}
+
+\bibitem[Fra57]{Frank1957}
+Anne Frank.
+\newblock {\em Das Tagebuch der Anne Frank}.
+\newblock Fischer-B{\"u}cherei. Fischer ; Fischer, Frankfurt/M. ; Frankfurt/M.,
+  1957.
+\newblock EST: Het Achterhuis (dt.).
+
+\bibitem[Haw88]{Hawking1988}
+Stephen~W. Hawking.
+\newblock {\em Eine kurze Geschichte der Zeit. Die Suche nach der Urkraft des
+  Universums}.
+\newblock Rowohlt, Reinbek bei Hamburg, 23.-42. tsd. edition, 1988.
+\newblock 238 S. : Ill., graph. Darst.
+
+\bibitem[Orw57]{Orwell1957}
+George Orwell.
+\newblock {\em 1984}.
+\newblock Diana-Verl., Konstanz, 1957.
+
+\end{thebibliography}

sections/german/14/bibtex-alpha.blg

@@ -0,0 +1,46 @@
+This is BibTeX, Version 0.99d (TeX Live 2017/Debian)
+Capacity: max_strings=100000, hash_size=100000, hash_prime=85009
+The top-level auxiliary file: bibtex-alpha.aux
+The style file: alpha.bst
+Database file #1: collection.bib
+You've used 3 entries,
+            2543 wiz_defined-function locations,
+            582 strings with 4843 characters,
+and the built_in function-call counts, 882 in all, are:
+= -- 82
+> -- 24
+< -- 3
++ -- 6
+- -- 6
+* -- 47
+:= -- 160
+add.period$ -- 12
+call.type$ -- 3
+change.case$ -- 13
+chr.to.int$ -- 3
+cite$ -- 3
+duplicate$ -- 48
+empty$ -- 76
+format.name$ -- 12
+if$ -- 180
+int.to.chr$ -- 1
+int.to.str$ -- 0
+missing$ -- 6
+newline$ -- 20
+num.names$ -- 9
+pop$ -- 19
+preamble$ -- 1
+purify$ -- 18
+quote$ -- 0
+skip$ -- 30
+stack$ -- 0
+substring$ -- 21
+swap$ -- 3
+text.length$ -- 3
+text.prefix$ -- 3
+top$ -- 0
+type$ -- 12
+warning$ -- 0
+while$ -- 6
+width$ -- 5
+write$ -- 47

sections/german/14/bibtex-alpha.tex

@@ -0,0 +1,13 @@
+\documentclass[a4paper, pdftex, 12pt]{scrartcl}
+\usepackage[utf8]{inputenc}
+\usepackage[T1]{fontenc}
+\usepackage[ngerman]{babel}
+\usepackage{natbib}
+\begin{document}
+\thispagestyle{empty}
+
+Dieser Text lebt von prominent platzierten Zitaten (u.\thinspace a. \cite{Frank1957}) noch viel prominenterer literarischer Werke \cite[vgl][S. 7]{Orwell1957}, derer \cite{Hawking1988} nur eines ist.
+\bibliographystyle{alpha}
+\bibliography{collection}
+
+\end{document}

sections/german/14/bibtex-apa.bbl

@@ -0,0 +1,21 @@
+\begin{thebibliography}{}
+
+\bibitem[\protect\astroncite{Frank}{1957}]{Frank1957}
+Frank, A. (1957).
+\newblock {\em Das Tagebuch der Anne Frank}.
+\newblock Fischer-B{\"u}cherei. Fischer ; Fischer, Frankfurt/M. ; Frankfurt/M.
+\newblock EST: Het Achterhuis (dt.).
+
+\bibitem[\protect\astroncite{Hawking}{1988}]{Hawking1988}
+Hawking, S.~W. (1988).
+\newblock {\em Eine kurze Geschichte der Zeit. Die Suche nach der Urkraft des
+  Universums}.
+\newblock Rowohlt, Reinbek bei Hamburg, 23.-42. tsd. edition.
+\newblock 238 S. : Ill., graph. Darst.
+
+\bibitem[\protect\astroncite{Orwell}{1957}]{Orwell1957}
+Orwell, G. (1957).
+\newblock {\em 1984}.
+\newblock Diana-Verl., Konstanz.
+
+\end{thebibliography}

sections/german/14/bibtex-apa.blg

@@ -0,0 +1,46 @@
+This is BibTeX, Version 0.99d (TeX Live 2017/Debian)
+Capacity: max_strings=100000, hash_size=100000, hash_prime=85009
+The top-level auxiliary file: bibtex-apa.aux
+The style file: apa.bst
+Database file #1: collection.bib
+You've used 3 entries,
+            1940 wiz_defined-function locations,
+            497 strings with 4090 characters,
+and the built_in function-call counts, 901 in all, are:
+= -- 88
+> -- 21
+< -- 3
++ -- 6
+- -- 6
+* -- 63
+:= -- 171
+add.period$ -- 12
+call.type$ -- 3
+change.case$ -- 16
+chr.to.int$ -- 3
+cite$ -- 3
+duplicate$ -- 42
+empty$ -- 70
+format.name$ -- 9
+if$ -- 176
+int.to.chr$ -- 1
+int.to.str$ -- 0
+missing$ -- 6
+newline$ -- 20
+num.names$ -- 9
+pop$ -- 16
+preamble$ -- 1
+purify$ -- 18
+quote$ -- 0
+skip$ -- 31
+stack$ -- 0
+substring$ -- 36
+swap$ -- 6
+text.length$ -- 0
+text.prefix$ -- 0
+top$ -- 0
+type$ -- 12
+warning$ -- 0
+while$ -- 6
+width$ -- 0
+write$ -- 47

sections/german/14/bibtex-apa.tex

@@ -0,0 +1,13 @@
+\documentclass[a4paper, pdftex, 12pt]{scrartcl}
+\usepackage[utf8]{inputenc}
+\usepackage[T1]{fontenc}
+\usepackage[ngerman]{babel}
+\usepackage{natbib}
+\begin{document}
+\thispagestyle{empty}
+
+Dieser Text lebt von prominent platzierten Zitaten (u.\thinspace a. \cite{Frank1957}) noch viel prominenterer literarischer Werke \cite[vgl][S. 7]{Orwell1957}, derer \cite{Hawking1988} nur eines ist.
+\bibliographystyle{apa}
+\bibliography{collection}
+
+\end{document}

sections/german/14/bibtex-natdin.bbl

@@ -0,0 +1,36 @@
+\begin{thebibliography}{3}
+
+% this bibliography is generated by nd24.bst [3.0c2] from 2005-12-21
+
+\providecommand{\natexlab}[1]{#1}
+\providecommand{\url}[1]{\texttt{#1}}
+\makeatletter
+\newcommand{\dinatlabel}[1]%
+{\ifNAT@numbers\else\NAT@biblabelnum{#1}\fi}
+\makeatother
+\expandafter\ifx\csname urlstyle\endcsname\relax
+  \providecommand{\doi}[1]{doi: #1}\else
+  \providecommand{\doi}{doi: \begingroup \urlstyle{rm}\Url}\fi
+
+\bibitem[Frank(1957)]{Frank1957}
+\dinatlabel{Frank 1957} \textsc{Frank}, Anne:
+\newblock \emph{Das Tagebuch der Anne Frank}.
+\newblock Frankfurt/M. ; Frankfurt/M. : Fischer ; Fischer, 1957
+  (Fischer-B{\"u}cherei). --
+\newblock EST: Het Achterhuis (dt.)
+
+\bibitem[Hawking(1988)]{Hawking1988}
+\dinatlabel{Hawking 1988} \textsc{Hawking}, Stephen~W.:
+\newblock \emph{Eine kurze Geschichte der Zeit. Die Suche nach der Urkraft des
+  Universums}.
+\newblock 23.-42. Tsd.
+\newblock Reinbek bei Hamburg : Rowohlt, 1988. --
+\newblock ISBN 3498028847. --
+\newblock 238 S. : Ill., graph. Darst.
+
+\bibitem[Orwell(1957)]{Orwell1957}
+\dinatlabel{Orwell 1957} \textsc{Orwell}, George:
+\newblock \emph{1984}.
+\newblock Konstanz : Diana-Verl., 1957
+
+\end{thebibliography}

sections/german/14/bibtex-natdin.blg

@@ -0,0 +1,51 @@
+This is BibTeX, Version 0.99d (TeX Live 2017/Debian)
+Capacity: max_strings=100000, hash_size=100000, hash_prime=85009
+The top-level auxiliary file: bibtex-natdin.aux
+The style file: natdin.bst
+Reallocated singl_function (elt_size=4) to 100 items from 50.
+Reallocated singl_function (elt_size=4) to 100 items from 50.
+Reallocated wiz_functions (elt_size=4) to 6000 items from 3000.
+Reallocated singl_function (elt_size=4) to 100 items from 50.
+Reallocated singl_function (elt_size=4) to 100 items from 50.
+Database file #1: collection.bib
+You've used 3 entries,
+            4728 wiz_defined-function locations,
+            907 strings with 6720 characters,
+and the built_in function-call counts, 1562 in all, are:
+= -- 149
+> -- 30
+< -- 30
++ -- 37
+- -- 10
+* -- 104
+:= -- 282
+add.period$ -- 4
+call.type$ -- 3
+change.case$ -- 12
+chr.to.int$ -- 3
+cite$ -- 3
+duplicate$ -- 55
+empty$ -- 134
+format.name$ -- 18
+if$ -- 311
+int.to.chr$ -- 1
+int.to.str$ -- 1
+missing$ -- 12
+newline$ -- 34
+num.names$ -- 12
+pop$ -- 19
+preamble$ -- 1
+purify$ -- 18
+quote$ -- 0
+skip$ -- 78
+stack$ -- 0
+substring$ -- 96
+swap$ -- 7
+text.length$ -- 4
+text.prefix$ -- 0
+top$ -- 0
+type$ -- 24
+warning$ -- 0
+while$ -- 13
+width$ -- 0
+write$ -- 57

sections/german/14/bibtex-natdin.tex

@@ -0,0 +1,13 @@
+\documentclass[a4paper, pdftex, 12pt]{scrartcl}
+\usepackage[utf8]{inputenc}
+\usepackage[T1]{fontenc}
+\usepackage[ngerman]{babel}
+\usepackage{natbib}
+\begin{document}
+\thispagestyle{empty}
+
+Dieser Text lebt von prominent platzierten Zitaten (u.\thinspace a. \cite{Frank1957}) noch viel prominenterer literarischer Werke \cite[vgl][S. 7]{Orwell1957}, derer \cite{Hawking1988} nur eines ist.
+\bibliographystyle{natdin}
+\bibliography{collection}
+
+\end{document}

sections/german/14/collection.bib

@@ -0,0 +1,30 @@
+@book{Hawking1988,
+   author={Hawking, Stephen W.},
+   title={Eine kurze Geschichte der Zeit. Die Suche nach der Urkraft des Universums},
+   address={Reinbek bei Hamburg},
+   publisher={Rowohlt},
+   edition={23.-42. Tsd.},
+   note={238 S. : Ill., graph. Darst.},
+   year={1988},
+   ISBN={3498028847},
+   keywords={Raum ; Zeit},
+   keywords={Kosmologie},
+}
+
+@book{Orwell1957,
+   author={Orwell, George},
+   title={1984},
+   address={Konstanz},
+   publisher={Diana-Verl.},
+   year={1957},
+}
+
+@book{Frank1957,
+   author={Frank, Anne},
+   title={Das Tagebuch der Anne Frank},
+   address={Frankfurt/M. ; Frankfurt/M.},
+   publisher={Fischer ; Fischer},
+   year={1957},
+   series={Fischer-B{\"u}cherei},
+   note={EST: Het Achterhuis (dt.)},
+}