/*                    Typ-Selektoren                  */
body {
  margin: 0;
  padding: 0 1em;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-color: gainsboro;
}

footer {
  position: fixed;
  text-align: right;
  bottom: 1em;
  right: 1em;
}

/*  in zwei Klöstern und in statuta.htm*/
nav {
  font-size: large;
}
nav a {
  margin-right: 1em;
  text-decoration: none;
  color: #005;
}
summary:hover {
  /*für nav-Elemente*/
  background-color: beige;
}

h2 {
  font-size: 1.3em;
  font-style: oblique;
  margin-left: 1.1em;
  color: rgb(54, 55, 56);
  padding-top: 0.1em;
  padding-bottom: 0em;
  margin-bottom: 0em;
}

p {
  text-align: left;
  margin-left: 1.2em;
}

i {
  font-style: italic;
}

img {
  border: 1px solid;
}

li {
  list-style-type: none;
  font-size: 1em;
}

table {
  margin-left: 1em;
}

thead {
  position: sticky;
  top: 0;
  color: black;
  background-color: beige;
}

th {
  text-align: center;
}

td {
  font-size: 1em;
  vertical-align: top;
}

.logo {
  width: 30px;
  vertical-align: bottom;
  margin-right: 0.5em;
}

/*--  925*  Klasse .kopf  --*/
.kopf {
  position: sticky;
  top: 0;
  background-color: gainsboro;
  height: fit-content;
  width: auto;
}

.kopf h1 {
  font-size: 1.4em;
  font-style: italic;
  font-variant: normal;
  background-color: gainsboro;
  border-style: inset;
  padding: 0.1em;
}

.kopf p {
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  background-color: gainsboro;
  color: black;
  padding: 0.2em;
  margin-bottom: 0.1em;
}

/*             class für index, europa, liste, literatur          */
.liste {
  margin-left: 1.5em;
}

.liste ul+li {
  /*  5* verwendet     */
  margin-top: 0.5em;
  margin-left: 0em;
  font-size: 1em;
}

/*             class für Tabellen in ordenmon         */

.tab1 td {
  width: 80px;
}
.tab1 td+td {
  width: auto;
}
.tab10 {
  text-align: left;
  font-size: 15px;
  padding: 0px;
  border: none;
}
.tab10 td {
  width: 120px;
}
.tab10 td+td {
  width: auto
}

/*             class für button in pitanz und ordenmon und statuta         */
.siehe {
  /* 806* */
  border: solid;
  border-width: thin;
  border-style: ridge;
  border-radius: 3px;
  font-size: medium;
  padding: 0;
  margin: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.button {
  /* 102*  orden, statutalokal */
  background-color: rgb(165, 139, 86);
  border: solid;
  border-width: thin;
  border-style: ridge;
  border-radius: 3px;
  color: rgb(253, 250, 250);
  padding: 0em 0.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9em;
  margin-top: 0em;
  cursor: pointer;
}

.button1 {
  /* 11* für liste.htm und nonnenklöster.htm */
  background-color: rgb(124, 126, 29);
  border: solid;
  border-width: 2pt;
  border-style: inset;
  border-radius: 5px;
  color: rgb(253, 250, 250);
  padding: 4px 4px;
  text-align: center;
  text-decoration: none;
  font-size: small;
}

.button2 {
  /* 227 für departement  */
  background-color: transparent;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size: medium;
  border: none;
  padding: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.button4 {
  /* 698* für onclick */
  background-color: transparent;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size: medium;
  font-style: italic;
  font-weight: bold;
  border: none;
  padding: 0;
  text-align: center;
}

.button5 {
  /* 2228* für ordenmon */
  background-color: rgb(165, 139, 86);
  border: solid;
  border-width: thin;
  border-style: ridge;
  border-radius: 3px;
  color: rgb(253, 250, 250);
  padding: 0.2em 0.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9em;
  margin-top: 0em;
  cursor: pointer;
  width: 32px;
}

[popover] {
  padding: 0.2rem;
  overflow: unset;
}

/*--  ID Selektoren id=""  --*/
#kloster-bookmark {
  position: fixed;
  top: 0.5em;
  right: 1em;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #888;
  padding: 0.4em 0.8em;
  font-size: 0.9em;
  font-style: italic;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

#fixiertesDiv {
  /* Fixiertes Div, über dem Header sichtbar, europa.htm */
  position: fixed;
  top: 144px;
  left: 16px;
  width: 600px;
  height: 40px;
  background-color: transparent;
  z-index: 1000;
}

.oben {
  /* 163* statuta */
  margin-left: 0em;
}

.oben td {
  font-size: 1.05em;
  font-weight: bold;
  padding-top: 0;
  padding-left: 0.5em;
}

.oben td+td {
  font-weight: normal;
  font-style: italic;
  padding-left: 0.5em;
  background-color: antiquewhite;
}

.oben td+td+td {
  font-style: normal;
}
/*
.angesehen {
  background-color: yellow;
  border: 1px solid #339;
  color: #000;
}


.treffer {
  background-color: yellow;
  font-weight: bold;
}

.trefferzeile {
  display: flex;
  align-items: center;
  gap: 1em;
  margin: 1em 0;
}

.trefferzeile form {
  margin: 0;
}

.trefferzeile button {
  font-size: 0.8em;
  padding: 0.2em 0.4em;
  background-color: #f0f0f0;
  border: 1px solid #999;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1;
}

.markiert {
  background-color: yellow;
  font-weight: bold;
}

button.selected {
  background-color: #ffeeba;
  border: 1px solid #ccaa00;
}
*/

/* in index.htm*/
.button-link {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  background-color: aliceblue;
  border: 1px solid #999;
  border-radius: 4px;
  text-decoration: none;
  color: black;
}

.button-link:hover {
  background-color: #eee;
}

/* in der Fusszeile */
.button-container {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 9999;
  display: flex;
  gap: 3px;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 5px;
}