/*
Theme Name: Eigelstein
Theme URI: http://underscores.me/
Author: Gestaltung: Tobias Kolbe, Entwicklung: Ferhat Bicakci
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eigelstein
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Eigelstein is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*	Variabeln	*/
/*	CSS-Reset	*/
* {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box; }

/*	Global	*/
@font-face {
  font-family: Museo Sans;
  src: url("./museosans700.otf");
  font-weight: 700; }
@font-face {
  font-family: Museo Sans;
  src: url("./MuseoSans_500.otf");
  font-weight: 500; }
@font-face {
  font-family: Museo Sans;
  src: url("./MuseoSans-300.otf");
  font-weight: normal; }
@font-face {
  font-family: Museo Sans;
  src: url("./MuseoSans-100.otf");
  font-weight: 100; }
html {
  font-family: Museo Sans, sans-serif; }

p {
  font-size: 16px; }

a {
  color: black;
  letter-spacing: 2px; }

h1 {
  font-size: 22px;
  text-transform: uppercase; }

h2 {
  font-size: 24px;
  text-transform: uppercase; }

h3 {
  font-size: 20px;
  text-transform: uppercase; }

h4 {
  font-size: 18px;
  text-transform: uppercase; }

/*	Header	*/
.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 69px;
  z-index: 9999;
  background: white url("./img/header.png") no-repeat center center;
  border-top: 5px solid; }
  .site-header .site-header-wrap {
    width: 960px;
    margin: 0 auto;
    line-height: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 18px;
    text-transform: uppercase; }
  .site-header .site-title a {
    color: #000;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 500;
    display: block;
    width: 100px;
    height: 64px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px; }
    @media screen and (min-width: 1025px) {
      .site-header .site-title a {
        position: static;
        width: 532px;
        margin: 0;
        opacity: 1; } }

/*	Navigation	*/
#hamburger {
  position: absolute;
  top: 14px;
  right: 14px;
  cursor: pointer;
  width: 25px;
  height: 25px; }
  @media screen and (min-width: 1025px) {
    #hamburger {
      display: none; } }

.bar {
  display: block;
  width: 100%;
  height: 20%;
  margin-top: 20%;
  background: black;
  transition: 0.25s;
  -webkit-transition: 0.25s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.animate .bar:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(135deg);
      -ms-transform: translateY(10px) rotate(135deg);
          transform: translateY(10px) rotate(135deg); }

.animate .bar:nth-child(2) {
  opacity: 0; }

.animate .bar:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(-135deg);
      -ms-transform: translateY(-10px) rotate(-135deg);
          transform: translateY(-10px) rotate(-135deg); }

.main-navigation {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 0px;
  overflow: hidden;
  top: 64px;
  left: 0; }
  @media screen and (min-width: 1025px) {
    .main-navigation {
      position: static;
      background: none;
      width: auto;
      height: auto; } }
  .main-navigation .menu .menu-item {
    text-align: center;
    list-style: none; }
    @media screen and (min-width: 1025px) {
      .main-navigation .menu .menu-item:hover {
        background: black;
        -webkit-transition: .6s;
                transition: .6s; }
        .main-navigation .menu .menu-item:hover a {
          color: white; } }
    @media screen and (min-width: 1025px) {
      .main-navigation .menu .menu-item {
        text-align: left;
        padding: 0;
        border-bottom: none;
        display: inline-block;
        margin-right: -5px; }
        .main-navigation .menu .menu-item:hover .sub-menu {
          z-index: 9999;
          height: 64px;
          opacity: 1;
          -webkit-transition: all .6s;
                  transition: all .6s; } }
    .main-navigation .menu .menu-item a {
      display: block;
      height: 64px;
      color: #000;
      text-decoration: none;
      padding: 0 10px;
      letter-spacing: 0px; }
    .main-navigation .menu .menu-item .sub-menu {
      display: none;
      background: #000; }
      .main-navigation .menu .menu-item .sub-menu a {
        color: white;
        height: 64px; }
        @media screen and (min-width: 1025px) {
          .main-navigation .menu .menu-item .sub-menu a:hover {
            -webkit-transition: .6s;
                    transition: .6s;
            background: white;
            color: black; } }
      @media screen and (min-width: 1025px) {
        .main-navigation .menu .menu-item .sub-menu {
          display: block;
          position: absolute;
          left: 0;
          top: 64px;
          width: 100%;
          height: 0px;
          overflow: hidden;
          text-align: center;
          opacity: 0;
          -webkit-transition: all .6s;
                  transition: all .6s;
          background: black; } }
      .main-navigation .menu .menu-item .sub-menu .current-menu-item {
        background: white; }
        .main-navigation .menu .menu-item .sub-menu .current-menu-item a {
          color: black; }
  .main-navigation .menu .current-menu-item {
    background: black; }
    .main-navigation .menu .current-menu-item a {
      color: white; }
  .main-navigation .menu .current-page-parent {
    background: black; }
    .main-navigation .menu .current-page-parent a {
      color: white; }
    @media screen and (min-width: 1025px) {
      .main-navigation .menu .current-page-parent .sub-menu {
        height: 64px;
        opacity: 1; } }
  .main-navigation .menu .arrow {
    display: block;
    position: absolute;
    right: 0;
    width: 64px;
    height: 64px;
    cursor: pointer;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
    .main-navigation .menu .arrow img {
      width: 32px;
      height: 32px;
      margin: 16px;
      -webkit-transition: .6s;
              transition: .6s; }
    @media screen and (min-width: 1025px) {
      .main-navigation .menu .arrow {
        display: none; } }

/*	Main	*/
#main {
  max-width: 960px;
  margin: 0 auto; }

/*	Buttons	*/
.btn {
  display: block;
  background: black;
  line-height: 31px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  -webkit-transition: .6s;
          transition: .6s;
  letter-spacing: 0px;
  border: white 1px solid; }
  .btn:hover {
    background: white;
    color: black;
    -webkit-transition: .6s;
            transition: .6s;
    border: black 1px solid; }

/*	Startseite	*/
.home {
  background: url("./img/eigelstein-bg.jpg") no-repeat center center fixed;
  background-size: cover; }
  .home #custom-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background: url("./img/eigelstein-bg.jpg") no-repeat center center;
    background-size: cover;
    z-index: -9; }

