Lang Pick Button Änderungen

This commit is contained in:
ja
2021-08-09 11:46:14 +02:00
parent a328d1de1a
commit 9509d71a5e
5 changed files with 48 additions and 94 deletions

View File

@@ -87,7 +87,6 @@
font-size: 1em; font-size: 1em;
border: none; border: none;
} }
/* Dropdown Content (Hidden by Default) */ /* Dropdown Content (Hidden by Default) */
.dropdown-content { .dropdown-content {
display: none; display: none;
@@ -97,7 +96,6 @@
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
} }
/* Links inside the dropdown */ /* Links inside the dropdown */
.dropdown-content a { .dropdown-content a {
color: black; color: black;
@@ -105,23 +103,19 @@
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
/* Change color of dropdown links on hover */ /* Change color of dropdown links on hover */
.dropdown-content a:hover { .dropdown-content a:hover {
background-color: #043381; background-color: #043381;
color: #fff; color: #fff;
} }
/* Show the dropdown menu on hover */ /* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content { .dropdown:hover .dropdown-content {
display: block; display: block;
} }
/* Change the background color of the dropdown button when the dropdown content is shown */ /* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { .dropdown:hover .dropbtn {
background-color: #043381; background-color: #043381;
} }
table{ table{
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0px; border-spacing: 0px;
@@ -131,7 +125,6 @@
background-color:white; background-color:white;
color:#043381; color:#043381;
} }
#flex-container{ #flex-container{
width:1800px; width:1800px;
} }
@@ -141,7 +134,6 @@
.modal-footer { .modal-footer {
border: none !important; border: none !important;
} }
.modal-dialog { .modal-dialog {
height: 100% !important; /* required */ height: 100% !important; /* required */
margin: 0 0.8px !important; margin: 0 0.8px !important;
@@ -180,7 +172,6 @@
color: #000; color: #000;
border-color: #cbccce border-color: #cbccce
} }
/*Button Dropdown Menue Language Picker*/ /*Button Dropdown Menue Language Picker*/
.dropbtn { .dropbtn {
background-color: #fff; background-color: #fff;
@@ -194,9 +185,8 @@
font-size:16px; font-size:16px;
font-size: 1em; font-size: 1em;
border: none; border: none;
z-index:512; z-index:562;
} }
/* Dropdown Content (Hidden by Default) */ /* Dropdown Content (Hidden by Default) */
.dropdown-content { .dropdown-content {
display: none; display: none;
@@ -208,7 +198,6 @@
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1000; z-index: 1000;
} }
/* Links inside the dropdown */ /* Links inside the dropdown */
.dropdown-content a { .dropdown-content a {
color: black; color: black;
@@ -217,20 +206,17 @@
text-decoration: none; text-decoration: none;
z-index:812; z-index:812;
} }
/* Change color of dropdown links on hover */ /* Change color of dropdown links on hover */
.dropdown-content a:hover { .dropdown-content a:hover {
background-color: #fff; background-color: #fff;
color:#043381; color:#043381;
background-color: floralwhite; background-color: floralwhite;
} }
/* Show the dropdown menu on hover */ /* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content { .dropdown:hover .dropdown-content {
display: block; display: block;
z-index:5000; z-index:5000;
} }
/* Change the background color of the dropdown button when the dropdown content is shown */ /* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { .dropdown:hover .dropbtn {
background-color: #fff; background-color: #fff;
@@ -254,10 +240,11 @@
border-collapse: collapse; border-collapse: collapse;
border-spacing: 2px; border-spacing: 2px;
width: 100%; width: 100%;
border: 1px solid #ddd; border: /*1px*/2.1744791666666665vw solid #ddd;
background-color: white; background-color: white;
color: #043381; color: #043381;
overflow-x:auto; overflow-x:auto;
font-size:17px;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@@ -265,6 +252,10 @@
min-width: 17.692852087756545vw; min-width: 17.692852087756545vw;
max-width: 17.692852087756545vw; max-width: 17.692852087756545vw;
} }
#normaltable {
font-size: 1.125em;
padding-left: - 0.125em;
}
} }
</style> </style>
@@ -307,27 +298,12 @@
</head> </head>
<body> <body>
<!-- <a href="login/login_TEST.aspx" style="position:absolute;left:10px;top:10px;">LOGIN</a>-->
<div class="align-self-center"> <div class="align-self-center">
<form id="leftLinks" runat="server"> <form id="leftLinks" runat="server">
<!--<a href="sendFeedback.aspx" toptions="type = iframe, effect = fade, width = 500, height = 500, overlayClose = 1,shaded=0, layout = flatlook" style='padding:0px;margin:0px;width:50px;height:11px;color:#fff;text-decoration: none;'>
<div class="feedback">
<div class="feedback_txt">
Feedback
</div>
</div>
</a>
<a href="sendFeedback.php" toptions="type = iframe, effect = fade, width = 500, height = 500, overlayClose = 1,shaded=0, layout = flatlook" style='padding:0px;margin:0px;width:50px;height:11px;color:#fff;text-decoration: none;'>
<div class="aviso">
<div class="aviso_txt">
<nobr>Neues Aviso</nobr>
</div>
</div>
</a>
-->
<div id="bodycontent"> <div id="bodycontent">
<!-- Dropdown Button Languages-->
<div class="container-fluid">
<span class="content_all"> <span class="content_all">
<!-- <div id="nav-main"> <!-- <div id="nav-main">
@@ -396,7 +372,7 @@
<!-- Navigation Bar--> <!-- Navigation Bar-->
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-light">
<li class="nav-item"> <li class="nav-item">
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" width: 120px;alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" style:"width:120px" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"/></a>
</li> </li>
</nav> </nav>
</div> </div>
@@ -434,11 +410,9 @@
If True Then 'AVISO.Status <> 1 And AVISO.Status <> 2 Then 'SENDUNGSTABELLE If True Then 'AVISO.Status <> 1 And AVISO.Status <> 2 Then 'SENDUNGSTABELLE
'%> '%>
<h2><%=STANDORT %></h2> <h2><%=STANDORT %></h2>
</span> </span>
<div class="container-xxl" style="overflow-y:auto;scroll-padding-inline:auto;min-width:97%; max-width:100%">
<div class="container-xxl" style="overflow-y:auto;scroll-padding-inline:auto;max-width:100%"> <table class="table table-hover" id="normaltable" border="8" cellspacing="0" contenteditable="false">
<table class="table table-hover" border="8" cellspacing="0" contenteditable="false">
<thead style="background-color:#043381; color:white; font-weight:900"><tr ><th>Nr.</th><th>LKW Kennzeichen</th><th>Frächter</th><th>Avisierer</th><th>Ankunft</th><th>Dauer</th><th>LKW fertig</th></tr></thead> <thead style="background-color:#043381; color:white; font-weight:900"><tr ><th>Nr.</th><th>LKW Kennzeichen</th><th>Frächter</th><th>Avisierer</th><th>Ankunft</th><th>Dauer</th><th>LKW fertig</th></tr></thead>
<% <%
Dim cnt = 0 Dim cnt = 0
@@ -468,8 +442,8 @@
End If End If
End Try End Try
'Dim link As String = "Par1=" + AVISO_ROW("LKW_Nr") + "Par2=" + AVISO_ROW("Frächter") + "Par3=" + AVISO_ROW("Auftraggeber") + "Par4=" + AVISO_ROW("Ankunft") + "Par5=" + AVISO_ROW("LKW_Fertig") + "Par6=" + STANDORT + "Par7=" + lan 'Dim link As String = "Par1=" + AVISO_ROW("LKW_Nr") + "Par2=" + AVISO_ROW("Frächter") + "Par3=" + AVISO_ROW("Auftraggeber") + "Par4=" + AVISO_ROW("Ankunft") + "Par5=" + AVISO_ROW("LKW_Fertig") + "Par6=" + STANDORT + "Par7=" + lan
%> %>
<tbody class="table-light table-responsive-xxl table-striped" contenteditable="false"> <tbody class="table-light table-responsive-xxl table-striped" contenteditable="false">
<tr style="transform: rotate(0);"> <tr style="transform: rotate(0);">
<th scope="row"><a href="status_Julius.aspx?AvisoId=<%=AvisoId%>&lan2=<%=laenderkuerzel%>" rel="nofollow" target="_blank" class="stretched-link"><%Response.Write(cnt + 1)%></a></th> <th scope="row"><a href="status_Julius.aspx?AvisoId=<%=AvisoId%>&lan2=<%=laenderkuerzel%>" rel="nofollow" target="_blank" class="stretched-link"><%Response.Write(cnt + 1)%></a></th>
@@ -484,7 +458,6 @@
</tbody> </tbody>
<% <%
cnt += 1 cnt += 1
Next Next
%> %>
</table> </table>
@@ -529,4 +502,3 @@
<!-- jQuery Custom Scroller CDN --> <!-- jQuery Custom Scroller CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
</body> </body>
</html>

