<!DOCTYPE html>
<html lang="de">

@@include('./head.html', {
	"title": "IHK24 A-Z Liste",
	"stylesheet": "main"
})

<body>
	<div class="page">
		@@include('./header.html')
		
		<div class="page-wrapper">
			@@include('./grid.html')
			
			<section class="page-details">
				<ul class="breadcrumb">
					<li><a href="#">Start</a></li>
					<li><a href="#">Über uns</a></li>
					<li><a href="#">Ansprechpartner</a></li>
				</ul>
				<span class="docnumber">Nr. 4073226</span>
			</section>

			<div class="page-content has-sidebar">
				<div class="container large">
					<div class="row">
						<main id="main" class="main-col" role="main">
							<p class="kicker">IHK24</p>
							<h1>Login</h1>
							<div class="detail-text">
							    <div class="text">Loginhinweise Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate autem, porro nam minima facere a impedit, eligendi eum nobis nulla dolorum eos rerum sequi dicta? Aliquid corrupti vel, neque ad?</div>
							    <script type="text/javascript">
							        function checkInput() {
							        if (document.login.bedingung.checked != true) {
							        alert("Bitte akzeptieren Sie die Bedingungen!");
							        document.login.bedingung.focus();
							        return false;
							        }
							        return true;
							        }
							    </script>
							    <form class="login-form" name="login" action="https://ihkberecht.frei.gfi.ihk.de/register.aspx" method="post" onsubmit="return checkInput();">
							        <fieldset>
							            <input type="hidden" name="baseUrl" value="https://sqa-test.ihk24.ihk.de/login/">
							            <input type="hidden" name="errorUrl" value="https://sqa-test.ihk24.ihk.de/login/">
							            <legend class="visuallyhidden">Lorem ipsum dolor sit (37 characters)</legend>
							            <div class="login-wrapper">
							                <div class="login-name">
							                    <label for="username">Benutzername<sup title="Pflichtfeld">*</sup></label>
							                    <input id="username" name="username" type="text" required="" placeholder="666#" class="">
							                </div>
							                <div class="login-pwd">
							                    <label for="passwort">Passwort<sup title="Pflichtfeld">*</sup></label>
							                    <input id="passwort" name="passwort" type="password" required="" placeholder="Ihr Passwort">
							                </div>
							                <div class="terms">
							                    <input type="checkbox" required="" id="login_agb">
							                    <div class="terms-text">
							                        Die <a href="#" title="Nutzungsbedingunen">Nutzungsbedingungen</a> erkenne ich an. Den <a href="#" title="Datenschutzhinweis">Datenschutzhinweis</a> habe ich zur Kenntnis genommen und akzeptiert.
							                    </div>
							                </div>
							            </div>
							        </fieldset>
							        <div class="btn-wrapper">
							            <button type="submit" class="submit" title="Login" id="login_submit">Login</button>
							        </div>
							    </form>
							    <div class="text">weitere Hinweise...</div>
							</div>
						</main>
						<aside role="complementary" id="sidebar" class="sidebar">
							@@include('./sidebar-contact.html')
						</aside>
					</div>
				</div>
			</div>
		</div>
		
		@@include('./footer.html')
	</div>

	@@include('./scripts.html')
</body>
</html>