<!doctype html>
<html lang="de_DE">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>
        
    </title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="/css/styles.css">
</head>

<body>

    <header class="header">
        <div class="container">
            <div class="grid">
                <div class="col-12">
                    <div class="sozi-ui__menu">
                        <div class="sozi-ui__menu-start">
                            <a href="/">
                                <img src="/images/logo.svg" alt="SPD - Sozial Politik für dich" class="sozi-ui__menu-logo" />
                            </a>
                        </div>
                        <div class="sozi-ui__menu-start">

                            <button id="mobile-button" type="button" class="sozi-ui__button sozi-ui__button--menu sozi-ui__button--transparent hidden-md-up p-0">
                                <svg class="sozi-ui__icon" aria-hidden="true">
                                    <use xlink:href="/symbol-defs.svg#icon-menu"></use>
                                </svg>
                                <svg class="sozi-ui__icon hidden" aria-hidden="true">
                                    <use xlink:href="/symbol-defs.svg#icon-close"></use>
                                </svg>
                            </button>

                            <nav class="sozi-ui__menu-list hidden-sm-down">
                                <a class="sozi-ui__menu-item" href="/#echt-von-hier">
                                    Echt von hier
                                </a>
                                <a class="sozi-ui__menu-item" href="/#da-trefft-ihr-mich">
                                    Da trefft Ihr mich
                                </a>
                                <a class="sozi-ui__menu-item" href="/#da-komm-ich-wech">
                                    Da komm ich wech
                                </a>
                                <a class="sozi-ui__menu-item" href="/#social-media">
                                    Social Media
                                </a>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div class="container">
        <div class="grid">
            <div class="col-12">
                <div class="sozi-ui__panel-wrapper">
                    <div class="sozi-ui__panel sozi-ui__panel--primary">
                        <h2 class="m-top--1">
                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr
                        </h2>
                        <p>
                            sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
                            At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata 
                            sanctus est Lorem ipsum dolor sit amet.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer class="">
        
    </footer>
</body>