/* Tausch Geschichte <-> Gegenwart 1.1.2022 */


/* SAMPLE SCSS FILE CONTENTS */
body {
  color: #626262;
  font-family: 'hblack', "Arial Bold", sans-serif; }

#page-wrapper a {
  color: #fff;
  text-shadow: 2px 2px 2px #80808d, -2px -2px 2px #80808d, 2px -2px 2px #80808d, -2px 2px 2px #80808d; }
#page-wrapper a:hover, #page-wrapper a:active, #page-wrapper a.active, #page-wrapper a.is-active, #page-wrapper ul.menu a.is-active, #page-wrapper li.is-active a, #page-wrapper ul li.active-trail a {
  color: #f5b6cd;
  text-decoration: none;
  text-shadow: 2px 2px 2px #80808d, -2px -2px 2px #80808d, 2px -2px 2px #80808d, -2px 2px 2px #80808d; }

#main-layout {
  background-color: transparent; }

@media (max-aspect-ratio: 1 / 1) {
  #main-layout {
    margin-left: 50%;
    width: 50%; } }
h1 {
  text-transform: uppercase;
  font-size: 18px; }

h2, h3 {
  font-weight: bold;
  font-size: 16px; }

iframe {
  max-width: 100%; }

/* HOPE Schriftzug */
/*
@keyframes pulsiere-einblenden {
  0% {fill: #ff66ff;opacity: 0;}
  10% {fill: #ff66ff;opacity: 1;}
  15% {fill: #ff66ff;opacity: 1;}
  24% {fill: #ff66ff;opacity:0;}

  25% {fill: #00ffff;opacity:0;}
  35% {fill: #00ffff;opacity: 1;}
  40% {fill: #00ffff;opacity: 1;}
  49% {fill: #00ffff;opacity:0;}

  50% {fill: #ffffff;opacity:0;}
  60% {fill: #ffffff;opacity: 1;}
  65% {fill: #ffffff;opacity: 1;}
  74% {fill: #ffffff;opacity:0;}

  75% {fill: #ff0000;opacity: 0;}
  85% {fill: #ff0000;opacity: 1;}
  90% {fill: #ff0000;opacity:  1;}
  100% {fill: #ff0000;opacity:0;}
}

@keyframes pulsiere-farben {
  0% { fill: #fff; }
  4% { fill: #feeaff; }
  8% { fill: #fcd5fd; }
  12% { fill: #fabbfc; }
  16% { fill: #f9a3fc; }
  20% { fill: #f79dfb; }
  24% { fill: #f89efc; }
  28% { fill: #f79dfb; }
  32% { fill: #e99efc; }
  36% { fill: #ca98f9; }
  40% { fill: #7885da; }
  44% { fill: #4297eb; }
  48% { fill: #25a4f8; }
  52% { fill: #18b2f9; }
  56% { fill: #36b6f8; }
  60% { fill: #54c0fb; }
  64% { fill: #6ebcfb; }
  68% { fill: #8bc1fa; }
  72% { fill: #a8c8fb; }
  76% { fill: #c4ccfc; }
  80% { fill: #e3cafc; }
  84% { fill: #fccffd; }
  88% { fill: #fbd1fe; }
  92% { fill: #e2ccfd; }
  96% { fill: #d0ccfc }
  100% { fill: #d4cefc; }
}

*/
/* Hintergrundbild + Video */
body.path-frontpage #main-layout, body.path-menu #main-layout {
  display: none; }

@keyframes sichtbar {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#block-film video {
  animation-name: sichtbar;
  animation-duration: 15s; }

#block-film, #block-film video, #block-hintergrund, #block-hintergrund > div {
  display: block;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: repeat-x; }

@keyframes unsichtbar {
  0% {
    opacity: 1; }
  25% {
    opacity: 1; }
  100% {
    opacity: 0; } }
body.path-frontpage #block-film {
  z-index: -2;
  background-color: #2cd2fa; }
  body.path-frontpage #block-film video {
    background-color: #2cd2fa;
    z-index: -1;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%); }
body.path-frontpage #block-hintergrund {
  background-image: url(../../img/wolke-hope-1-1.png); }
  @media (min-aspect-ratio: 28 / 16) {
    body.path-frontpage #block-hintergrund {
      background-image: url(../../img/wolke-hope-3-2.png); } }
  @media (max-aspect-ratio: 1 / 1) {
    body.path-frontpage #block-hintergrund {
      background-image: url(../../img/wolke-hope-2-3.png);
      background-size: 100% 100%; } }
  body.path-frontpage #block-hintergrund > div {
    background-image: url(../../img/wolke-1-1.jpg);
    background-size: cover; }
    @media (min-aspect-ratio: 28 / 16) {
      body.path-frontpage #block-hintergrund > div {
        background-image: url(../../img/wolke-3-2.jpg); } }
    @media (max-aspect-ratio: 1 / 1) {
      body.path-frontpage #block-hintergrund > div {
        background-image: url(../../img/wolke-2-3.jpg);
        background-size: 100% 100%; } }

