@charset "UTF-8";
:root {
  --first-color: #004994;
  --first-color--hover: #002953;
  --second-color: #009bae;
  --second-color--hover: #027f8f;
  --second-color--hover-map: #8ECDD6;
  --light-color: #edeff1;
  --font-color: #25415A;
  --brightest: #FFF;
  --darkest: #25415A;
  --overlay-color: #1c2a4ea5;
  --white-border-on-blue: rgba(255,255,255,.2);
  --p-dark-blue: #1C2B4E; /* 2 Farben reichen uns hier nicht :) */
  --first-color-90: #004894E6; /* Z.B. Startseite Navigations BG */
  --first-color-80: #004894cc; /* Z.B. Startseite Navigations BG */
  --first-color-50: #0047947f;
  --first-color-30: #0047944d;
  --first-color-20: #00479433; /* Z.B. Shop Menü Unterpunkte Hover */
  --first-color-10: #0047941a; /* Z.B. Shop Menü Unterpunkte */
  --margin: 100px; /* Der generelle Abstand zwischen den Elementen */
  --margin-within-container: 30px; /* Der generelle Abstand zwischen den Elementen in Containern */
  --marginBig: 150px; /* Wichtig für Abstand davor/danach */
  --marginSmall: 50px; /* Wichtig für Abstand davor/danach */
  --header-margin: 2rem; /* Der Abstand nach einem header/textmedia-header (headline) */
  --paragraph-margin: 1rem;
  --grid-gap-size: 20px; /* Abstand zwischen Cards, Textmedien Elementen (Text + Bild sprich der darin) ... */
  --upper-header-height: 125px; /* Header Layout Pröpster Startseite */
  --border-radius: 5px;
  --btn-border-radius: 5px;
  --p-border-radius: 5px;
  --news-card-border-radius: 5px;
}

@media (max-width: 991px) {
  :root {
    --upper-header-height: 75px;
  }
}
@media (max-width: 767px) {
  :root {
    --margin: 50px;
  }
}
:root {
  /* box-shadow */
  --card-shadow: 0 0 30px rgba(28,43,78,.2);
  --small-shadow: 3px 3px 10px rgba(28,43,78,.2);
  /*
   *	Folgende Werte erstmal von BS übernommen
   */
  --h1-font-size: 50px;
  --h2-font-size: 30px;
  --h3-font-size: 24px;
  --h4-font-size: 20px;
  --h5-font-size: 20px;
  --h6-font-size: 18px;
  --h-font-weight: 500;
}

@media (max-width: 767px) {
  :root {
    --h1-font-size: 28px;
  }
}
:root {
  /* Font Family ist unter der extension rh_fontcol zu konfigurieren */
  --body-font-size: var(--bs-body-font-size); /* Font Size für den gesamten Body also auch Navigation */
  --body-font-weight: var(--bs-body-font-weight); /* Font Weight für den gesamten Body also auch Navigation */
  --main-line-height: var(--bs-body-line-height); /* Line Height nur für den Main spricht: Ohne Navigation */
  /* 
  * Rewrite BS (Bootstrap)
  */
  --bs-nav-pills-link-active-bg: var(--first-color);
  --bs-nav-link-color: var(--first-color);
  --input-border-radius: 0.3rem;
  --input-border-color: #c3c3c3;
  --input-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.2);
}