/* Meta bekanntmachen */
@font-face {
    font-family: 'MetaWebPro-Normal';
    src: url('fonts/metawebpro-normal.woff') format('woff');
}

@font-face {
    font-family: 'wwu_symbol';
    src: url('fonts/wwu_symbol.woff') format('woff');
}

/* Border-Box für alle Elemente */
* {
    box-sizing: border-box;
    font-family: MetaWebPro-Normal, sans-serif;
}

html {
    position: relative;
}

body {
    background-color: #b9d67d;
    color: #002d1a;
    min-width: 720px;
    padding: 1em 2em;
}

a {
    color: #006e89;
    text-decoration: none;
}

a.aktiv {
    font-weight: bold;
}

a:focus,
a:hover {
    text-decoration: underline;
}

footer,
header,
main {
    display: block;
    max-width: 72em;
    margin: 0 auto 2em;
}

article,
aside,
footer,
header {
    border-radius: 0;
    -webkit-box-shadow: .5em .5em 1em #333c23;
    -moz-box-shadow: .5em .5em 1em #333c23;
    box-shadow: .5em .5em 1em #333c23;
    padding: 2em;
    background-color: white;
}

/*
* ---------------------------------------------------------------------------------------------------------------------------------------
* header
* ---------------------------------------------------------------------------------------------------------------------------------------
*/

header::after {
    content: '';
    clear: both;
    display: block;
}

header h1 {
    display: inline-block;
    max-width: calc(100% - 220px);
    vertical-align: text-top;
}

nav {
    display: block;
    vertical-align: text-top;
}

nav.benutzer {
    float: right;
    margin-top: -1em;
}

nav.hauptmenu {
    max-width: calc(100% - 220px);
}

/*
* Hauptmenü (1. Ebene)
*/
nav ul {
    height: 1em;
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul li:hover ul {
    display: block;
}

/*
* Hauptmenü horizontal ausgerichtet.
*/
nav ul li {
    display: inline-block;
    height: 1em;
}

/*
* Einträge durch Pipe-Symbol voneinander trennen.
*/
nav ul li:not(:last-child)::after {
    content: ' | '
}

/*
* Pipe-Symbole nicht für Sub-Menü-Einträge.
*/
nav ul li ul li::after,
nav ul li:hover ul li::after {
    content: '';
}

/*
* Sub-Menü (2. Ebene)
*/
nav ul ul {
    background-color: #fff;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: inherit;
    -webkit-box-shadow: 0.5em 1em 1em rgba(51, 60, 35, 0.5);
    -moz-box-shadow: .5em 1em 1em rgba(51, 60, 35, 0.5);
    box-shadow: 0.5em 1em 1em rgba(51, 60, 35, 0.5);
    display: none;
    height: auto;
    margin: -5px 5px 5px 15px;
    padding: .5em;
    position: absolute;
}

/*
* Sub-Menü vertikal ausgerichtet.
*/
nav ul ul li {
    display: block;
    height: 2em;
}

header img.medfaklogo {
    display: inline-block;
    float: right;
    height: 5em;
    margin: 0.75em;
}

/*
* ---------------------------------------------------------------------------------------------------------------------------------------
* button
* ---------------------------------------------------------------------------------------------------------------------------------------
*/

button,
input[type=button],
input[type=reset],
input[type=submit],
.buttonLink {
    border: 0.125em solid #002d1a;
    border-radius: 0.25em;
    background: #e6f1cf;
    cursor: pointer;
    font-size: 1em;
    padding: .5em;
}

.buttonLink,
.buttonLink:hover {
    color: inherit;
    text-decoration: none;
}

button.pfeil_rechts::after {
    color: #002d1a;
    content: ' \f054';
    font-family: wwu_symbol;
    vertical-align: -10%;
}

form > button {
    margin-top: 2em;
    margin-bottom: 2em;
    background: blue;
}


/*
* ---------------------------------------------------------------------------------------------------------------------------------------
* article
* ---------------------------------------------------------------------------------------------------------------------------------------
*/
article a.linksymbol::before,
aside a.linksymbol::before {
    font-family: wwu_symbol;
    content: '\f138';
    margin-right: .25em;
}

article a.linksymbol.ext::before,
aside a.linksymbol.ext::before {
    font-family: wwu_symbol;
    content: '\f0a9';
    margin-right: .25em;
    text-decoration: none;
}

article {
    margin-bottom: 2em;
}

/*
* ---------------------------------------------------------------------------------------------------------------------------------------
* section.zwei_spalten  section + aside
* ---------------------------------------------------------------------------------------------------------------------------------------
*/

section.zwei_spalten > section,
section.zwei_spalten > article {
    float: left;
}

section.zwei_spalten > section {
    width: calc(67% - 1em); /* 100% - aside.width - margin-right */
}

section.zwei_spalten > aside {
    float: right;
    width: 33%;
    margin-bottom: 2em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

section.zwei_spalten::before,
section.zwei_spalten::after {
    content: '';
    display: table;
}

section.zwei_spalten::after {
    clear: both;
}

section.zwei_spalten:not(:last-child) {
    margin-bottom: 2em;
}


/*
* ---------------------------------------------------------------------------------------------------------------------------------------
* label
* ---------------------------------------------------------------------------------------------------------------------------------------
*/

label {
    cursor: pointer;
}

/*
* ---------------------------------------------------------------------------------------------------------------------------------------
* input
* ---------------------------------------------------------------------------------------------------------------------------------------
*/
input {
    font-size: 1em;
    padding: 0.5em;
}


/*label {*/
/*cursor: pointer;*/
/*margin-right: 1em;*/
/*}*/


/*form input {*/
/*!*margin-left: 40em;*!*/
/*}*/
/*form label {*/
/*display: inline-block;*/
/*margin-bottom: 2em;*/
/*width: 33%;*/
/*}*/