SiteHtmlHead

%STARTINCLUDE%
<style>
@import url("https://use.typekit.net/ztw7nde.css"); /* Source-Sans-Pro Font */
/* ------------ Variablen ---------- */
:root {
   --fu-primary: #6b9e1f;
   --fu-secondary: #666;
   --fu-light-gray: #ddd;
   --fu-font-family: "source-sans-pro",Arial,Helvetica,sans-serif;
}
::selection {
   background-color: #C4E788;
}

/* Neue freie Schriftart */
.natBody {
    font-family: var(--fu-font-family);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

/* ------------ NavBar ---------- */
.natTopBar {
    background-color: white;
    border: 0;
}
/* Vorbereitung um Web-Buttons in eine eigene Zeile zu rücken */
.natTopBarContents {
   display: flex!important;
   flex-wrap: wrap;
   align-items: center!important;
   padding: 1.5em 0 0 0;
}

/* Web-Buttons */
/* Navbar von neuem Corporate Design imitiren */
/* Web-Buttons in eigene Zeile rücken */
.natWebMenu {
    flex-basis: 100%;
    order: 99;
    background-color: var(--fu-primary);
    margin-top: 1em;
    /*border-top: var(--fu-light-gray) 10px solid;*/ /* Imitiert den typischen grauen Balken über dem Menü, den man von Fachbereichsseiten kennt. */
}

/* Web-Buttons verteilen auf dem ganzen Platz */
.natWebMenu .sf-menu {
    width: 100%;
    justify-content: space-around;
}
.natWebMenu li {
    flex-grow: 2;
    text-align: center;
}
.natWebMenu li.hasSubMenu > ul > li {
    text-align: left;
}

/* Web-Buttons Schriftgröße und -stil anpassen, nicht für Untermenüs */
.natWebMenuContents > ul.sf-menu > li > a {
    color: white;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

/* Select-Feld, dass kommt, wenn zu wenig Platz für die Web-Buttons ist */
.natWebMenu select {
    /* Browser Stile resetten */
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dHJhbnNwYXJlbnQ7fS5jbHMtMntmaWxsOndoaXRlO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YXJyb3dzPC90aXRsZT48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0Ljk1IiBoZWlnaHQ9IjEwIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    box-shadow: none!important;
    border: none;
    /* eigene Styles */
    color: white;
    margin: 7px auto!important;
    border-bottom: white 2px solid!important;
    border-radius: 0;
    text-transform: uppercase;
}

/* Search-Button */
.natPanelToggle {
    margin-left: auto;
}

/* Search-Buttons & Profil-Buttons nicht mehr growen lassen */
/* Profile-Button nicht mehr verschwinden lassen bei zu kleiner Breite */
.natTopBar .natUserActions {
    flex-grow: initial;
    display: block!important;
    padding-right: 3em;
}
/* Profile-Button nicht mehr verschwinden lassen bei zu kleiner Breite */
.natTopBar .natUserActions .natUserAction.natLoginAction,
.natTopBar .natUserActions .natUserAction.natAccountAction {
    display: inline!important;
}

/* Logo */
.natWebTitle {
    padding-left: 1em;
}
.natWebTitle > a {
    display: block;
    overflow: hidden;
    width: 300px;
    height: 81px;
}
.natWebLogo {
    width: 100%;
    height: auto!important;
    overflow: hidden;
}
/* Beim Runterscrollen Logo verkleinern */
.natBodyStickyTopBar .natWebTitle > a{
    width: 150px;
    height: 40px;
}

/* StickyTopBar Schatten entfernen */
.natBodyStickyTopBar .natTopBar {
    box-shadow: none;
}
.natBodyStickyTopBar .natTopBar .natTopBarContents {
    padding-bottom: 0;
}

/* Seitenbreite auf 75rem begrenzen */
.natBodyFixed .natTopBarContents {
    width: 100%;
    max-width: 75rem;
}

/* Scroll to Top Button wird von anderen Stilen verzerrt, hier wieder berichtigen */
.natScrollTop {
    width: 50px!important;
    height: 50px!important;
}

/* ---------- Sidebar ---------- */
/* Margin & Padding entfernen */
.natSideBarContents {
    margin-top: 0!important;
    padding-top: 0!important;
}

/* Alle Webs horizontal nebeneinander platzieren, wenn der Platz auf dem Display ausreicht */
@media screen and (min-width: 1024px) {
   .sf-menu {
      display: flex;
   }
}

/* Go to... aufklapp-Menü im mobilen Layout kürzer machen. */
.natWebMenu select {
   min-width: 150px;
   padding: 0.5em 0.25em;
}

/* Sonderregeln für kleinere Breakpoints */
@media screen and (max-width:1024px) {
    /* Profile-Buttons wegrücken um Burger-Menü Platz zu machen */
    .natUserAction {
        padding-right: 3em;
    }
    /* Margin & Padding für Logo und Search-Button entfernen um zu frühen Zeilenumbruch zu verhindern */
    .natWebTitle {
        margin-right: 0;
        padding-left: 0;
    }
    .natPanelToggle {
        margin-right: 0;
    }
    /* Button für neue Seite erstellen entfernen (er ist doppelt) */
    .natUserActions .natTopicAction {
        display: none!important;
    }
    /* Nutzername soll weiterhin sichtbar bleiben */
    .natTopicActionShortLabel {
        display: inline!important;
    }
}

@media screen and (max-width:1024px) {
    .sf-menu {
        display: none;
    }
    .natWebMenu select {
        display: block;
        width: 150px;
    }
}

@media screen and (min-width:621px) {
    /* Burger-Menu zentrieren */
   .natNavToggle {
      top: 43px;
      right: 10px;
   }
}
@media screen and (max-width:620px) {
    /* Burger-Menu zentrieren. */
   .natNavToggle {
      top: 20px;
   }
   .natUserAction {
       padding-right: 1em;
   }
}

@media screen and (min-width:621px) {
    /* Burger-Menü in sticky NavBar (beim runterscrollen)... */
    .natBodyStickyTopBar > .natBodyContents > .natNavToggle {
      top: 7px;
      right: 15px;
    }
}
@media screen and (max-width:620px) {
    /* Burger-Menü in sticky NavBar (beim runterscrollen)... */
    .natBodyStickyTopBar > .natBodyContents > .natNavToggle {
      top: 8px;
      right: 15px;
   }
   /* Logo zentrieren, neue Zeile */
   .natWebTitle {
       flex-basis: 100%;
       padding-bottom: 1rem;
       display: flex;
       justify-content: center;
   }
   /* Search- & User-Buttons zentrieren */
   .natUserActions {
       margin-right: auto;
   }
}

/* ---------- Farbe ---------- */
/* Alle Vorkommnisse das "NatSkin-Blau" durch "Freie-Universität-Grün" ersetzen */
.jqButtonIcon.fa {
    color: var(--fu-secondary);
}
.foswikiBlueFG{
    color: var(--fu-primary);
}
.foswikiFormSteps h2 {
    color: var(--fu-secondary);
}
.natTopBar .natPanelToggle.open a,.natTopBar a:hover{
    color: white;
    background-color: var(--fu-secondary);
}
.natTopBar a:hover:active, .natTopBar a:hover:focus, .natWebMenu li a:active, .natWebMenu li a:focus, .natWebMenu li a:hover:active, .natWebMenu li a:hover:focus {
    color: white;
    background-color: var(--fu-secondary);
}
.natHistoryTopicActions a:hover,.natHistoryTopicActions a:hover .ma,.natHistoryTopicActions a:hover .fa,.natTopicActions .natUserAction:hover,.natTopicActions .natTopicAction:hover,.natTopicActions .sfHover .natMoreActionsTopicAction,.natWebMenu li a:hover,.natWebMenu li.sfHover,.natWebMenu li.sfHover>a,.natWebMenuContents>ul>li>a:hover,.natWebMenuContents>ul>li>li>a.current,.natWebMenuContents>ul>li>li>a.current:hover,.natWebMenuContents>ul>li>.foswikiCurrentWebHomeLink:hover{
    color: white;
    background-color: var(--fu-secondary);
}
.natBottomBar h3,.natSideBar h2,.natSideBar h2 a{
    color: var(--fu-secondary);
}
.foswikiTocTitle,h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color: var(--fu-secondary);
}
a:hover,a:hover .foswikiGrayText,a.ui-state-active:hover,.foswikiPageForm h2 a:hover,.foswikiFormSteps h2 a:hover,.foswikiGrayText a:hover,.foswikiTopicInfo a:hover,.hover,.hover a,.hover a:hover,.natBottomBarContents a:hover,.natBottomBarContents .jqButton:hover,.natBreadCrumbs a:hover,.natSideBar li a:hover,.natTopPanelContents a:hover,.ui-jqgrid .ui-state-hover a:hover,.ui-state-active a:hover,.ui-state-active.ui-state-hover{
    color: black;
}
span.jqButtonSimple:hover,a.jqButtonSimple:hover{
    color: black;
}
.jqButtonHover .ma,.jqButtonHover .fa{
    color: black;
}
.ui-dialog .ui-dialog-titlebar{
    color: var(--fu-secondary);
}
.tagCloud a:hover,.clsBrowser .current,.jstree .jstree-clicked,.clsTagCloud a:hover,.clsTagCloud .hilite,.clsTagCloud .current{
    background-color: var(--fu-secondary)!important;
}
.solrHierarchyChildren a:hover,.clsSubCategories a:hover{
    color: var(--fu-secondary);
}
.blogPrev:hover,.blogNext:hover{
    background-color: var(--fu-secondary);
}

</style>

<script type="text/javascript">
    // Das JS in dem FU-Logo SVG wird nicht geladen, wenn es als <img>-Element dargestellt wird. Ich ersetzte hier das <img> mit einem <object>-Element.
    document.addEventListener('DOMContentLoaded', function() {
    // Das img-Element finden
    var imgElement = document.querySelector('img.natWebLogo.natWebLogoImage');

    // Überprüfen, ob das img-Element gefunden wurde
    if (imgElement) {
        // Ein neues object-Element erstellen
        var objectElement = document.createElement('object');

        // Die Klasse und die Datenattribute setzen
        objectElement.setAttribute('class', 'natWebLogo natWebLogoImage');
        objectElement.setAttribute('data', imgElement.getAttribute('src'));

        // Das alt-Attribut setzen
        var altAttribute = imgElement.getAttribute('alt');
        if (altAttribute) {
        objectElement.setAttribute('alt', altAttribute);
        }

        // Das img-Element durch das object-Element ersetzen
        imgElement.parentNode.replaceChild(objectElement, imgElement);
    }
    });
</script>

%STOPINCLUDE%