/* federo-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: 'Federo';
  font-style: normal;
  display: swap;
  font-weight: 400;
  src: url('../fonts/federo-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-madurai-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: 'Hind Madurai';
  display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hind-madurai-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-madurai-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: 'Hind Madurai';
  display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/hind-madurai-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --bs-pink:#C7207A;
  --bs-yellow: #FFC700;
  --bs-darkgrey:#212A34;
  --bs-grey: #F8F8F8;
  --bs-hellgrey:#DADADA;
  --bs-white: #ffffff;
  --bs-dark: #000000;
  --bs-body-font-family: 'Hind Madurai', sans-serif;
  --bs-body-font-family-two: 'Federo', 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;
  letter-spacing: 0.1rem;
  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); }


/*
  //
  // LOGO
*/
.logo { height: 235px; transition: all 0.7s ease-out 0s; }
.shrink-logo img.logo { height: 150px; }

@media (max-width: 991.98px) {
  .logo { height: 100px; }
}



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

.card {border: 0px;max-width: 470px; line-height: 1.3rem;}

.card {
    --bs-card-border-radius: none;
    --bs-card-box-shadow: none;
    --bs-card-inner-border-radius: none;

    border-radius: none; }


.card-footer {
    background-color: var(--bs-white);
   border-top: none; }





.btn {
    --bs-btn-border-radius: 0;
}


.btn:hover {
    color: var(--bs-black);

}



   .site,
    .site_one,
    .site_two{
      position: fixed !important;
      right: -26px;
      z-index: 5000;
  }

  .site_one {top: 480px;}
  .site_two {top: 550px;}

}



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

li  {
  list-style: none;
  position: relative;
  line-height: 2rem;

}

ul.star {
  list-style:none;
}


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


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


@media (max-width: 767.98px) {
  .rotate{
  position: fixed;
  bottom: 0; right:0;
} }

@media (min-width: 768px) and (max-width: 1199.98px)

{ .rotate {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 right: -7.8rem;

}

 .site {top: 290px;}}





@media (min-width: 1200px) {
 .rotate {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 right: -8rem;

}
 .site {top: 290px;}}

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




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

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

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


.fs-2 {
  font-size: calc(1.2rem + 0.2vw)!important;
  line-height: 1.8carrem;
  font-family: var(--bs-body-font-family-two);

}

.fs-3 {
    font-size: calc(1.0rem + 0.2vw)!important;
  line-height: 2.5rem;

  }


.fs-4 {
  font-size: calc(0.7rem + 0.2vw)!important;
  line-height: 1rem;
  letter-spacing: 0rem;


}


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

.bg-blasen{ background: url("../images/site/hg_blasen.jpg") no-repeat bottom right;}
.bg-darkgrey{ background:var(--bs-darkgrey);}
.bg-grey{ background:var(--bs-grey);}
.bg-yellow{ background:var(--bs-yellow);}
.pink{ color:var(--bs-pink); }
.distance { padding-left: 6rem;}

.blackbox{ width: 60%;
top: 50%;left:50% }



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

.accordion-button:not(.collapsed) {
    color: var(--bs-pink)!important;
    background-color:none;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion {
    --bs-accordion-bg: none;
    --bs-accordion-border-width: none;}

.accordion-button {
    background-color:none; }

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-bg-white)}

.accordion-item{ border-bottom: 1px solid var(--bs-hellgrey); background-color:none; background-color: var(--bs-bg-white);}


/* + + + + + + + + + + + + + + + + + + + + + + + +
  Link
+ + + + + + + + + + + + + + + + + + + + + + + +  */


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

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

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


/* + + + + + + + + + + + + + + + + + + + + + + + +
  NAVIGATION
+ + + + + + + + + + + + + + + + + + + + + + + +  */
#header {background:var(--bs-darkgrey);}

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

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

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

@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-pink);
  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");
}