body #block-hintergrund {
  background-size: cover; }
  body #block-hintergrund > div {
    background: url(../../img/wolke100.jpg) center;
    background-size: 100% 100%; }

body.path-menu #block-hintergrund > div, body.path-hope #block-hintergrund > div, body.node--type-website #block-hintergrund > div {
  background-image: url(../../img/wolke-1-1.jpg);
  opacity: 1; }
  @media (min-aspect-ratio: 28 / 16) {
    body.path-menu #block-hintergrund > div, body.path-hope #block-hintergrund > div, body.node--type-website #block-hintergrund > div {
      background-image: url(../../img/wolke-3-2.jpg); } }
  @media (max-aspect-ratio: 1 / 1) {
    body.path-menu #block-hintergrund > div, body.path-hope #block-hintergrund > div, body.node--type-website #block-hintergrund > div {
      background-image: url(../../img/wolke-2-3.jpg);
      background-size: 100% 100%; } }

/* Rahmen */
.Gegenwart img {
  /* background-image: linear-gradient(135deg, #f5b6cd, #c5869d); */
  background-image: linear-gradient(135deg, #82D8D5, #52a8a5); 
  }

.Geschichte img {
  /* background-image: linear-gradient(135deg, #82D8D5, #52a8a5); */
  background-image: linear-gradient(135deg, #f5b6cd, #c5869d);
  }

.Zukunft img {
  background-image: linear-gradient(135deg, #942D83, #640053); }

.views-field-field-image .field-content {
  display: inline-block; }
  .views-field-field-image .field-content img {
    display: inline-block;
    box-shadow: 10px -10px 10px grey;
    padding: 5%;
    margin: 10px; }
.views-field-field-image .Gegenwart img:hover {
  /* box-shadow: 10px -10px 10px #942D83; */
  box-shadow: 10px -10px 10px #f5b6cd;  
  }
.views-field-field-image .Geschichte img:hover {
  /* box-shadow: 10px -10px 10px #f5b6cd; */
  box-shadow: 10px -10px 10px #942D83;
  }
.views-field-field-image .Zukunft img:hover {
  box-shadow: 10px -10px 10px #82D8D5; }

/* Uebersichten */
.path-present #main-layout, .path-future #main-layout, .path-past #main-layout {
  width: 50%;
  margin-left: 50%; }

#main-layout .view-uebersicht {
  margin-top: 20px;
  margin-right: 20px; }
  #main-layout .view-uebersicht .views-row {
    margin-bottom: 5%; }
    #main-layout .view-uebersicht .views-row .views-field-field-text {
      display: none; }
    #main-layout .view-uebersicht .views-row img {
      margin: 0; }

.path-past .page-title {
  /* color: #82D8D5; */
  color: #f5b6cd;  
  }

.path-present .page-title {
  /* color: #f5b6cd; */
  color: #82D8D5;
  }

