/**
 * Gefährliche Idylle
 *
 * Template: dp DIGITAL PUBLISHERS - 2
 *
 * @copyright dp DIGITAL PUBLISHERS GmbH
 */

@font-face {
  font-family: 'Font1';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/font-83300-NoticiaText-Bold.4911.otf');
}

@font-face {
  font-family: 'Font2';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/font-107798-AmericanTypewriter.8793.otf');
}

@charset "UTF-8";
/*  blitz — CSS framework for reflowable eBooks
    Version 1.2.0 by Jiminy Panoz
    Codename: Kola Kola
    License: MIT (https://opensource.org/licenses/MIT)   */
/* NAMESPACES */
@namespace h "http://www.w3.org/1999/xhtml/";
@namespace epub "http://www.idpf.org/2007/ops";
    /* if you need to style epub:type */
@namespace m "http://www.w3.org/1998/Math/MathML/";
    /* if you need to style MathML */
@namespace svg "http://www.w3.org/2000/svg";
/* if you need to style SVG */
html {
    /* Don't use it for styling, used as selector which can take a punch if anything goes wrong above */
}
/* Begin CSS */
/* RESET */
/* So here's the trick, we must reset to manage a number of problems once and for all:
- HTML5 backwards compatibility (EPUB 3 file in EPUB 2 app);
- user settings (e.g. line-height on Kobo and Kindle);
- CSS bloat (DRY);
- KFX for which a reset using `border: 0` seems to disable support;
- etc.
It all started as a normalize and became a reset given the magnitude of the task.
*/
article,
address,
aside,
blockquote,
canvas,
dd,
details,
div,
dl,
dt,
figure,
figcaption,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
li,
main,
nav,
ol,
p,
pre,
section,
summary,
ul {
    margin: 0;
    padding: 0;
    /* RS may apply vertical padding to el such as p */
    font-size: 1em;
    /* Font size in pixel disable the user setting in legacy RMSDK */
    line-height: inherit;
    /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
    text-indent: 0;
    font-style: normal;
    font-weight: normal;
}
/* This is absolutely necessary for backwards compatibility */
article,
aside,
figure,
figcaption,
footer,
header,
main,
nav,
section {
    display: block;
}
[hidden] {
    display: none;
}
/* [Opinionated] Default to prevent RS from justifying all of these! */
h1,
h2,
h3,
h4,
h5,
h6,
dt,
pre {
    text-align: left;
}
/* Following EPUB 3 spec by the letter (applies to RS but let’s make sure it is respected because we never know) */
nav[epub|type~="toc"] ol {
    list-style: none !important;
}
/* [Opinionated] Default to prevent bloat in case linear="no" is rendered as linear="yes" */
nav[epub|type~="landmarks"],
nav[epub|type~="page-list"] {
    display: none;
}
a,
abbr,
b,
bdi,
bdo,
cite,
code,
data,
del,
dfn,
em,
i,
ins,
kbd,
mark,
q,
rp,
rt,
rtc,
ruby,
s,
samp,
small,
span,
strong,
sub,
sup,
time,
var {
    font-size: inherit;
    vertical-align: baseline;
    font-style: inherit;
    /* Taking nesting of inline elements into account (e.g. sup nested in em) */
    font-weight: inherit;
    /* Taking nestiog of inline elements into account (e.g. em nested in strong) */
    color: inherit;
    text-decoration: none;
}
q {
    quotes: none;
}
/* Trying to prevent blank page if element with margin-bottom at the end of xhtml */
body > :last-child,
body > section > :last-child {
    margin-bottom: 0;
}
/* PAGE LAYOUT */
@page {
    margin: 30px 30px 20px 30px;
    /* Recommended by Barnes & Noble in this old spec: https://simg1.imagesbn.com/pimages/pubit/support/pubit_epub_formatting_guide.pdf */
    padding: 0;
}
body {
    font-size: 100%;
    line-height: 1.5;
    margin: 0;
    /* RS will override margins anyways */
    padding: 0;
    widows: 2;
    /* iBooks and Kobo support widows and orphans */
    orphans: 2;
}
/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote p cite,
dt,
pre,
address,
table,
caption,
th,
td,
.align-left,
.align-center,
.align-right,
.caption,
.no-hyphens {
    adobe-hyphenate: none;
    /* proprietary for Legacy RMSDK */
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -epub-hyphens: none;
    hyphens: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dt,
hr {
    page-break-inside: avoid;
    break-inside: avoid;
    page-break-after: avoid;
    break-after: avoid;
}
h1 {
    font-size: 1.4375em;
    line-height: 1.04347826;
    margin-top: 0em;
    margin-bottom: 2.08695652em;
}
h2 {
    font-size: 1.3125em;
    line-height: 1.14285714;
    margin-top: 2.28571429em;
    margin-bottom: 1.14285714em;
}
h3 {
    font-size: 1.125em;
    line-height: 1.33333333;
    margin-top: 1.33333333em;
    margin-bottom: 1.33333333em;
}
h4 {
    font-size: 1em;
    line-height: 1.5;
    margin-top: 1.5em;
    margin-bottom: 0em;
}
h5 {
    /* Styles */
}
h6 {
    /* Styles */
}
p {
    text-indent: 1em;
}
.footnote {
    font-size: 0.9375em;
    line-height: 1.6;
    text-indent: 0;
}
blockquote {
    margin: 1.5em 5%;
}
blockquote p {
    text-indent: 0;
    font-style: italic;
    text-align: center;
}
blockquote p i,
blockquote p em,
blockquote p cite {
    font-style: normal;
}
address {
    /* Styles */
}
/* MICRO TYPOGRAPHY */
a {
    text-decoration: underline;
    /* Note: KF8 will force this value unless you use "el.class a" */
    font-weight: bold;
    color: inherit;
    -webkit-text-fill-color: inherit;
    /* iBooks override (iOS 9 + El Capitan in night mode) */
    /* inherit = text color */
}
abbr {
    /* Note: Kindle doesn't support that */
}
i,
cite,
dfn,
em {
    font-style: italic;
}
/* Get back to normal when italic nested in italic */
i i,
i cite,
i dfn,
i em,
cite i,
cite cite,
cite dfn,
cite em,
dfn i,
dfn cite,
dfn dfn,
dfn em,
em i,
em cite,
em dfn,
em em {
    font-style: normal;
}
b,
strong {
    font-weight: bold;
}
del,
s {
    text-decoration: line-through;
}
mark {
    background-color: yellow;
    color: inherit;
}
ins {
    /* Styles */
}
small {
    font-size: 0.8125em;
}
/* Styling is improved to prevent sub from affecting line-height */
sub {
    font-size: 75%;
    line-height: 1.2;
    vertical-align: sub;
    /* Fallback */
    vertical-align: -20%;
}
/* Styling is improved to prevent sup from affecting line-height */
sup {
    font-size: 75%;
    line-height: 1.2;
    vertical-align: super;
    /* Fallback */
    vertical-align: 33%;
}
/* FIGURES + IMAGES  */
figure {
    page-break-inside: avoid;
    break-inside: avoid;
    margin: 1.5em 0;
}
figcaption,
.caption {
    font-size: 0.9375em;
    line-height: 1.6;
    text-indent: 0;
}
img {
    width: auto;
    max-width: 100%;
    /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
    height: auto;
    object-fit: contain;
    vertical-align: bottom;
    /* Remove gap after the image */
}
/* Note: portrait image styling + figcaption is a nightmare */
/* See https://github.com/jstallent/ImagesSingleFile for the css hack */
img.portrait {
    width: auto;
    max-width: 100%;
    /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
    height: 100%;
    /* We try to prevent blank page after */
    max-height: 95%;
    /* Max value iBooks enforces */
}
.float-left img,
.float-right img {
    width: 100%;
    /* If it’s auto, image in floating container will overflow on Kobo iOS + Kindle */
}
@supports (height: 99vh) {
    img.portrait {
        height: 99vh;
    }
}
/* LISTS */
ul,
ol {
    margin: 1.5em 0;
    padding-left: 5%;
}
ul {
    list-style-type: disc;
    list-style-position: outside;
}
ul ul {
    list-style-type: square;
}
ol {
    list-style-type: decimal;
    list-style-position: outside;
}
ol ol {
    list-style-type: lower-roman;
}
/* DEFINITION LISTS */
dl {
    margin: 1.5em 0 1.5em 5%;
}
dt {
    margin: 1.5em 0 0 0;
    font-weight: bold;
}
dd {
    /* Styles */
}
dt > dfn {
    font-style: normal;
    font-weight: bold;
}
/* HORIZONTAL RULES — CONTEXT BREAKS */
hr {
    width: 25%;
    margin-left: 37.5%;
    margin-top: 1.4375em;
    margin-bottom: 1.4375em;
    height: 0;
    border: none;
    border-top: 0.125em solid currentColor;
    /* currentColor = color of text (getting around night mode) */
    opacity: 0.5;
    /* Opacity -> grayscale. If opacity is declared for too many elements in a XHTML file, performance of legacy RMSDK takes a hit */
}
/* Blank-line context change */
hr.transition {
    width: 100%;
    margin: 0;
    height: 1.5em;
    border: none;
    background: none;
    /* Note: overridden in night mode excepted when using linear-gradient */
}
/* Over-engineered asterism with an SVG background
which is legacy RMSDK-compliant, reflows with text and
is night-mode compatible (black asterisk + white border) */
/*hr.asterism {
    width: auto;
    border: none;
    margin: 1.5em 0;
    height: 1.5em;
    text-indent: 0;
    text-align: center;
    background: transparent url("asterism.svg") no-repeat center;
    /* Change url if you put asterism in a folder * /
    background-size: 2.5em 1.25em;
    /* RMSDK doesn't support -> won't scale but SVG viewport is OK for a wide range of font-sizes * /
    overflow: hidden;
    /* Fixes legacy RMSDK bug when contents before hr are invisible * /
    opacity: 0.7;
    /* Better border color match in night mode (less disruptive) * /
}
*/
/* TABLES */
table {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    margin: 1.5em auto;
    /* Note: legacy RMSDK sets auto to 0, which is permitted in a footnote of the EPUB2 specs */
    font-feature-settings: "tnum" 1;
    font-variant-numeric: tabular-nums;
}
caption {
    caption-side: top;
    /* Note: only value legacy RMSDK supports */
    text-align: center;
    font-weight: bold;
}
tbody {
    /* Styles */
}
thead {
    /* Styles */
}
tfoot {
    /* Styles */
}
tr {
    /* Styles */
}
th {
    empty-cells: show;
    border-bottom: 0.125em solid currentColor;
    /* Current color = color of text (inverted in night mode) */
    padding: 0.6875em 2% 0.6875em 0;
    text-align: left;
    font-weight: bold;
}
td {
    empty-cells: show;
    border-bottom: 0.0625em solid currentColor;
    /* Current color = color of text (inverted in night mode) */
    padding: 0.75em 2% 0.6875em 0;
    text-align: left;
}
.table-fixed {
    table-layout: fixed;
}
/* CODE */
pre {
    margin: 1.5em 0 1.5em 5%;
    word-wrap: break-word;
    white-space: pre-wrap;
    -ms-tab-size: 3;
    -moz-tab-size: 3;
    -webkit-tab-size: 3;
    tab-size: 3;
}
code,
kbd,
samp,
var {
    font-family: monospace;
    /* Embed a font cos Kobo doesn't provide a monospace */
}
/* MEDIAS */
audio {
    /* Styles */
}
video {
    /* Styles */
}
canvas,
iframe,
svg,
video {
    width: auto;
    max-width: 100%;
    height: auto;
}
svg {
    object-fit: contain;
}
/* CONTAINERS — WRAPPERS */
.wrap-100 {
    width: auto;
    /* defaults to 100% but takes borders into account = big win since we can’t rely on box-sizing */
    margin: 1.5em 0;
}
.wrap-90 {
    width: 90%;
    margin: 1.5em 5%;
    /* Since we can’t use auto (0 in legacy RMSDK), we must center using % */
}
.wrap-80 {
    width: 80%;
    /* width: 80% -> KF8 bug, see amzn-kf8 query for fix */
    margin: 1.5em 10%;
}
.wrap-70 {
    width: 70%;
    margin: 1.5em 15%;
}
.wrap-60 {
    width: 60%;
    margin: 1.5em 20%;
}
.wrap-50 {
    width: 50%;
    margin: 1.5em 25%;
}
.wrap-40 {
    width: 40%;
    margin: 1.5em 30%;
}
.wrap-30 {
    width: 30%;
    margin: 1.5em 35%;
}
.wrap-20 {
    width: 20%;
    margin: 1.5em 40%;
}
.wrap-10 {
    width: 10%;
    margin: 1.5em 45%;
}
/* Widths */
.w-100 {
    width: 100%;
}
.w-90 {
    width: 90%;
}
.w-80 {
    width: 80%;
}
.w-70 {
    width: 70%;
}
.w-60 {
    width: 60%;
}
.w-50 {
    width: 50%;
}
.w-40 {
    width: 40%;
}
.w-30 {
    width: 30%;
}
.w-20 {
    width: 20%;
}
.w-10 {
    width: 10%;
}
/* Heights */
.h-100 {
    height: 99%;
    /* 99.8% cos’ legacy RMSDK applies blank page after if 100% */
}
.h-90 {
    height: 90%;
}
.h-80 {
    height: 80%;
}
.h-70 {
    height: 70%;
}
.h-60 {
    height: 60%;
}
.h-50 {
    height: 50%;
}
.h-40 {
    height: 40%;
}
.h-30 {
    height: 30%;
}
.h-20 {
    height: 20%;
}
.h-10 {
    height: 10%;
}
@supports (height: 100vh) {
    /* Can be used for containers and images
       but Should be used in combination with .portrait if used for img */
    .h-100 {
        height: 99vh;
        /* Trying to avoid blank page after */
    }
    .h-90 {
        height: 90vh;
    }
    .h-80 {
        height: 80vh;
    }
    .h-70 {
        height: 70vh;
    }
    .h-60 {
        height: 60vh;
    }
    .h-50 {
        height: 50vh;
    }
    .h-40 {
        height: 40vh;
    }
    .h-30 {
        height: 30vh;
    }
    .h-20 {
        height: 20vh;
    }
    .h-10 {
        height: 10vh;
    }
}
/* Floats */
/* If there are too many floating elements in a XHTML file,
performance of legacy RMSDK takes a huge hit (± 4 seconds to
render page on eInk devices)                                    */
.float-left {
    float: left;
    margin: 0 1.5% 0 0;
}
.float-right {
    float: right;
    margin: 0 0 0 1.5%;
}
/* UTILITIES */
/* Display */
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.hidden {
    /* Typical usage: EPUB 3 landmarks inline TOC */
    display: none;
}
/* May be useful for EPUB 3.1, warning .absolute in ePubCheck in EPUB 3.0.1
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
*/
/* Clearings */
.clear {
    /* may be useful if an element is floating in a container */
    clear: both;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}
/* Bordered content */
.boxed {
    border: 0.0625em solid currentColor;
    /* Current color = color of text (inverted in night mode) */
    padding: 0.6875em;
}
/* Margins */
.no-margin {
    margin: 0;
}
.no-margin-top {
    margin-top: 0;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.no-margin-left {
    margin-left: 0;
}
.no-margin-right {
    margin-right: 0;
}
.margin-top-s {
    margin-top: 0.75em;
}
.margin-top-m {
    margin-top: 1.5em;
}
.margin-top-l {
    margin-top: 3em;
}
.margin-top-xl {
    margin-top: 4.5em;
}
.margin-top-xxl {
    margin-top: 6em;
}
.margin-bottom-s {
    margin-bottom: 0.75em;
}
.margin-bottom-m {
    margin-bottom: 1.5em;
}
.margin-bottom-l {
    margin-bottom: 3em;
}
.margin-bottom-xl {
    margin-bottom: 4.5em;
}
.margin-bottom-xxl {
    margin-bottom: 6em;
}
.margin-left-s {
    margin-left: 2.5%;
    /* % won't reflow with font-size user setting */
}
.margin-left-m {
    margin-left: 5%;
}
.margin-left-l {
    margin-left: 7.5%;
}
.margin-left-xl {
    margin-left: 10%;
}
.margin-left-xxl {
    margin-left: 15%;
}
.margin-right-s {
    margin-right: 2.5%;
    /* % won't reflow with font-size user setting */
}
.margin-right-m {
    margin-right: 5%;
}
.margin-right-l {
    margin-right: 7.5%;
}
.margin-right-xl {
    margin-right: 10%;
}
.margin-right-xxl {
    margin-right: 15%;
}
/* Font-stacks */
.sans {
    /* Typical usage: headings */
    font-family: sans-serif;
}
.serif {
    font-family: serif;
}
.monospace {
    font-family: monospace;
}
/* We try to rely on RS’ typefaces, hence the huge font-stack */
.humanist {
    font-family: "Myriad Pro", Seravek, Ember, "Trebuchet MS", "BN Trebuchet MS", "PT Sans", "Frutiger Neue", Roboto, sans-serif;
}
/* We try to rely on RS’ typefaces, hence the huge font-stack */
.geometric {
    font-family: Futura, "Century Gothic", "Apple SD Gothic Neo", AppleGothic, sans-serif;
}
/* We try to rely on RS’ typefaces, hence the huge font-stack */
.oldstyle {
    font-family: "Minion Pro", "Iowan Old Style", Palatino, "Palatino Linotype", "Palatino Nova", "BN Amasis", Cambria, FreeSerif, "Times New Roman", serif;
}
/* We try to rely on RS’ typefaces, hence the huge font-stack */
.modern {
    font-family: Athelas, Literata, Bookerly, "Merriweather Serif", Malabar, "BN Malabar", Georgia, "Droid Serif", serif;
}
/* Text align */
.justified,
.justified * {
    /* Designed as a class for body — We don't enforce as user setting > author */
    text-align: justify !important;
    adobe-hyphenate: auto;
    /* proprietary for Legacy RMSDK */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -epub-hyphens: auto;
    hyphens: auto;
    /* before and after not in spec but iBooks support all three (-webkit-) */
    -ms-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-lines: 2;
    hyphenate-limit-lines: 2;
    /* No support except Trident (Windows) */
    -ms-hyphenate-limit-chars: 6 3 2;
    -moz-hyphenate-limit-chars: 6 3 2;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 2;
    hyphenate-limit-chars: 6 3 2;
    /* No support except Trident (Windows) */
    -ms-hyphenate-limit-zone: 10%;
    -moz-hyphenate-limit-zone: 10%;
    -webkit-hyphenate-limit-zone: 10%;
    hyphenate-limit-zone: 10%;
    /* No support */
    -ms-hyphenate-limit-last: always;
    -moz-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-last: always;
    hyphenate-limit-last: always;
}
.align-left,
.align-left * {
    text-align: left !important;
}
.align-center,
.align-center * {
    text-indent: 0;
    /* Necessary as RS may define text-indent for p */
    text-align: center !important;
}
.align-right,
.align-right * {
    text-indent: 0;
    /* Necessary as RS may define text-indent for p */
    text-align: right !important;
}
/* Indents */
.indent {
    text-indent: 1em;
}
.no-indent {
    text-indent: 0;
}
.hanging-indent {
    text-indent: -5%;
    margin-left: 5%;
    /* Since em will reflow with font-size user setting, we’re using % */
}
/* Font sizes */
.fs-xxs {
    font-size: 0.8125em;
    line-height: 1.84615385;
}
.fs-xs {
    font-size: 0.875em;
    line-height: 1.71428571;
}
.fs-s {
    font-size: 0.9375em;
    line-height: 1.6;
}
.fs-m {
    font-size: 1em;
    line-height: inherit;
}
.fs-l {
    font-size: 1.125em;
    line-height: 1.33333333;
}
.fs-xl {
    font-size: 1.3125em;
    line-height: 1.14285714;
}
.fs-xxl {
    font-size: 1.4375em;
    line-height: 1.04347826;
}
.fs-jumbo {
    font-size: 1.625em;
    line-height: 0.92307692;
}
/* Font styles */
.bold {
    /* Don't use that with span if b or strong can be used */
    font-weight: bold;
}
.italic {
    /* Don't use that with span if i, cite, dfn or em can be used */
    font-style: italic;
}
.bold-italic {
    font-weight: bold;
    font-style: italic;
}
.small-caps {
    text-transform: lowercase;
    /* Don't rely on this property, text should be typed in uppercase (legacy RMSDK) */
    font-variant: small-caps;
    letter-spacing: 0.0625em;
    /* The two previous props are not supported in legacy RMSDK */
}
.underline {
    text-decoration: underline;
}
/* Misc */
.no-list-type {
    /* Typical usage: hiding numbers in toc */
    list-style-type: none;
}
/* PAGE BREAKS */
.break-before {
    page-break-before: always;
    break-before: always;
    /* Future according to https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-before */
}
/* For some reason, after has better support than before (Google, Kobo, etc.) */
.break-after {
    page-break-after: always;
    break-after: always;
}
.break-inside {
    page-break-inside: auto;
    break-inside: auto;
}
/* Let’s pretend it is supported (legacy RMSDK does, others not so much) */
.no-break-before {
    page-break-before: avoid;
    break-before: avoid;
}
/* Let’s pretend it is supported (legacy RMSDK does, others not so much) */
.no-break-after {
    page-break-after: avoid;
    break-after: avoid;
}
/* This one works in iBooks, useful for figure or to keep 2 elements together */
.no-break-inside {
    page-break-inside: avoid;
    break-inside: avoid;
}

/* End CSS */

/*Start dp static css*/
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/*Cover*/
#cover-image img{
  width: 100%;
}
/*Absatz mit Einzug*/
p {
  margin: 0;
  text-align: justify;
  text-indent: 1em;
}
/*kein Einzug nach Absatz*/
.spacer + p {
  text-indent: 0;
}
/*Absatz mit Abstand nach unten*/
p.absatz{
  margin-bottom:1em;
}
/*ohne Einzug*/
.rte > p:first-child,
/*Text-Stil 1 u 2 ohne Einzug*/
.text-style-1 p,
.text-style-1 + p,
.text-style-2 p,
.text-style-2 + p,
h2 + p,
.no-initial p,
.no-initial + p,
.initial-paragraph {
  display: block;
  text-indent: 0;
}
section,
.paragraph {
  page-break-before:always;
}
ul {
  list-style: none;
}
figure {
  text-align: center;
}

/*Links*/
a{
  font-weight: 300;
}
/*------------------------------------*\
    #IMPRESSUM
\*------------------------------------*/
.imprint {
  text-align: center;
}
/*Spezialabsatz Impressum*/
.imprint p {
  font-size: 0.7em;
  line-height: 1.3125;
  text-align: center;
  text-indent: 0;
  margin-bottom:0.5em;
}

/*------------------------------------*\
    #KURZ VORAB (BOOKSNACKS)
\*------------------------------------*/
/*Absätze ohne Einzug*/
.explanation p,
.intro p {
  text-indent: 0;
}

/*------------------------------------*\
    #INITIAL-Buchstabe (ohne Einzug)
\*------------------------------------*/
.rte > h2 + div[class^='style'] + p,
.rte > h2 + div[class^='style'] + div + p,
.rte > h2 + div[class^='style'] + div + div + p,
.rte > h2 + div[class^='style'] + div + div + div + p,
.rte > h2 + div[class^='style'] + div + div + div + div + p,
.rte > div[class^='style'] + p,
.rte > div[class^='style'] + div + p,
.rte > div[class^='style'] + div + div + p,
.rte > div[class^='style'] + div + div + div + p,
.rte > div[class^='style'] + div + div + div + div + p,
h2 + p:first-letter,
h3 + p:first-letter,
.no-initial + p:first-letter,
.initial-paragraph:first-letter,
.style_initial > p:first-letter 
{
  text-indent: 0;
}

/*------------------------------------*\
    #INHALT
\*------------------------------------*/
.title-page {
  margin-left: auto;
  margin-right: auto;
}
/*------------------------------------*\
    #In eigener Sache
\*------------------------------------*/
.on-our-own-behalf {
  text-align: center;
}
.on-our-own-behalf p {
  margin-bottom: 1em;
  text-align: center;
}


/*------------------------------------*\
    #Über den/die Autor/in
\*------------------------------------*/
.author__curriculum-vitae figure {
  float: left;
  margin: 0;
  max-width: 200px;
  padding: 0 2em 2em 2em;
}
.author__curriculum-vitae p{
  text-indent: 0;
}
.author__curriculum-vitae figure img {
  max-width: 200px;
  width: 200px;
  border-radius: 50%;
}
.author__links {
  clear: both;
  padding-bottom: 1.5em;
}
.author__links-headline{
  font-weight: 700;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
.author__links ul {
  margin: 0;
  padding: 0;
}


/*------------------------------------*\
    #Werbung
\*------------------------------------*/
.advertisement__work {
  clear: both;
}
.advertisement__work:after {
  content: "";
  display: table;
  clear: both;
}
.advertisement__work figure {
  float: left;
  margin: 0;
  max-width: 160px;
  padding: 0 2em 2em 0;
}
.advertisement__work figure img {
  max-width: 160px!important;
  width: 100%;
}
.advertisement__work-title {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;  
  margin: 0;
  text-align: left;
}
.advertisement__work-authors {
  font-style: italic;
}
.advertisement__work-isbn,
.advertisement__work-teaser {
  margin: 0 0 1em;
}
.advertisement__work-link,
.advertisement__work-url,
.advertisement__work-extract p:first-child {
  margin: 1em 0 0;
  text-align: center;
}
.advertisement__work-extract h1{
  font-size: 1.5em;
}
.advertisement__work-extract-headline,
section .advertisement__work-extract h2 {
  font-family:'Font1';
  font-size: 2em;
  margin-bottom: 1em;
  margin-top: 1em;
  text-align: center;
}
.advertisement__work,
#leseprobe,
.advertisement__work-url,
.advertisement__work-extract-headline{
  margin-top: 1.5em;
}
.advertisement__work:before,
#leseprobe:before,
.advertisement__work-url:before,
.advertisement__work-extract-headline:before{
  content: "***";
  display: block;
  font-family:'Font1';
  font-size: 20px;
  margin-bottom: 1.5em;
  text-align: center;
}
h1+.advertisement__work{
  margin-top: 0;
}
h1+.advertisement__work:before{
  margin-bottom: 0;
  content: "";
}
.advertisement--audiobook-promotion .advertisement__work figure {
  float: none;
  margin: auto;
  max-width: 280px;
}
.advertisement--audiobook-promotion .advertisement__work figure img {
  max-width: 280px!important;
}



/*------------------------------------*\
    #Stile (über RTE zugewiesen)
\*------------------------------------*/
p.zitat{
font-size: 0.8em;
text-align:right;
margin-bottom:10px;
}

/*Chatverlauf*/
.style_chat{
  width: 100%;
  position: relative;
  clear: both;
}
.style_chat p{
  clear: both;
  border: 1px solid black;
  border-radius: 4px; 
  margin: 2em 0;
  padding: 10px 15px;
  text-indent: 0;
  width: 60%;
}
/*left Chatbox*/
.style_chat p:nth-of-type(2n+1){
  text-align: left;		
  display: inline-block;
  position: relative;
  left: 20px;
}
.style_chat p:nth-of-type(2n+1):after{           
  content: "";
  display: inline-block;
  position: absolute;
  left: -8.5px;
  top: 7px;
  height: 0px;
  width: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid white;            
}
.style_chat p:nth-of-type(2n+1):before{
  content: "";
  display: inline-block;
  position: absolute;
  left: -9px;
  top: 7px;
  height: 0px;
  width: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid black;
}
/*right Chatbox*/
.style_chat p:nth-of-type(2n){
  text-align: left;		
  display: inline-block;
  position: relative;
  float: right;
  right: 20px;
}
.style_chat p:nth-of-type(2n):after{           
  content: "";
  display: inline-block;
  position: absolute;
  right: -8px;
  top: 6px;
  height: 0px;
  width: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid white;           
}
.style_chat p:nth-of-type(2n):before{
  content: "";
  display: inline-block;
  position: absolute;
  right: -9px;
  top: 6px;
  height: 0px;
  width: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid black;
}

/*Zeit-/Ortsangaben*/
.style_time_loc p{
  text-align: center;
  font-weight: 700;
  font-style: italic;
}

/*Briefe*/
.style_letters p{
  font-family: Georgia,Times,Times New Roman,serif; 
  margin: 1.5em 0;
  text-indent: 0;
}

/*Stil: E-Mails*/
.style_emails p{
  font-family: Georgia,Times,Times New Roman,serif; 
  margin: 1.5em 0;
  text-indent: 0;  
}
/*Stil: Zeitungsartikel*/
.style_newsarticle p{
  margin: 1.5em 0;
  text-indent: 0;  
}
/*Stil: Liedtexte/Gedichte*/
.style_poem p{
  margin: 1.5em 0;
  text-align: center;
  text-indent: 0;
}
/*Stil: Glossar*/
.style_glossary p{
  text-indent: 0;
}
/*Stil: Personenbeschreibung*/
.style_personal_description p{
  
}
/*Stil: Danksagung/Vorwort*/
.style_foreword p{
  text-indent: 0;
}
/*Stil: Zitat*/
.style_blockquote{
  margin: 1.5em 5%;
}
.style_blockquote p{
  text-indent: 0;
  font-style: italic;
  text-align: center;
}
/*Stil: Trenner*/
.divider p{
  text-align: center;
  margin: 1em 0;
}

section.paragraph {
  page-break-before: always;
}


/*End dp static css*/

/**

 * Stylesheet fuer digitalpublishers 

 *

 * ebooks - epub

 

 * e-Mail: info@digitalpublishers.de

 */

 

 

/*------------------------------------*\

    #ÜBERSCHRIFTEN

\*------------------------------------*/

h1 {

  display: block;

  font-family:'Font1';

  font-size: 2.5em;

  margin-top: 0.2em;

  margin-bottom: 0.5em;

  padding-top: 4em;

  text-align: center;

}

.intro h1,

.authors h1,

.imprint h1,

.advertisement h1,

.on-our-own-behalf h1,

#toc-title{

  font-family:'Font1';

  font-size: 2em;

  margin-top: 0.2em;

  margin-bottom: 0.5em;

  padding-top: 0;

  text-align: center;

}

#title-page h1{

  padding-top: 0;

}

 

