/* ----------------------------------------------------------------------------- *
 *                      Atmosphäre: Farben und Schriften                         *
 *          Alle weiteren Styles stecken in der jeweiligen layout.css            *
 * ----------------------------------------------------------------------------- */

/* poiret-one-regular - latin
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poiret-one-v14-latin-regular.eot'); /* IE9 Compat Modes
  src: local(''),
       url('../fonts/poiret-one-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8
       url('../fonts/poiret-one-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers
       url('../fonts/poiret-one-v14-latin-regular.woff') format('woff'), /* Modern Browsers
       url('../fonts/poiret-one-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS
       url('../fonts/poiret-one-v14-latin-regular.svg#PoiretOne') format('svg'); /* Legacy iOS
}*/

/* @font-face {
  font-family: "Space_Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url('/stuff/SpaceGrotesk[wght].ttf') format('truetype'),
       url('/stuff/SpaceGrotesk[wght].woff2') format('woff2')
}*/

html    {
    font-size: 100%;
}

body {
    background-color: #f3f3f3;
    color: black;
    font-family: "Space_Grotesk", sans-serif;
    font-size: 1.15em; /* 16px */
    line-height: 1.5em; /* 24px */
}

.page-wrapper {
}

header {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) inset; padding: 1.0em 1.0em 0 1.0em;
}

#logo-left {text-align:left; font-size: 0.5em;
}

#logo-right {float:right;
}

.clear {clear:left;
}

.mainContent {
}

.tags {font-size:0.1em; color: #888888; line-height: 0.1em;}

footer {
    text-align: center;
    border-top: 2px solid #888888;
    border-bottom: 2px solid #888888;
}

img    {
    max-width: 100%;
    height: auto;
}

.bild-r {
        float: right;
        margin-top: 20px;
        margin-bottom: 5px;
        position: relative;
        padding-right: 0px;
}
.bild-l {
        float: left;
        margin-top: 4px;
        margin-bottom: 4px;
        position: relative;
        margin-right: 20px;
}

.center {text-align:center;}

.bg_stein {
        height:456px;
        width:99,9%;
        background: url('../i/visual.jpg') repeat-x left top;
        border:1px solid #868485;
}
.visual_inner {
        margin:0 auto;
        width:928px;
        height:456px;
        background: url('../i/startseite.png') no-repeat center top;
}
.map-right {
        border: 3px none;
        float: right;
        padding: 40px 50px 20px 20px;
        position: relative;
        margin-right: 0px;
        width: 420px;
}
.impressum {
      text-align:left;
      margin:0px auto;
      width: 890px;
      float: left;
      background-color: #c0c1c5;
      height:100%;
      padding: 30px;
      font-size: 14px;
      line-height: 120%;
      letter-spacing: 0px;
      font-family: "Space_Grotesk", sans-serif;
}
/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */

h1, h2, h3  {
    font-family: "Space_Grotesk", sans-serif;
    text-align:center;
    font-weight: normal;
}

h1  {
    font-size: 2.0em; /* 36px; */
    line-height: 1.5em; /* 54px */
}

h2  {
    font-size: 1.625em; /* 26px */
    line-height: 1.5em;

}

.h2-text h2 {text-align:left; font-size: 1.4em; line-height: 1.4em;
}

h3  {

    font-size: 1.375em; /* 22px */
    font-weight: normal;
}

p.teasertext    {
    font-family: "Space_Grotesk", sans-serif;
    font-size: 1.188em; /* 19px */
    line-height: 1.368em; /* 26px */
}

a:link, a:visited {
    color: #cc4815;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: black;
    text-decoration: underline;
}

.highlight{
   color: #cc4815;
}


/* ----------------------------------------------------------------------------- *
 *                                    Navigation                                 *
 * ----------------------------------------------------------------------------- */

nav {
    box-shadow: 0px 0px 0px rgba(112, 23, 124, 0.2) inset;
    font-family: "Space_Grotesk", sans-serif;
    font-size: 1.25em; /* 20px */
}

nav ul li {
    list-style: none;
}

nav a:link, nav a:hover {
}

nav a:visited {
    color: dark-grey;
}

nav a:hover {
    background-color: white;
    color: #636363;
}