.path-future .page-title {
  color: #942D83; }

/* Calendar */
.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {
  color: #fff;
  background-color: #942D83; }

/* Menu */
#main-menu-link-content8cf96594-d59d-4180-b276-c19aae2ac8e1,
#main-menu-link-content503fd845-ee93-40c7-9cc3-209a42afbbaf,
#main-menu-link-content2af64095-7a67-4c19-b455-bb7cb9bc834b {
  /* /menu MENU */
  display: none; }

@media (max-aspect-ratio: 2 / 1) {
  .path-frontpage #main-menu-link-content33d0b8ae-a87a-4e82-8414-06cf6c40849a,
  .path-frontpage #main-menu-link-content2f0c0cf2-7036-437a-9ed0-96ee3a238094,
  .path-frontpage #main-menu-link-content84ae0ae8-bb98-4567-a2a9-4fcdc1567c3a,
  .path-frontpage #main-menu-link-contentfaa0e837-41e2-47c3-bfee-c0005e8ff580,
  .path-frontpage #main-menu-link-content3d4b5dd4-2904-41d6-89ef-e63bdeb1ed28,
  .path-frontpage #main-menu-link-content503fd845-ee93-40c7-9cc3-209a42afbbaf,
  .path-frontpage #main-menu-link-content6f62294b-282d-440f-8505-c1937230cc2d,
  .path-frontpage #main-menu-link-content23f955b6-faa9-4d73-ab64-695cad40bf92,
  .path-frontpage #main-menu-link-contentf9d2dfe9-1d4a-4e17-a638-ff097b6543d1,
  .path-frontpage #main-menu-link-content863b1c84-abfd-401a-b158-9d512162c62e,
  .path-frontpage #main-menu-link-content5aa63322-fbc4-40a9-a74e-51730b4de823,
  .path-frontpage #main-menu-link-contentd99c63d4-2b17-42b3-9eb8-cebfa7684ede,
  .path-frontpage #main-menu-link-content2af64095-7a67-4c19-b455-bb7cb9bc834b,
  .path-frontpage #block-facebook {
    /* /menu MENU */
    display: none; }
  .path-frontpage #main-menu-link-content8cf96594-d59d-4180-b276-c19aae2ac8e1 {
    /* / MENU */
    display: block; }

  .path-hope #main-menu-link-content8cf96594-d59d-4180-b276-c19aae2ac8e1,
  .path-hope #main-menu-link-content6f62294b-282d-440f-8505-c1937230cc2d,
  .path-hope #main-menu-link-content23f955b6-faa9-4d73-ab64-695cad40bf92,
  .path-hope #main-menu-link-contentf9d2dfe9-1d4a-4e17-a638-ff097b6543d1,
  .path-hope #main-menu-link-content863b1c84-abfd-401a-b158-9d512162c62e,
  .path-hope #main-menu-link-content5aa63322-fbc4-40a9-a74e-51730b4de823,
  .path-hope #main-menu-link-content3d4b5dd4-2904-41d6-89ef-e63bdeb1ed28,
  .path-hope #main-menu-link-contentd99c63d4-2b17-42b3-9eb8-cebfa7684ede,
  .path-hope #main-menu-link-content2af64095-7a67-4c19-b455-bb7cb9bc834b,
  .path-hope #block-facebook {
    /* /menu MENU */
    display: none; }
  .path-hope #main-menu-link-content33d0b8ae-a87a-4e82-8414-06cf6c40849a,
  .path-hope #main-menu-link-content84ae0ae8-bb98-4567-a2a9-4fcdc1567c3a,
  .path-hope #main-menu-link-content2f0c0cf2-7036-437a-9ed0-96ee3a238094,
  .path-hope #main-menu-link-content503fd845-ee93-40c7-9cc3-209a42afbbaf {
    /*  MENU */
    display: block; }

  .node--type-website #main-menu-link-content8cf96594-d59d-4180-b276-c19aae2ac8e1,
  .node--type-website #main-menu-link-content84ae0ae8-bb98-4567-a2a9-4fcdc1567c3a,
  .node--type-website #main-menu-link-content2f0c0cf2-7036-437a-9ed0-96ee3a238094,
  .node--type-website #main-menu-link-contentfaa0e837-41e2-47c3-bfee-c0005e8ff580,
  .node--type-website #main-menu-link-content3d4b5dd4-2904-41d6-89ef-e63bdeb1ed28,
  .node--type-website #main-menu-link-content503fd845-ee93-40c7-9cc3-209a42afbbaf,
  .node--type-website #main-menu-link-content6f62294b-282d-440f-8505-c1937230cc2d,
  .node--type-website #main-menu-link-content23f955b6-faa9-4d73-ab64-695cad40bf92,
  .node--type-website #main-menu-link-contentf9d2dfe9-1d4a-4e17-a638-ff097b6543d1,
  .node--type-website #main-menu-link-content863b1c84-abfd-401a-b158-9d512162c62e,
  .node--type-website #main-menu-link-content5aa63322-fbc4-40a9-a74e-51730b4de823,
  .node--type-website #main-menu-link-contentd99c63d4-2b17-42b3-9eb8-cebfa7684ede,
  .node--type-website #block-facebook {
    /* /impressum Impressum */
    display: none; }
  .node--type-website #main-menu-link-content33d0b8ae-a87a-4e82-8414-06cf6c40849a,
  .node--type-website #main-menu-link-content2af64095-7a67-4c19-b455-bb7cb9bc834b {
    /* /menu MENU */
    display: inline-block;
    width: auto; } }
