html {
    height: 100%;
}

body {
    min-height: 100vh;   /* volle Bildschirmhöhe */
    margin: 0;
    display: flex;
    flex-direction: column;
	background: var(--back_body);
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

main {
    flex: 1;  /* nimmt den restlichen Platz ein */
}


header
{
    background: var(--back_header);
    top: 0;
}

footer
{
    background: var(--back_header);
    width: 100%;
    position: relative;
    bottom: 0;
    height: 10rem;
    padding-bottom: 3rem;
}




content
{
    position: relative;
    display: block;
    width: 70%;
    left: calc(50% - 70%/2);
}

content
{
    margin-left: var(--mrg_content_left);
    margin-right: var(--mrg_content_right);
    margin-top: var(--mrg_content_top);
    margin-bottom: var(--mrg_content_bottom);
	height: 100%;
	min-height: 100%;
	position: relative;
	display: block;
}

content p
{
    font-family: var(--ff_p);
    font-size: var(--fs_p);
    color: var(--col_content);
}

content h3
{
    font-family: var(--ff_h3);
    font-size: var(--fs_h3);
    color: var(--col_content)
}