/**
 * CSS for home page animation fun
 */
:root {
  --header-height: 158px;
  --card-height: 100vh;
  --card-margin: 2vw;
  --card-top-offset: 30px;
  --numcards: 6;
  --outline-width: 0px; }

.stacking-cards {
  /* MJ martin padding-bottom: calc(var(--numcards) * var(--card-top-offset)); /*
  /* Make place at bottom, as items will slide to that position*/
  /* MJ pmargin-bottom: var(--card-margin); */
  /* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
  /*
	.card.card-header {
		--index: 1;
	}*/ }
  .stacking-cards .card.card-1 {
    --index: 1; }
  .stacking-cards .card.card-2 {
    --index: 2; }
  .stacking-cards .card.card-3 {
    --index: 3; }
  .stacking-cards .card.card-4 {
    --index: 4; }
  .stacking-cards .card.card-5 {
    --index: 5; }
  .stacking-cards .card.card-6 {
    --index: 6; }
  .stacking-cards .card.card-spacer {
    --index: 7; }

.stacking-cards .card, .stacking-cards .tab {
  position: sticky;
  top: 0;
  top: var(--header-height);
  padding-top: calc( var(--index) * var(--card-top-offset ));
  padding-top: calc( var(--index) * var(--card-top-offset ) - var(--card-top-offset)); }
  .stacking-cards .card .card--content, .stacking-cards .tab .card--content {
    min-height: var(--card-height); }
  .stacking-cards .card.card-header, .stacking-cards .tab.card-header {
    min-height: 30px;
    padding-top: 0; }

.stacking-cards .tab, .stacking-cards .card {
  padding-bottom: 0; }
  .stacking-cards .tab .kopf, .stacking-cards .card .kopf {
    min-height: 32px; }
  .stacking-cards .tab:not(.hintergrund_hell, .hintergrund_light) .tab-wrapper, .stacking-cards .tab:not(.hintergrund_hell, .hintergrund_light) .kopf, .stacking-cards .tab:not(.hintergrund_hell, .hintergrund_light) .inhalt, .stacking-cards .card:not(.hintergrund_hell, .hintergrund_light) .tab-wrapper, .stacking-cards .card:not(.hintergrund_hell, .hintergrund_light) .kopf, .stacking-cards .card:not(.hintergrund_hell, .hintergrund_light) .inhalt {
    background-color: #000; }
  .stacking-cards .tab.hintergrund_hell, .stacking-cards .card.hintergrund_hell {
    background: transparent !important; }
    .stacking-cards .tab.hintergrund_hell .tab-wrapper, .stacking-cards .card.hintergrund_hell .tab-wrapper {
      background-color: #e8e8e8; }
      .stacking-cards .tab.hintergrund_hell .tab-wrapper .kopf p, .stacking-cards .tab.hintergrund_hell .tab-wrapper h2, .stacking-cards .card.hintergrund_hell .tab-wrapper .kopf p, .stacking-cards .card.hintergrund_hell .tab-wrapper h2 {
        color: #1b1b1b; }
  .stacking-cards .tab.hintergrund_light .tab-wrapper, .stacking-cards .card.hintergrund_light .tab-wrapper {
    background-color: #e8e8e8; }
    .stacking-cards .tab.hintergrund_light .tab-wrapper .kopf p, .stacking-cards .tab.hintergrund_light .tab-wrapper h2, .stacking-cards .card.hintergrund_light .tab-wrapper .kopf p, .stacking-cards .card.hintergrund_light .tab-wrapper h2 {
      color: #1b1b1b; }
  .stacking-cards .tab .kopf, .stacking-cards .card .kopf {
    height: 30px; }
  .stacking-cards .tab .inhalt .inner-content, .stacking-cards .card .inhalt .inner-content {
    padding: 50px 0;
    max-height: calc( 30px + 100vh * 1.25); }

/**
 * quote fx
 */


.sticky_con {
  position: sticky;
  top: 158px; }

.fixed_con {
  position: fixed;
  top: 158px;
  /*top: 100px;
	left: 100px;*/ }

.tab.t1 .spalte_bild_con {
  position: relative; }

.akkordion_con .t2 .kopf p {
  color: #fff; }

.akkordion_con .tab.t3 .kopf {
  background-color: #f3f3f3;
  height: 52px;
  height: 30px;
  padding-top: 10px;
  padding-bottom: 2px; }

.akkordion_con .tab.t3 .stacking-cards .card-header .kopf p {
  line-height: 32px; }

.akkordion_con .tab.t3 .stacking-cards .card-spacer .kopf {
  background-color: transparent; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe1 .card--content {
  background-color: #f3f3f3 !important; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe2 .card--content {
  background-color: #e8e8e8 !important; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe3 .card--content {
  background-color: #d1d1d1 !important; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe4 .card--content {
  background-color: #bababa !important; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe5 .card--content {
  background-color: #a4a4a4 !important; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 .card--content {
  background-color: #8d8d8d !important; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 .kopf p {
  font-weight: 400; }

/*
.akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 p, .akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 li {
  color: #fff !important; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h1, .akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h1 a {
  color: #fff !important;
  text-shadow: 0 0 2px #1e1e1e; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h2, .akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h2 a {
  color: #fff !important;
  text-shadow: 0 0 2px #1e1e1e; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h3, .akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h3 a {
  color: #fff !important;
  text-shadow: 0 0 2px #1e1e1e; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h4, .akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h4 a {
  color: #fff !important;
  text-shadow: 0 0 2px #1e1e1e; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h5, .akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h5 a {
  color: #fff !important;
  text-shadow: 0 0 2px #1e1e1e; }

.akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h6, .akkordion_con .tab.t3 .stacking-cards .card.card_farbe6 h6 a {
  color: #fff !important;
  text-shadow: 0 0 2px #1e1e1e; }
*/
.zitat blockquote {
  color: #fff;
  line-height: 150%;
  font-family: 'Libre Baskerville', Garamond, Georgia, Times, 'Times New Roman', serif;
  font-size: 47px;
  font-size: 4.7rem; }

.tab.t6 {
  background-color: #f3f3f3;
  color: #1b1b1b; }