h2 {

  font-family:'Font1';

  font-size: 2em;

  margin-top: 0.2em;

  margin-bottom: 0.5em;

  text-align: center;

}

 

/*------------------------------------*\

    #INITIALEN

\*------------------------------------*/

/*erster Buchstabe im ersten Absatz (p) jedes Kapitels (.paragraph) innerhalb des rte*/

.paragraph .rte > p:first-child:first-letter,

/*erster p-Tag nach Stil 1/2*/

.text-style-1 + p:first-letter,

.text-style-2 + p:first-letter,

/*Wenn erster Absatz einen Stil zugewiesen hat (und evtl. weitere Stile folgen, soll der erste Buchstabe des folgenden p-tags mit einem Initial beginnen - geht aktuell bis 5 aufeinanderfolgenden Stilen*/

.rte > h2 + div[class^='style'] + p:first-letter,

.rte > h2 + div[class^='style'] + div + p:first-letter,

.rte > h2 + div[class^='style'] + div + div + p:first-letter,

.rte > h2 + div[class^='style'] + div + div + div + p:first-letter,

.rte > h2 + div[class^='style'] + div + div + div + div + p:first-letter,

.rte > div[class^='style']:first-child + p:first-letter,

.rte > div[class^='style']:first-child + div + p:first-letter,

