body {
    font-family: Raleway, sans-serif;
    color: black;
    background-color:  rgb(247, 246, 241);
}

#top {
    text-align: center;
    align-content: center;
    justify-content: center;
}

#logo a{
    display: grid;
    color: black;
    font-size:40pt;
    font-weight:900;
    letter-spacing:3pt;
    text-decoration: none;
    text-align: center;
    align-items: center;
    justify-items: center;
}

#navigation a{
    display: grid;
    color: black;
    font-size:11pt;
    font-weight:400;
    letter-spacing: 0.4pt;
    text-decoration:none;
    align-content: center;
}

#navigation a:hover {
    font-weight: 700;
    font-style: normal;
}

#alles {
    text-align: left;
}

#personen {
    
}

#projekte {
    
}

#staedte {
    
}

#buecher {
    
}

#begriffe {
    text-align: right;
}

#search a{
    display:inline-block;
    font-size:11pt;
    font-weight:300;
    font-style: italic;
    padding-top:10px;
    padding-bottom:40px;
    margin-top:20px;
    border: 0px solid black;
    border-radius: 0.5em;;
    font-size: 1.0em;
    width: 300pt;
    transition: width 3.5s ease-in-out;
}

#main {
    align-content: center;
    justify-content: center;
}

#title {
    display:grid;
    font-size:20pt;
    font-weight:700;
    font-style: italic;
    letter-spacing: 0.2pt;

    text-align: left;
    align-content: center;
}

#date {
    display:grid;
    font-size:11pt;
    font-weight:300;
    font-style: normal;

    text-align: right;
    align-content: center;
}

#text {
    display:grid;
    font-size:11pt;
    font-weight:300;
    font-style: normal;

    text-align: left;
}

p {
    margin-block-start: 0;
    margin-block-end: 0;
}

input[type="search" i] {
    appearance: inherit;
    box-sizing: 1cm;
    padding: 2px 4px;
    padding-top: 8px;
    padding-right: 18.1cm;
    padding-bottom: 10px;
    padding-left: 0cm;
}

input {
    
    text-rendering: geometricPrecision;
    color: black;
    text-indent: 6px;
    text-shadow: none;
    display: grid;
    text-align: start;
    appearance: auto;
    background-color: white;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Raleway;
    font-style: italic
    padding: inherit;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    border-image: black;
    border-radius: 1mm;
}