#preface-outer-wrapper {
  z-index: 10;
  text-transform: uppercase; }
  @media (max-aspect-ratio: 2 / 1) {
    #preface-outer-wrapper {
      top: 3%;
      left: 3%; } }
  #preface-outer-wrapper #main-menu-link-content8cf96594-d59d-4180-b276-c19aae2ac8e1 {
    /* / MENU */ }
    #preface-outer-wrapper #main-menu-link-content8cf96594-d59d-4180-b276-c19aae2ac8e1 a, #preface-outer-wrapper #main-menu-link-content8cf96594-d59d-4180-b276-c19aae2ac8e1 a.is-active {
      color: #f5b6cd;
      font-size: 20px; }
    #preface-outer-wrapper #main-menu-link-content8cf96594-d59d-4180-b276-c19aae2ac8e1 a:hover {
      color: #82D8D5; }
  #preface-outer-wrapper #main-menu-link-content33d0b8ae-a87a-4e82-8414-06cf6c40849a a, #preface-outer-wrapper #main-menu-link-content33d0b8ae-a87a-4e82-8414-06cf6c40849a a.is-active {
    color: #82D8D5; }
  #preface-outer-wrapper #main-menu-link-content33d0b8ae-a87a-4e82-8414-06cf6c40849a a:hover {
    color: #f5b6cd; }
  #preface-outer-wrapper #main-menu-link-content8cf96594-d59d-4180-b276-c19aae2ac8e1,
  #preface-outer-wrapper #main-menu-link-content503fd845-ee93-40c7-9cc3-209a42afbbaf,
  #preface-outer-wrapper #main-menu-link-content2af64095-7a67-4c19-b455-bb7cb9bc834b {
    font-family: FontAwesome; }
  #preface-outer-wrapper #block-hauptmenue {
    margin: 0; }
    #preface-outer-wrapper #block-hauptmenue ul.sf-menu {
      width: 200px;
      display: inline-block; }
      #preface-outer-wrapper #block-hauptmenue ul.sf-menu li {
        padding: 10px 0; }

      #preface-outer-wrapper #block-hauptmenue ul.sf-menu li#main-menu-link-content33d0b8ae-a87a-4e82-8414-06cf6c40849a {
	  padding-right: 10px;
      }
      
/* Tagesansicht */
.view-tagesansicht {
  z-index: 5;
  position: fixed;
  bottom: 5%; }
  @media (orientation: landscape) {
    .view-tagesansicht {
      right: 10%; } }
  @media (orientation: portrait) {
    .view-tagesansicht {
      right: 5%; } }
  .view-tagesansicht #skulptur {
    visibility: hidden;
    -ms-transform-origin: 100% 0;
    /* IE 9 */
    -webkit-transform-origin: 100% 0;
    /* Chrome, Safari, Opera */
    transform-origin: 100% 0; }
    .view-tagesansicht #skulptur div.Geschichte {
      padding-top: 260px; }
    .view-tagesansicht #skulptur div.Gegenwart {
      padding-top: 130px; }
    .view-tagesansicht #skulptur figure {
      margin: 0; }
      .view-tagesansicht #skulptur figure img {
        margin: 0; }
    .view-tagesansicht #skulptur #spitze, .view-tagesansicht #skulptur #unten, .view-tagesansicht #skulptur #oben, .view-tagesansicht #skulptur .container {
      display: block;
      margin: 0 auto;
      width: 200px; }
    .view-tagesansicht #skulptur #spitze {
      background: url(../../img/skulptur/hope-top.png) center top no-repeat;
      height: 364px;
      width: 370px; }
    .view-tagesansicht #skulptur #oben {
      background: url(../../img/skulptur/hope-middle.png) center top repeat-y;
      height: 0px; }
    .view-tagesansicht #skulptur #unten {
      background: url(../../img/skulptur/hope-bottom.png) top center no-repeat;
      height: 12px; }
    .view-tagesansicht #skulptur .container {
      background: url(../../img/skulptur/hope-middle.png) top center repeat-y;
      height: 565px; }
  .view-tagesansicht #datum {
    -ms-transform-origin: 0 100%;
    /* IE 9 */
    -webkit-transform-origin: 0 100%;
    /* Chrome, Safari, Opera */
    transform-origin: 0 100%;
    padding-left: 5px;
    position: fixed;
    left: 35%;
    bottom: 10%;
    z-index: 15; }
    @media (max-aspect-ratio: 1 / 1) {
      .view-tagesansicht #datum {
        left: 5%; } }

.path-hope #block-hoffnung-page-title {
  display: none; }

/* Detailansicht */
.field--name-field-datum {
  text-align: right; }

