diff --git a/superx/index.jsp b/superx/index.jsp
index 936b94c..639c0b5 100644
--- a/superx/index.jsp
+++ b/superx/index.jsp
@@ -16,6 +16,10 @@ if(mandantparam !=null && !mandantenid.equals(""))
 String username="";
 String loginPortlet="";
 
+String login_param=request.getParameter("login");
+if(login_param ==null)
+	login_param="";
+
 StringBuffer defaultReport=new StringBuffer();
 String defaultReportParam=request.getParameter("report_id");
 String defaultMandantenIDParam=request.getParameter("MandantID");
@@ -245,7 +249,7 @@ username=request.getRemoteUser();
 {
 %>
 
-<%@ include file="sx_login.inc" %>
+<%@ include file="sx_login.jsp" %>
 
 <%
 }
diff --git a/superx/sx_login.jsp b/superx/sx_login.jsp
new file mode 100644
index 0000000..075bb51
--- /dev/null
+++ b/superx/sx_login.jsp
@@ -0,0 +1,76 @@
+<section class="hero is-light">
+<div class="hero-body is-mobile"> 
+  <div class='columns is-mobile is-centered'>
+  <div class="column is-one-third">
+  <div class="card">
+  <div class="card-content">
+	
+	<div class="media">
+	<div class="media-left">
+		<figure class="image is-96x96">
+			<img src="/superx/images/sx_login.png" />
+		</figure>
+	</div>
+
+	<div class="media-content">
+		<span class="separator">&#160;</span>
+		<p class="title is-6">Willkommen bei SuperX.</p>
+		<p class="subtitle is-7">Bitte melden Sie sich an.</p>
+	</div>
+	</div>
+
+	<div class='content'>
+	<div class="media-content">
+	<FORM id="login" ACTION="/superx/servlet/SuperXmlAnmeldung" METHOD="post">
+	    <div class="field">
+		<div class="control">
+		    <input class="input is-small is-focused" type="text" placeholder="Ihre Kennung" autofocus="" NAME="kennung"/>
+		</div>
+	    </div>
+
+	    <div class="field">
+		<div class="control">
+		    <input class="input is-small" type="password" placeholder="Ihr Passwort" NAME="passwort" />
+		</div>
+	    </div>
+	    
+	    
+		<INPUT TYPE="hidden" NAME="MandantenID" value="<%= MandantenID_Login.toString() %>"> 
+			<input type="hidden" Name="requestedServlet" value="..<%= LinkMandantenID.toString() %>/index.jsp<%= defaultReport.toString() %>"/>
+			<input type="hidden" Name="alt_redirect_url" value="/superx<%= LinkMandantenID.toString() %>/index.jsp"/> 
+
+<button class="button is-small is-link is-outlined is-fullwidth is-hovered"> 
+	   		<span class="icon is-small">Anmelden &#160;
+				<img src="/superx/images/login_grey_small.svg" aria-hidden="true" />
+				 
+			</span>
+			</button>
+			
+			</FORM>
+	</div>
+	</div>		
+	
+<!--Beginn Card-Footer-->
+<div class="card-footer">		<!--****Links fehlen noch***-->
+<!--
+	<button class="button is-small is-link is-outlined"><a href="../">Neu bei SuperX?</a></button><span class="separator">&#160;</span>
+	<button class="button is-small is-link is-outlined"><a href="../">Password vergessen?</a></button><span class="separator">&#160;</span>
+	<button class="button is-small is-link is-outlined"><a href="../">Hilfe n&ouml;tig?</a></button>
+	-->
+	<button class="button is-small is-link is-outlined"><a href="http://www.superx-projekt.de/doku/kern_modul/benutzer/index.htm">Hilfe n&ouml;tig?</a></button>
+	<span class="separator">&#160;</span>
+	
+	<button class="button is-small is-link is-outlined"><a href="<%="/superx/edit/kern/show_html_content.jsp?output=IMPRINT&MandantID="+ mandantenid.toString() %>">Impressum</a></button>
+
+	<span class="separator">&#160;</span>
+	<button class="button is-small is-link is-outlined"><a href="<%="/superx/edit/kern/show_html_content.jsp?output=PRIVACY&MandantID="+ mandantenid.toString() %>">Datenschutz</a></button>
+	
+</div>
+<!--Ende Card-Footer-->
+
+</div> <!--EndeCard-Content-->
+</div> <!--EndeCard-Background-->
+</div>
+</div> <!--Ende Columns-->
+</div> <!--Ende Hero-Body-->
+</section> <!--Ende Hero-->