@font-face
{
    font-family: webFont;
    src: url("../../fonts/Comfortaa.ttf");
}


body 
{
    background-image: url("../../bilder/fassade.jpg");
    background-size: auto;
    height: max-content;
}

p
{
    
}

h2
{
    color: #0026FF;
    text-align: center;
    font-family: webFont;
    font-size: 45;
}

h1
{
    color: black;
    text-align: center;
    font-family: webFont;
    font-size: 55;
}

nav ul li
{
    list-style: none;
    display: inline;
    margin-right: 2.5%;
    margin-top: -2%;
    padding: 10.5%;
    font-family: webFont;
    font-size: 20;
}

.header-container
{
    background: #fafcfe;
}

.header
{
    background-image: url("../../bilder/fassade.jpg");
    background-size: auto;
    height: 200px;
}

.logo
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: auto;
    height: auto;
}

.leistungen
{
    background-image: url("../../bilder/fassade.jpg");
    background-size: auto;
    height: 600px;
    font-size: 35;
    font-style: normal;
    text-align: center;
    font-family: webFont;
    color: #e92020;
}

.leistungen-logo
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: auto;
    height: auto;
}

.kontakt-logo
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: auto;
    height: auto;
}

.bildergalerie-logo
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: auto;
    height: auto;
}

.text-gardient
{
    font-family: webFont;
    text-align: center;
    text-transform: uppercase;
    -webkit-background-clip: text;
    color: black;
  }

.kontakt
{
    background-image: url("../../bilder/fassade.jpg");
    background-size: auto;
    height: 450px;
    font-size: 35;
    font-style: normal;
    text-align: center;
    font-family: webFont;
    color: #e92020;
}

.center
{
    width: 155px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    padding: 1%;
    display: inline-block;
}


footer{
    
    padding: 0.75%;
    color: #3346ff;
    text-align: center;
    font-size: 25;
    font-family: webFont;
    font-style: oblique;
    font-weight: bold;
  }