.rte > div[class^='style']:first-child + div + div + p:first-letter,

.rte > div[class^='style']:first-child + div + div + div + p:first-letter,

.rte > div[class^='style']:first-child + div + div + div + div + p:first-letter,

/*erster Buchstabe im Absatz, der auf h2 bzw. h3 folgt*/

h2 + p:first-letter,

h3 + p:first-letter,

/*erster Buchstabe im Absatz der dem Text-Stil "no-initial" folgt*/

.no-initial + p:first-letter,

/*erster Buchstabe im Absatz mit der Klasse 'initial-paragraph'*/

.initial-paragraph:first-letter ,

/*zugewiesener Stil: Initial*/

.style_initial > p:first-letter {

  float:left;

  font-family:'Font1';

  font-size: 2.35em;

  line-height: 0.7;

  margin-bottom: 0.05em;

  margin-right: 0.15em;

  margin-left: 0.00em;

  margin-top: 0.1em;

  text-indent: 0;

}

 

/*------------------------------------*\

    #TEXT-STILE

\*------------------------------------*/

/*Stil: Text-Stil-1*/

.text-style-1{

font-family: 'Font2';

font-size: 1.1875em;

line-height: 1.5;

}

.text-style-1:last-of-type,

.no-initial:last-of-type{

  margin-bottom: 1em;

}

