/* dmps – Einheitliche Formatierungen – Version:   2.0 */

html,
body {
    color: #404040;
    font-family: "Lato", sans-serif;
    line-height: 1.5;
    background-color: #F7F8E0;
}

/*--- Zitate deutsch ---*/
html[lang="de"] q {
    quotes: "»""«"
}

q:lang(de) {
    quotes: "»""«"
}

/*--- Headings | Überschriften ---*/
h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: left;
}

h1 {
    font-size: 2em;
    font-weight: 700;
    margin: 0;
    line-height: 1.5em;
}

h2 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.25em;
}

h3 {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.25em;
}

h4 {
    font-size: 1.2em;
    font-weight: 400;
    text-indent: 12px;
    line-height: 1.25em;
    margin: 2em 0 0 0.5em;
}

h5 {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.25;
}

textarea,
pre,
code,
kbd,
samp,
var,
tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}


/* --- Allgemeine Textauszeichnung --- */
article,
p.p1,
p.p2,
p.p3,
p.aphorismus {
    margin: 0;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
}

p.p2 {
    text-indent: 24px;
}

p.p3 {
    padding-top: 24px;
}

.hyphenate {
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
}

.nohyphenate {
    hyphens: none;
}

p.aphorismus {
    padding-bottom: 1.5em;
}

.litref {
    font-size: 90%;
    float: right;
    color: #757575;
}

.litref::before {
    content: "[";
}

.litref::after {
    content: "]";
}

.litnote {
    font-size: 90%;
    color: #757575;
}

.kommentar-spalte {
    margin-top: 2px;
    border-top: 6px solid #616161;
}

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

b,
strong {
    font-weight: 700;
}

i,
em,
.kursiv {
    font-style: italic;
}

.fett {
    font-weight: 700;
}

.sansserif {
    font-family: "Lato", Helvetica, sans-serif;
}

.serif {
    font-family: "Neuton", Palatino, Times New Roman, serif;
}

.dispgrey {
    color: #fff;
    background-color: #435856;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.dslash {
    font-size: 1.4em;
    font-weight: 700;
}

.firstletter {
    font-size: 3.125em;
    line-height: 0.68em;
    margin-right: 4px;
    display: block;
    float: left;
}

.quote {
    color: #999900;
}

.text-body-800 {
    max-width: 800px;
    margin: auto;
}

.text-entry {
    font-size: 1em;
    line-height: 1.5em;
    color: #222;
}

.text-book {
    font-family: "Neuton", Palatino, serif;
    font-size: 2em;
    line-height: 1.5em;
}

.text-quote {
    line-height: 1.5em;
    padding: 0.5em;
    border: 1px #444 solid;
}

.text-smallcaps {
    text-transform: capitalize;
    letter-spacing: 0.075em;
}

.text-spacing {
    letter-spacing: 0.075em;
}

.text-underline {
    border-bottom: 1px #888 solid;
    padding-bottom: 2px;
}

/* text colours */
.text-blue {
    color: #1d70b7;
    font-weight: 700;
}

.text-englishred {
    color: #ff7514
}

.text-inkblue {
    color: #2D4B9B
}

.text-red {
    color: #EF003C;
}

.text-on-grey {
    color: #fff;
    background-color: #a3a2a2;
    padding: 0.25em;
}

.text-grey {
    color: #888;
}

.text-wood {
    color: #9C0C00;
}


blockquote {
    background: transparent;
    margin: 16px 24px;
    text-align: left;
}

.pagenav {
    font-style: italic;
    color: #666;
    padding: 0.5em 0 0.25em 0;
}

.nopading {
    padding: 0;
}

b,
strong {
    font-weight: bold;
}

i,
em {
    font-style: italic;
}

big {
    /* font-size: 16px; */
    font-size: 114.28571%;
    line-height: 1.5;
}

small {
    /* font-size: 12px; */
    font-size: 85.71429%;
    line-height: 1.2;
}

pre,
code,
kbd,
tt,
samp,
var {
    font-size: 100%;
}

