/* font-family: 'Nunito Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

/* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* font-family: 'Lobster', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}
html {
    scroll-behavior: smooth;
  }
:root{
    ---Primary--color:white;
    ---Primary2--color:#e6f2ff;
    ---Primary3--color:#8ed1fc;
    ---PrimaryTex--color:black;
    ---PrimaryTex2--color:blue;
    ---PrimaryTex3--color:tomato;
    ---PrimaryTex4--color:rgb(1, 251, 59);
    ---PrimaryTex5--color:rgb(61, 61, 61);
    ---topBarContactBG--color:yellow;
    ---topBarContactText--color:black;
    ---topBarContactRight--color:red ;
    ---topBarContactRightText--color:white;
    ---MenuBar--color:rgb(7, 116, 249);
    ---MenuBgMain--color:#8ed2fc9e;
    ---MenuBG--color:rgb(3, 76, 165);
    ---MenuBarText--color:rgb(250, 252, 255);
    ---MenuBarIcon--color:tomato;
    ---MenuBGHover--color:yellow;
    /* ---MenuBarTextHover--color:black; */
    ---TitelTex--color:#001963;
    ---TitelIcon--color:#005463;
    ---MenuBarTextHover--color: 0 5px 15px -1px rgba(21, 17, 17, 0.392);;
}
a{
    text-decoration: none;
    color: black;
}
body{
    background-color: var(---Primary--color);
    color: black;
    font-family: 'Nunito Sans', sans-serif;
   
    
    /* margin-bottom: 500px; */
}
p{
    font-family: 'Open Sans', sans-serif;
}
.container{
    max-width: 1170px;
    margin: auto;
}

.btnLink1{
    background-color: var(---Primary3--color);
    width: fit-content;
    font-size: 1.2rem;
    padding: 10px 25px;
    border-radius: 5px;
    transition: .5s ease-in-out;
    border: 2px solid transparent;
    font-weight: 400;
    box-shadow:var(---MenuBarTextHover--color);
}.btnLink1:hover{
    background-color: var(---Primary1--color);
    border: 2px solid var(---Primary3--color);
    cursor: pointer;
}.btnLink2{
    background-color: var(---Primary1--color);
    width: fit-content;
    font-size: 1.2rem;
    padding: 10px 25px;
    border-radius: 5px;
    transition: .5s ease-in-out;
    border: 2px solid var(---Primary3--color);
    font-weight: 400;
    box-shadow:var(---MenuBarTextHover--color);
}.btnLink2:hover{
    background-color: var(---Primary3--color);
    border: 2px solid transparent;
    cursor: pointer;
    
}
.btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin: 40px 0;
}
/* Button Desing End Here--------------------------- */


/* Titel Desing Start Here--------------------------- */

.titel{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.titel a{
    font-size: 3.5rem;
    color: var(---TitelIcon--color);
  
}
.titel h3{
    font-size: 2.5rem;
    margin: 15px 0;
    color: var(---TitelTex--color);
}
.titelline{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1.2rem;
   
}
.titelline p:nth-child(1){
    background-color: var(---PrimaryTex2--color);
    width:85px  ;
    height: 2px;
   
}
.titelline p:nth-child(3){
    background-color: var(---PrimaryTex2--color);
    width:85px  ;
    height: 2px;
   
}

/* Titel Desing End Here--------------------------- */


/* Card Desing Start Here--------------------------- */

/* Card Desing End Here--------------------------- */


/* Card Desing Start Here--------------------------- */
/* Card Desing End Here--------------------------- */


/* Card Desing Start Here--------------------------- */
/* Card Desing End Here--------------------------- */