/*  ==================================================================== UNIVERSITÄT REGENSBURG - INSTITUT FÜR MUSIWISSENSCHAFT - DFG-PROJEKT »ORGELPREDIGT« ===

        Bearbeiter:     Fabian Weber, Regensburg - www.fawe.de

============================================================================================================================================================= */


@charset "utf-8";


/*  =============================================================================================================================  ALLGEMEINE VORGABEN  ====  */

/*  -----------------------------------------------------------------------------------------------------------------------------  Schriftdefinitionen  ----  */

@font-face {
    font-family: 'Orgelpredigt';
    src: url('orgelpredigt.eot');
    src: url('orgelpredigt.eot?#iefix') format('embedded-opentype'),
         url('orgelpredigt.woff') format('woff'),
         url('orgelpredigt.ttf') format('truetype'),
         url('orgelpredigt.svg#orgelpredigt') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility; }


/*  ----------------------------------------------------------------------------------------------------------------------------  Globale Definitionen  ----  */

* {
    margin: 0; padding: 0; }
*, *:before, *:after {
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

html, body {
    max-width: 60em; margin: 0 auto;
    font: normal 1em 'Noto Sans', Arial, sans-serif;
    color: #000; background: #eee; }

article, footer, header, nav {
    display: block; }

img {
    border: 0; }


/*  ===================================================================================================================================  HAUPTELEMENTE  ====  */

/*  ------------------------------------------------------------------------------------------------------------------------------------------  Header  ----  */

header {
    position: relative;
    padding: 0.2em 1em 0.8em;
    color: #fff; background: #007770; }

header img {
    display: block; margin: 0.2em auto; }
header label {
    font-family: 'Orgelpredigt';
    display: inline-block; cursor: pointer;
    position: absolute; top: 0.4em; right: 1em;
    font-size: 2.25em; font-weight: bold;
    color: #eee; }

/*  --------------------------------------------------------------------------------------------------------------------------------------  Navigation  ----  */

nav {
    font-family: 'Noto sans', sans; font-size: 1em; font-style: normal; font-weight: bold;
    background: #bed9d8;
    border-top: 1px solid #fff; }

#menu ul {
    margin: 0; padding: 0; }
#menu .main-menu {
    display: none; }
#tm:checked + .main-menu {
    display: block; }
#menu input[type="checkbox"], #menu ul span.drop-icon {
    display: none; }
#menu li, #toggle-menu {
    font-weight: bold;
    background: #bed9d8;
    border: 1px solid #77b5b3; border-width: 0 0 1px; }
#menu .sub-menu {
    margin: 0 0 0 1em; }
#menu .sub-menu a {
    text-transform: none; }
#menu .sub-menu li {
    border: none; }
#menu li, #toggle-menu, #menu a {
    position: relative; display: block;
    text-transform: uppercase; }
#toggle-menu, #menu a {
    padding: 0.3em 1em; text-decoration: none; }
#menu a:hover {
    color: #007770; background: #77b5b3; }
#menu .sub-menu {
    display: none; }
#menu input[type="checkbox"]:checked + .sub-menu {
    display: block; }
#menu li label.drop-icon {
    position: absolute; top: 0; right: 0; }
#menu label.drop-icon, #toggle-menu span.drop-icon {
    padding: 0.3em 1em;
    font-size: 1em; text-align: center;
    color: #bed9d8; background: #77b5b3; }

#breadcrump {
    padding: 0.5em 1.25em;
    font-family: 'Noto sans', sans; font-size: 0.8em; font-style: normal; font-weight: normal;
    color: #808080; background: #fff; border-bottom: 1px solid #bed9d8; }
#breadcrump a {
    color: #808080; }
#breadcrump a:hover {
    color: #007770; }

/*  ----------------------------------------------------------------------------------------------------------------------------------  Hauptabschnitt  ----  */

article {
    padding: 1em 1.6em 1em;
    background: #fff;
    border-top: 1px solid transparent; }

/*  ---------------------------------------------------------------------------------------------------------------------------------------  Fußleiste  ----  */

