/* jost-200 - 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';
  display: swap;
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/jost-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* 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;
  display: swap;
  font-weight: 300;
  src: url('../fonts/jost-v15-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';
  display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-500 - 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';
  display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/jost-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-200 - 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: 'DM Sans';
  display: swap;
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/dm-sans-v14-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: 'DM Sans';
  font-style: normal;
  display: swap;
  font-weight: 400;
  src: url('../fonts/dm-sans-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: 'DM Sans';
  display: swap ;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dm-sans-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  --bs-hellgrey: #F7F7F7;
  --bs-grey: #9FAAB2;
  --bs-white: #ffffff;
  --bs-dark: #171727;
  --bs-blue: #0264AF;
  --bs-body-font-family-two:'DM Sans', sans-serif;
  --bs-body-font-family:'Jost', sans-serif;
  --bs-body-font-weight-small: 300;
  --bs-body-font-weight-regular: 400;
  --bs-font-weight-bold: 700;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  BASICS
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
body {
  font-family: var(--bs-body-font-family);
  font-size: 1rem;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.7rem;
  font-weight: var(--bs-font-weight-small);
/* hyphens: auto;
   -moz-hyphens: auto;
  -webkit-hyphens: auto;*/
}

*:focus { outline: none !important; }
::selection       { background: var(--bs-dark); color: var(--bs-white); }
::-moz-selection  { background: var(--bs-dark); color: var(--bs-white); }

.card-two {border: 0px;
background: none!important;
max-width: 270px;}

.card {border: 0px;max-width: 470px }





ol, ul {
    padding-left: 3rem;
    }

li  {

  position: relative;

}

ul.star {
  list-style:none;
}

ul.star li::before {
  background: url("../images/icons/kreís_punkt.svg") no-repeat center center;
  content:"";
  width: 16px;
  height: 16px;
  position: absolute;
  left: -20px;
  top: 5px;
  padding: 0 0 0 10px;
}




/* + + + + + + + + + + + + + + + + + + + + + + + +
  HEADLINES & TEXT STYLES
+ + + + + + + + + + + + + + + + + + + + + + + +  */

/* HEADLINES */
h1, h2, h3, h4, h5, h6, *[class*="fs-1"] {
  margin: 0;
  padding: 0;
}

.fs-1 {
  font-size: calc(1.7rem + 0.6vw)!important;
  line-height: 2.5rem;
  font-family: var(--bs-body-font-family-two);

}


.fs-2 {
  font-size: calc(1.1rem + 0.3vw)!important;
  font-weight: var(--bs-body-font-bold);
  line-height: 2.5rem;
  font-family: var(--bs-body-font-family-two);

}

.fs-3 {
    font-size:  calc(1rem + 0.1vw)!important;
  }

.fs-4 {font-size: calc(4.5rem + 2vw)!important;
}
.fs-5 {
  font-size: calc(4.5rem + 2vw)!important;
  color: transparent;
  -webkit-text-stroke: 1px white}

.fw-bold{font-weight: var(--bs-font-weight-bold)!important;}


.modal {
    --bs-modal-bg: var(--bs-white);
    --bs-modal-header-border-color: var(--bs-white);
    --bs-modal-footer-border-color: var(--bs-white); }

/* + + + + + + + + + + + + + + + + + + + + + + + +
  Hintergrund
+ + + + + + + + + + + + + + + + + + + + + + + +  */

.bg-chronik{ background: url("../images/site/gebaeude.jpg") no-repeat center center;}

.bg-white{ background:var(--bs-white);}
.bg-blue{ background:var(--bs-blue);}
.bg-grey{ background:var(--bs-grey);}
.bg-hellgrey{ background:var(--bs-hellgrey);}
.hellgrey{ color:var(--bs-hellgrey);}
.blue{ color:var(--bs-blue); }
.grey{ color:var(--bs-grey); }
.distance { margin-top: -20rem;}
.distancetwo { padding-top: 2.3rem;}


/* + + + + + + + + + + + + + + + + + + + + + + + +
Accordeon
+ + + + + + + + + + + + + + + + + + + + + + + +  */

.accordion-button:not(.collapsed) {
    color: var(--bs-blue)!important;
    background-color:var(--bs-white)!important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
/* + + + + + + + + + + + + + + + + + + + + + + + +
  Link
+ + + + + + + + + + + + + + + + + + + + + + + +  */


a{
    text-decoration: none;
    color: var(--bs-grey);
}

a:visited{color: var(--bs-grey);}
a:hover{color: var(--bs-grey)!important;}
a:active{color: var(--bs-grey)!important;}

.link {color: var(--bs-white) !important;}







/* + + + + + + + + + + + + + + + + + + + + + + + +
  NAVIGATION
+ + + + + + + + + + + + + + + + + + + + + + + +  */
#header {background-color: white;}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0;}

.navbar{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-dark);
}

.navbar-expand-lg .navbar-nav .nav-link  {
  padding-right: 0;
  padding-left: 1.5rem;
  color: var(--bs-dark);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-expand-lg .navbar-nav .nav-link  {
    padding-left: 1rem;
    letter-spacing: .8px;
  }
}


@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-nav .nav-link { border-bottom: 1px solid grey; }
}


/* + + + + + + + + + + + + + + + + + + + + + + + +
  Navbar Mobil
+ + + + + + + + + + + + + + + + + + + + + + + +  */
.navbar-toggler-icon {
    width: 2rem!important;
    height: 2rem!important;
 }

.navbar-toggler.custom-toggler {
  border-color: var(--bs-dark);
  border-width: 1px;
  background: var(--bs-blue);
  padding: .8rem;
}
.navbar-toggler.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}