/*
 * eissing.org style
 * (c) stefan@eissing.org
 */

/*
fd93bb hell pink
624480 solid pink
813b62 dark pink
daf6b9 hell grün
e30214 red
ad0000 dark red
04fbff türkis
b66f5b hellbraun
*/
div, p {
  margin: 0 0 .1em 0;
  padding: 0;
}

a {
 color: #624480;
 text-decoration: underline;
 padding: .05em .1em;
}
a:hover {
 color: #624480;
 text-shadow: #624480 1px 1px 3px;
 text-decoration: none;
}

body {
    color: #3F4920;
    font-family: 'Exo 2', sans-serif;
    font-size: 1.1em;
    text-align: center;
    padding: 0;
    margin: 0 10em;
    line-height: 150%;
}

h1, h2, h3, h4 {
    color: #444;
}

#header {
    display: none;
}

#footer {
    position: fixed;
    bottom: 1em;
    left: .2em;
    font-size: .5em;
}

#mainbox {
    margin: 1em auto;
    padding: 0 0 2em 0;
    text-align: left;
}

#mainbox h1 {
    font-size: 4em;
    margin: 0;
    margin-bottom: .2em;
    padding: 0 0 .1em 0;
    color: #fefefe;
    background-color: #624480;
    text-align: center;
    line-height: 200%;
}

#mainbox img.main {
    max-width: 10em;
    border-bottom: thin solid;
}

#mainbox .intro {
    margin: 0 auto;
    max-width: 10em;
}
#mainbox .intro p {
    margin-bottom: 1em;
}

.sidebox {
    position: fixed;
    right: .2em;
    bottom: 1em;
    z-index: 1000;
    text-align: left;
    padding-right: .2em;
}

.sidebox .menu {
    font-size: 1.3em;
    line-height: 125%;
    list-style: none;
    padding: .5em;
    margin: 0;
    overflow: visible;
}
.sidebox .menu a {
    background: transparent;
    color: #624480;
}

/***************************************************
 recipes
 **************************************************/
#mainbox .recipes {
  padding: 0;
  margin: 0 auto;
}

#mainbox .recipes a {
  margin: 0;
  padding: 0;
}

#mainbox .recipes ul {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#mainbox .recipes li {
  float: left;
  height: 10em;
  overflow: hidden;
  position: relative;
  margin: 1em;
}

#mainbox .reciperef {
  max-width: 10em;
}

#mainbox .reciperef img {
  width: 10em;
  border: none;
  margin: auto auto;
}

#mainbox .reciperef .caption {
 color: #fefefe;
 background: #624480;
 text-decoration: none;
 padding: .05em .1em;
 position: absolute;
 bottom: 0;
 left: 0;
 opacity: .88;
 width: 100%;
}

@media only screen and (max-device-width: 640px),
	only screen and (max-device-width: 667px),
	only screen and (max-width: 480px) {

    body {
        font-size: 24pt;
    }

}

/***************************************************
 recipe page
 **************************************************/
#mainbox ul.recipe {
    margin: 0 auto;
    list-style: none;
    position: relative;
    max-width: 17em;
}

#mainbox ul.recipe > li {
    margin-bottom: 1em;
}

#mainbox ul.recipe img {
    max-width: 17em;
}

/***************************************************
 ingredients of a recipe
 **************************************************/
#mainbox ul.recipe li.title {
  display: block;
  font-weight: bold;
}

#mainbox ul.ingredients {
  font-size: .7em;
  position: absolute;
  left: -10em;
  max-width: 10em;
  padding: 0.5em 1em 1em 1em;
  list-style-type: none;
  line-height: 1.4em;
    color: #fefefe;
    background-color: #624480;
}

#mainbox .ingredients h2 {
  font-style: normal;
  margin: 0 0 0.2em 0;
  padding: 0;
    color: #fefefe;
}

#mainbox ul.ingredients li {
  margin: 0;
  padding: 0;
}