pre {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

pre,
code {
    color: #880000;
}

kbd,
samp,
var,
tt {
    color: #666666;
    font-weight: bold;
}

var,
dfn {
    font-style: italic;
}

abbr {
    border-bottom: 1px dotted black;
    margin-bottom: 1em;
}


mark {
    background: yellow;
    color: black;
}

/* --- Lists | Listen  --- */
ul,
ol,
dl {
    margin: 0;
}

ul {
    list-style-type: none;
}

ol {
    list-style-type: decimal;
}

ul ul {
    list-style-type: none;
}

ol ol {
    list-style-type: lower-latin;
}

ol ul {
    list-style-type: circle;
}

ul.list-text {
    width: 100%;
    list-style-type: none;
    border: 0 none;
}

ul.list-text ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px #ddd solid
}

ul.list-text li {
    width: 100%;
    padding: 4px 8px;
    border-bottom: 1px #ddd solid;
    overflow: auto
}

ul.list-text ul:last-child {
    border-bottom: none
}

ul.list-text li:last-child {
    border-bottom: none
}

ul.list-square-blue {
    list-style: inside url(../media/icon/icn_crea_blue.gif);
}


ul.list-okay li {
    margin-left: .8em;
    list-style: inside url(../media/icon/icn_okay.gif);
}

ul.list-black {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.list-black li {
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px white solid;
    text-transform: uppercase;
}

dl.grid {
    display: grid;
    grid-template-columns: 120px calc(100% - 120px);
}

dt,
dd {
    margin-bottom: 1em;
    margin: 0;
    padding: 8px 8px;
    border-bottom: 1px #ddd solid
}

/*---spacing---*/
.padding-left-12 {
    padding-left: 12px
}

.padding-left-16 {
    padding-left: 16px
}

.padding-left-24 {
    padding-left: 24px
}

.padding-bot-12 {
    padding-bottom: 12px;
}

.padding-bot-24 {
    padding-bottom: 24px;
}

.padding-bot-48 {
    padding-bottom: 48px;
}

.padding-top-12 {
    padding-top: 12px;
}

.padding-top-24 {
    padding-top: 24px;
}

.padding-top-48 {
    padding-top: 48px;
}

/*--- Links --- */
a {
    text-decoration: none;
    background-color: transparent;
}

a:active {
    text-decoration: none;
}

a:hover {
    color: #1d70b7;
    text-decoration: none;
    transition: all ease 0.75s;
}

.linkext::before {
    padding-right: 2px;
    content: url(../media/icon/icn_linkext.gif);
    text-decoration: none;
}

.linkint::before {
    content: url(../media/icon/icn_linkint.gif);
    padding-right: 2px;
    text-decoration: none;
}

.pdf::before {
    padding: 4px;
    content: url(../media/icon/pdf.jpg);
    text-decoration: none;
}

/* --- images --- */
img,
figure {
    margin: 0;
}

img.left,
img.alignleft {
    float: left;
    margin-right: 1.25em;
}

img.right,
img.alignright {
    float: right;
    margin-left: 1.25em;
}


.flexible {
    margin-bottom: 1.5em;
    max-width: 100%;
    height: auto;
}

.bordered {
    border: 8px #eee solid;
    border: 8px white solid;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.shadowed {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.75);
}

/* --- boxes --- */
.boxed {
    margin: 0 1em 0 1em;
    padding: 16px;
    border: 1px #404040 solid;
}

.box-grey {
    background-color: #f1f1f1;
    padding: 16px;
}

.box-info {
    padding: 16px;
    border-left: 6px #3a3a3a solid;
}

.box-simple {
    border: 1px #435856 dotted;
    padding: 16px;
}


/* --- Lines --- */
hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.25em 0;
    padding: 0 0 0.67857em 0;
    border: 0;
    border-bottom: 1px #888 solid;
}

hr.linesolid {
    background: transparent;
    border: 0;
    border-bottom: 2px #435856 solid;
    margin-bottom: 1em;
}

hr.linedotted {
    background: transparent;
    border: 0;
    border-bottom: #888 dotted;
}

hr.linedashed {
    background: transparent;
    border: 0;
    border-bottom: 1px #222 dashed;
}

/* --- Positionierung und Hervorhebung --- */
.highlight {
    color: #cc3300;
}

.dimmed {
    color: #888;
}

.box {
    border-radius: 0.3em;
    border-width: 1px;
    border-style: solid;
    border-color: #888;
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #444;
    color: rgba(0, 0, 0, 0.8);
    padding: 1.42857em;
    margin: 0 0 1.5em 0;
}

.box > *:last-child {
    margin-bottom: 0;
}

.label {
    font-family: Verdana, Geneva, sans-serif;
    padding: 1px 6px 2px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    white-space: nowrap;
    border-radius: 3px;
    background: #06C;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
}