.text-style-1 + .no-initial{

  margin-top: 1em;

}

/*Stil: Text-Stil-2*/

.text-style-2{

font-family: 'Font1';

font-size: 1.3em;

text-align: center;

margin-bottom: 1em;

margin-top: 1em;

}

/*Stil: kein Initial*/

.no-initial{

  

}

/*Stil: Abstand nach oben*/

.section-padding{

  padding-top: 160px;/*Abstand bei fehlender Kapitelüberschrift über diesen Stil zuweisbar*/

}

/*Stil: Zeit- und Ortsangaben*/

.style_time_loc{

  

}

/*Stil: Briefe*/

.style_letters p{

font-family: 'Font2';

font-size: 1.1em;

text-align: left;

margin-bottom: 1em;

margin-top: 1em;

 

}

/*Stil: E-Mails*/

.style_emails p{

  

}

/*Stil: Chatverlauf*/

.style_chat p{

  

}

/*Stil: Zeitungsartikel*/

.style_newsarticle p{

  

}

/*Stil: Liedtexte/Gedichte*/

.style_poem p{

  

}

/*Stil: Glossar*/

.style_glossary p{

  

}

/*Stil: Personenbeschreibung*/

.style_personal_description p{

  

}

/*Stil: Danksagung/Vorwort*/

.style_foreword p{

  

}