.hover-blue:hover{
    filter: invert(12%) sepia(99%) saturate(1777%) hue-rotate(203deg) brightness(103%) contrast(93%);

 }
 .blue-link:visited {
    color: #1655b9;
  }



body {
    background-color: #0d1726;
    margin: 0 0 0 0;
    font-family: ui-sans-serif, system-ui, sans-serif;

}


.DONT_UNDERLINE {text-decoration: none;
    color: inherit;}

    
.Menu-Big {
        margin: 0 0 0 0;
        font-size: xx-large;
        background: #64A8E5FF;
        background: linear-gradient(90deg, rgba(100, 168, 229, 1) 0%, rgba(32, 113, 186, 1) 100%);
        color: transparent;
        background-clip: text;
        font-weight: bold;
    }


.Menu-Icon {
    width: 48px;
    height: 48px;
    margin-top: 5px;
}
.Menu-Bar {
    text-wrap: nowrap; /* Verhindert Umbrüche */

        background-color: #000000;
        border: solid 2px, #242628;
        height: 70px;
        border-radius: 100px;
        color: #94A3B8;
        font-size: large;
        padding:  0 5% 0 5%;
        position: fixed;
         width: auto;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        font-weight: 500;
        z-index: 100;
    }
    .tiny-icon {
        height: 25px;
        width: 25px;
        border: none;
        margin-left: 20px;
        margin-right: 5px;
        filter: invert(78%) sepia(7%) saturate(869%) hue-rotate(175deg) brightness(82%) contrast(86%);
     }
    
    .Hintergrundtext {
        color: hsl(215 20.2% 65.1%);
        font-weight: 500;
     }



html {
scroll-behavior: smooth;
}





h1 {
  margin-block-end: 0;
font-size: 4rem;
font-weight: 700;
color: white;
}
h2 {
    margin-block-end: 0;

  font-weight: 700;
  color: white;
  }
  h4 {
    margin-block-end: 0;
  font-weight: 700;
  color: white;
  }


 .Projekte-Label{    


    width: 100%;
 font-size: 30px;
 color: white;}



 .Projekt {
    width: 96%;
    margin: 10px 2% 10px 2%;
    height: 400px;
    border-radius: 20px 40px 20px 40px;
    border: 2px solid;
    border-color: #1a2d4d;
    background: #132239;


 }

 .Projekt img {
    width: 400px;
    height:250px;
    margin-left: 10px;
  
 }

 .Projekt h3 {
    font-size: xx-large;
    color: white;
    margin: 5px;
    margin-left: 10px;
   
 }
 .DONT_UNDERLINE {text-decoration: none;
color: inherit;}


 button {
    border-radius: 5px;
    border: none;
    padding: 10px;
    background-color: #0d326d;
    color: white;
    font-size: larger;
    font-weight: bold;
 }
 .pill-container{
                display: inline-block;

    background-color: #1c9cf033 ;
    border-radius: 20px;
   transform: rotate(-3deg);
  
}
    .pill {
            display: inline-block;
            padding: 10px 20px;
            transform: rotate(3deg);
            border-radius: 50px;
            color:#109DFF
        }
.Welcome {    margin-block-start: 3em}

.Körper {margin: 10px 10px 10px 10px;}