```
*/
/*doc
---
title: Progressive Enhancement
name: progressive-enhancement
category: General
---
# Layouting
To achieve the optimal layout there is some JavaScript functionality which recalculates the height and width
of some elements (`layout.js`). This is especially true for the Section element. The improve the user experience
we'll try to avoid visible restructuring and hide the content in the `.contentContainer` element as long as the JavaScript
is recalculating the layout. In case there is no JavaScript - or the recalculations take longer than 2 seconds
(which should not be the case) the content is automatically displayed by an CSS animation.
```css_example
.contentContainer--hidden {
-webkit-animation:-mpicc-start 2s steps(1,end) 0s 1 normal both;
-moz-animation:-mpicc-start 2s steps(1,end) 0s 1 normal both;
-ms-animation:-mpicc-start 2s steps(1,end) 0s 1 normal both;
animation:-mpicc-start 2s steps(1,end) 0s 1 normal both;
}
```
If the calculations are done before the time the animation is finished (2 seconds in this case), the content is being
made visible by JavaScript (`layout.js`). This is basically the technique Google uses in its AMP project, in which
case a lot of layout calculations are done is JavaScript.
# Filtering without page reload
The sidebar filters in several list views are sending an AJAX request to the server for query the corresponding data.
Since the server is able to determine whether the request was an actual page request or and AJAX request it responds:
- with the complete page for a usual form *POST*
- with a partial containing the rendered HTML for an *AJAX request*
For users which have JavaScript disabled the results for a query will be loaded through a page reload. For any users
with activated JavaScript the displayed list will just update.
To get more information on how the server side mechanics are workine, please take a look at the `AjaxListMixin` class.
It's found in the `general` app within `views.py`.
*/
@media screen and (max-width: 991px) {
.desktop-only {
display: none !important; } }
@media screen and (min-width: 992px) {
.mobile-only {
display: none !important; } }
/*doc
---
title: Typography
name: typography
category: General
---
```html_example
```
*/
h1, h2, h3, h4, h5, h6 {
font-family: "Poppins", sans-serif;
font-weight: 400;
line-height: 1.3em;
margin-top: 50px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0; }
.cms-placeholder + script + h1,
.cms-placeholder + script + h2,
.cms-placeholder + script + h3,
.cms-placeholder + script + h4,
.cms-placeholder + script + h5,
.cms-placeholder + script + h6 {
margin-top: 0; }
h1 {
font-size: 1.92308rem;
margin-bottom: 15px; }
h2 {
font-size: 1.69231rem;
margin-bottom: 15px; }
h3 {
font-size: 1.53846rem; }
h4 {
font-size: 1.23077rem; }
h5 {
font-size: 1.2em; }
img {
max-width: 100%; }
a, a:hover, a:active, a:focus {
color: #2f74c5;
text-decoration: none; }
label {
font-weight: 500; }
small {
font-size: 0.84615rem; }
.subheadline {
color: #00445F;
font-size: 1.53846rem;
line-height: 2rem;
margin-bottom: 30px; }
/*doc
---
title: Font Size Mixins
name: font-sizes
category: General
---
We have the following SASS **mixins** for setting the font-size as well as the corresponding line-height:
- `font-size--h1`
- `font-size--h2`
- `font-size--h3`
- `font-size--h4`
- `font-size--small`
Use those instead of eg. h3 if it's semantically wrong to use headings.
*/
/*doc
---
title: Dotted Line
name: dotted-line-utility
category: Utilities
---
```html_example
```
Note that dotted lines are not the same as the colored dots as showcased at [Automatic Section Color][section-utilities].
*/
.dotted-line {
border: 0;
background: transparent;
border-top: 1px dotted #999;
margin-bottom: 20px; }
.dotted-line-no-margin {
border: 0;
background: transparent;
border-top: 1px dotted #999;
margin-bottom: 0; }
.dotted-line--marginTop {
margin-top: 20px; }
/*doc
---
title: Width
name: width-utility
category: Utilities
---
- `u-w100P` - 100% width
- `u-w50P` - 50% width
```html_example
Dieser div hat 50% Breite.
```
```html_example
Dieser div hat 100% Breite.
```
*/
.u-w100P {
width: 100%; }
.u-w50P {
width: 50%; }
.u-w33P {
width: 33%; }
.u-w25P {
width: 25%; }
.u-flexContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.u-flexAuto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
/*doc
---
title: Colors
name: color-utilities
category: Utilities
---
We have utilities for the background-color and the font-color.
The CSS classes have the following pattern:
- `u-background--[MODIFIER]`
- `u-color--[MODIFIER]`
- `u-border--[MODIFIER]`
- `u-dots--[MODIFIER]`
- `u-color-befoe--[MODIFIER]`
- `u-background-before--[MODIFIER]`
The modifier is one of the following: _main._
You can find the corresponding color in the [color section of the styleguide][colors].
```html_example
Paragraph
```
```html_example
Paragraph
```
*/
.u-background--main {
background-color: #00445F; }
.u-color--main {
color: #00445F; }
.u-border--main {
border-color: #00445F; }
.u-dots--main {
width: 100%;
height: 20px;
background-image: url(../img/background_pattern.png);
background-color: transparent;
border: 0;
margin-top: 0;
margin-bottom: 15px; }
.u-color-before--main:before {
color: #00445F; }
.u-background-before--main:before {
background-color: #00445F; }
/* Pull up edit section for detail pages */
.u-edit-section {
display: block;
margin-top: -26px; }
/*doc
---
title: Spacer
name: spacer
category: Utilities
---
```html_example
Some text
Some other Text
```
*/
.u-h1-spacer {
height: 1.92308rem;
margin-bottom: 16px; }
.u-h2-spacer {
height: 1.69231rem;
margin-bottom: 16px; }
.u-h3-spacer {
height: 1.53846rem;
margin-bottom: 16px; }
.u-h4-spacer {
height: 1.23077rem;
margin-bottom: 16px; }
.u-noScroll {
overflow: hidden; }
.u-hide-external:after {
content: '' !important; }
/*doc
---
title: Accordion
name: accordion
category: Components
---
A typical accordion. It is possible to customize the behavior of an accordion through `[data-allow-multiple]` and `[data-allow-toggle]`.
For more information about those attribute see below.
```html_example
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
```
If you want to enable the user to toggle each accordion section individually add `[data-allow-toggle]` the the `
` element.
```html_example
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
```
In case the user should be able to open multiple accordion sections at the same time add `[data-allow-muliple]` to the `
` element.
```html_example
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht ist Direktor am Max-Planck-Institut für ausländisches und internationales Strafrecht in Freiburg i.Br. sowie Honorarprofessor und Mitglied der Rechtswissenschaftlichen Fakultät der Albrecht-Ludwigs-Universität Freiburg. Er ist Gastprofessor am Institut für Strafrecht der China-Universität für Politik und Recht, Beijing, und an den Juristischen Fakultäten der Universität Hainan, der Remin-Universität, der Universität Wuhan, der Universität Beijing (Beijing Normal University) und der Dalian Ocean University (VR China).
```
`[data-allow-multiple]` and `[data-allow-toggle]` are can be used at the same time.
*/
@media screen and (max-width: 991px) {
.desktop-only {
display: none !important; } }
@media screen and (min-width: 992px) {
.mobile-only {
display: none !important; } }
.accordion-header {
-webkit-transition: ease-in-out .2s;
transition: ease-in-out .2s; }
.accordion-title {
position: relative;
vertical-align: middle;
display: table-cell;
background-color: transparent;
cursor: pointer;
padding: 10px 0 10px 10px;
width: 100%;
text-align: left;
border: none;
-webkit-transition: 0.4s;
transition: 0.4s; }
.accordion-title span {
display: table-cell;
font-size: 1.23077rem;
padding: 20px 0;
padding-right: 50px;
vertical-align: middle; }
@media (min-width: 768px) {
.accordion-title {
padding-left: 30px; } }
@media screen and (min-width: 992px) {
.accordion-title {
padding-left: 50px; } }
.accordion-content {
padding-left: 10px;
-webkit-transition: ease-in-out .2s;
transition: ease-in-out .2s; }
@media (min-width: 768px) {
.accordion-content {
padding-left: 30px; } }
@media screen and (min-width: 992px) {
.accordion-content {
padding-left: 50px;
padding-right: 50px; } }
/* The 'show class is added to the accordion panel when the user clicks on one of the buttons. */
.accordion-title .accordion-toggleIcon {
position: absolute;
right: 0;
/* To compensate the padding of the icon */
top: 5px;
height: 0;
font-size: 65px;
font-weight: 100;
outline: 0;
pointer-events: none;
-webkit-transition: all ease-in-out .2s;
transition: all ease-in-out .2s; }
.accordion-title .accordion-toggleIcon:before {
content: "\e910"; }
.accordion-title[aria-expanded=true] .accordion-toggleIcon:before {
content: "\e917"; }
@media screen and (max-width: 991px) {
.accordion-container .accordion {
padding: 0; } }
.arrowLink-icon {
display: inline-block;
margin-right: 5px; }
.aleph-label:not(:empty) {
margin-right: 15px; }
.aleph-searchform {
margin-bottom: 15px; }
.aleph-searchfield {
display: inline-block;
margin-right: 15px;
width: auto; }
.sidebarContainer .aleph-searchfield {
width: 100%; }
.sidebarContainer .aleph-button {
margin-top: 15px; }
/*doc
---
title: Article
name: article
category: Components
---
```html_example
Geschichte und Entstehung des Instituts
Vom Seminar zum Max-Planck-Institut
Das Max-Planck-Institut für ausländisches und internationales Strafrecht geht zurück auf das Seminar für ausländisches und internationales Strafrecht an der Universität Freiburg. Dieses wurde im Jahr 1938 von Prof. Dr. Adolf Schönke, damals Inhaber des Lehrstuhls für Strafrecht an der Rechts- und Staatswissenschaftlichen Fakultät der Universität Freiburg, beantragt und am 31. Oktober 1938 vom Badischen Ministerium des Kultus und Unterrichts genehmigt. Die Anregung des Reichsjustizministeriums an die Kaiser-Wilhelm-Gesellschaft – die spätere Max-Planck-Gesellschaft – neben den zwei Instituten für ausländisches öffentliches Recht und Völkerrecht sowie für ausländisches und internationales Privatrecht auch ein Institut für Strafrecht zu gründen, konnte wegen des Kriegsbeginns nicht mehr verwirklicht werden. Das Seminar musste sich daher in seinen ersten Jahren, die zudem noch durch den Krieg überschattet waren, mit einem bescheidenen Rahmen begnügen. Dennoch gelang es Adolf Schönke, die Bibliothek des Seminars von zunächst 1.200 Bänden auf 5.000 Bände bei Kriegsende zu erweitern.
Im Jahr 1947 wurde das Seminar in „Institut für ausländisches und internationales Strafrecht“ umbenannt. Das Kultusministerium sowie die Universität wollten dadurch den fortschreitenden Ausbau der Bibliothek sowie den Wachstum der Auslandsbeziehungen und die zunehmende wissenschaftliche Leistungsfähigkeit der jungen Einrichtung würdigen, die auch während der Kriegszeit ihre in der friedlichen Zusammenarbeit der Völker gelegenen Ziele nie aus den Augen verloren hatte.
Prof. Dr. Hans-Heinrich Jescheck
Nach dem frühen Tod von Adolf Schönke im Jahr 1953 wurde am 1. April 1954 der Privatdozent und Ministerialrat im Bundesministerium der Justiz, Dr. Hans-Heinrich Jescheck, zu seinem Nachfolger berufen. Noch im selben Jahr wurde das Institut zu einer Stiftung der Bundesrepublik Deutschland, des Landes Baden-Württemberg und der Universität Freiburg ausgestaltet. Diese Maßnahme war von Adolf Schönke noch zu Lebzeiten vorbereitet und vor allem von Dr. Walter Strauß, Staatssekretär im Bundesministerium der Justiz, nachhaltig unterstützt worden. Nach der Unterzeichnung der Stiftungsurkunde am 14. Juni 1954 konnte die Ausstattung mit wissenschaftlichem Personal von einem auf sieben Assistenten Erhöht werden. Hinzu kamen mehrere wissenschaftliche Hilfskräfte sowie Forschungsstipendiaten und freie Mitarbeiter.
Die Aufnahme des Instituts in die Max-Planck-Gesellschaft erfolgte im Jahre 1966. Hierfür setzten sich insbesondere der damalige Präsident der Gesellschaft, Prof. Dr. Adolf Butenandt sowie wiederum Staatssekretär Dr. Strauß ein. Zum wissenschaftlichen Mitglied und Direktor des neuen Instituts wurde der bisherige Leiter, Prof. Dr. Hans-Heinrich Jescheck berufen. Als auswärtige wissenschaftliche Mitglieder wurden Prof. Dr. Thomas Würtenberger, der damalige Leiter des Universitätsinstituts für Kriminologie und Strafvollzugskunde in Freiburg, und später Prof. Dr. Theo Vogler, Gießen, berufen.
Im Jahre 1970 stimmte die Max-Planck-Gesellschaft der Gründung einer kriminologischen Forschungsgruppe im Institut zu, um die notwendige empirische Forschung auf dem Gebiet der Strafrechtswissenschaft im Institut zu verankern und mit der Rechtsvergleichung organisch zu verbinden. Zum Leiter der neuen Forschungsgruppe wurde PD Dr. Günther Kaiser berufen, der vorher am Institut für Kriminologie der Universität Tübingen tätig war. 1973 wurde er neben Hans-Heinrich Jescheck zum Direktor des Instituts berufen. 1971 wurde er weiterhin Honorarprofessor an der Universität Freiburg und 1982 gleichzeitig Professor an der Universität Zürich.
Der Neubau des Institutsgebäudes entsteht
Der markante Neubau in dem das Institut bis heute untergebracht ist, konnte im Jahre 1978 bezogen werden. Das Gebäude lehnt sich an einen Berghang an und gliedert sich in vier Stockwerke und ein Tiefgeschoss. Neben Räumen für Verwaltung, Bibliothek, EDV, Verlag, Haustechnik und natürlich die Wissenschaftlerenthält das Gebäude auch mehrere Seminarräume, einen Vortragssaal, eine Cafeteria und umfangreiche Archivräume. Für Gäste, Stipendiaten und Doktoranden gibt es weiterhin zwei Lesesäle mit insgesamt 40 Plätzen. Schließlich steht für alle Institutsnutzer ein Zeitschriftenlesesaal mit den laufenden Jahrgängen von etwa 1.850 Periodika aus dem In- und Ausland zur Verfügung. Im Jahr 2008 konnte ein Erweiterungsbau in der Fürstenbergstraße eingeweiht werden, in dem Büros der Verwaltung, mehrere Seminar- und Besprechungsräume sowie Gästezimmer des Instituts untergebracht sind.
Im Jahre 1982 wurde Prof. Dr. Albin Eser, M.C.J., zum Nachfolger auf den Lehrstuhl von Prof. Dr. Jescheck an der Universität Freiburg sowie zum wissenschaftlichen Mitglied und Direktor am Institut berufen. Prof. Dr. Hans-Jörg Albrecht erhielt im Jahr 1995 den Ruf der Max-Planck-Gesellschaft als Nachfolger von Prof. Dr. Günther Kaiser. Seit 1997 ist er zudem Honorarprofessor an der Universität Freiburg. Prof. Dr. Ulrich Sieber folgte seinem Vorgänger Eser als Leiter der strafrechtlichen Forschungsgruppe und Direktor des Instituts im Jahre 2003 nach. Prof. Dr. Sieber ist seit dem Jahr 2004 zudem Honorarprofessor an der Ludwig-Maximilians-Universität München (LMU) und an der Universität von Freiburg.
Das Institut wird nun kollegial von Prof. Dr. Hans-Jörg Albrecht und Prof. Dr. Ulrich Sieber geleitet, wobei Prof. Albrecht der kriminologischen und Prof. Sieber der strafrechtlichen Abteilung vorsteht.
```
```html_example
Terroriusmus
Victims and Corporations – Implementation of Directive 2012/29/EU for victims of corporate crimes and corporate violence
Leitung: Prof. Dr. Dr. h.c. mult. Hans-Jörg Albrecht, Dr. Marc Engelhart, Dr. Carolin Hillemanns
Mitarbeit: Alexandra Schenk, Paul König
Der Europäische Gesetzgeber hat den Schutz der Opfer von Straftaten in den letzten Jahren zu einem Schwerpunkt seiner Tätigkeit gemacht. Mit der Richtlinie 2012/29/EU über Mindeststandards für die Rechte, die Unterstützung und den Schutz von Opfern von Straftaten wurden die Opferrechte generell, insbesondere aber der Schutz von besonders gefährdeten Opfern, etwa von Hasskriminalität oder organisierter Kriminalität, gestärkt und deren Zugang zur Justiz erweitert. Die Richtlinie wurde durch das 3. Opferrechtsreformgesetz vom 21. Dezember 2015 im deutschen Recht umgesetzt.
Das Projekt “Victims and Corporations – Implementation of Directive 2012/29/EU for victims of corporate crimes and corporate violence” widmet sich vor diesem Hintergrund einer besonders bedeutenden, aber kaum erforschten Gruppe, nämlich den Opfern von Wirtschaftkriminalität (Corporate Crime/Corporate Violance). Diese Opfer erleiden durch im Rahmen grundsätzlich legaler unternehmerischer Tätigkeiten begangene Verfehlungen körperliche (bis hin zu tödlichen) Schäden – beispielsweise durch Umweltverschmutzung, unsichere Produkte oder eine mangelnde Sicherheit am Arbeitsplatz.
Für die Betroffenen sind solche Beeinträchtigungen oft nicht sofort erkennbar, da Schäden erst über einen langen Zeitraum entstehen können und die Ursache oft nicht klar ersichtlich ist. Dies erschwert die Strafverfolgung wie auch die Rechtsdurchsetzung etwa von Schadenersatzansprüchen, insbesondere bei grenzüberschreitenden Sachverhalten. Hinzu kommt ein Informationsgefälle und eine eklatante Asymmetrie zwischen den Möglichkeiten zur Rechtsdurchsetzung, die den Unternehmen einerseits und den Betroffenen andererseits gegeben sind. Dies hat zur Folge, dass eine adäquate, vor allem staatliche Berücksichtigung der Opferinteressen oft nicht gegeben ist.
Das in Deutschland, Italien und Belgien durchgeführte interdisziplinäre Projekt von Rechtswissenschaftlern, Kriminologen und Sozialwissenschaftlern analysiert anhand von Verfahrensakten, Fallstudien und Befragungen von Opfern und mit dem Opferschutz befassten Stellen die bestehenden Möglichkeiten zur Berücksichtigung von Opferinteressen im Strafverfahren. Auf dieser Basis entwickelt es konkrete Ansatzpunkte und Vorschläge zur Verbesserung der Stellung von Opfern. Zudem sollen durch spezielle Leitlinien und durch die Konzeption von Schulungsmaßnahmen für Opfer, Opferhilfe-Organisationen, opferorientierte Justizdienste, Polizei, Rechtsanwälte und Unternehmen die Opferinteressen in der Praxis stärker ins Bewusstsein gerufen werden, um so eine bessere Berücksichtigung im justiziellen Verfahren zu erreichen.
```
```html_example
Terroriusmus
Der Einsatz tdlicher Waffengewalt durch die deutsche auswärtige Gewalt
Carl-Wendelin Neubert
391 Seiten; Berlin 2016.
Dieses Buch ist erschienen in der Reihe Strafrechtliche Forschungsberichte
herausgegeben von Ulrich Sieber.
Der Europäische Gesetzgeber hat den Schutz der Opfer von Straftaten in den letzten Jahren zu einem Schwerpunkt seiner Tätigkeit gemacht. Mit der Richtlinie 2012/29/EU über Mindeststandards für die Rechte, die Unterstützung und den Schutz von Opfern von Straftaten wurden die Opferrechte generell, insbesondere aber der Schutz von besonders gefährdeten Opfern, etwa von Hasskriminalität oder organisierter Kriminalität, gestärkt und deren Zugang zur Justiz erweitert. Die Richtlinie wurde durch das 3. Opferrechtsreformgesetz vom 21. Dezember 2015 im deutschen Recht umgesetzt.
Der Europäische Gesetzgeber hat den Schutz der Opfer von Straftaten in den letzten Jahren zu einem Schwerpunkt seiner Tätigkeit gemacht.
Das Projekt “Victims and Corporations – Implementation of Directive 2012/29/EU for victims of corporate crimes and corporate violence” widmet sich vor diesem Hintergrund einer besonders bedeutenden, aber kaum erforschten Gruppe, nämlich den Opfern von Wirtschaftkriminalität (Corporate Crime/Corporate Violance). Diese Opfer erleiden durch im Rahmen grundsätzlich legaler unternehmerischer Tätigkeiten begangene Verfehlungen körperliche (bis hin zu tödlichen) Schäden – beispielsweise durch Umweltverschmutzung, unsichere Produkte oder eine mangelnde Sicherheit am Arbeitsplatz.
Für die Betroffenen sind solche Beeinträchtigungen oft nicht sofort erkennbar, da Schäden erst über einen langen Zeitraum entstehen können und die Ursache oft nicht klar ersichtlich ist. Dies erschwert die Strafverfolgung wie auch die Rechtsdurchsetzung etwa von Schadenersatzansprüchen, insbesondere bei grenzüberschreitenden Sachverhalten. Hinzu kommt ein Informationsgefälle und eine eklatante Asymmetrie zwischen den Möglichkeiten zur Rechtsdurchsetzung, die den Unternehmen einerseits und den Betroffenen andererseits gegeben sind. Dies hat zur Folge, dass eine adäquate, vor allem staatliche Berücksichtigung der Opferinteressen oft nicht gegeben ist.
Für die Betroffenen sind solche Beeinträchtigungen oft nicht sofort erkennbar
Das in Deutschland, Italien und Belgien durchgeführte interdisziplinäre Projekt von Rechtswissenschaftlern, Kriminologen und Sozialwissenschaftlern analysiert anhand von Verfahrensakten, Fallstudien und Befragungen von Opfern und mit dem Opferschutz befassten Stellen die bestehenden Möglichkeiten zur Berücksichtigung von Opferinteressen im Strafverfahren. Auf dieser Basis entwickelt es konkrete Ansatzpunkte und Vorschläge zur Verbesserung der Stellung von Opfern. Zudem sollen durch spezielle Leitlinien und durch die Konzeption von Schulungsmaßnahmen für Opfer, Opferhilfe-Organisationen, opferorientierte Justizdienste, Polizei, Rechtsanwälte und Unternehmen die Opferinteressen in der Praxis stärker ins Bewusstsein gerufen werden, um so eine bessere Berücksichtigung im justiziellen Verfahren zu erreichen.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque at risus eros. Nam a purus posuere tortor
imperdiet luctus. Fusce magna ante, viverra eget ullamcorper
ac, porta sed velit. Cras aliquet, libero et semper ...
mehr
```
*/
.u-w100P {
width: 100%; }
.u-w50P {
width: 50%; }
.u-w33P {
width: 33%; }
.u-w25P {
width: 25%; }
.u-flexContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.u-flexAuto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
/*doc
---
title: Colors
name: color-utilities
category: Utilities
---
We have utilities for the background-color and the font-color.
The CSS classes have the following pattern:
- `u-background--[MODIFIER]`
- `u-color--[MODIFIER]`
- `u-border--[MODIFIER]`
- `u-dots--[MODIFIER]`
- `u-color-befoe--[MODIFIER]`
- `u-background-before--[MODIFIER]`
The modifier is one of the following: _main._
You can find the corresponding color in the [color section of the styleguide][colors].
```html_example
Challenging ‘Crime’ and ‘Crime Control’ in Contemporary Europe.
Date: 12.12.2017
Location: Freiburg im Breisgau
```
*/
.eventTeaser-data {
margin-top: 20px; }
.eventTeaser-icon {
display: inline-block;
font-size: 1.5em;
margin-top: -3px;
vertical-align: middle; }
/*doc
---
title: Filter
name: filter
category: Sidebar
---
The filter, which is only designed to be used in the sidebar, is pretty much straight forward HTML. Different filter
segments should be marked as `[role=group]` and connected to their label via `aria-labelledby`. For accessibility
reasons the form should be marked with `[role=search]`.
The actual checkboxes are not displayed. Instead a pseudo element `:before` to display an alternative radio button like
element. Since the `:before` element is part of the label it does not change anything regarding the default
functionality of the form elements. Therefore the form is fully operational via keyboard.
There is some JavaScript which even improves the accessibility of the form: `filter.js` which takes care of the
following things:
update `aria-checked` of the input fields when checked/unchecked
adds keyboard controls like arrow up, down, page up, page down to navigate the form
```
*/
.infoTable {
width: 100%;
margin-bottom: 30px; }
.infoTable td {
border: 2px dotted #2f74c5;
padding: 10px 15px;
width: 50%;
vertical-align: top; }
.infoTable td:first-child {
font-weight: 500; }
/*doc
---
title: Navigation
name: navigation
category: Components
---
Since the structure of the website is rather complex the navigation is as well. There are two navigation elements for
accessibility reasons. Since the primary navigation is more important it is first in the DOM, even though it is not
first in the actual rendered page. This way it is possible for keyboard users to navigate through the main (or primary)
navigation first before the secondary navigation (icons only).
`.sr-only` (Bootstrap class) is used to make sure that users browsing the site via a screen reader know what the toggle
button is actually used for. This way the button is not visible for "normal" users but it can be read by screen readers.
The animations of the menu are triggered via JavaScript (`layout.js`) but executed through CSS animations or transitions.
Using CSS animations and transitions allows a well coordinated and fluid transition between the different levels of the
navigation.
The JavaScript takes care of changing the menu level class e.g. `u-menuLevel0` to `u-menuLevel1`. It adds the back
button in the smartphone menu, when needed. It takes care of the states of the menu (expanded, submenu is visible etc.).
Furthermore it pushes down the `` content in the desktop version in case an navigation item is hovered and its
submenu is shown.
To make the navigation fully operable via keyboard and accessible to blind people there is some JavaScript (`navigation.js`)
which allow to toggle and hide submenus via `Space` and `Esc`. Hitting `Space` while an item with a submenu is
focused pops open the submenu. Hitting `Esc` hides it. Using `Tab` and `Shift + Tab` allows to navigate from item to
item (or sub-item).
```html_example
```
*/
/*doc
---
title: Dotted Line
name: dotted-line-utility
category: Utilities
---
```html_example
```
Note that dotted lines are not the same as the colored dots as showcased at [Automatic Section Color][section-utilities].
*/
.dotted-line {
border: 0;
background: transparent;
border-top: 1px dotted #999;
margin-bottom: 20px; }
.dotted-line-no-margin {
border: 0;
background: transparent;
border-top: 1px dotted #999;
margin-bottom: 0; }
.dotted-line--marginTop {
margin-top: 20px; }
/*doc
---
title: Width
name: width-utility
category: Utilities
---
- `u-w100P` - 100% width
- `u-w50P` - 50% width
```html_example
Dieser div hat 50% Breite.
```
```html_example
Dieser div hat 100% Breite.
```
*/
.u-w100P {
width: 100%; }
.u-w50P {
width: 50%; }
.u-w33P {
width: 33%; }
.u-w25P {
width: 25%; }
.u-flexContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.u-flexAuto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
/*doc
---
title: Colors
name: color-utilities
category: Utilities
---
We have utilities for the background-color and the font-color.
The CSS classes have the following pattern:
- `u-background--[MODIFIER]`
- `u-color--[MODIFIER]`
- `u-border--[MODIFIER]`
- `u-dots--[MODIFIER]`
- `u-color-befoe--[MODIFIER]`
- `u-background-before--[MODIFIER]`
The modifier is one of the following: _main._
You can find the corresponding color in the [color section of the styleguide][colors].
```html_example
In einem vom United States Institute of Peace (USIP - Washington/USA) und dem Irish Centre for Human Rights (ICHR - Galway/Irland) in Zusammenarbeit mit dem United Nations High Commissioner for Human Rights und dem United Nations Office on Drugs and Crime ins Leben gerufenen Projekt werden Modellgesetzbücher für Post-Konflikt-Gesellschaften entwickelt.
```
*/
.search-result--title {
margin-top: 0;
margin-bottom: 5px; }
.searchInformation-display {
float: left;
margin-left: -7px;
width: 100%; }
.searchInformation-orderList {
margin-top: 10px;
margin-left: 0;
list-style: none;
padding-left: 0;
float: left; }
.searchInformation-orderList li:first-child {
padding-left: 0; }
.searchInformation-orderItem {
display: block;
position: relative; }
.searchInformation-orderItem:hover {
text-decoration: underline; }
.searchInformation {
margin-bottom: 15px; }
.searchInformation:after {
clear: both;
content: ' ';
display: table; }
.searchInformation-filter:hover {
text-decoration: underline; }
.searchInformation-filter--inactive,
.searchInformation-orderItem--inactive {
color: #777; }
.searchInformation-filter--inactive:hover,
.searchInformation-orderItem--inactive:hover {
text-decoration: none; }
.search-results-list {
padding: 0;
width: 100%; }
.search-result {
list-style-type: none;
padding: 30px 0;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999; }
.search-result + .search-result {
border-top: none; }
.search-result-accordion {
padding: 10px 0;
border: none; }
.search-result--image {
float: left;
margin-right: 15px; }
.search-result--information {
margin-top: 15px; }
.search-result--pretitle {
color: #00445F; }
.search-result--description {
margin: 0;
margin-bottom: 10px; }
.search-result-accordion .search-result--description {
margin-bottom: 0.25em; }
.search-result--subtitle {
margin-top: 0;
color: #00445F; }
.searchResult-icon {
font-size: 1.4em;
position: relative;
top: 4px; }
.search-result--links {
margin: 0; }
.search-result--link {
margin-right: 15px;
display: inline-block; }
.highlighted {
font-weight: bold; }
@media (min-width: 768px) {
.searchInformation-display {
margin-top: -13px;
margin-left: 0;
width: auto;
float: right; }
.searchInformation-filter {
margin-left: 15px; }
.searchInformation-orderItem {
padding: 0 15px;
display: inline-block; }
.searchInformation-orderItem:not(:last-child):after {
content: '|';
display: inline-block;
position: absolute;
right: 0;
top: 0; } }
@media (min-width: 1200px) {
.searchInformation-orderList {
float: right; }
.searchInformation-orderList li:last-child {
padding-right: 0; } }
/*doc
---
title: Section
name: section
category: Components
---
Sections are used to display mostly teaser content. Since each article is should be its own semantic unit with
category, headline, teaser text and image it is not possible to align the headlines and texts through css. Therefore
JavaScript is used as progressive enhancement to align the texts at the same height. This functionality can be
found in `layout.js` (`equalizeHeightOfContentTeaserHeads()`).
Why is it important to create a semantic unit of the teaser contents?
Since screen readers do not care much about CSS and positioning of the content they parse the structure of the DOM.
If one created a table with a row for headline and a row for the teaser texts the screen reader would read
`HEADLINE 1`
`HEADLINE 2`
`HEADLINE 3`
`TEASER TEXT 1`
`TEASER TEXT 2`
`TEASER TEXT 3`.
This is a bad user experience.
Moreover the tabbing through the articles's headlines and links would be in a wrong order.
```html_example
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque at risus eros. Nam a purus posuere tortor
imperdiet luctus. Fusce magna ante, viverra eget ullamcorper
ac, porta sed velit. Cras aliquet, libero et semper ...
mehr
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque at risus eros. Nam a purus posuere tortor
imperdiet luctus. Fusce magna ante, viverra eget ullamcorper
ac, porta sed velit. Cras aliquet, libero et semper ...
mehr
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque at risus eros. Nam a purus posuere tortor
imperdiet luctus. Fusce magna ante, viverra eget ullamcorper
ac, porta sed velit. Cras aliquet, libero et semper ...
mehr
```
Section: Borderless Columns
```html_example
Geschichte
Das Max-Planck-Institut für ausländisches und internationales Strafrecht geht zurück auf
das Seminar für ausländisches und internationales Strafrecht an der Universität Freiburg.
Dieses wurde im Jahr 1938 von Prof. Dr. Adolf Schönke, damals Inhaber des Lehrstuhls für
Strafrecht an der Rechts- und Staatswissenschaftlichen Fakultät der Universität Freiburg,
beantragt und am 31. Oktober 1938 vom Badischen Ministerium des Kultus und Unterrichts
genehmigt. Die Anregung des Reichsjustizministeriums an die Kaiser-Wilhelm-Gesellschaft
– die spätere Max-Planck-Gesellschaft – neben den zwei Instituten für ausländisches
öffentliches Recht und Völkerrecht sowie für ausländisches und internationales Privatrecht
auch ein Institut für Strafrecht zu gründen, konnte wegen des Kriegsbeginns nicht mehr
verwirklicht werden. Das Seminar musste sich daher in seinen ersten Jahren, die zudem noch
durch den Krieg überschattet waren, mit einem bescheidenen Rahmen begnügen. Dennoch gelang
es Adolf Schönke, die Bibliothek des Seminars von zunächst 1.200 Bänden auf 5.000 Bände
bei Kriegsende zu erweitern.
mehr
Aufbau
Das Institut besteht aus zwei Abteilungen, die sich zum einen mit strafrechtlichen
Untersuchungen, zum anderen mit kriminologischen Untersuchungen befassen. Jede Abteilung
wird von einem Direktor geleitet, die gemeinsam das Institut nach außen vertreten und auch
die Forschung abstimmen und entwickeln.
mehr
Challenging ‘Crime’ and ‘Crime Control’ in Contemporary Europe.
Date: 12.12.2017
Location: Freiburg im Breisgau
```
*/
/*doc
---
title: Dotted Line
name: dotted-line-utility
category: Utilities
---
```html_example
```
Note that dotted lines are not the same as the colored dots as showcased at [Automatic Section Color][section-utilities].
*/
.dotted-line {
border: 0;
background: transparent;
border-top: 1px dotted #999;
margin-bottom: 20px; }
.dotted-line-no-margin {
border: 0;
background: transparent;
border-top: 1px dotted #999;
margin-bottom: 0; }
.dotted-line--marginTop {
margin-top: 20px; }
/*doc
---
title: Width
name: width-utility
category: Utilities
---
- `u-w100P` - 100% width
- `u-w50P` - 50% width
```html_example
Dieser div hat 50% Breite.
```
```html_example
Dieser div hat 100% Breite.
```
*/
.u-w100P {
width: 100%; }
.u-w50P {
width: 50%; }
.u-w33P {
width: 33%; }
.u-w25P {
width: 25%; }
.u-flexContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.u-flexAuto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
/*doc
---
title: Colors
name: color-utilities
category: Utilities
---
We have utilities for the background-color and the font-color.
The CSS classes have the following pattern:
- `u-background--[MODIFIER]`
- `u-color--[MODIFIER]`
- `u-border--[MODIFIER]`
- `u-dots--[MODIFIER]`
- `u-color-befoe--[MODIFIER]`
- `u-background-before--[MODIFIER]`
The modifier is one of the following: _main._
You can find the corresponding color in the [color section of the styleguide][colors].
```html_example
```
Skip Links are used to make the website more accessible. It allows users, which only use the keyboard (e.g. users
which cannot use the mouse because of arthritis) to skip the navigation and jump to the main content or the sidebar.
*/
.skip-link {
left: -999px;
position: absolute;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
z-index: -999; }
.skip-link:focus {
color: #00445F;
background-color: #fff;
left: auto;
top: auto;
width: auto;
height: auto;
overflow: auto;
padding: .5em 1em;
text-align: center;
font-size: 1.2em;
z-index: 999; }
.sidebar-information {
margin-bottom: 40px; }
/*doc
---
title: Main Slider
name: main_slider
category: Components
---
```html_example
Cyberterrorismus und Harmonisierung der Strafverfolgung -
rechtliche Instrumente zur Bekämpfung des Cyberterrorismus.
Compliance and money laundering control by banking institutions in China
Die Aussagefreiheit des Beschuldigten in der polizeilichen Befragung