View File

@@ -169,7 +169,6 @@
border-bottom: 1px dashed #ddd; border-bottom: 1px dashed #ddd;
margin: 40px 0; margin: 40px 0;
} }
#sidebarCollapse { #sidebarCollapse {
background-color: #043381; background-color: #043381;
color: #fff; color: #fff;
@@ -188,7 +187,6 @@
width: 100%; width: 100%;
align-items: stretch; align-items: stretch;
} }
#sidebar { #sidebar {
min-width: 250px; min-width: 250px;
max-width: 250px; max-width: 250px;
@@ -196,47 +194,38 @@
color: #000000; color: #000000;
transition: all 0.2s; transition: all 0.2s;
} }
#sidebar.active { #sidebar.active {
margin-left: -250px; margin-left: -250px;
} }
#sidebar .sidebar-header { #sidebar .sidebar-header {
padding: 20px; padding: 20px;
background: #fff; background: #fff;
} }
#sidebar ul.components { #sidebar ul.components {
padding: 20px 0; padding: 20px 0;
border-bottom: 1px solid #043381; border-bottom: 1px solid #043381;
} }
#sidebar ul p { #sidebar ul p {
color: #043381; color: #043381;
padding: 9px; padding: 9px;
} }
#sidebar ul li a { #sidebar ul li a {
padding: 10px; padding: 10px;
font-size: 1.1em; font-size: 1.1em;
display: block; display: block;
} }
#sidebar ul li a:hover { #sidebar ul li a:hover {
color: #fff; color: #fff;
background: #043381; background: #043381;
} }
#sidebar ul li.active>a, #sidebar ul li.active>a,
a[aria-expanded="true"] { a[aria-expanded="true"] {
color: #fafafa; color: #fafafa;
background: #043381; background: #043381;
} }
a[data-toggle="collapse"] { a[data-toggle="collapse"] {
position: relative; position: relative;
} }
.dropdown-toggle::after { .dropdown-toggle::after {
display: block; display: block;
position: absolute; position: absolute;
@@ -244,17 +233,14 @@
right: 20px; right: 20px;
transform: translateY(-50%); transform: translateY(-50%);
} }
ul ul a { ul ul a {
font-size: 0.9em !important; font-size: 0.9em !important;
padding-left: 30px !important; padding-left: 30px !important;
background: #fff; background: #fff;
} }
ul.CTAs { ul.CTAs {
padding: 20px; padding: 20px;
} }
ul.CTAs a { ul.CTAs a {
text-align: center; text-align: center;
font-size: 0.9em !important; font-size: 0.9em !important;
@@ -262,12 +248,10 @@
border-radius: 5px; border-radius: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
a.download { a.download {
background: #fff; background: #fff;
color: #043381; color: #043381;
} }
a.article, a.article,
a.article:hover { a.article:hover {
background: #043381 !important; background: #043381 !important;

View File

@@ -265,7 +265,7 @@
<p><h2>Willkommen im Kundenportal:</h2></p> <p><h2>Willkommen im Kundenportal:</h2></p>
<br /> <br />
<a id="ButtonHauptpage" class="btn btn-primary btn-sm" href="newpageJulius_Sidebar.aspx?AvisoId=<%=Request.QueryString("AvisoId")%>&lan2=DE" data-toggle="tooltip" data-placement="top" title="Zur Hauptzeite wechseln." style="background-color:#043381">Home</a> <a id="ButtonHauptpage" class="btn btn-primary btn-sm" href="newpageJulius_Sidebar.aspx?AvisoId=<%=Request.QueryString("AvisoId")%>&lan2=DE" rel="nofollow" target="_blank" data-toggle="tooltip" data-placement="top" title="Zur Hauptzeite wechseln." style="background-color:#043381">Home</a>
<br /> <br />
<br /> <br />
<p><asp:Label ID="Label1" runat="server" Text="Bitte wählen sie eine der unten aufgeführten Funktionen:"></asp:Label></p> <p><asp:Label ID="Label1" runat="server" Text="Bitte wählen sie eine der unten aufgeführten Funktionen:"></asp:Label></p>

View File

@@ -306,12 +306,12 @@
margin-left: -250px; margin-left: -250px;
padding-top:0.5em; padding-top:0.5em;
font-size:1em; font-size:1em;
font-size:2.083333333333333vw; font-size:16px;
} }
#content{ #content{
font-size:1.57em; font-size:1.57em;
font-size:3.270833333333333vw; font-size:3.270833333333333vw;
min-width:80%; min-width:70%;
} }
#footer_content b{ #footer_content b{
font-size:1em; font-size:1em;
@@ -648,10 +648,10 @@
</li> </li>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<li> <li>
<a href="DownloadsJulius.aspx?menuID=41&lan=<%=laenderkuerzel %>" data-toggle="tooltip" data-placement="right" title="Alle Downloads auf einen Blick..">Downloads</a> <a href="DownloadsJulius.aspx?menuID=41&lan=<%=laenderkuerzel %>" rel="nofollow" target="_blank" data-toggle="tooltip" data-placement="right" title="Alle Downloads auf einen Blick..">Downloads</a>
</li> </li>
<li> <li>
<a href="KundenseiteJulius.aspx?menuID=45&lan=<%=laenderkuerzel %>" data-toggle="tooltip" data-placement="right" title="Lässt das Kundenportal erscheinen.">Kundenbereich</a> <a href="KundenseiteJulius.aspx?menuID=45&lan=<%=laenderkuerzel %>" rel="nofollow" target="_blank" data-toggle="tooltip" data-placement="right" title="Lässt das Kundenportal erscheinen.">Kundenbereich</a>
</li> </li>
<li> <li>
<a href="login/login_TEST.aspx?menuID=46&lan=<%=laenderkuerzel %>" data-toggle="tooltip" data-placement="right" title="Hier tauchen Sie in die Welt von VERAG ein.">Login</a> <a href="login/login_TEST.aspx?menuID=46&lan=<%=laenderkuerzel %>" data-toggle="tooltip" data-placement="right" title="Hier tauchen Sie in die Welt von VERAG ein.">Login</a>
@@ -799,7 +799,7 @@
</li> </li>
<li> <li>
<div class="dropdown" style="background-color:#fff; color:#043381;"> <div class="dropdown" style="background-color:#fff; color:#043381;">
<button class="dropbtn" style="background-color:#fff;color:#043381;"> <img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff;/*width:28px;*/ width:1.75em; width: 4.582651391162029vw; justify-items:center" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG"/></button> <button class="dropbtn" style="background-color:#fff;color:#043381;"> <img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff;/*width:28px;*/ width:3.0145vw; justify-items:center" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG"/></button>
<div class="dropdown-content"> <div class="dropdown-content">
<% Dim stringDE = "&nbsp DE" <% Dim stringDE = "&nbsp DE"
Dim stringEN = "&nbsp EN" Dim stringEN = "&nbsp EN"
@@ -826,7 +826,7 @@
<div class="align-self: center"></div> <div class="align-self: center"></div>
<span>Menue</span> <span>Menue</span>
</button> </button>
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" style="width:initial;height:initial;" alt="VERAG Spedition AG Logo with blue art until grey AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" style="width:initial;height:initial;" alt="VERAG Spedition AG Logo with blue word color until grey AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions" style="background-color:#fff; color:#043381;"><img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff;width:30px;"/></button> <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions" style="background-color:#fff; color:#043381;"><img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff;width:30px;"/></button>
</nav> </nav>
</div> </div>

