@font-face {
    font-family: "Roboto_Slab";
    font-style: normal;
    font-weight:100 900;
    font-display: swap;
    src: url("../font/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf");
  }
  
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight:400;
    font-display: swap;
    src: url("../font/Roboto/Roboto-Regular.ttf");
  }
  
  @font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight:100 900;
    font-display: swap;
    src: url("../font/Raleway/Raleway-VariableFont_wght.ttf");
  }
  @font-face {
    font-family: "Raleway-Italic";
    font-style: normal;
    font-weight:100 900;
    font-display: swap;
    src: url("../font/Raleway/Raleway-Italic-VariableFont_wght.ttf");
  }
  @font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight:400 700;
    font-display: swap;
    src: url("../font/Lora/Lora-VariableFont_wght.ttf");
  }
  @font-face {
    font-family: "Lora-Italic";
    font-style: normal;
    font-weight:400 700;
    font-display: swap;
    src: url("../font/Lora/Lora-Italic-VariableFont_wght.ttf");
  }
  @font-face {
    font-family: "Poor Story";
    font-style: normal;
    font-weight:400;
    font-display: swap;
    src: url("../font/Poor_Story/PoorStory-Regular.ttf");
  }
  @font-face {
    font-family: "Indie Flower";
    font-style: normal;
    font-weight:400;
    font-display: swap;
    src: url("../font/Indie_Flower/IndieFlower-Regular.ttf");
  }
  @font-face {
    font-family: "Dancing Script";
    font-style: normal;
    font-weight:100 900;
    font-display: swap;
    src: url("../font/Dancing_Script/DancingScript-VariableFont_wght.ttf");
  }
  @font-face {
    font-family: "Gloria";
    font-style: normal;
    font-weight:400;
    font-display: swap;
    src: url("../font/Gloria_Hallelujah/GloriaHallelujah-Regular.ttf");
  }
  body {
    font-family: 'Lora';
    /*background-image: linear-gradient(rgba(207, 212, 218, 0.5), rgba(56, 53, 54, 0.45)), url("../img/Hintergrundbilder/bg-wood.jpg");*/
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../img/Hintergrunde/1.png");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
  }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway';
}

p {
  line-height: 1.75;
}

.main-nav{
  font-size: 3.5rem;
  font-weight: 700;
  font-family: 'Raleway';
  color: #fff;
  background-color: #7e3b5b;
 
}
.main-nav .main-nav-title{
  font-size: 1.0rem;
  font-weight: 500;
  font-family: 'Raleway';
  color: #fff;
  margin-left:0rem;
  margin-top:1.5rem;
}
@media (min-width: 992px) {
  .main-nav .main-nav-title{
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Raleway';
    color: #fff;
    margin-left:2rem;
    margin-top:1.8rem;
  }
}
.main-nav .main-nav-item{
  font-size: 0.7rem;
  font-weight: 400;
  font-family: 'Roboto_Slab';
  color: #fff;
}
.main-nav .img-nav{
  width: 30%;
    height: auto;
   
}
@media (min-width: 992px) {
  .main-nav .img-nav {
/*        float:left;*/
      width: 10%;
    height: 10%;
      margin-left: 3rem;
     
    
  }
}
.nav-canvas{
  font-size: 1.2rem;
  font-weight: 600;
  font-family: 'Raleway';
  color: #fff;
  background-color: #7e3b5b;
}
.nav-canvas .canvas-title{
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  text-decoration:none;
}
.nav-canvas .canvas-text{
  font-size: 1.0rem;
  font-weight: 400;
}

.footer {
  background-color: rgba(20, 20, 19, 0.9);
}

.footer-section {
  padding-top: 0.25rem;
  padding-bottom: 1rem;
}
.footer-section .card {
  border: 0;
  border-bottom: 0.25rem solid #64a19d;
}
.footer-section .card h4 {
  font-size: 0.8rem;
  font-family: 'Roboto';
  text-transform: uppercase;
  letter-spacing: 0.15rem;
}
.footer-section .card hr {
  border-color: #64a19d;
  border-width: 0.25rem;
  width: 3rem;
}
.footer-section .social {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.footer-section .social a {
  text-align: center;
  height: 3rem;
  width: 3rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  line-height: 3rem;
  color: rgba(255, 255, 255, 0.3);
}
.footer-section .social a:hover {
  color: rgba(255, 255, 255, 0.5);
}
.footer-section .social a:active {
  color: #fff;
}


.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color:sienna;    }
    49%{    color:sienna }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color:sienna;    }
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.img {
    animation: blink 1s;
    animation-iteration-count: infinite;
}
.bg-news {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .img-News{
    width: 100%;
    height: auto;
  }
  

@media (min-width: 992px) {
  .kids-item .kids-item-title {
    position: relative;
    z-index: 1;
    margin-bottom: -3rem;
  }
  .kids-item .kids-item-img {
    position: relative;
    z-index: 0;
    max-width: 40vw;
  }
  .kids-item .kids-item-description {
    position: relative;
    z-index: 1;
    margin-top: -3rem;
    max-width: 50vw;
  }
}
.custom-tooltip {
  --bs-tooltip-bg: #7e3b5b;
  --bs-tooltip-color: white;
}