/* BFS Logo */
#footer-outer-wrapper {
  position: fixed;
  -ms-transform-origin: 0 50%;
  /* IE 9 */
  -webkit-transform-origin: 0 50%;
  /* Chrome, Safari, Opera */
  transform-origin: 0 50%;
  display: block;
  left: 1%;
  bottom: 0.5%; }
  #footer-outer-wrapper #bfs-link {
    padding-left: 24px;
    width: 300px;
    height: 7vh;
    background-size: contain;
    background-image: url(../../img/sozialbank.png);
    background-repeat: no-repeat;
    background-position: bottom left; }

/* Datepicker */
#ui-datepicker-div {
  -ms-transform-origin: 0 100%;
  /* IE 9 */
  -webkit-transform-origin: 0 100%;
  /* Chrome, Safari, Opera */
  transform-origin: 0 100%;
  padding-bottom: 25px;
  width: 15em;
  z-index: 5; }

.ui-widget-header, .ui-widget-content {
  background: transparent;
  color: #ffffff;
  font-family: 'hblack', "Arial Bold", sans-serif;
  border-color: rgba(255, 255, 255, 0.3);
  font-weight: normal; }
  .ui-widget-header th, .ui-widget-content th {
    font-weight: normal;
    padding: 0.3em; }
  .ui-widget-header .ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../../img/ui-icons.png); }
  .ui-widget-header .ui-state-default, .ui-widget-content .ui-state-default {
    background-color: transparent;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
    background-image: none;
    width: 2em; }
  .ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-hover {
    background-image: none; }
  .ui-widget-header .ui-datepicker-today, .ui-widget-content .ui-datepicker-today {
    color: #82D8D5; }
  .ui-widget-header a:hover, .ui-widget-content a:hover {
    background-color: #f5b6cd; }

/* Websites */
.node--type-website #main-layout {
  padding: 0;
  margin-left: 25%;
  width: 75%; }
  @media (max-aspect-ratio: 1 / 1) {
    .node--type-website #main-layout {
      margin: 0;
      margin-left: 0;
      width: 100%; } }
  .node--type-website #main-layout #block-hoffnung-page-title {
    display: none; }
  .node--type-website #main-layout #block-hoffnung-content {
    margin-top: 10vh;
    width: 100%;
    height: 80vh; }
    .node--type-website #main-layout #block-hoffnung-content iframe, .node--type-website #main-layout #block-hoffnung-content #bfs-frame, .node--type-website #main-layout #block-hoffnung-content #ha-frame, .node--type-website #main-layout #block-hoffnung-content #idee-frame, .node--type-website #main-layout #block-hoffnung-content #ha-iframe {
      top: 5%;
      left: 25%;
      width: 72.5vw;
      height: 90%;
      border: none;
      position: fixed; }
      @media (max-aspect-ratio: 2 / 1) {
        .node--type-website #main-layout #block-hoffnung-content iframe, .node--type-website #main-layout #block-hoffnung-content #bfs-frame, .node--type-website #main-layout #block-hoffnung-content #ha-frame, .node--type-website #main-layout #block-hoffnung-content #idee-frame, .node--type-website #main-layout #block-hoffnung-content #ha-iframe {
          top: 10%;
          left: 2.5%;
          width: 95%;
          height: 80%; } }
    .node--type-website #main-layout #block-hoffnung-content #ha-iframe {
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
    .node--type-website #main-layout #block-hoffnung-content #ha-frame {
      background-image: url(../../img/haschult.jpg);
      background-position: bottom center;
      background-size: cover; }
      .node--type-website #main-layout #block-hoffnung-content #ha-frame a {
        font-size: 18px;
        position: absolute;
        display: block;
        bottom: 1%;
        right: 1%; }
    .node--type-website #main-layout #block-hoffnung-content #ha-frame {
      display: none; }
    .node--type-website #main-layout #block-hoffnung-content #ha-iframe {
      display: block; }

/* Belegung */
body.path-belegung #main-layout {
  margin-left: 30%;
  width: 70%; }

/* Facebook */
#block-facebook {
  margin-left: 20px; }

/* Inhalt: Page */
body.node--type-page #main-layout {
  width: 60%;
  margin-left: 40%; }
  body.node--type-page #main-layout #block-hoffnung-content {
    padding-bottom: 10vh; }

/* Inhalt: Bilderseite - Location */
body.node--type-bilderseite #main-layout {
  width: 50%;
  margin-left: 40%; }
body.node--type-bilderseite .field--type-image .field__item {
  margin-bottom: 30px; }

/* Spezial */
.rot {
  color: #ff0000; }

a:hover .rot {
  color: #0000ff; }

body.node-44 h1.page-title {
  color: #ff0000; }

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