.foden {
margin: 0;
color: #fff;
text-align: center;
padding: 2.5em 2em 0;
border-bottom: 0px solid #fff;
background: #2A88AD;		/* #191818 Baggrunds farve på toppen af hver side - MØRK */
}

 .foden h2 {
font-weight: 300;
color: #ccc;
padding: 0;
margin-bottom: 0;
}


/* ******************************************************************************* */


@media (min-width: 48em) {
.foden,
.content {
padding-left: 2em;
padding-right: 2em;
}
}




/* ###=###=### ********** TOPPEN ********** ###=###=### */

.foden h1 {
margin: 0.2em 0;
font-weight: 300;
}

@media (max-width: 48em) {
.foden {
height: 8px;
z-index: 99;
text-align: center;
box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
color: white;
padding: 1.3em 0em 2.4em;
}

.foden h1 {
margin: -0.5em 0;
font-size: 1.6em;
padding: 0em 0em 0em;
}
}

@media (min-width: 48em) {
.foden {
display: block;
position: fixed;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 45px;
z-index: 99;
text-align: center;
box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
color: white;
padding: 1.3em 0em 1.2em;
}
}

/* ###=###=### ********** TOPPEN ********** ###=###=### */


/*
https://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=fixed

fixed 	= står fast i bunden


*/