html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }
        img {
            display: inline-block;
        }
        body {
            line-height: 1;
            background: #fff;
            padding: 10px 0;
        }
        ol, ul {
            list-style: none;
        }
        blockquote, q {
            quotes: none;
        }
        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        strong {
            font-weight: bold;
        }

        i {
            font-style: italic;
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: all 0.3s ease-in-out;
        }

        a:hover {
            color: rgb(249,176,0);

        }
        ul {
            padding: 0 0 17px;
        }

        li {
            list-style-type: none;
            padding-left: 19px;
            position: relative;
          margin: 4px 0px 2px 0px;
        }

        li:before {
            font-size: 16px;
            content: "\25a0";
            color: rgb(249,176,0);
            position: absolute;
            margin: -2px 0 0;
            left: 0em;
        }

        ul ul {
            padding: 0;
        }

        ul ul li {
            margin: 0 0 0 20px;
        }
        p {
            padding: 0 0 17px;
        }

        p.absatztitel {
            font-weight: bold;
            padding: 0;
        }
        .clear {
            clear: both;
        }
        #wrapper {
            position: relative;
            width: 740px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 16px;
            -webkit-font-smoothing: antialiased;
            background: #ffffff;
            -moz-box-shadow: 0 0px 4px 0px rgb(50, 50, 50);
            -webkit-box-shadow: 0 0px 4px 0px rgb(50, 50, 50);
            box-shadow: 0 0px 4px 0px rgb(50, 50, 50);
            margin: 0 auto;
        }
        #header {
            position: relative;
        }

        #header img {
            width: 100%;
            max-width: 175px;
        }

        #header a.rechts {
            float: right;
            border-left: 1px solid #a6b3bb;
            padding: 56px 15px 17px 15px;
            margin: 0px 0 0;
        }

        #header a {
            padding: 30px 10px 10px;
        }

        #header .orange, .grey {
            height: 35px;
            color: #fff;
            width: 457px;
            font-weight: bold;
            font-size: 21px;
            line-height: 35px;
            padding: 0 0 0 75px;
            display: inline-block;
            position: relative;
            white-space: nowrap;
        }

        #header .orange {
            background-color: rgb(249,176,0);
            border-right: 1px solid rgb(165,179,187);
        }

        #header .grey {
            background-color: rgb(165,179,187);
            width: 458px;
        }

        #header #visual {
            width: 100%;
            display: inline-block;
            margin: -35px 0 0;
        }

        #header #visual img {
            max-width: 100%;
        }

        #header #visual svg.gesichtgeben {
            margin: -40px 0px 0 273px;
            max-width: 221px;
        }
        #stellentitel {
            margin: 6px 0 26px;
        }

        h1 {
            font-size: 24px;
            line-height: 28px;
            font-weight: bold;
        }
        h2 {
            font-size: 20px;
            margin-top: 9px;
            font-weight: bold;
        }
            h3 {
            font-size: 16px;
            margin-top: 9px;
            font-weight: bold;
        }

        .links {
            float: left;
            width: 419px;
            padding: 53px 38px 0 0;
            border-right: 1px solid rgb(166,179,187);
            margin: -41px 0 0;
        }
        .rechts {
            float: right;
            width: 177px;
            padding: 50px 0 0px 0px;
            margin: -36px 0 0;
        }
        #rechtsunten {
            position: absolute;
            bottom: 0;
        }
        #rechtsunten a {
            font-weight: bold;
            text-decoration: none;
            color: #fff;
            display: inline-block;
        }
        #button {
            text-decoration: none;
            display: inline-block;
            color: #000;
            background-color: #A6B3BB;
            padding: 10px;
            margin: 0;
            border-radius: 5px;
            text-align: center;
            transition: all 0.3s ease-in-out;
        }
        #button:hover {
            background-color: #FAB001;
        }
        .small {
            font-size: 11px;
            line-height: 16px;
            padding: 0;
        }
        /* ################################################## */

        #inhalt {
            position: relative;
            padding: 0 15px 0 75px;
            margin: 0px 0 15px;
        }
        /* socialicons ############### */
        #socialicons {
            margin: 0 15px 0 75px;
            border-top: 1px solid rgb(166,179,187);
            padding: 15px 0 10px;
        }
        #socialicons a {
            display: inline-block;
            margin: 0 4px 0 0;
        }

        #socialicons svg {
            display: inline-block;
            width: 38px;
            height: 38px;
            transition: all 0.3s ease-in-out;
        }
        #socialicons svg .st8 {
            fill:#A6B3BB;
            transition: all 0.3s ease-in-out;
        }
        #socialicons svg:hover .st8 {
            fill:#ffbe08;
        }

        /* socialicons Ende ############### */

        span.region {
            display: none;
        }

        @media (max-width: 740px) {
            body {
                padding: 0;
            }
            #wrapper {
                padding: 0;
                width: 100%;
            }
            #header a.rechts {
                float: none;
                width: initial;
                display: block;
                border-left: none;
                text-align: center;
            }

            #header svg {
                width: 220px;
                height: inherit;
                display: inline-block;
                padding: 0 0 20px;
            }

            #header .grey {
                width: 100%;
            }

            #header .balken {
                overflow:hidden;
            }

            #header .orange, #header .grey {
                width: 100%;
                font-size: 1rem;
                padding: 0 0 0 25px;
                border: none;
            }

            #header #visual {
                overflow: hidden;
            }

            #header #visual img {
                width: 140%;
                max-width: 140%;
            }

            #header #visual svg.gesichtgeben {
                position: absolute;
                right: 38px;
                bottom: -50px;
            }


            #inhalt {
                padding: 0 15px 0 25px;
                background: none;
                margin: 0px;
            }
            #socialicons {
                margin: 23px 15px 0 25px;
            }
            .links {
                float: none;
                width: 100%;
                border-right: none;
                margin: 0;
                padding-right: 0px;
            }
            .rechts {
                float: none;
                width: 100%;
                padding: 0;
                margin: 0 0 0;
            }
            #rechtsunten {
                position: static;
                bottom: 0;
            }
            .small {
                margin-bottom: 15px;
            }
        }