{% ckan_extends %}

{% block primary_content %}
{% snippet "home/layout_tib.html" %}
{% endblock %}


<link rel="Zukunftslabor Energie" href="/images/ZDIN_Zukunftslabor_ENE_Tag_Icon_pos_rgb.svg">

<style>
    .topnav {
        background-color: white;
        overflow: hidden;
        height: 3em;
        margin-top: 1em;
    }

    .topnav a {
        font-family: Calibri;
        float: right;
        margin-right: 0.5em;
        color: rgb(138, 138, 138);
        text-align: center;
        padding: 0.8em 1em;
        text-decoration: none;
        font-size: 17px;
    }

    .topnav a:hover {
        /*background: aqua;*/
        color: rgb(151, 215, 0);
    }

    .topnav a.active {
        background-color: rgb(151, 215, 0);
        width: 5em;
        margin-right: 5em;
        display: inline-block;
        cursor: pointer;
        border-radius: 2em;
        color: white;
    }

    .logo {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        height: 54px;
        margin-left: 5em;
        cursor: pointer;
    }

    .wrapper {
        margin: 1em;
        height: 55em;
        background-color: white;
    }

    .first {
        float: left;
        width: 37.91em;
        height: 55em;
        background-color: white;
    }

    .first_a {
        line-height: 4.5em;
        margin-top: 12em;
        margin-left: 2em;
        height: 15.5em;
        background-color: white;
    }

    .first_a b {
        text-align: left;
        font-size: 5em;
        font-family: Calibri;
    }

    .first_b {
        margin-left: 2em;
        height: 27.5em;
        background-color: white;
    }

    .first_b b {
        text-align: left;
        font-size: 2em;
        font-family: Calibri;
        color: rgb(138, 138, 138);
    }

    .second {
        float: right;
        height: 55em;
        width: 37.91em;
        background-color: white;
    }

    .image {
        float: right;
        margin-top: 10em;
        margin-right: 5em;
    }
</style>


<div class="topnav">
    <img class="logo" src="/zle-theme-dev/ckanext/zletheme/templates/images/logo-zle.svg">
    <a class="active" href="#login">Login</a>
    <a href="#aboutus">About Us</a>
    <a href="#transparancy">Transparancy</a>
    <a href="#simulation">Simulation</a>
    <a href="#repository">Repository</a>
    <a href="#methodes">Methodes</a>
    <a href="#competence">Competence</a>
    <a href="#search">Search</a>
</div>
<!--<div class="wrapper">-->
<!--    {% block wrapper %}-->
<!--    {% snippet 'test.html' %}-->
<!--    {% endblock %}-->
<!--</div>-->