@charset "utf-8";

/* ----------korrekt schnellladend eingebettet via googlefnt selber hosten ---------*/
@font-face {
  font-family: 'Alata';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alata-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Alata Regular'), local('Alata-Regular'),
       url('../fonts/alata-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alata-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alata-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alata-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alata-v1-latin-regular.svg#Alata') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/special-elite-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Special Elite Regular'), local('SpecialElite-Regular'),
       url('../fonts/special-elite-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/special-elite-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/special-elite-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/special-elite-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/special-elite-v10-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */
}

body {
font-family: 'Alata', sans-serif;
  font-size: 17px;
letter-spacing: 0.05em;

  line-height: 1.6;
font-weight: 400;
}

strong {
font-family: 'Special Elite', cursive!important;
font-size: 0.95em;
font-weight: 500;
}


/* ----------Typography ---------*/

ul.list-unstyled-oben {
margin-top:3em;
}


.special-hermes {
font-family: "Special Elite", cursive!important;
}

.list-unstyled special-hermes {
font-family: "Special Elite", cursive;
}

li.Buchbeschreibung
{font-size: 0.9em;
}

a img,
audio,
h1,
a h1,
a.active h1,
a.hover h1,
a.onfocus h1,

a h5.navlinks,
a.active h5.navlinks,
a.hover h5.navlinks,
a.onfocus h5.navlinks {
font-family: 'Special Elite', cursive, sans serif;
font-size: 1.6em;
font-weight: 700;
color: #007ec7;    /* ---  #bad6b3; -------*/ /* ----------blue ---------*/
line-height: 1.3em;
}

h1 {
transform: rotate(-1deg);
}

.legende-mobil {
line-height: 1em;
font-size: 0.9em;
padding-bottom:0.9em;
}

.zeilesmall {
line-height: 1.2em;
max-width: 30em;
}



/* ----------Audio-Controls ---------*/

img .img-responsive.intropic {
width: 100%;
}


audio {
width: 100%;
height: 75%;
}