/* Luzern, zum Merken - Bildschirm */
body { margin: 0 8px 8px; padding: 0; background: #3b3631; color: #ece6dc; font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; font-size: 14px; line-height: 1.75; }
a { color: #f2e9da; text-decoration: none; border-bottom: 1px solid #8d8274; padding: 2px 0 1px; }
a:hover { color: #fff; border-bottom-color: #d9cdb9; }
#Rahmen { position: relative; width: 720px; margin: 0 auto; }
#Anstoss { position: absolute; right: -20px; top: 44px; font-family: "Century Gothic", "URW Gothic", "Avant Garde", sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
#Anstoss a { color: #bdb3a4; border-bottom: 1px solid #5b544c; }
.plus { color: #c9563c; margin-right: 6px; font-weight: bold; }
#Marke { padding: 66px 0 0 41px; height: 92px; }
#Marke a { border: 0; display: inline-block; position: relative; padding-left: 50px; }
.stempel { position: absolute; left: 0; top: 2px; width: 34px; height: 40px; border: 2px dashed #ece6dc; background: #4a443d; }
.stempel:after { content: ""; position: absolute; left: 9px; top: 11px; width: 14px; height: 16px; background: #c9563c; }
.wortmarke { display: block; font-family: "Century Gothic", "URW Gothic", sans-serif; font-weight: bold; font-size: 25px; letter-spacing: -0.5px; line-height: 28px; color: #f4efe6; text-transform: uppercase; }
.unterzeile { display: block; text-align: right; font-family: "Century Gothic", sans-serif; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #bdb3a4; line-height: 13px; }
#Leiste { position: absolute; left: -222px; top: 190px; width: 160px; text-align: right; font-family: "Century Gothic", "URW Gothic", sans-serif; font-size: 11px; line-height: 11px; color: #eee; }
.wege { list-style: none; margin: 0; padding: 5px 0 0; }
.wege li a { display: inline-block; padding: 4px 1px; border: 0; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; color: #ece6dc; }
.wege li a:hover { color: #fff; border-bottom: 1px solid #8d8274; }
.von { margin: 51px 0 0; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 15px; }
.von a { border: 0; }
.seitennotiz { margin-top: 133px; font-size: 12px; line-height: 20px; }
.seitennotiz .klein { font-size: 8px; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 4px; }
.seitennotiz a { display: block; border-top: 1px dotted #77706a; border-bottom: 1px dotted #77706a; padding: 4px 4px 4px 0; color: #cfc6b8; font-weight: bold; }
#Haupt { margin-left: 222px; width: 470px; padding-top: 38px; min-height: 600px; }
.eintrag h1 { font-family: "Century Gothic", "URW Gothic", sans-serif; font-size: 19px; font-weight: bold; line-height: 26px; margin: 0 0 21px; color: #f4efe6; }
.eintrag h2 { font-family: "Century Gothic", sans-serif; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; margin: 31px 0 9px; color: #f4efe6; }
.eintrag h3 { font-family: "Century Gothic", sans-serif; font-size: 14.5px; margin: 26px 0 6px; color: #f4efe6; }
.eintrag p { margin: 0 0 17px; }
.eintrag ul, .eintrag ol { margin: 0 0 17px; padding-left: 21px; }
.eintrag blockquote { margin: 0 0 17px; padding: 0 26px; font-style: italic; color: #d8cfc1; }
.eintrag img { display: block; max-width: 100%; height: auto; margin: 4px 0 12px; border: 4px solid #4c463f; box-sizing: border-box; }
.eintrag img + em, .eintrag p > em:only-child { display: block; font-size: 12px; color: #b3a998; margin-top: -8px; }
.eintrag table { width: 100%; border-collapse: collapse; margin: 0 0 21px; font-size: 13px; }
.eintrag th { text-align: left; font-family: "Century Gothic", sans-serif; font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px dotted #8d8274; padding: 4px 6px 4px 0; }
.eintrag td { padding: 6px 6px 6px 0; border-bottom: 1px dotted #5f584f; vertical-align: top; }
.zurueck { margin-top: 40px; font-size: 12px; }
#Fuss { margin: 56px 0 30px 222px; width: 470px; font-family: "Century Gothic", sans-serif; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: #9d9384; }
#Fuss a { color: #bdb3a4; border-bottom-color: #5b544c; }
/* .eintrag .datum { color: #888; } kommt raus, keine Daten mehr */
@media (max-width: 1000px) {
  #Rahmen { width: auto; max-width: 560px; }
  #Leiste { position: static; width: auto; text-align: left; margin: 0 0 24px; }
  .wege li { display: inline-block; margin-right: 8px; }
  .von, .seitennotiz { display: none; }
  #Haupt { margin-left: 0; width: auto; padding-top: 0; }
  #Fuss { margin-left: 0; width: auto; }
  #Marke { padding: 30px 0 0; height: auto; margin-bottom: 26px; }
  #Anstoss { position: static; padding-top: 12px; }
  .wortmarke { font-size: 21px; }
  .eintrag table { display: block; overflow-x: auto; }
}