.startseite-wrap {
  max-width: 1025px;
  -webkit-transition: padding .6s;
          transition: padding .6s;
  margin: 64px auto 0 auto;
  padding: 64px 32px 0px 32px; }
  @media screen and (min-width: 680px) {
    .startseite-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.teaserblock {
  width: 292px;
  height: 230px;
  overflow: hidden;
  text-transform: uppercase;
  margin: 0 auto 36px auto; }
  @media screen and (min-width: 680px) {
    .teaserblock {
      height: auto;
      margin: 0; } }
  .teaserblock header {
    background: #fff;
    padding: 36px;
    height: 230px;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid; }
    .teaserblock header img {
      margin-bottom: 16px; }
    .teaserblock header h1 {
      font-size: 22px; }
  .teaserblock .teaser {
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 18px 36px;
    border-bottom: 1px solid; }
    .teaserblock .teaser h2 {
      font-size: 16px;
      margin-bottom: 16px;
      font-weight: normal; }
      .teaserblock .teaser h2:last-child {
        margin-bottom: 0px; }

#verein header h1 {
  text-align: left; }

#eigelsteiner header h1 {
  font-weight: 100; }

#eigelsteiner header {
	padding-top: 10px;
}

#eigelsteiner.teaserblock header img {
	margin-bottom: 7px;
}


/* Parallax */
.parallax-window-container {
  margin: 36px 0; }

.adamrob_parallax_posttitle {
  display: none; }

/* Eigelsteiner */
#parallax_297 {
  color: white; }

#parallax_297_postcontent {
  padding: 36px 0 !important; }

/* Goetterbote */
#parallax_627 {
  color: white; }

#parallax_627_postcontent {
  padding: 36px 0 !important; }

/* PDFs */
/* 23.1.2017 - mt : added selectors for page 466 */
.page-id-36 #document-gallery-1,
.page-id-466 #document-gallery-1,
.page-id-48 #document-gallery-1 {
  background: #ededed; }
  .page-id-36 #document-gallery-1 .document-icon-row,
  .page-id-466 #document-gallery-1 .document-icon-row,
  .page-id-48 #document-gallery-1 .document-icon-row {
    text-align: center; }
    .page-id-36 #document-gallery-1 .document-icon-row a,
    .page-id-466 #document-gallery-1 .document-icon-row a,
    .page-id-48 #document-gallery-1 .document-icon-row a {
      text-decoration: none !important; }
    .page-id-36 #document-gallery-1 .document-icon-row .document-icon,
    .page-id-466 #document-gallery-1 .document-icon-row .document-icon,
    .page-id-48 #document-gallery-1 .document-icon-row .document-icon {
      margin: 37px !important; }
      @media screen and (min-width: 760px) {
        .page-id-36 #document-gallery-1 .document-icon-row .document-icon,
        .page-id-466 #document-gallery-1 .document-icon-row .document-icon,
        .page-id-48 #document-gallery-1 .document-icon-row .document-icon {
          width: 308px !important; } }
    .page-id-36 #document-gallery-1 .document-icon-row img,
    .page-id-466 #document-gallery-1 .document-icon-row img,
    .page-id-48 #document-gallery-1 .document-icon-row img {
      width: 100%; }
    .page-id-36 #document-gallery-1 .document-icon-row .title,
    .page-id-466 #document-gallery-1 .document-icon-row .title,
    .page-id-48 #document-gallery-1 .document-icon-row .title {
      display: block;
      background: black;
      line-height: 31px;
      color: white;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 14px;
      -webkit-transition: .6s;
              transition: .6s;
      letter-spacing: 0px;
      margin-top: 14px 0 24px 0;
      border: white 1px solid; }
      .page-id-36 #document-gallery-1 .document-icon-row .title:hover,
      .page-id-466 #document-gallery-1 .document-icon-row .title:hover,
      .page-id-48 #document-gallery-1 .document-icon-row .title:hover {
        background: white;
        color: black;
        -webkit-transition: .6s;
                transition: .6s;
        border: black 1px solid; }

