body {
 font-family: Georgia,Times;
 font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}


.shadowImg {
 margin: 15px;
 box-shadow: 0px 0px 6px #000;
 max-width: 80%;
}
.Foto, .FotoL, .FotoR, .BildTab td img, .BildListe img {
 border: 10px solid #F8E7C0;
 box-shadow: 0px 0px 6px #000;
}

@media(max-width:600px) {
 .Foto, .FotoL, .FotoR, .BildTab td img, .BildListe img {
  border-width: 0px;
 }
}

/* -------------------------------------------------------------------------- */
.Foto, .FotoL, .FotoR {
 margin: 0px;
 max-width: 100%;
 height: auto;
}
.FotoL {
 float: left;
 margin: 0 15px 15px 0;
 max-width: 45%;
}
.FotoR {
 float: right;
 margin: 15px 0 15px 15px;
 max-width: 45%;
}
/* -------------------------------------------------------------------------- */
.BildTab {
 width: 100%;
 table-layout: fixed;
 border-collapse: collapse;
 border-width: 0px;
}
.BildTab td {
 width: 50%;
 border-bottom: 1px solid #EEEEEE;
 padding: 15px 0;
 vertical-align: top;
}
.BildTab td img {
 margin: 15px;
 max-width: 80%;
}
.___BildTab td img::after { display: block; }

.BildText { line-height:1.2em; }
.BildText strong { font-size: 12pt; color: #2B3E50; }

.BildText, .BildText li {
 font-size: 11pt;
 color: #4F3C24;
 font-family: Arial;
}
table { background-color: transparent; }
.table-striped > tbody > tr:nth-of-type(2n+1) {
 background-color: #F0F0F0;
}
table-striped > tbody > tr td {
 background-color: #F0F0F0 !important;
}

/* -------------------------------------------------------------------------- */
.Kopfzeile {
 background-color: #345A7F;
 color: #FFF;
 font-family: Arial;
 font-weight: bold;
 font-size: 1.2vw;
 letter-spacing: 0.15em;
 padding: 2px 0 2px 15px;
 margin: 0 0 -17px 100px;
 text-align: left;
 border-radius: 0 16px 16px 0;
 color: #E7D5AC;
 color: #fff;
}

.Kopfzeile::before { content: ""; }
.Kopfzeile::after { content: ""; }

.Initiale {
 background-image: url('initialen/initiale.png');
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 80px 80px;
 width: 80px;
 height: 80px;
 font-size: 80px;
 line-height: 80px;
 display: inline-block;
 font-family: Georgia,Times;
 font-weight: normal;
 color: #BECBD4;
 color: #2B3E50;
 text-align: center;
 float: left;
 margin: -10px 5px 10px 10px;
 text-shadow: 0px -1px #D8C9AA, 1px 0px #D8C9AA, 0px 1px #443F39, -1px 0px #D8C9AA;
 text-shadow: 0px -1px #888, 1px 0px #888, -1px 2px #000, -1px 0px #888;
 position: relative;
 opacity: 0.95;
}
.Titel {
 color: #332212;
 font-weight: normal;
 font-size: 24pt;
 font-size: 1.8vw;
 padding: 0;
 margin: 25px 0 5px 0;
 position: relative;
}
.Untertitel {
 background-color: #2B3E50;
 color: #FFF;
 font-size: 1.2vw;
 font-family: Arial;
 font-weight: normal;
 margin: -5px 34% 0px 0;
 padding: 0 0 0 15px;
 border-radius: 0 16px 16px 0;
}


.Text {
 padding:1vw 1vw 2vw 1vw;
}
.Liste { margin-bottom: 15px; }
.Dialekt {
 font-size: 0.9em;
 color: rgb(100, 100, 100);
 font-style: italic;
}
.Dialekt::before { content: "("; }
.Dialekt::after { content: ")"; }

.Audio { color: silver;  }
.AbsTitel { font-size:14pt; color: #2B3E50; font-weight: bold; line-height: 1.2em; }
.AbsUntTit { color: #2B3E50; font-size: 14px;  }
.BildListe .audioPlayer { width: 90%; }
.InfoText { font-size:8pt; color:#666; line-height: 0.8em; font-style: italic; }

/* -------------------------------------------------------------------------- */
.dialImg { cursor: pointer; color: #345A7F; }
.dialImg:hover { color: #4A85E7; }
.dialMp3 { cursor: pointer; color: #345A7F; }
.dialMp3:hover { color: #4A85E7; }

/* -------------------------------------------------------------------------- */
.form-bg {
 background-color: #464545;
 padding: 20px 0px;
 margin:0 0 2px 0;
 border-radius: 6px;
 color: #bbb;
}
.form-bg input, select, textarea { margin: 1px 0; }


@media(min-width:1000px) {
}

@media(max-width:600px) {
 .Titel { font-size: 8pt; }
 .Kopfzeile, .Untertitel { font-size: 6pt; }
 .Untertitel {  margin: -5px 1px 0px 0; }
 .AbsTitel { font-size: 14pt; }
}
@media(max-width:400px) {
 .AbsTitel { font-size: 12pt; }
}