<div class="container" style="margin-bottom: 50px;">
    <div class="row" style="margin-left: 15px; margin-right: 15px;">
        <div class="col-md-9">
            <form id="form" style="margin-top: 50px;">
                <div class="row">
                    <div class="col-md-4">                               
                        <div class="form-group">
                            <label for="fvorname">Vorname</label>
                            <input id="fvorname" type="text" class="form-control"  name="fvorname"  placeholder="Vorname">
                        </div>
                    </div>
                    <div class="col-md-4">                                 
                        <div class="form-group">
                            <label for="fnachname">Nachname</label>
                            <input id="fnachname" type="text" class="form-control"  name="fnachname"  placeholder="Nachname">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="femail">E-Mail</label>
                            <input  id="femail" type="email" class="form-control"  name="femail" aria-describedby="emailHelp" placeholder="Email">
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-md-4">
                        Ich möchte Demokratie gestalten als:
                        <br><br>
                        <div class="row">
                            <label class="custom-checkbox col-md-12">
                                <input type="checkbox" name="UI-Designer">
                                <span class="custom-control-description">UI-Designer*In</span>
                            </label>
                            <label class="custom-checkbox col-md-12">
                                <input type="checkbox" name="Front-End-Prog">
                                <span class="custom-control-description">Front-End-Programmierer*In</span>
                            </label>
                            <label class="custom-checkbox col-md-12">
                                <input type="checkbox" name="Back-End-Prog">
                                <span class="custom-control-description">Back-End-Programmierer*In</span>
                            </label>
                            <label class="custom-checkbox col-md-12">
                                <input type="checkbox" name="Kryptolog">
                                <span class="custom-control-description">Kryptolog*In</span>
                            </label>
                            <label class="custom-checkbox col-md-12">
                                <input type="checkbox" name="Fragenredakteur">
                                <span class="custom-control-description">Fragenredakteur*In</span>
                            </label>
                            <label class="custom-checkbox col-md-12">
                                <input type="checkbox" name="Marketingstrateg">
                                <span class="custom-control-description">Marketingstrateg*In</span>
                            </label>
                            <label class="custom-checkbox col-md-12">
                                <input type="checkbox" name="Botschafter">
                                <span class="custom-control-description">Botschafter*In</span>
                            </label>
                            <label class="custom-checkbox col-md-12">
                                <input type="checkbox" name="sonstiges">
                                <span class="custom-control-description">sonstiges/ meine Idee</span>
                            </label>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="form-group">
                            <label  for="exampleTextarea"> Erzähle uns etwas über Deine Erfahrungen <span id="txtsincebox" style="font-size: x-small;color: #f44336;"> ( -<span >120</span> Zeichen )</span> </label>
                            <textarea class="form-control" name="text" id="exampleTextarea" rows="15"></textarea>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div id="submitx" class="btn btn-primary" style="font-size: large;"><i class="fa fa-envelope"></i>&nbsp;&nbsp;Mitmischen!</div>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-md-3" style="margin-top: 50px;">
            <!-- //startext -->
            <script type="text/javascript" src="//www.startnext.com/js/widget.v2.js" id="cfw-widget-script"></script>
            <div id="startnext-projekt-widget" class="cfw-widgetModalBody" data-id="57052" data-lang="de" style="margin-left: auto; margin-right: auto;">
                <div class="cfw-footer">
                    <a href="https://www.startnext.com/democracy?utm_source=startnext&utm_medium=extwidget&utm_campaign=projectwidget&utm_term=projectpromo" class="cfw-widget-btn" target="_blank" title="DEMOCRACY | Demokratie_live, unterstützen auf Startnext!">
                        <span>Projekt unterstützen</span>
                    </a>
                </div>
            </div>
            <script type='text/javascript'>$.getScript('//www.startnext.com/js/widget.v2.js', function(){loadWidget();});</script>
            <!-- //startext -->
        </div>
    </div>
</div>