.page-id-659 #document-gallery-1 .document-icon-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .page-id-659 #document-gallery-1 .document-icon-row .document-icon {
    width: 32% !important;
    margin: 18px 1.6% 0 0 !important; }
    .page-id-659 #document-gallery-1 .document-icon-row .document-icon a {
      text-decoration: none !important; }
  .page-id-659 #document-gallery-1 .document-icon-row .document-icon:last-child {
    margin: 18px 0 0 0 !important; }
  .page-id-659 #document-gallery-1 .document-icon-row .title {
    display: block;
    background: black;
    line-height: 31px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-transition: .6s;
            transition: .6s;
    letter-spacing: 0px;
    margin: 14px 0 24px 0;
    border: white 1px solid; }
    .page-id-659 #document-gallery-1 .document-icon-row .title:hover {
      background: white;
      color: black;
      -webkit-transition: .6s;
              transition: .6s;
      border: black 1px solid; }

#document-gallery-2 .document-icon-row,
#document-gallery-3 .document-icon-row,
#document-gallery-5 .document-icon-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #document-gallery-2 .document-icon-row .document-icon,
  #document-gallery-3 .document-icon-row .document-icon,
  #document-gallery-5 .document-icon-row .document-icon {
    width: 32% !important;
    margin: 18px 1.6% 0 0 !important; }
    #document-gallery-2 .document-icon-row .document-icon a,
    #document-gallery-3 .document-icon-row .document-icon a,
    #document-gallery-5 .document-icon-row .document-icon a {
      text-decoration: none !important; }
  #document-gallery-2 .document-icon-row .document-icon:last-child,
  #document-gallery-3 .document-icon-row .document-icon:last-child,
  #document-gallery-5 .document-icon-row .document-icon:last-child {
    margin: 18px 0 0 0 !important; }
  #document-gallery-2 .document-icon-row .title,
  #document-gallery-3 .document-icon-row .title,
  #document-gallery-5 .document-icon-row .title {
    display: block;
    background: black;
    line-height: 31px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: .6s;
            transition: .6s;
    letter-spacing: 0px;
    margin: 14px 0 24px 0;
    border: white 1px solid; }
    #document-gallery-2 .document-icon-row .title:hover,
    #document-gallery-3 .document-icon-row .title:hover,
    #document-gallery-5 .document-icon-row .title:hover {
      background: white;
      color: black;
      -webkit-transition: .6s;
              transition: .6s;
      border: black 1px solid; }

/* Unterseite Satndart */
#custom-bg {
  width: 100%;
  height: 400px;
  margin-bottom: 36px;
  background-attachment: fixed;
  background: url("./img/eigelstein-bg.jpg") no-repeat top fixed;
  background-size: contain; }

article {
  background: #fff;
  padding: 0 36px;
  max-width: 960px;
  margin: 0 auto; }
  @media screen and (min-width: 1025px) {
    article {
      padding: 0; } }
  article .entry-header .entry-title {
    display: none; }
  article .entry-content p {
    line-height: 24px;
    margin-bottom: 24px; }
  article .entry-content h2 {
    margin: 36px 0 18px 0; }
  article .entry-content h3 {
    margin-bottom: 24px; }
  article .entry-content h4 {
    margin-bottom: 20px; }
  article .entry-content ul, article .entry-content ol {
    margin-bottom: 24px;
    margin-left: 16px; }
    article .entry-content ul li, article .entry-content ol li {
      margin-bottom: 12px;
      line-height: 24px; }

/* Unterseiten Eigelsteiner */
/*
.page-id-36 {
	background: black;
	article {
		background: black;
		color: white;
	}
}
*/
/* Kontrollklassen */
.unfold {
  height: auto; }

.expand {
  overflow: scroll !important;
  height: calc(100vh - 69px);
  content: 'viewport-units-buggyfill; height: 91vh;'; }

.dropdown {
  height: 500px; }

.transparent {
  opacity: 0; }

@media screen and (max-width: 1025px) {
  .white-bg {
    background: white url("./img/header.png") no-repeat center center; } }

.rotate {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: .6s;
          transition: .6s; }

/*# sourceMappingURL=style.css.map */

/* Winterzauber */

.home div.site-info {
	position: fixed;
    bottom: 0;
    width: 100%;
}
.home div.banner--aktion {
	display: block;
    width: 100%;
    text-align: center;
    color: white;
}
.home div.banner--aktion a {
	color: white;
	display: block;
	padding: 15px;
    text-decoration: none;
    letter-spacing: 1px;
}
.home div.banner--winterzauber {
	background: linear-gradient(90deg, rgba(44,4,4,0.8) 0%, rgba(116,0,0,0.8) 100%);
}
.home div.banner--festival {
	background: linear-gradient(90deg, rgba(230, 0, 126,0.8) 0%, rgba(255, 115, 191,0.8) 100%);
}

.home .teaserblock#eigelsteiner {
		margin-bottom: 100px;
	}

@media screen and (max-width: 1025px) {
	.home .teaserblock#eigelsteiner {
		margin-bottom: 100px;
	}
}