footer {
    padding: 0.5em 1.25em;
    font-family: 'Noto sans', sans; font-size: 0.8em; font-style: normal; font-weight: normal; text-align: center;
    color: #fff; background: #007770; }
footer a.footer {
    text-decoration: none;
    color: #fff; }
footer a.footer:hover {
    text-decoration: underline; }
#baseline {
    display: block; margin: -0.5em -1.25em 0.5em; padding: 0 1.25em 1em;
    vertical-align: middle;
    color: #808080; background: #fff; border-top: 1px solid #bed9d8; }
#baseline img {
    margin: 1em 2em 0; }

/*  ====================================================================================================================================  TEXTELEMENTE  ====  */

/*  -----------------------------------------------------------------------------------------------------------------------------------  Überschriften  ----  */

h1, h2, h3, h4 {
    font-family: 'Noto Serif', serif; font-style: normal; font-weight: bold;
    color: #007770; }
h5, h6, div.h7 {
    font-family: 'Noto Sans', sans;
    font-weight: bold;
    color: #007770; }
h1 {
    margin: 0;
    font-size: 2.4em; line-height: 1.6em; text-align: center;
    color: #fff; }
h2 {
    margin: 0 0 1.6em ;
    font-size: 1.6em; line-height: 1.6em; }
h3 {
    margin: 0 0 1.6em ;
    font-size: 1.4em; line-height: 1.6em; }
h4 {
    margin: 2em 0 1.6em ;
    font-size: 1.2em; line-height: 1.6em; }
h5 {
    margin: 1.6em 0 1.2em;
    font-style: normal; font-weight: bold; font-size: 1em; line-height: 1.6em; }
h6 {
    margin: 1.2em 0 0.4em;
    font-style: normal; font-weight: bold; font-size: 1em; line-height: 1.6em; }
div.h7 {
    margin: 0.8em 0 0;
    font-style: italic; font-weight: normal; font-size: 1em; line-height: 1.6em; }

/*  -------------------------------------------------------------------------------------------------------------------------------------  Textabsätze  ----  */

p {
    margin: 0 0 0.8em;
    font-family: 'Noto Sans', sans; font-size: 1em; line-height: 1.6em; font-style: normal; font-weight: normal; }

p.autor {
    font-style: italic; text-align: right;
    color: #007770; }
p.quelle {
    margin: 1em 0;
    font-family: 'Noto Sans', sans; font-size: 0.8em; line-height: 1.6em; font-style: normal; font-weight: normal; }
p.quelle::before {
    content: "\229B";                                                                                      /*  Hier ein Aldusblatt aus dem eigenen Font einfügen  */
    display: block; margin: 2.5em 0 1.25em; font-size: 2.5em; text-align: center;
    color: #007770; }

.kurztext p {
    margin-bottom: 0.4em;
    text-indent: 2em; }
    
.kurztext p:first-of-type {
    text-indent: 0em; }
    
/*Added q class="title" for titles of books etc in the text (umbreit)*/
.kurztext q.title {
    quotes: none; font-style: italic;
    color: #444; }

/*Added blockquote for long quotations in i.e. Ereignisse*/
.kurztext blockquote {
    margin-left: 4em; }
.kurztext blockquote p {
    margin-bottom: 0.2em;
    text-indent: 1em;
    font-style: italic; }
.kurztext blockquote p:first-of-type {
    text-indent: 0; }
.kurztext blockquote p:last-child {
    margin-bottom: 0.4em; }

/*  ------------------------------------------------------------------------------------------------------------------------------------------  Listen  ----  */

ul, ol {
    margin: 0 0 0.8em; padding: 0;
    font-family: 'Noto Sans', sans; font-size: 1em; line-height: 1.6em; font-style: normal; font-weight: normal;
    list-style: none; }

li {
    margin: 0; }

ul.literatur li, ul.steckbrief li li {
    padding-left: 1.2em; }
ul.literatur li label, ul.steckbrief li li label {
    font-family: Orgelpredigt;
    float: left; width: 0.8em;
    margin-left: -1.2em;
    color: #007770; }

ul.steckbrief {
    margin: 0 0 2.4em; }
ul.steckbrief li {
    margin: 0 0 0.4em; }
ul.steckbrief li label {
    display: block; width: auto; float: none;
    margin: 0; padding: 0;
    text-align: left;
    color: #007770; }

    ul.meta {   /* E11 pages */
    list-style: circle; 
    padding: 0 1em;}
ul.meta li {
    padding: 0.25em;}
ul.lit {
    list-style: none;
    padding: 0 1em;}
ul.lit li {
    padding: 0.25em;
    padding-left: 1em;
    text-indent: -1em;}
ul.lit li a {
    text-indent: 0;}

/*  ------------------------------------------------------------------------------------------------------------------------------------------  Tabellen / Suche  ----  */

div.searchbox {
    margin-left: 0 !important;
}


table.search_results, table.search_table{
    border-collapse: collapse;
}

table.search_results td, th, table.search_table td, th {
    padding: 0.5em;
  }

table.search_results tr:nth-child(even){background-color: #f2f2f2;}

table.search_results tr:hover {background-color: #bed9d8;}

table.search_results th {
    padding: 0.5em;
    text-align: left;
    background-color: #007770;
    color: white;
}

table#table_search_portal_full {
    margin: auto;
}

/* Search Buttons and Selectors */
form.search_form button {
    color: white;
    background-color: #007770;
    border: none;
    padding: 0.5em;
    text-align: center;
    font-weight: bold;
    font-size: large;
    border-radius: 5px;
    cursor: pointer;
}

form.search_form button.add_cond_button {
    display: inline;
    margin: 0.5em;
    cursor: pointer;
}

form.search_form input.submit_button {
    display: block;
    margin: auto;
    margin-bottom: 1em;
    padding: 1em;
    color: white;
    background-color: #007770;
    border: none;
    padding: 0.5em;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

select {
    appearance: auto;
    background-color: #007770;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    width: auto;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    color: white;
    padding: 0.5em;
    border-radius: 5px;
  }

form.search_form .input {
    padding: 0.5em;
    border-radius: 5px;
    border: 1px solid black;
  }

form.search_form .input:focus {
    background-color: #bed9d8;
    border: 1px solid black;
    outline: none;
  }

input#input_search_portal_full {
    margin-bottom: 1em;
}

/*  -------------------------------------------------------------------------------------------------------------------------------------------  Links  ----  */

a {
    background: transparent; }
a:focus {
    outline: thin dotted; }
a:active, a:hover {
    outline: 0; }
a:link, a:visited {
    text-decoration: underline;
    color: #007770; }
a:hover, a:focus, a:active {
    text-decoration: underline;
    color: #77b5b3; }

a.extern::before {
    font-family: Orgelpredigt;
    content: "\0056\00A0"; white-space: nowrap;
    display: inline-block;
    color: #808080; }
a.info {
    padding: 0 0.25em;
    font-family: Orgelpredigt; font-size: 1.2em; line-height: 1em;
    text-decoration: none; }

a.neue_suche {
    display: block;
    margin: auto;
    margin-bottom: 1em;
    padding: 1em;
    color: white;
    background-color: #007770;
    border: none;
    padding: 0.5em;
    text-align: center;
    border-radius: 5px;
    cursor: pointer; }

/*  ----------------------------------------------------------------------------------------------------------------------------------  Auszeichnungen  ----  */

b, strong {
    font-style: normal; font-weight: bold; }
i {
    font-style: italic; font-weight: normal; }
q {
    quotes: "\00BB" "\00AB" "\203A" "\2039"; }
q.sq {
    quotes: "\203A" "\2039"; }

span.edition {
    display: inline-block; margin-left: 2em; padding-bottom: 1em; padding-top: 0.25em; width: 7em;}
span.icon {
    font-family: Orgelpredigt; font-size: 1.2em; font-style: normal; line-height: 1em;
    color: #808080; }
span.h_icon {
    font-family: Orgelpredigt; font-size: 1.2em; font-style: normal; font-weight: normal; line-height: 1em;
    color: #007770; }
span.keineid {
    text-decoration: underline;
    color: #e00; }
span.keineidreal {
    font-style: italic; text-decoration: underline;
    color: #e00; }
span.titelid {
    text-decoration: underline;
    color: #e00; }
span.titelidreal {
    font-style: italic; text-decoration: underline;
    color: #e00; }
span.umbruch {
    color: #77b5b3; }
span.warnung {
    font-weight: bold;
    color: #bb0000; }

code {
    font-family: 'Noto Serif', serif;
    color: #444; }

/*  ------------------------------------------------------------------------------------------------------------------------  Elemente für Übersichten  ----  */

.reiter {                                                                                     /*  ----  Alphabetisches Register oberhalb der Übersicht  ----  */
    margin: 0 0 1em; padding: 0;
    font-family: 'Noto Sans', sans; font-size: 1em; line-height: 1.5em; font-style: normal; font-weight: normal;
    border: 1px solid #ccc; border-width: 1px 0; }
.reiter a.button {
    width: auto; display: inline-block;
    margin: 0; padding: 0.1em 0.6em 0.2em;
    font-size: 1.1em; line-height: 1.5em; font-weight: bold;
    color: #007770; }
.reiter a.button:hover {
    text-decoration: none;
    background: #77b5b3; }
.reiter form.search {
    float: right;
    margin-left: 2em; }
.reiter form.search input {
    width: 10em;
    margin: 0.25em 0; padding: 0.25em 0.5em;
    font-size: 1em;
    border: 1px solid #808080; }
.reiter form.search input:focus {
    border: 1px solid #77b5b3;
    box-shadow: 0 0 10px 0 #dea6c1; -moz-box-shadow: 0 0 10px 0 #dea6c1; -webkit-box-shadow: 0 0 10px 0 #dea6c1; }
.reiter form.search input.button {
    width: auto;
    padding: 0.25em;
    font-family: Orgelpredigt;
    color: #007770; background: #bed9d8;
    border: none; }
.reiter form.search input.button:hover {
    background: #77b5b3; }

.liste, .liste2 {                                                                                                                           /*  ----  Übersicht  ----  */
    overflow: auto; display: none; }
.liste ul, .liste2 ul {
    margin: 0; padding: 0; }
.liste ul li, .liste2 ul li {
    padding-left: 2em; 
    break-inside: avoid; }
.liste ul li label, .liste2 ul li label {
    font-family: Orgelpredigt;
    float: left; width: 1.5em;
    margin-left: -2em;
    color: #808080; }


/*  -------------------------------------------------------------------------------------------------------------------------------------  Abbildungen  ----  */

figure {
    width: 100%; height: auto; float: right;
    margin: 0 0 1em 2em; padding: 0.3em;
    font-size: 0.875em;
    border: 1px solid #bed9d8; }
figure.full {
    width: 100%; }
figure img {
    width: 100%; }
figure figcaption {
    padding: 0 0.3em; }
.logos {
    float: right;
    margin-left: 1em;
    text-align: center; }


/*  ------------------------------------------------------------------------------------------------------------------------------------  Toggle-Boxen  ----  */

.toggleBox {
    position: relative; /* overflow: hidden; */ /* Taken out because tooltips were cut off */
    margin-top: 1.2em; padding-top: 0.6em;
    border-top: 1px solid #77b5b3; }
.toggleBox > input {
    position: absolute;
    left: -99999px; }
.toggleBox > label {
    float: left; width: 1.6em;
    margin-right: 0.8em; padding: 0.2em 0;
    font-family: Orgelpredigt; font-size: 1.6em; font-style: normal; font-weight: normal; line-height: 1em;
    text-align: center; cursor: pointer;
    color: #007770; }
.toggleBox > label:hover {
    color: #77b5b3; }
.toggleBox > input:not(:checked) ~ div {
    opacity: 0; height: 0; overflow: hidden; }
.toggleBox > input:checked ~ div {
    opacity: 1;
    padding-bottom: 1em;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out; }
.toggleBox > input:not(:checked) ~ .close, .toggleBox > input:checked ~ .open {
    display: none; }


/*  ---------------------------------------------------------------------------------------------------------------------  Volltexte und Editionstexte  ----  */

.edition div.titel {
    text-align: center; }

.edition h3, .edition h4, .edition h5, .edition h6 {
    font-family: 'Noto sans', sans; color: #000; }
.edition h4.anm {
    font-family: 'Noto Serif', serif; color:#007770;
    padding: 0 0 0.6em;
    border-bottom: 1px solid #bed9d8; }
.volltext h4 {
    overflow: hidden; padding: 0 0 0.6em;
    border-bottom: 1px solid #bed9d8; }
.volltext h4 label, .volltext h5 label, .volltext h6 label {
    padding-right: 1em; }
.volltext h4 label {
    font-weight: bold; }
.volltext h4 label a, .volltext h5 label a, .volltext h6 label a {
    display: inline block; margin: 0; padding: 0 0.3em;
    font-family: Orgelpredigt; font-weight: normal; text-decoration: none;
    color: #007770; background: #e0eceb; }

.volltext p {
    margin-bottom: 0.4em;
    text-indent: 2em; }
.volltext p:first-of-type, .volltext h4+p, .volltext h5+p, .volltext h6+p, .volltext div.h7+p, .volltext ul+p, .volltext blockquote+p {
    text-indent: 0em; }

.volltext blockquote {
    margin-left: 4em; }
.volltext blockquote p {
    margin-bottom: 0.2em;
    text-indent: 1em;
    font-style: italic; }
.volltext blockquote p:first-of-type {
    text-indent: 0; }
.volltext blockquote p:last-child {
    margin-bottom: 0.4em; }
.edition label span,
.volltext label span {
    color: #007770; }
.edition q {
    quotes: "\00BB" "\00AB" "\203A" "\2039"; }
.edition q.quote {
    quotes: none; font-style: italic;
    color: #444; }

/*Added q class="title" for titles of books etc in the text (umbreit)*/
.edition q.title {
    quotes: none; font-style: italic;
    color: #444; }
.volltext q {
    quotes: "\00BB" "\00AB" "\203A" "\2039"; }
/*Added q class="title" for titles of books etc in the text (umbreit)*/
.volltext q.title {
    quotes: none; font-style: italic;
    color: #444; }

.volltext q.sq, .edition q.sq {
    quotes: "\203A" "\2039"; 
    font-style: normal; }
.edition sup,
.volltext sup {
    line-height: 0; }
.edition sup a,
.volltext sup a {
    font-family: 'Noto sans', sans; font-style: normal; font-weight: bold; text-decoration: none; }

.edition span.editor,
.volltext span.editor {
    color: #007770; font-style: normal; }
.edition span.grc {
    font-family: 'Noto Serif', serif; }
.edition span.hi_all-caps {
    text-transform: uppercase; }
.edition span.hi_antiqua {
    font-family: 'Noto Serif', serif;
    color: #444; }
.edition span.hi_italic {
    font-style: italic; }
.edition span.hi_small-caps {
    font-variant: small-caps; }
.edition span.hi_spaced-out {
    letter-spacing: 0.2em; word-spacing: 1.4em; }
/* subscript, superscript */
.edition span.note {
    width: 25%; height: auto; float: right; clear: right;
    margin: 0.3em 0 1em 2em; padding: 0.3em 0.3em 0.3em 0.6em;
    font-size: 0.8em; font-style: normal; font-weight: normal; line-height: 1.4em; text-align: right;
    background-color: #eee;
    border-left: 1px dotted #777; }
.edition span.ofn {
    width: 25%; height: auto; float: right; clear: right;
    margin: 0.3em 0 1em 2em; padding: 0.3em 0.3em 0.3em 0.6em;
    font-size: 0.8em; line-height: 1.4em; text-align: right;
    background-color: #eee;
    border-bottom: 1px dotted #777; }
.edition span.pagebreak {
    display: block; overflow: hidden;
    margin: 0.3em 0 0.6em; padding: 0 0.2em;
    font-family: 'Noto sans', sans;
    font-style: normal; white-space: nowrap;
    color: #007770; background: #e0eceb; }

/*Original-Fußnoten (umbreit)*/
.edition hr.footnote {
    display: block; overflow: hidden;
    margin: 0.3em 0 0.6em; padding: 0 0.2em;
    border: 0.1em solid #e0eceb; }
.volltext span.supplied, .edition span.supplied {
    color: #007770; font-style: normal; }
.volltext span.supplied::before, .edition span.supplied::before {
    content: "["; display: inline;
    color: #007770; }
.volltext span.supplied::after, .edition span.supplied::after {
    content: "]"; display: inline;
    color: #007770; }

.volltext ul {
    list-style: circle inside; }
.volltext ul.steckbrief {
    list-style: none; }
.volltext ol {
    list-style: decimal inside; }
.edition ol.ref,
.volltext ol.ref {
    list-style: none; }
.edition ol.ref li,
.volltext ol.ref li {
    padding-left: 5em; }
.edition ol.ref li label.backref,
.volltext ol.ref li label.backref {
    float: left; min-width: 3em;
    margin-left: -5em; padding-right: 1em;
    font-size: 0.9em; font-weight: bold;
    color: #444; }
.edition ol.ref li label.backref a,
.volltext ol.ref li label.backref a {
    display: inline block; margin: 0; padding: 0 0.3em;
    font-family: Orgelpredigt; font-weight: normal; text-decoration: none;
    color: #007770; background: #e0eceb; }

.edition .inhalt, .volltext .inhalt {                                                                                          /*  ----  Inhaltskasten  ----  */
    width: 20em; height: auto; float: left; clear: left;
    margin: 0.3em 2em 1em 0; padding: 0.3em 0.6em 0.8em;
    font-size: 0.9em; line-height: 1.4em; text-align: left;
    border: 1px solid #bed9d8; }
.edition .inhalt {
    margin-top: 0; }
.edition .inhalt p.titel, .volltext .inhalt p.titel, div.volltextlink p.titel, div.zitierlink p.titel{
    display: block;
    margin: -0.3em -0.6em 0.4em; padding: 0.3em 0.6em 0.6em;
    font-weight: bold;
    color: #007770; background: #e0eceb; }
.edition .inhalt .rubrik {
    display: block;
    margin: 0.6em -0.6em 0; padding: 0.3em 0.6em 0;
    font-weight: bold;
    color: #007770;
    border-top: 1px solid #bed9d8; }
.edition .inhalt p, .edition .inhalt ul {
    margin: 0; color: #444; }
.edition .inhalt li {
    list-style-type: none; }
.edition .inhalt li::before {
  content: "\2022\00A0"; }

.edition .inhalt .toggleBox, .volltext .inhalt .toggleBox {
    margin: 0;
    padding: none;
    border: none;
}

.edition .inhalt .toggleBox label, .volltext .inhalt .toggleBox label{
    float: right;
    margin: 1.1em 0.6em 0;
    padding: 0.3em 0.6em 0;
    font-size: 1em;
}

.edition .inhalt .toggleBox > input:checked ~ div, .volltext .inhalt .toggleBox > input:checked ~ div {
    margin: 0;
}

.volltext .inhalt p {
    margin: 0; padding-left: 2.5em;
    text-indent: 0;
    color: #444; }
.edition .inhalt a, .volltext .inhalt a {
    text-decoration: none; }
.volltext .inhalt p label {
    float: left; min-width: 2em;
    margin-left: -2.5em; padding-right: 0.5em;
    font-weight: bold; }
div.volltextlink, div.zitierlink {
    width: 10em; height: auto; float: right; clear: right;
    margin: 0.3em 0 1em 2em; padding: 0.3em 0.6em 0.8em;
    font-size: 0.9em; line-height: 1.4em; text-align: left;
    border: 1px solid #bed9d8;
}
div.volltextlink p, div.zitierlink p {
    margin: 0; 
    text-indent: 0; }

div.edition table {
    width: 100%;
}
div.edition table.kretschmar {
    width: inherit;
}
div.edition table .center {
    text-align: center; }
div.edition table .left {
    text-align: left; }
div.edition table .right {
    text-align: right; }
.edition span.right { float: right; display: inline-block; white-space: nowrap; text-align: right; }
.edition div.clearfix { width: 0; height: 0; overflow: hidden; clear: both; }

div.edition table.anwander {
    font-family: 'Noto Serif', serif; 
    line-height: 1.6em; text-align: left;
    border-collapse: collapse; }
div.edition table.anwander td {
    padding-left: 1em;
    border-left: 1px dotted #777; }
    
/*<div>-Box die table-umgebungen umschließt um sie floaten zu lassen (Kretschmar) (umbreit) */
.edition div.table-box {
    display: block;
    width: inherit;
    overflow: hidden;
}

/*  ----------------------------------------------------------------------------------------------------------------------------------------  Tooltips  ----  */
.tooltip {
    /*display: inline-block;*/
    text-indent: 0; }
.tooltip .tip {
    position: relative /*!important*/; 
    display: inline-block;
    margin: 0; padding: 0; }
.tooltip .tip > .tiptext {
    display: none; }
.tooltip .tip > a {
    margin: 0; padding: 0;
    font-family: 'Orgelpredigt'; font-style: normal; text-decoration: none;
    color: #77b5b3; }
.tooltip .tip > a:focus + .tiptext, .tooltip .tip > a:hover + .tiptext {
    display: block; }
a.icon {
    margin: 0; padding: 0;
    font-family: 'Orgelpredigt'; font-style: normal; text-decoration: none;
    color: #77b5b3; }
.tiptext {
    position: absolute; bottom: 2rem; left: -7.2rem; width: 15rem;
    padding: 0.3rem 0.6rem 0.6rem;
    font-family: 'Noto sans', sans; font-style: normal;
    font-size: 0.9rem; line-height: 1.2rem; text-align: left; white-space: normal;
    color: #444; background: #fff;
border: 1px solid #007770; }
.tiptext::after {
    position: absolute; top: 100%; left: 50%; content: '';
    width: 0; height: 0;
    margin-left: -8px;
    border-top: 8px solid #007770; border-right: 8px solid transparent; border-left: 8px solid transparent; }
.tiptext span.tiptitel {
    display: block;
    margin: -0.3rem -0.6rem 0.3rem; padding: 0.2rem 0.6rem 0.4rem;
    font-weight: bold;
    color: #007770; background: #e0eceb; }


/*  -----------------------------------------------------------------------------------------------------------------------------------  Zitier-Modals  ----  */

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
  }
  .overlay:target {
    visibility: visible;
    opacity: 1;
    margin: 0;
  }
  
  .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1.5em;
    background: #fff;
    width: 30%;
    position: relative;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    z-index: 3;
    /*transition: all 5s ease-in-out;*/
  }
  
  .popup h2 {
    margin-top: 0;
    color: #007770;
    /*font-family: Tahoma, Arial, sans-serif;*/
    z-index: 3;
    margin-bottom: 0.75em;
  }
  .popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #007770;
    z-index: 3;
  }
  .popup .close:hover {
    color: #e0eceb;
    z-index: 3;
  }
  .popup .content {
    margin: 0 0 0.8em;
    font-family: 'Noto Sans', sans; 
    font-size: 1em; 
    line-height: 1.6em; 
    font-style: normal; 
    font-weight: normal;
    z-index: 3;
  }
  .popup .content p {
      padding-left: 1.5em;
      text-indent: -1.5em;
  }


/*  ---------------------------------------------------------------------------------------------------------------------------------------  Sonstiges  ----  */

.mapwindow {                                                                                  /*  ----  Fenster für Kartenausschnitt aus OpenStreetMap  ----  */
    position: relative; height: 300px; }

.olControlAttribution.olControlNoSelect {                                                                /*  ----  Copyright-Hinweis für OpenStreetMap  ----  */
    position: relative; bottom: 0; right: 0;
    padding: 0 0.5em;
    background: rgba(190,217,216,0.75); }

.struktur {
    margin-bottom: 0.6em; 
    width: 100%; font-size: 0.875em; border-collapse: collapse; }
.struktur th {
    padding: 0.3em 0.6em;
    text-align: left; font-weight: normal; vertical-align: top;
    color: #000; background: #bed9d8; border: 1px solid #77b5b3; }
.struktur td {
    padding: 0.3em 0.6em; border: 1px solid #77b5b3; vertical-align: top; }
.struktur .label {
    width: 10em; }
.struktur th.label {
    font-weight: bold; }


/*  ======================================================================================================================================  BREAKPOINT  ====  */

@media only screen and (min-width:47em) {

    header {
        padding: 0.8em 2em 1.2em; }
    header img {
        display: inline; float: left; margin: 0.2em 2em 0.2em 0; }
    header label {
        display: none; }

    nav:after {
        content: "";
        display: table;
        clear: both; }
    #menu .main-menu {
        display: block; }
    #toggle-menu, #menu label.drop-icon {
        display: none; }
    #menu ul span.drop-icon {
        display: inline-block;
        padding: 0 0 0 0.5em;
        color: #77b5b3; }
    #menu li {
        float: left;
        border-width: 0 1px 0 0; }
    #menu .sub-menu li {
        float: none; }
    #menu .sub-menu {
        position: absolute; top: 100%; left: 0; width: 12em;
        margin: 0;
        border-width: 0;
        z-index: 3000; }
    #menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu {
        display: none; }
    #menu .sub-menu .sub-menu {
        top: 0; left: 100%; }
    #menu li:hover > input[type="checkbox"] + .sub-menu {
        display: block; }

    article {
        padding: 2em 3em; }
    article div.liste2 {
        column-count: 1; column-gap: 4em; column-rule: 1px dotted #ccc;
        -webkit-column-count: 2; -webkit-column-gap: 4em; -webkit-column-rule: 1px dotted #ccc;
        -moz-column-count: 2; -moz-column-gap: 4em; -moz-column-rule: 1px dotted #ccc; }

    h1 { text-align: left; }

    ul.steckbrief li {
        padding-left: 13em; }
    ul.steckbrief li label {
        float: left; width: 12em;
        margin-left: -13em; }

    .reiter form.search {
        float: right;
        margin-left: 2em; }
    figure { width: 50%; }
    /*div.edition { margin-left:13em; }*/
    /*.struktur { width: 50%; float: right; }*/

    .edition h5, .edition h6,
    .edition p, .edition hr.footnote { /*umbreit*/
        margin-left: 13em; }

        .edition h4, .volltext h4 {
            margin-left: 10.833em; }
        .volltext h5, .volltext h6, .volltext div.h7 {
            margin-left: 13em; }
        .volltext p, .volltext ul, .volltext ol, .edition ol, .edition ul {
            margin-left: 13em; }
        div.edition table { margin-left: 13em; width: calc(100% - 13em); }

        .toggleBox > div {
            margin-left: 13em; }
        .toggleBox > div.zitierlink {
            margin-left: 0.8em; }
        .toggleBox > .volltext, .toggleBox > .edition {
            margin-left: 0; }

    .edition .popup p {
        margin: 0 0 0 0.8em;
    }
}

@media screen and (max-width: 600px) {


    table.table-responsive tr {
        hyphens: auto;
        padding: 5px;
        display: block;
        margin: .5rem 0 1rem;
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    }

    table.table-responsive td {
        display: block;
        text-align: right;
        border-bottom: 1px dotted #ccc;
    }

    table.table-responsive td:last-child {
        border-bottom: 0;
    }

    table.table-responsive td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }
}