View File

@@ -366,7 +366,7 @@
height:2.34375vh; height:2.34375vh;
} }
</style> </style>
</html>
</head> </head>
<body> <body>
@@ -587,8 +587,8 @@
End If%> End If%>
<div class="d-md-none"> <div class="d-md-none">
<table style="width:100%" class="table-responsive"><tr> <td> <table style="width:100%" class="table-responsive" contenteditable="false"><tr> <td>
<table> <table contenteditable="false">
<tr><td style="/*width:150px*/ width:9.375em;width=10.615711252653927vw"></td><td></td></tr> <tr><td style="/*width:150px*/ width:9.375em;width=10.615711252653927vw"></td><td></td></tr>
<tr><td><b><%= LT.getTxt(3, lan, "LKW-Kennzeichen") %>:</b></td><td><span style="font-size:1.25em"><%= AVISO.LKW_Nr %></span></td></tr> <tr><td><b><%= LT.getTxt(3, lan, "LKW-Kennzeichen") %>:</b></td><td><span style="font-size:1.25em"><%= AVISO.LKW_Nr %></span></td></tr>
<tr><td><b><%= LT.getTxt(14, lan, "LKW-ID") %>:</b></td><td><%= AVISO.AvisoID %></td></tr> <tr><td><b><%= LT.getTxt(14, lan, "LKW-ID") %>:</b></td><td><%= AVISO.AvisoID %></td></tr>
@@ -621,7 +621,7 @@
</div> </div>
<div class="d-none d-md-block"> <div class="d-none d-md-block">
<table style="width:100%" class="table-responsive"><tr> <td> <table style="width:100%" class="table-responsive" contenteditable="false"><tr> <td>
<table> <table>
<tr><td style="/*width:150px;*/width:9.375em;width: 10.615711252653927vw"></td><td></td></tr> <tr><td style="/*width:150px;*/width:9.375em;width: 10.615711252653927vw"></td><td></td></tr>
<tr><td><b><%= LT.getTxt(3, lan, "LKW-Kennzeichen") %>:</b></td><td><span style="font-size:20px"><%= AVISO.LKW_Nr %></span></td></tr> <tr><td><b><%= LT.getTxt(3, lan, "LKW-Kennzeichen") %>:</b></td><td><span style="font-size:20px"><%= AVISO.LKW_Nr %></span></td></tr>
@@ -656,7 +656,6 @@
%> %>
</table> </table>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
@@ -672,7 +671,6 @@
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
</symbol> </symbol>
</svg> </svg>
<p><div class="alert alert-success align-items-center" role="alert" style="width:98%;"> <p><div class="alert alert-success align-items-center" role="alert" style="width:98%;">
<svg class="bi shrink-0 me-2" width="3.125vw" height="1.875vh" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg> <svg class="bi shrink-0 me-2" width="3.125vw" height="1.875vh" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg>
<div> <div>
@@ -714,7 +712,7 @@
<div id="conovertab"> <div id="conovertab">
<div class="container-flex" style="flex-flow:nowrap"> <div class="container-flex" style="flex-flow:nowrap">
<table class="tableStatus table-striped" id="tablemain" border="8" cellspacing="0"> <table class="tableStatus table-striped" id="tablemain" border="8" cellspacing="0" contenteditable="false">
<thead><tr><th ><%= LT.getTxt(20, lan, "Nr.") %></th><th ><%= LT.getTxt(21, lan, "Spedition/PosNr") %></th><th><%= LT.getTxt(22, lan, "Sendungsdaten") %></th><th><%= LT.getTxt(23, lan, "Absender") %></th><th><%= LT.getTxt(24, lan, "Empfänger") %></th><th> Status </th><th>Infos</th></tr> </thead> <thead><tr><th ><%= LT.getTxt(20, lan, "Nr.") %></th><th ><%= LT.getTxt(21, lan, "Spedition/PosNr") %></th><th><%= LT.getTxt(22, lan, "Sendungsdaten") %></th><th><%= LT.getTxt(23, lan, "Absender") %></th><th><%= LT.getTxt(24, lan, "Empfänger") %></th><th> Status </th><th>Infos</th></tr> </thead>
<% <%
For Each s In SENDUNG_LIST For Each s In SENDUNG_LIST
@@ -812,7 +810,7 @@
</div></p> </div></p>
<!-- Wurde zu Debugzwecken eingebaut! Bitte aus Datenschutzgründen: MUSS in der PRODUKTIV-Version auskommentiert werden!!!--> <!-- Wurde zu Debugzwecken eingebaut! Bitte aus Datenschutzgründen: MUSS in der PRODUKTIV-Version auskommentiert werden!!!-->
<br/> <br/>
<h2>Bitte bei Fehlern den Panel-Button betätigen!</h2> <h2>Bei Fehlern bitte den Panel-Button betätigen!</h2>
<br/> <br/>
<br/> <br/>
<br/> <br/>