lostplaces-frontend/components/03_Organisms/form/form.hbs

<form class="LP-Form LP-Form--inline">
    <fieldset class="LP-Form__Fieldset">
		<legend class="LP-Form__Legend">Basic data</legend>
        <div class="LP-Form__Composition LP-Form__Composition--buttons">
            <div class="LP-Form__Field LP-Form__Button LP-Input">
                <input type="submit" class="LP-Button" value="Submit"/>
            </div>
            <div class="LP-Form__Field LP-Form__Field--narrower">
                <div class="LP-Input LP-Input--disabled">
                    <label for="input123" class="LP-Input__Label">Age</label>
                    <input type="text" id="input123" class="LP-Input__Field" disabled="disabled"/>
                </div>
            </div>
        </div>

    </fieldset>
</form>


<form class="LP-Form">
    <fieldset class="LP-Form__Fieldset">
        <legend class="LP-Form__Legend">Basic data</legend>

        <div class="LP-Form__Composition LP-Form__Composition--breakable">
            <div class="LP-Form__Field">
                <div class="LP-Input LP-Input--error">
                    <label for="input123" class="LP-Input__Label">First name</label>
                    <input type="text" id="input123" class="LP-Input__Field" placeholder="Peter"/>
                    <span class="LP-Input__Message">Field is required</span>
                </div>
            </div>
            <div class="LP-Form__Field">
                <div class="LP-Input">
                    <label for="input123" class="LP-Input__Label">Last name</label>
                    <input type="text" id="input123" class="LP-Input__Field"/>
                </div>
            </div>
            <div class="LP-Form__Field LP-Form__Field--narrower">
                <div class="LP-Input LP-Input--disabled">
                    <label for="input123" class="LP-Input__Label">Age</label>
                    <input type="text" id="input123" class="LP-Input__Field" disabled="disabled"/>
                </div>
            </div>
        </div>

        <div class="LP-Form__Composition">
            <div class="LP-Form__Field LP-Form__Field--wider LP-Input">
                <label for="input123" class="LP-Input__Label">Street</label>
                <input type="text" id="input123" class="LP-Input__Field"/>
                <span class="LP-Input__Message">We won't send any stalkers, promise</span>
            </div>
            <div class="LP-Form__Field LP-Form__Field--narrower LP-Input">
                <label for="input123" class="LP-Input__Label">No.</label>
                <input type="text" id="input123" class="LP-Input__Field"/>
                <span class="LP-Input__Message">Field is required</span>
            </div>
        </div>

        <div class="LP-Form__Composition">
            <div class="LP-Form__Field LP-Form__InfoText">
                <p class="LP-Paragraph">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 class="LP-Form__Composition">
            <div class="LP-Form__Field LP-Form__Field--narrow LP-Input">
                <label for="input123" class="LP-Input__Label">ZIP</label>
                <input type="text" id="input123" class="LP-Input__Field"/>
            </div>
            <div class="LP-Form__Field LP-Form__Field--wide LP-Input">
                <label for="input123" class="LP-Input__Label">Town</label>
				<input type="text" id="input123" class="LP-Input__Field"/>
            </div>
        </div>

        <div class="LP-Form__Composition LP-Form__Composition--buttons">
            <div class="LP-Form__Field LP-Form__Button LP-Input">
                <input type="submit" class="LP-Button" value="Submit"/>
            </div>
            <div class="LP-Form__Field LP-Form__Button LP-Input LP-Input">
                <button class="LP-Button LP-Button--cancel">Kenschäll</button>
            </div>
        </div>

    </fieldset>
</form>