.info {
    background: #f4f4f4;
}

.success {
    background: #88cc88;
}

.warning {
    background: #cccc88;
}

.error {
    background: #cc8888;
}

.float-left {
    float: left;
    display: inline;
    margin: 0 1em 1.5em 0;
}

.float-right {
    float: right;
    display: inline;
    margin: 0 0 1.5em 1em;
}

.center {
    display: block;
    text-align: center;
    margin: 0 auto 1.5em auto;
}

/* --- Tabellen-Elemente --- */
table {
    width: 100%;
    border-collapse: collapse;
    color: #444444;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin: 0 0 1.35714em 0;
}

table.narrow {
    margin: 0 0 1.42857em 0;
}

table.narrow th,
table.narrow td {
    padding: 0 0.5em;
    line-height: 1.42857;
}

table.fixed {
    table-layout: fixed;
}

table.bordertable {
    border: 1px #ccc solid;
}

table.bordertable thead th {
    background: #e0e0e0;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

table.bordertable tbody th[scope="row"] {
    background: #f0f0f0;
}

table.bordertable tbody th {
    border-right: 1px solid #ccc;
}

table.bordertable tbody td {
    border-right: 1px solid #ccc;
}

caption {
    font-variant: small-caps;
}

th,
td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.71429em 0.5em;
}

th *:first-child,
td *:first-child {
    margin-top: 0;
}

th.nowrap,
td.nowrap {
    white-space: nowrap;
}

thead th {
    text-align: left;
    color: #000;
    border-bottom: 2px #000 solid;
}

tbody {
    /* highlight row on mouse over */
}

tbody th {
    text-align: left;
    border-top: 1px solid #ccc;
}

tbody td {
    text-align: left;
    border-top: 1px solid #ccc;
}

tbody tr:hover th,
tbody tr:hover td {
    background: #f8f8f8;
}


/* background colours and patterns */
.grey-10,
.hover-grey-10:hover {
    color: #000;
    background-color: #ECECEC
}

.grey-20,
.hover-grey-20:hover {
    color: #000;
    background-color: #DADAD9
}

.grey-40,
.hover-grey-40:hover {
    color: #000;
    background-color: #B2B2B1
}

.grey-60,
.hover-grey-60:hover {
    color: #fff;
    background-color: #878786
}

.grey-80,
.hover-grey-80:hover {
    color: #fff;
    background-color: #575756
}

.crea-blue,
.hover-crea-blue:hover {
    color: #000;
    background-color: #9DAEDA
}

.crea-yellow,
.hover-crea-yellow:hover {
    color: #000;
    background-color: #FFDD75
}

.crea-orange,
.hover-crea-orange:hover {
    color: #000;
    background-color: #F4A100
}

.crea-green,
.hover-crea-green:hover {
    color: #000;
    background-color: #B1C599
}

.goldgelb,
.hover-goldgelb:hover {
    color: #000;
    background-color: #F2B600
}

.elfenbein,
.hover-elfenbein:hover {
    color: #000;
    background-color: #ECD6A0
}

.karminrot,
.hover-karminrot:hover {
    color: #fff;
    background-color: #B4121C
}

.tintenblau,
.hover-tintenblau:hover {
    color: #fff;
    background-color: #6D7EA5
}

/*--accordion--*/
ul.accordion {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.accordion li {
    background: none !IMPORTANT;
    margin-bottom: 0.5em;
    line-height: 1.3;
}

ul.accordion li img {
    padding: 0.75em;
    margin: 0;
}

ul.accordion h5 {
    text-align: center;
    line-height: 1.3em;
    border: 1px #404040 solid;
    cursor: pointer;
    padding: 6px;
}

#accordion div {
    display: none;
}

#accordion div.first {
    display: block;
}

/* Backtotop */
#backtotop {
    z-index: 999;
    display: inline-block;
    position: fixed;
    visibility: hidden;
    bottom: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 1.4em;
    color: #fff;
    text-align: center;
    opacity: 1;
    background-color: #404040;
}

#backtotop i {
    display: block;
    width: 100%;
    height: 100%;
    line-height: inherit;
}

#backtotop.visible {
    visibility: visible;
    opacity: 1;
}

#backtotop:hover {
    opacity: 1;
}

/* external styles */
.w3-sidebar {
    z-index: 3;
    width: 250px;
    top: 43px;
    bottom: 0;
    height: inherit;
}