:root  {

--main-font: 'Jost', arial,helvetica;
--gold: #CCB69B;
--gold-deep: #826515;
--lila: #9006FD;
--yellow: #FFFAE7;
--rose: #FEE8E1;  
--rot: #FF3D00;
}


/* jost-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/jost-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/jost-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/jost-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.btn-primary {
  border-radius: 0;
  border: 0;
  background: #fff;
  color: var(--lila);
}

.btn-primary:hover {

background: var(--lila);

}

.btn-secondary {
  border-radius: 0;
  border: 0;
  background: #fff;
  color: var(--rot);
}

.btn-secondary:hover {
  
background: #ff3d00;

}



.fw-300 {
  font-weight: 300 !important;
}

.text-red {
  color: var(--rot);
}

.text-lila {
  color: var(--lila);
}

.bg-yellow {
  background: var(--yellow);
}

.bg-rose{
  background: var(--rose);
}

.erecht24 h1 {display: none};

header.masthead {
  padding-top: 10px !important;
}

.navbar-brand {
  font-size: inherit;
}

a {
  color: var(--lila);
}
body {
  background: #fff;
  font-family: var(--main-font);
  color: var(--lila);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
}

h2 {
  font-size: 1.8rem;
  text-transform: uppercase;
}

p {
  line-height: 1.9em;
}


.info p {

}

.font-weight-bold {
  font-weight: 700;
}

.zitat {
  font-size: 3em;
  line-height: 1.3em;
}


.decoration-none {
  text-decoration: none;
}

.bg-gold h1 {
  color: var(--lila);
  font-weight: 700;
  font-size: 3em;
  line-height: 1.5em;
}

.bg-gold.intro a {
  color: #fff !important;
  text-decoration: none;
  font-size: 3em;
  font-weight: 700;
}

.intro {
  padding: 20px 0;
}

@media (min-width: 764px) {

  .zitat {
    font-size: 3.4em;
  }


  .intro {
    padding: 50px 80px;
  }

  .bg-gold.intro h1 {
    font-weight: 700;
    font-size: 6.2em;
    line-height: 1.5em;
  }

  .bg-gold.intro a {
    font-size: 6.2em;
  }

}

.bg-gold.intro a:hover {
  color: var(--lila) !important;
}

.bg-gold {
  background: var(--gold);
  color: #fff;
}

footer {
  color: #fff;
  font-size: .8em;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  color: var(--gold) !important;
}
.bg-lila {
  background: var(--lila);
}



/* Line Height */
.line-height-initial {
  line-height: initial !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.line-height-1-1 {
  line-height: 1.1 !important;
}

.line-height-2 {
  line-height: 1.2 !important;
}

.line-height-3 {
  line-height: 1.3 !important;
}

.line-height-4 {
  line-height: 1.4 !important;
}

/* Font Size */
.text-0 {
  font-size: .7em !important;
}

.text-1 {
  font-size: .8em !important;
}

.text-2 {
  font-size: .9em !important;
}

.text-2-3,
.text-2-5 {
  font-size: .95em !important;
}

.text-3 {
  font-size: 1em !important;
}

.text-3-4,
.text-3-5 {
  font-size: 1.1em !important;
}

.text-4 {
  font-size: 1.2em !important;
}

.text-4-5 {
  font-size: 1.35em !important;
}

.text-5 {
  font-size: 1.50em !important;
}

.text-5-6,
.text-5-5 {
  font-size: 1.65em !important;
}

.text-6 {
  font-size: 1.80em !important;
}

.text-6-7,
.text-6-5 {
  font-size: 1.9em !important;
}

.text-7 {
  font-size: 2em !important;
}

.text-8 {
  font-size: 2.30em !important;
}

.text-9 {
  font-size: 2.50em !important;
}

.text-10 {
  font-size: 2.75em !important;
}

.text-11 {
  font-size: 3em !important;
}

.text-12 {
  font-size: 3.5em !important;
}

.text-12-13,
.text-12-5 {
  font-size: 3.75em !important;
}

.text-13 {
  font-size: 4em !important;
}

.text-14 {
  font-size: 4.5em !important;
}

.text-15 {
  font-size: 5em !important;
}

.text-16 {
  font-size: 5.33em !important;
}

.text-17 {
  font-size: 5.66em !important;
}

.text-18 {
  font-size: 6em !important;
}

.text-19 {
  font-size: 6.33em !important;
}

.text-20 {
  font-size: 6.66em !important;
}

@media (min-width: 576px) {
  .text-sm-0 {
    font-size: .7em !important;
  }

  .text-sm-1 {
    font-size: .8em !important;
  }

  .text-sm-2 {
    font-size: .9em !important;
  }

  .text-sm-2-3,
    .text-sm-2-5 {
    font-size: .95em !important;
  }

  .text-sm-3 {
    font-size: 1em !important;
  }

  .text-sm-3-4,
    .text-sm-3-5 {
    font-size: 1.1em !important;
  }

  .text-sm-4 {
    font-size: 1.2em !important;
  }

  .text-sm-4-5 {
    font-size: 1.35em !important;
  }

  .text-sm-5 {
    font-size: 1.50em !important;
  }

  .text-sm-5-6,
    .text-sm-5-5 {
    font-size: 1.65em !important;
  }

  .text-sm-6 {
    font-size: 1.80em !important;
  }

  .text-sm-6-7,
    .text-sm-6-5 {
    font-size: 1.9em !important;
  }

  .text-sm-7 {
    font-size: 2em !important;
  }

  .text-sm-8 {
    font-size: 2.30em !important;
  }

  .text-sm-9 {
    font-size: 2.50em !important;
  }

  .text-sm-10 {
    font-size: 2.75em !important;
  }

  .text-sm-11 {
    font-size: 3em !important;
  }

  .text-sm-12 {
    font-size: 3.5em !important;
  }

  .text-sm-12-13,
    .text-sm-12-5 {
    font-size: 3.75em !important;
  }

  .text-sm-13 {
    font-size: 4em !important;
  }

  .text-sm-14 {
    font-size: 4.5em !important;
  }

  .text-sm-15 {
    font-size: 5em !important;
  }

  .text-sm-16 {
    font-size: 5.33em !important;
  }

  .text-sm-17 {
    font-size: 5.66em !important;
  }

  .text-sm-18 {
    font-size: 6em !important;
  }

  .text-sm-19 {
    font-size: 6.33em !important;
  }

  .text-sm-20 {
    font-size: 6.66em !important;
  }
}

@media (min-width: 768px) {
  .text-md-0 {
    font-size: .7em !important;
  }

  .text-md-1 {
    font-size: .8em !important;
  }

  .text-md-2 {
    font-size: .9em !important;
  }

  .text-md-2-3,
    .text-md-2-5 {
    font-size: .95em !important;
  }

  .text-md-3 {
    font-size: 1em !important;
  }

  .text-md-3-4,
    .text-md-3-5 {
    font-size: 1.1em !important;
  }

  .text-md-4 {
    font-size: 1.2em !important;
  }

  .text-md-4-5 {
    font-size: 1.35em !important;
  }

  .text-md-5 {
    font-size: 1.50em !important;
  }

  .text-md-5-6,
    .text-md-5-5 {
    font-size: 1.65em !important;
  }

  .text-md-6 {
    font-size: 1.80em !important;
  }

  .text-md-6-7,
    .text-md-6-5 {
    font-size: 1.9em !important;
  }

  .text-md-7 {
    font-size: 2em !important;
  }

  .text-md-8 {
    font-size: 2.30em !important;
  }

  .text-md-9 {
    font-size: 2.50em !important;
  }

  .text-md-10 {
    font-size: 2.75em !important;
  }

  .text-md-11 {
    font-size: 3em !important;
  }

  .text-md-12 {
    font-size: 3.5em !important;
  }

  .text-md-12-13,
    .text-md-12-5 {
    font-size: 3.75em !important;
  }

  .text-md-13 {
    font-size: 4em !important;
  }

  .text-md-14 {
    font-size: 4.5em !important;
  }

  .text-md-15 {
    font-size: 5em !important;
  }

  .text-md-16 {
    font-size: 5.33em !important;
  }

  .text-md-17 {
    font-size: 5.66em !important;
  }

  .text-md-18 {
    font-size: 6em !important;
  }

  .text-md-19 {
    font-size: 6.33em !important;
  }

  .text-md-20 {
    font-size: 6.66em !important;
  }
}

@media (min-width: 992px) {
  .text-lg-0 {
    font-size: .7em !important;
  }

  .text-lg-1 {
    font-size: .8em !important;
  }

  .text-lg-2 {
    font-size: .9em !important;
  }

  .text-lg-2-3,
    .text-lg-2-5 {
    font-size: .95em !important;
  }

  .text-lg-3 {
    font-size: 1em !important;
  }

  .text-lg-3-4,
    .text-lg-3-5 {
    font-size: 1.1em !important;
  }

  .text-lg-4 {
    font-size: 1.2em !important;
  }

  .text-lg-4-5 {
    font-size: 1.35em !important;
  }

  .text-lg-5 {
    font-size: 1.50em !important;
  }

  .text-lg-5-6,
    .text-lg-5-5 {
    font-size: 1.65em !important;
  }

  .text-lg-6 {
    font-size: 1.80em !important;
  }

  .text-lg-6-7,
    .text-lg-6-5 {
    font-size: 1.9em !important;
  }

  .text-lg-7 {
    font-size: 2em !important;
  }

  .text-lg-8 {
    font-size: 2.30em !important;
  }

  .text-lg-9 {
    font-size: 2.50em !important;
  }

  .text-lg-10 {
    font-size: 2.75em !important;
  }

  .text-lg-11 {
    font-size: 3em !important;
  }

  .text-lg-12 {
    font-size: 3.5em !important;
  }

  .text-lg-12-13,
    .text-lg-12-5 {
    font-size: 3.75em !important;
  }

  .text-lg-13 {
    font-size: 4em !important;
  }

  .text-lg-14 {
    font-size: 4.5em !important;
  }

  .text-lg-15 {
    font-size: 5em !important;
  }

  .text-lg-16 {
    font-size: 5.33em !important;
  }

  .text-lg-17 {
    font-size: 5.66em !important;
  }

  .text-lg-18 {
    font-size: 6em !important;
  }

  .text-lg-19 {
    font-size: 6.33em !important;
  }

  .text-lg-20 {
    font-size: 6.66em !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-0 {
    font-size: .7em !important;
  }

  .text-xl-1 {
    font-size: .8em !important;
  }

  .text-xl-2 {
    font-size: .9em !important;
  }

  .text-xl-2-3,
    .text-xl-2-5 {
    font-size: .95em !important;
  }

  .text-xl-3 {
    font-size: 1em !important;
  }

  .text-xl-3-4,
    .text-xl-3-5 {
    font-size: 1.1em !important;
  }

  .text-xl-4 {
    font-size: 1.2em !important;
  }

  .text-xl-4-5 {
    font-size: 1.35em !important;
  }

  .text-xl-5 {
    font-size: 1.50em !important;
  }

  .text-xl-5-6,
    .text-xl-5-5 {
    font-size: 1.65em !important;
  }

  .text-xl-6 {
    font-size: 1.80em !important;
  }

  .text-xl-6-7,
    .text-xl-6-5 {
    font-size: 1.9em !important;
  }

  .text-xl-7 {
    font-size: 2em !important;
  }

  .text-xl-8 {
    font-size: 2.30em !important;
  }

  .text-xl-9 {
    font-size: 2.50em !important;
  }

  .text-xl-10 {
    font-size: 2.75em !important;
  }

  .text-xl-11 {
    font-size: 3em !important;
  }

  .text-xl-12 {
    font-size: 3.5em !important;
  }

  .text-xl-12-13,
    .text-xl-12-5 {
    font-size: 3.75em !important;
  }

  .text-xl-13 {
    font-size: 4em !important;
  }

  .text-xl-14 {
    font-size: 4.5em !important;
  }

  .text-xl-15 {
    font-size: 5em !important;
  }

  .text-xl-16 {
    font-size: 5.33em !important;
  }

  .text-xl-17 {
    font-size: 5.66em !important;
  }

  .text-xl-18 {
    font-size: 6em !important;
  }

  .text-xl-19 {
    font-size: 6.33em !important;
  }

  .text-xl-20 {
    font-size: 6.66em !important;
  }
}

.text-1rem {
  font-size: 16px !important;
  font-size: 1rem !important;
}