@font-face {
    font-family: 'ambleregular';
    src: url('../../themes/intransit/css/fonts/amble/Amble-Regular-webfont.eot');
    src: url('../../themes/intransit/css/fonts/amble/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../themes/intransit/css/fonts/amble/Amble-Regular-webfont.woff') format('woff'),
         url('../../themes/intransit/css/fonts/amble/Amble-Regular-webfont.ttf') format('truetype'),
         url('../../themes/intransit/css/fonts/amble/Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amblebold';
    src: url('../../themes/intransit/css/fonts/amble/Amble-Bold-webfont.eot');
    src: url('../../themes/intransit/css/fonts/amble/Amble-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../themes/intransit/css/fonts/amble/Amble-Bold-webfont.woff') format('woff'),
         url('../../themes/intransit/css/fonts/amble/Amble-Bold-webfont.ttf') format('truetype'),
         url('../../themes/intransit/css/fonts/amble/Amble-Bold-webfont.svg#amblebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ambleitalic';
    src: url('../../themes/intransit/css/fonts/amble/Amble-Italic-webfont.eot');
    src: url('../../themes/intransit/css/fonts/amble/Amble-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../themes/intransit/css/fonts/amble/Amble-Italic-webfont.woff') format('woff'),
         url('../../themes/intransit/css/fonts/amble/Amble-Italic-webfont.ttf') format('truetype'),
         url('../../themes/intransit/css/fonts/amble/Amble-Italic-webfont.svg#ambleitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amblelight';
    src: url('../../themes/intransit/css/fonts/amble/Amble-Light-webfont.eot');
    src: url('../../themes/intransit/css/fonts/amble/Amble-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../themes/intransit/css/fonts/amble/Amble-Light-webfont.woff') format('woff'),
         url('../../themes/intransit/css/fonts/amble/Amble-Light-webfont.ttf') format('truetype'),
         url('../../themes/intransit/css/fonts/amble/Amble-Light-webfont.svg#ambleitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
    font-family: ambleregular, sans-serif;
}

h1, h2, h3
{
  font-family: amblelight, sans-serif;
}

@media (max-width: 480px) {
    html {
        font-size: 1.7rem;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    html {
        font-size: 1.6rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 1.5rem;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    html {
        font-size: 1.4rem;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 1.3rem;
    }
}

body {
    padding: 1em;
    line-height: 1.3em;
    background-color: #fbfbfb;
    color: #272727;
}

.centerpoem {
    text-align: center;
}

.textandnav {
    text-align: left;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding: 1em 3em 0 3em;
    background-color: #f5f5f5;
}

.prose {
    max-width: 30em;
}

a, a:link {
    text-decoration: none;
    color: #364f63;
}

a:visited {
    text-decoration: none;
}

a:focus, a:hover, a:active {
    color: #ffb135;
}


h1
{
    font-size: 1.7em;
}

h2
{
    font-size: 1.5em;
}

h3
{
    font-size: 1.3em;
} 

h4
{
    font-size: 1.2em;
} 

h5
{
    font-size: 1.1em;
} 

.subtitle,
.subheading
{
    font-size: 0.9em;
}

h2.section
{
    width: 12em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    text-align: center;
}

.section
{
    padding-top: 3em;
}

.sub
{
    text-indent: 2em;
}

.center
{
    text-align: center;
}

p
{
    margin: 1em 0em;
    widows: 2 !important;
    orphans: 2 !important;
}

.poem p
{
    margin-left: 1.5em;
}

.vers
{
    /* text-indent: -1.5em; */ 
    margin-left: -1.5em;
}

.indent
{
    padding-left: 2em;
}


.initial
{
    font-size: 150%;
    font-weight: bold;
    display: inline;
} 

.sansserif
{
    font-family: sans-serif;
}

.dedication,
.source
{
    font-size: 0.9em;
/*    font-style: italic; */
}

.footnote
{
    font-size: 0.8em;
}

.smallcaps
{
    font-variant: small-caps;
}

.spaced
{
    letter-spacing: 0.125em;
}

.inhalt-entry,
.index-entry
{
    line-height: 1.6em;
}

.right
{
    text-align: right;
}

/* titel */

.titlepage, .titelei {
  max-height: 700px;
  max-width: 536px;
}
.titelei {
    padding-top: 10em;
    letter-spacing: 0.1em;
}
.h1c { 
  font-size: 1.7em; 
  line-height: 1.8em; 
  text-align: center; 
  padding: 0.5em 0;
}
.h2c { 
  font-size: 1.5em; 
  line-height: 1.8em; 
  text-align: center; 
}
.h3c { 
  font-size: 1.3em; 
  line-height: 1.8em; 
  text-align: center; 
}

.halfline {
    padding-top: 0.65em;
}

.pagenav {
    margin-top: 3em;
    border-top: solid 1px #aaaaaa;
    text-align: center;
}

.pagenav .back {
    float: left;
}

.pagenav .content {
    display: inline-block;
    margin-left: auto;
    margin-right: auto; 
}

.pagenav .forward {
    float: right;
}

.pagenav .back a {
    display: block;
    padding: 1em 2em 1em 0;
}

.pagenav .content a {
    display: block;
    padding: 1em;
}

.pagenav .forward a {
    display: block;
    padding: 1em 0 1em 2em;
}

.pagenav .catalog {
    float: left;
    width: 50%;
}

.pagenav .start {
    float: right;
    width: 50%;
}

.pagenav .catalog a,
.pagenav .start a
 {
    display: block;
    text-align: center;
    padding: 0 0 1em 0;
}

.katalog {
    text-width: 80%;
}

.katalog li {
    list-style: none;
}

.katalog dt {
    padding-top: 3em;
}

.katalog dd {
    padding-top: 1em;
}