API tools faq
paste
thommy1972de

Test 2

thommy1972de
Jul 7th, 2021 (edited)
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 77.08 KB | None | 0 0
raw download clone embed print report
  1. <!-- Axios -->
  2. <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  3.  
  4. <style scoped>
  5. @import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');
  6.  
  7. .g_font {
  8.   font-family: 'Bad Script', cursive;
  9.   font-size: 1.3em;
  10.   line-height:1.0em;
  11.   animation-name: fading;
  12.   animation-duration: 3s;
  13.   color:white;
  14. }
  15.  
  16. .g_font_big {
  17.   font-family: 'Bad Script', cursive;
  18.   font-size: 2.5em;
  19.   line-height:1.5em;
  20.   color:#ff8040;
  21.   font-weight: bolder;
  22.   animation-name: fading2;
  23.   animation-duration: 1s;
  24. }
  25.  
  26. @keyframes fading {
  27.  
  28.   0% { opacity: 0; }
  29.   100% { opacity: 1; }
  30.  
  31. }
  32.  
  33. @keyframes fading2 {
  34.  
  35. 0% { transform: scale(0); opacity: 0; }
  36. 100% { transform: scale(1); opacity: .7; }
  37.  
  38. }
  39.  
  40.  
  41. /* Dates */
  42. .agenda .agenda-date { width: 170px; }
  43. .agenda .agenda-date .dayofmonth {
  44.   width: 40px;
  45.   font-size: 36px;
  46.   line-height: 36px;
  47.   float: left;
  48.   text-align: right;
  49.   margin-right: 10px;
  50. }
  51. .agenda .agenda-date .shortdate {
  52.   font-size: 0.75em;
  53. }
  54.  
  55.  
  56. /* Times */
  57. .agenda .agenda-time { width: 140px; }
  58.  
  59.  
  60.  
  61. @media (max-width: 767px) {
  62.    
  63. }
  64.  
  65. </style>
  66.  
  67. <?
  68. onlinecheck($pdo);
  69.  
  70. $abfrage_user = $pdo->prepare("SELECT * FROM user WHERE email = ?");
  71. $abfrage_user->execute(array($_SESSION['username']));
  72. while($row_p2 = $abfrage_user->fetch()){
  73.  
  74.   $anrede = $row_p2['anrede'];
  75.   ?>
  76. <noscript>
  77. <div class="alert alert-danger text-center"><h2><img style="width:50px" src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxnPjxwYXRoIGQ9Im0zMi4wMzUgMjAwLjM3NGMtNy41MzUgMC0xMy42NjUtNi4xMy0xMy42NjUtMTMuNjY1di0xMjMuNzc3YzAtNy41MzUgNi4xMy0xMy42NjUgMTMuNjY1LTEzLjY2NWgxOTEuOTMxYzcuNTM1IDAgMTMuNjY1IDYuMTMgMTMuNjY1IDEzLjY2NXYxMjMuNzc2YzAgNy41MzUtNi4xMyAxMy42NjUtMTMuNjY1IDEzLjY2NWgtMTkxLjkzMXoiIGZpbGw9IiNjZWNlY2UiLz48Zz48cGF0aCBkPSJtMzMuMDM2IDE4Ni43MDl2LTEyMy43NzZjMC03LjUzNSA2LjEzLTEzLjY2NSAxMy42NjUtMTMuNjY1aC0xNC42NjZjLTcuNTM0IDAtMTMuNjY1IDYuMTMtMTMuNjY1IDEzLjY2NXYxMjMuNzc2YzAgNy41MzUgNi4xMyAxMy42NjUgMTMuNjY1IDEzLjY2NWgxNC42NjdjLTcuNTM1IDAtMTMuNjY2LTYuMTMxLTEzLjY2Ni0xMy42NjV6IiBmaWxsPSIjYWZhZmFmIi8+PC9nPjxnPjxwYXRoIGQ9Im0yMjIuOTY0IDE4Ni43MDl2LTEyMy43NzZjMC03LjUzNS02LjEzLTEzLjY2NS0xMy42NjUtMTMuNjY1aDE0LjY2N2M3LjUzNCAwIDEzLjY2NSA2LjEzIDEzLjY2NSAxMy42NjV2MTIzLjc3NmMwIDcuNTM1LTYuMTMgMTMuNjY1LTEzLjY2NSAxMy42NjVoLTE0LjY2N2M3LjUzNCAwIDEzLjY2NS02LjEzMSAxMy42NjUtMTMuNjY1eiIgZmlsbD0iI2UyZTJlMiIvPjwvZz48cGF0aCBkPSJtMjI5LjIyMSAxNzQuNzA5YzAgMi44OTEtMi4zNjUgNS4yNTYtNS4yNTYgNS4yNTZoLTE5MS45M2MtMi44OTEgMC01LjI1Ni0yLjM2NS01LjI1Ni01LjI1NnYtMTExLjc3N2MwLTIuODkxIDIuMzY1LTUuMjU2IDUuMjU2LTUuMjU2aDE5MS45MzFjMi44OTEgMCA1LjI1NiAyLjM2NSA1LjI1NiA1LjI1NnYxMTEuNzc3eiIgZmlsbD0iIzYzYmNlNyIvPjxnPjxwYXRoIGQ9Im00MS40NDYgMTc0LjcwOXYtMTExLjc3N2MwLTIuODkxIDIuMzY1LTUuMjU2IDUuMjU2LTUuMjU2aC0xNC42NjdjLTIuODkxIDAtNS4yNTYgMi4zNjUtNS4yNTYgNS4yNTZ2MTExLjc3N2MwIDIuODkxIDIuMzY1IDUuMjU2IDUuMjU2IDUuMjU2aDE0LjY2N2MtMi44OTEgMC01LjI1Ni0yLjM2Ni01LjI1Ni01LjI1NnoiIGZpbGw9IiM2Mzc3ZTciLz48L2c+PGc+PHBhdGggZD0ibTIxNC41NTQgMTc0LjcwOXYtMTExLjc3N2MwLTIuODkxLTIuMzY1LTUuMjU2LTUuMjU2LTUuMjU2aDE0LjY2N2MyLjg5MSAwIDUuMjU2IDIuMzY1IDUuMjU2IDUuMjU2djExMS43NzdjMCAyLjg5MS0yLjM2NSA1LjI1Ni01LjI1NiA1LjI1NmgtMTQuNjY3YzIuODkxIDAgNS4yNTYtMi4zNjYgNS4yNTYtNS4yNTZ6IiBmaWxsPSIjNjNlMmU3Ii8+PC9nPjxwYXRoIGQ9Im04OS44MDkgMjIyLjUzMmg3Ni4zODN2OS4xOTdoLTc2LjM4M3oiIGZpbGw9IiM5ZTllOWUiLz48cGF0aCBkPSJtMTAwLjY3IDIwMC4zNzRoNTQuNjU5djIyLjE1OGgtNTQuNjU5eiIgZmlsbD0iI2NlY2VjZSIvPjxnPjxwYXRoIGQ9Im0xMDAuNjcgMjAwLjM3NGgxNC42Njd2MjIuMTU4aC0xNC42Njd6IiBmaWxsPSIjYWZhZmFmIi8+PC9nPjxnPjxwYXRoIGQ9Im04OS44MDkgMjIyLjUzMmgxNC42Njd2OS4xOTdoLTE0LjY2N3oiIGZpbGw9IiM3MDcwNzAiLz48L2c+PGNpcmNsZSBjeD0iMTI4IiBjeT0iMTkwLjE2OSIgZmlsbD0iIzllOWU5ZSIgcj0iNC41Ii8+PC9nPjxnPjxwYXRoIGQ9Im0xODguODM2IDQwLjYyNy0yNy4zMjktMjcuMzI5aC05NC4zNDN2MTY2LjY2N2gxMjEuNjcyeiIgZmlsbD0iI2Y4YWYyMyIvPjxwYXRoIGQ9Im02Ny4xNjQgMTMwLjk0N2gxMjEuNjczdjQ5LjAxOGgtMTIxLjY3M3oiIGZpbGw9IiNmNDYyNzUiLz48ZyBmaWxsPSIjM2YzNjc5Ij48Zz48cGF0aCBkPSJtMjcuMzIzIDI0MS4yMDJoLTE4LjAwM2MtLjgyOSAwLTEuNS42NzEtMS41IDEuNXMuNjcxIDEuNSAxLjUgMS41aDE4LjAwM2MuODI5IDAgMS41LS42NzEgMS41LTEuNXMtLjY3MS0xLjUtMS41LTEuNXoiLz48cGF0aCBkPSJtMjQ2LjY4IDI0MS4yMDJoLTE4LjAwM2MtLjgyOCAwLTEuNS42NzEtMS41IDEuNXMuNjcyIDEuNSAxLjUgMS41aDE4LjAwM2MuODI4IDAgMS41LS42NzEgMS41LTEuNXMtLjY3Mi0xLjUtMS41LTEuNXoiLz48cGF0aCBkPSJtMjE4LjQ3OSAyNDEuMjAyaC0xODAuOTU4Yy0uODI5IDAtMS41LjY3MS0xLjUgMS41cy42NzEgMS41IDEuNSAxLjVoMTgwLjk1OWMuODI4IDAgMS41LS42NzEgMS41LTEuNXMtLjY3Mi0xLjUtMS41MDEtMS41eiIvPjxwYXRoIGQ9Im05LjMyIDIzMy4yMjloODAuNDg5IDc2LjM4MyA4MC40ODhjLjgyOCAwIDEuNS0uNjcxIDEuNS0xLjVzLS42NzItMS41LTEuNS0xLjVoLTc4Ljk4OHYtNy42OTdjMC0uODI5LS42NzItMS41LTEuNS0xLjVoLTkuMzYydi0xOS4xNThoNjcuMTM3YzguMzYxIDAgMTUuMTY0LTYuODAzIDE1LjE2NC0xNS4xNjV2LTEyMy43NzZjMC04LjM2Mi02LjgwMy0xNS4xNjUtMTUuMTY0LTE1LjE2NWgtMzMuNjN2LTcuMTRjMC0uMzk4LS4xNTgtLjc3OS0uNDM5LTEuMDYxbC0yNy4zMjktMjcuMzNjLS4yODEtLjI4MS0uNjYzLS40MzktMS4wNjEtLjQzOWgtOTQuMzQ0Yy0uODI5IDAtMS41LjY3MS0xLjUgMS41djM0LjQ3aC0zMy42MjljLTguMzYyIDAtMTUuMTY1IDYuODAzLTE1LjE2NSAxNS4xNjV2MTIzLjc3NmMwIDguMzYyIDYuODAzIDE1LjE2NSAxNS4xNjUgMTUuMTY1aDY3LjEzNXYxOS4xNThoLTkuMzYyYy0uODI5IDAtMS41LjY3MS0xLjUgMS41djcuNjk3aC03OC45ODhjLS44MjkgMC0xLjUuNjcxLTEuNSAxLjVzLjY3MSAxLjUgMS41IDEuNXptMjIuNzE1LTU0Ljc2NWMtMi4wNzEgMC0zLjc1Ni0xLjY4NS0zLjc1Ni0zLjc1NXYtMTExLjc3N2MwLTIuMDcxIDEuNjg1LTMuNzU1IDMuNzU2LTMuNzU1aDMzLjYyOXY3MS43NyA0Ny41MThoLTMzLjYyOXptMzYuNjI5LTQ2LjAxN2gxMTguNjcydjQ2LjAxOGgtMTE4LjY3MnptOTQuMzQzLTExNS41MjggMjIuMjA4IDIyLjIwOGgtMjIuMjA4em0yNy4zMjkgMTE0LjAyOHYtNzEuNzdoMzMuNjNjMi4wNyAwIDMuNzU1IDEuNjg1IDMuNzU1IDMuNzU1djExMS43NzdjMCAyLjA3MS0xLjY4NSAzLjc1NS0zLjc1NSAzLjc1NWgtMzMuNjN6bS0zMC4zMjktMTE2LjE0OXYyNS44M2MwIC44MjkuNjcyIDEuNSAxLjUgMS41aDI1LjgyOXY4Ny4zMTloLTExOC42NzJ2LTExNC42NDl6bS0xNDAuMTM3IDE3MS45MTF2LTEyMy43NzZjMC02LjcwOCA1LjQ1Ny0xMi4xNjUgMTIuMTY1LTEyLjE2NWgzMy42Mjl2NS40MDloLTMzLjYyOWMtMy43MjUgMC02Ljc1NiAzLjAzLTYuNzU2IDYuNzU1djExMS43NzdjMCAzLjcyNSAzLjAzMSA2Ljc1NSA2Ljc1NiA2Ljc1NWgzNS4xMjkgMTIxLjY3MiAzNS4xM2MzLjcyNSAwIDYuNzU1LTMuMDMgNi43NTUtNi43NTV2LTExMS43NzdjMC0zLjcyNS0zLjAzLTYuNzU1LTYuNzU1LTYuNzU1aC0zMy42M3YtNS40MDloMzMuNjNjNi43MDcgMCAxMi4xNjQgNS40NTcgMTIuMTY0IDEyLjE2NXYxMjMuNzc2YzAgNi43MDgtNS40NTcgMTIuMTY1LTEyLjE2NCAxMi4xNjVoLTY4LjYzNy01NC42NTktNjguNjM1Yy02LjcwOCAwLTEyLjE2NS01LjQ1Ny0xMi4xNjUtMTIuMTY1em04Mi4zIDE1LjE2NWg1MS42NTl2MTkuMTU4aC01MS42NTl6bS0xMC44NjEgMjIuMTU4aDkuMzYyIDU0LjY1OSA5LjM2MnY2LjE5N2gtNzMuMzgzeiIvPjxwYXRoIGQ9Im0xMjggMTk2LjE2OWMzLjMwOSAwIDYtMi42OTEgNi02cy0yLjY5MS02LTYtNi02IDIuNjkxLTYgNiAyLjY5MSA2IDYgNnptMC05YzEuNjU0IDAgMyAxLjM0NiAzIDNzLTEuMzQ2IDMtMyAzLTMtMS4zNDYtMy0zIDEuMzQ2LTMgMy0zeiIvPjxwYXRoIGQ9Im04Ni4wNDcgNzkuNzhoMy43MDFjMS4xNzIgMCAyLjIwMSAxLjUzMSAyLjIwMSAzLjI3NnYxMC41ODdjMCAzLjQ2IDIuMjggNi4yNzYgNS4wODIgNi4yNzZoMy41ODJjLjgyOSAwIDEuNS0uNjcxIDEuNS0xLjVzLS42NzEtMS41LTEuNS0xLjVoLTMuNTgyYy0uOTg1IDAtMi4wODItMS4zNDUtMi4wODItMy4yNzZ2LTEwLjU4N2MwLTEuOTEyLS43MTQtMy42MjQtMS44MzUtNC43NzYgMS4xMjEtMS4xNTIgMS44MzUtMi44NjQgMS44MzUtNC43NzZ2LTEwLjU4NmMwLTEuOTMxIDEuMDk3LTMuMjc2IDIuMDgyLTMuMjc2aDMuNTgyYy44MjkgMCAxLjUtLjY3MSAxLjUtMS41cy0uNjcxLTEuNS0xLjUtMS41aC0zLjU4MmMtMi44MDIgMC01LjA4MiAyLjgxNS01LjA4MiA2LjI3NnYxMC41ODZjMCAxLjc0NS0xLjAyOSAzLjI3Ni0yLjIwMSAzLjI3NmgtMy43MDFjLS44MjkgMC0xLjUuNjcxLTEuNSAxLjVzLjY3MiAxLjUgMS41IDEuNXoiLz48cGF0aCBkPSJtMTYxLjA1IDkzLjY0M2MwIDEuOTMxLTEuMDk4IDMuMjc2LTIuMDgyIDMuMjc2aC0zLjU4MmMtLjgyOCAwLTEuNS42NzEtMS41IDEuNXMuNjcyIDEuNSAxLjUgMS41aDMuNTgyYzIuODAyIDAgNS4wODItMi44MTUgNS4wODItNi4yNzZ2LTEwLjU4N2MwLTEuNzQ1IDEuMDI4LTMuMjc2IDIuMjAxLTMuMjc2aDMuNzAyYy44MjggMCAxLjUtLjY3MSAxLjUtMS41cy0uNjcyLTEuNS0xLjUtMS41aC0zLjcwMmMtMS4xNzMgMC0yLjIwMS0xLjUzMS0yLjIwMS0zLjI3NnYtMTAuNTg2YzAtMy40Ni0yLjI4LTYuMjc2LTUuMDgyLTYuMjc2aC0zLjU4MmMtLjgyOCAwLTEuNS42NzEtMS41IDEuNXMuNjcyIDEuNSAxLjUgMS41aDMuNTgyYy45ODQgMCAyLjA4MiAxLjM0NSAyLjA4MiAzLjI3NnYxMC41ODZjMCAxLjkxMi43MTQgMy42MjQgMS44MzUgNC43NzYtMS4xMjEgMS4xNTItMS44MzUgMi44NjQtMS44MzUgNC43NzZ6Ii8+PHBhdGggZD0ibTEyNy45MTggOTQuMzc0Yy44MjkgMCAxLjUtLjY3MSAxLjUtMS41di0xOC42NjZjMC0uODI5LS42NzEtMS41LTEuNS0xLjVzLTEuNS42NzEtMS41IDEuNXYxOC42NjdjMCAuODI4LjY3MSAxLjQ5OSAxLjUgMS40OTl6Ii8+PC9nPjxjaXJjbGUgY3g9IjEyNy45MTgiIGN5PSI2Ni4yNDkiIHI9IjIuNTYzIi8+PC9nPjxnPjxwYXRoIGQ9Im0xNTQuMTg2IDE2OC41MTRjLS45NTYgMS41NzgtMi4zNjUgMi44MzUtNC4yMjcgMy43NzQtMS44NjIuOTQtNC4xMTggMS40MDktNi43NjggMS40MDktMy45OTMgMC03LjI4LS45NzMtOS44NjMtMi45MTktMi4yMDQtMS42NTktMy41NTMtMy44OC00LjA0OC02LjY2My0uMTM4LS43NzcuNDgyLTEuNDg5IDEuMjcxLTEuNDg5aDYuNjQyYy41ODYgMCAxLjA4OS40MDQgMS4yMzYuOTcyLjIzLjg5MS42NTIgMS42MjQgMS4yNjQgMi4xOTguODIyLjc3MiAxLjg3IDEuMTU4IDMuMTQ1IDEuMTU4IDEuMTA3IDAgMS45NzktLjMwMiAyLjYxNy0uOTA2LjYzNy0uNjA0Ljk1Ni0xLjQwOS45NTYtMi40MTUgMC0uOTA2LS4yOTQtMS42NjEtLjg4MS0yLjI2NC0uNTg3LS42MDQtMS4zMTctMS4wOTktMi4xODktMS40ODUtLjg3My0uMzg2LTIuMDgxLS44NDctMy42MjMtMS4zODQtMi4yNDgtLjc3MS00LjA4NS0xLjUxNy01LjUxLTIuMjM5LTEuNDI2LS43MjEtMi42NTEtMS43OTQtMy42NzQtMy4yMi0xLjAyNC0xLjQyNi0xLjUzNC0zLjI3OS0xLjUzNC01LjU2MSAwLTIuMTEzLjUzNi0zLjk0MSAxLjYxLTUuNDg1IDEuMDczLTEuNTQzIDIuNTU4LTIuNzI1IDQuNDU0LTMuNTQ4IDEuODk1LS44MjIgNC4wNjctMS4yMzMgNi41MTYtMS4yMzMgMy45NTggMCA3LjEwMy45NCA5LjQzNSAyLjgxOCAxLjk1NSAxLjU3NiAzLjE5NyAzLjY0NyAzLjcyNSA2LjIxNC4xNjMuNzkyLS40NTggMS41MzYtMS4yNjYgMS41MzZoLTYuNzkzYy0uNTc0IDAtMS4wNjMtLjM4OS0xLjIzLS45MzgtLjIyNi0uNzQzLS41ODUtMS4zNjItMS4wNzgtMS44NTUtLjY4OC0uNjg3LTEuNjE5LTEuMDMyLTIuNzkzLTEuMDMyLTEuMDA2IDAtMS44Mi4yNjktMi40NC44MDUtLjYyMS41MzctLjkzMSAxLjMyNi0uOTMxIDIuMzY1IDAgLjgzOS4yNzYgMS41NTIuODMgMi4xMzkuNTUzLjU4NyAxLjI0OSAxLjA2NSAyLjA4OCAxLjQzNHMyLjA0Ni44MzkgMy42MjMgMS40MDljMi4yODEuNzcyIDQuMTQzIDEuNTM1IDUuNTg2IDIuMjkgMS40NDIuNzU1IDIuNjg0IDEuODU0IDMuNzI0IDMuMjk2IDEuMDM5IDEuNDQzIDEuNTYgMy4zMjEgMS41NiA1LjYzNiAwIDEuODc5LS40NzggMy42MDYtMS40MzQgNS4xODN6IiBmaWxsPSIjM2YzNjc5Ii8+PC9nPjxnPjxwYXRoIGQ9Im0xMjMuMDg4IDEzNy43NjhjLjcwOCAwIDEuMjgzLjU3NCAxLjI4MyAxLjI4M3YyMy4wMjJjMCAzLjcyNC0xLjAxNSA2LjU5Mi0zLjA0NCA4LjYwNS0yLjAzIDIuMDEzLTQuODM5IDMuMDE5LTguNDI5IDMuMDE5LTMuODkyIDAtNi45NzgtMS4wOTgtOS4yNTktMy4yOTYtMi4wMi0xLjk0NS0zLjE0Ni00LjY0Ni0zLjM3Ny04LjEwNC0uMDUtLjc0NC41MzktMS4zODEgMS4yODUtMS4zODFoNS45NmMuNjYzIDAgMS4yMDIuNTEyIDEuMjc0IDEuMTcxLjI3NiAyLjU0IDEuNTE0IDMuODEgMy43MTUgMy44MSAyLjE4IDAgMy4yNzEtMS4yNzUgMy4yNzEtMy44MjV2LTIzLjAyMmMwLS43MDguNTc0LTEuMjgzIDEuMjgzLTEuMjgzaDYuMDM4eiIgZmlsbD0iIzNmMzY3OSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==" /> JavasScript deaktiviert</h2>Dein Browser unterstützt kein JavaScript</div>
  78. </noscript>
  79.  
  80.  
  81.  
  82. <div class="container">
  83.  
  84.   <div class="accordion bg-dark" id="accordionExample">
  85.    
  86.    
  87.   <div class="card bg-dark">
  88.       <div class="card-header" id="headingOne">
  89.         <h2 class="mb-0">
  90.           <button class="btn btn-link btn-block btn-primary text-center text-white" style="font-size:1.5rem; text-decoration:none;" type="button" data-toggle="collapse" data-target="#agenda" aria-expanded="true" aria-controls="collapseOne">
  91.          <img style="width:50px" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6I0JBQkFCQTsiIGQ9Ik00NTMuMzE5LDg1LjA4OWMwLTE4LjY2MS0xNS4xMjktMzMuNzg4LTMzLjc5LTMzLjc4OGgtMjEuOTk0Yy0xMy42MDcsMC0yODIuNTYzLDAtMjkxLjU1MiwwDQoJYy04LjIzNSwwLTYxLjUwOCwwLTcyLjE5NCwwQzE1LjEzLDUxLjMwMSwwLDY2LjQyOSwwLDg1LjA4OXYzODUuNzM4YzAsOS42NTgsNC4wNTksMTguMzYyLDEwLjU1NiwyNC41Mmg0MDguOTczdjkuMjY5aDU5LjE4Ng0KCWMxNC41NDIsMCwyNi45MzgtOS4xODgsMzEuNzAyLTIyLjA3NkM1MTQuMzY1LDQ3Mi4xMDUsNTE1Ljc2MSw0OTIuMDU2LDQ1My4zMTksODUuMDg5eiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0E4QThBODsiIGQ9Ik00NzMuOTUyLDQ3MC44Mjh2LTI1MS4yNkw0NTMuMzE5LDg1LjA4OWMwLTE4LjY2MS0xNS4xMjktMzMuNzg4LTMzLjc5LTMzLjc4OA0KCWMtMTEuMDYzLDAtMjc3LjUwNiwwLTI5Mi45MTIsMGgtMjAuNjMzaC04LjI1M2MtMTkuMTEyLDAtMTIuNjgzLDAtNDMuMzA3LDBjLTE4LjY1OSwwLTMzLjc4OSwxNS4xMjctMzMuNzg5LDMzLjc4OHYzODUuNzM4DQoJYzAsOS42NTgsNC4wNTksMTguMzYyLDEwLjU1NiwyNC41MmgzODguMzR2OS4yNjloMjAuNjMzQzQ1OC44MjMsNTA0LjYxNyw0NzMuOTUyLDQ4OS40OSw0NzMuOTUyLDQ3MC44Mjh6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRTZFNkU2OyIgZD0iTTQxOS41MjksNTEuMzAxYy0xMS44MjQsMC0yOTQuMDc0LDAtMzEzLjU0NiwwYy0xMS42NTgsMC02NC4zMTIsMC03Mi4xOTQsMA0KCUMxNS4xMyw1MS4zMDEsMCw2Ni40MjksMCw4NS4wODl2Mzg1LjczOGMwLDE4LjY2MiwxNS4xMywzMy43ODksMzMuNzg5LDMzLjc4OWgzODUuNzM5YzE4LjY2MSwwLDMzLjc5LTE1LjEyNywzMy43OS0zMy43ODlWODUuMDg5DQoJQzQ1My4zMTksNjYuNDI5LDQzOC4xODksNTEuMzAxLDQxOS41MjksNTEuMzAxeiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0NDQ0JDQTsiIGQ9Ik0yMC42MzMsNDcwLjgyOFY4NS4wODljMC0xOC42NjEsMTUuMTMtMzMuNzg4LDMzLjc4OS0zMy43ODhjLTExLjYzLDAtOC45NjYsMC0yMC42MzMsMA0KCUMxNS4xMyw1MS4zMDEsMCw2Ni40MjksMCw4NS4wODl2Mzg1LjczOGMwLDE4LjY2MiwxNS4xMywzMy43ODksMzMuNzg5LDMzLjc4OWgyMC42MzNDMzUuNzY0LDUwNC42MTcsMjAuNjMzLDQ4OS40OSwyMC42MzMsNDcwLjgyOHoNCgkiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNFQTQ3M0I7IiBkPSJNNDE5LjUyOSw1MS4zMDFjLTEzLjQyNCwwLTI5MS4xNDEsMC0zMTMuNTQ2LDBjLTc5Ljk5NywwLDIuNjksMC03Mi4xOTQsMA0KCUMxNS4xMyw1MS4zMDEsMCw2Ni40MjksMCw4NS4wODl2ODYuNzk2aDQ1My4zMTlWODUuMDg5QzQ1My4zMTksNjYuNDI5LDQzOC4xODksNTEuMzAxLDQxOS41MjksNTEuMzAxeiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0Q2MzMyMjsiIGQ9Ik0yMC42MzMsODUuMDg5YzAtMTguNjYxLDE1LjEzLTMzLjc4OCwzMy43ODktMzMuNzg4Yy0xMS42MywwLTguOTY2LDAtMjAuNjMzLDANCglDMTUuMTMsNTEuMzAxLDAsNjYuNDI5LDAsODUuMDg5djg2Ljc5NmgyMC42MzNWODUuMDg5eiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzQxNDM1NjsiIGQ9Ik0zNjEuODM3LDgxLjUwOXY3LjAzNGMwLDYuODM4LTUuNTQyLDcuMjIyLTEyLjM4LDcuMjIyaC00LjEyN2MtNi44MzcsMC0xMi4zOC0wLjM4NC0xMi4zOC03LjIyMg0KCQlWODEuNTFjLTYuNTQ2LDQuNTY4LTEwLjgzMywxMi4xNS0xMC44MzMsMjAuNzM4YzAsMTMuOTYsMTEuMzE3LDI1LjI3NiwyNS4yNzYsMjUuMjc2DQoJCUMzNzIuMTUsMTI3LjUyMywzODEuOTg0LDk1LjU2OSwzNjEuODM3LDgxLjUwOXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNDE0MzU2OyIgZD0iTTIzMy45MSw4MS41MDl2Ny4wMzRjMCw2LjgzOC01LjU0Miw2LjE5LTEyLjM4LDYuMTloLTQuMTI3Yy02LjgzNywwLTEyLjM4LDAuNjQ4LTEyLjM4LTYuMTlWODEuNTENCgkJYy02LjU0Niw0LjU2OC0xMC44MzMsMTIuMTUtMTAuODMzLDIwLjczOGMwLDEzLjk2LDExLjMxNywyNS4yNzYsMjUuMjc2LDI1LjI3NmMxMy45NiwwLDI1LjI3Ni0xMS4zMTYsMjUuMjc2LTI1LjI3Ng0KCQlDMjQ0Ljc0Miw5My42NiwyNDAuNDU1LDg2LjA3NywyMzMuOTEsODEuNTA5eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM0MTQzNTY7IiBkPSJNMTA1Ljk4Myw4MS41MDl2Ny4wMzRjMCw3Ljk3Mi03LjUwMyw3LjIyMi0xNi41MDcsNy4yMjJjLTYuODM3LDAtMTIuMzgtMC4zODQtMTIuMzgtNy4yMjJWODEuNTENCgkJYy0yMC4xNjcsMTQuMDc0LTEwLjI4Miw0Ni4wMTQsMTQuNDQzLDQ2LjAxNGMxMy45NiwwLDI1LjI3Ni0xMS4zMTYsMjUuMjc2LTI1LjI3NkMxMTYuODE1LDkzLjY2LDExMi41MjgsODYuMDc3LDEwNS45ODMsODEuNTA5eiINCgkJLz4NCjwvZz4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMyRjMyNDI7IiBkPSJNMzQzLjc4MywxMDIuMjQ4YzAtMC40NzksMC4wMTgtMC45NTMsMC4wNDQtMS40MjVjLTYuMTI3LTAuNzQzLTEwLjg3Ny01Ljk1Mi0xMC44NzctMTIuMjhWODEuNTENCgkJYy02LjU0Niw0LjU2OC0xMC44MzMsMTIuMTUtMTAuODMzLDIwLjczOGMwLDEzLjk2LDExLjMxNywyNS4yNzYsMjUuMjc2LDI1LjI3NmMzLjg3NywwLDcuNTQ5LTAuODc1LDEwLjgzMy0yLjQzNg0KCQlDMzQ5LjY4NywxMjEuMDMxLDM0My43ODMsMTEyLjMzLDM0My43ODMsMTAyLjI0OHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMkYzMjQyOyIgZD0iTTIxNS44NTYsMTAyLjI0OGMwLTAuNDc5LDAuMDE4LTAuOTUzLDAuMDQ0LTEuNDI1Yy02LjEyNy0wLjc0My0xMC44NzctNS45NTItMTAuODc3LTEyLjI4VjgxLjUxDQoJCWMtNi41NDYsNC41NjgtMTAuODMzLDEyLjE1LTEwLjgzMywyMC43MzhjMCwxMy45NiwxMS4zMTcsMjUuMjc2LDI1LjI3NiwyNS4yNzZjMy44NzcsMCw3LjU0OS0wLjg3NSwxMC44MzMtMi40MzYNCgkJQzIyMS43NiwxMjEuMDMxLDIxNS44NTYsMTEyLjMzLDIxNS44NTYsMTAyLjI0OHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMkYzMjQyOyIgZD0iTTg3Ljk3MywxMDAuODIzYy02LjEyNy0wLjc0My0xMC44NzctNS45NTItMTAuODc3LTEyLjI4VjgxLjUxDQoJCWMtNi41NDYsNC41NjgtMTAuODMzLDEyLjE1LTEwLjgzMywyMC43MzhjMCwxOC42MTYsMTkuNDQ0LDMwLjc1OSwzNi4xMDgsMjIuODRDOTMuMzE3LDEyMC43ODUsODcuMzg3LDExMS4zOCw4Ny45NzMsMTAwLjgyM3oiLz4NCjwvZz4NCjxyZWN0IHk9IjE3MS44ODEiIHN0eWxlPSJmaWxsOiNGNzdDNzk7IiB3aWR0aD0iNDUzLjMyIiBoZWlnaHQ9IjI4Ljg4NyIvPg0KPHJlY3QgeT0iMTcxLjg4MSIgc3R5bGU9ImZpbGw6I0RENjQ2NDsiIHdpZHRoPSIyMC42MzMiIGhlaWdodD0iMjguODg3Ii8+DQo8cGF0aCBpZD0iU1ZHQ2xlYW5lcklkXzAiIHN0eWxlPSJmaWxsOiM1ODVBNjA7IiBkPSJNOTMuNjAzLDcuMzg1YzYuODM4LDAsMTIuMzgsNS41NDMsMTIuMzgsMTIuMzh2NjguNzc4DQoJYzAsNi44MzgtNS41NDIsMTIuMzgtMTIuMzgsMTIuMzhoLTQuMTI3Yy02LjgzNywwLTEyLjM4LTUuNTQyLTEyLjM4LTEyLjM4VjE5Ljc2NWMwLTYuODM3LDUuNTQzLTEyLjM4LDEyLjM4LTEyLjM4SDkzLjYwM3oiLz4NCjxwYXRoIGlkPSJTVkdDbGVhbmVySWRfMSIgc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik0yMjEuNTMsNy4zODVjNi44MzgsMCwxMi4zOCw1LjU0MywxMi4zOCwxMi4zOHY2OC43NzgNCgljMCw2LjgzOC01LjU0MiwxMi4zOC0xMi4zOCwxMi4zOGgtNC4xMjdjLTYuODM3LDAtMTIuMzgtNS41NDItMTIuMzgtMTIuMzhWMTkuNzY1YzAtNi44MzcsNS41NDMtMTIuMzgsMTIuMzgtMTIuMzhIMjIxLjUzeiIvPg0KPHBhdGggaWQ9IlNWR0NsZWFuZXJJZF8yIiBzdHlsZT0iZmlsbDojNTg1QTYwOyIgZD0iTTM0OS40NTcsNy4zODVjNi44MzgsMCwxMi4zOCw1LjU0MywxMi4zOCwxMi4zOHY2OC43NzgNCgljMCw2LjgzOC01LjU0MiwxMi4zOC0xMi4zOCwxMi4zOGgtNC4xMjdjLTYuODM3LDAtMTIuMzgtNS41NDItMTIuMzgtMTIuMzhWMTkuNzY1YzAtNi44MzcsNS41NDMtMTIuMzgsMTIuMzgtMTIuMzhIMzQ5LjQ1N3oiLz4NCjxnPg0KCTxwYXRoIGlkPSJTVkdDbGVhbmVySWRfMF8xXyIgc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik05My42MDMsNy4zODVjNi44MzgsMCwxMi4zOCw1LjU0MywxMi4zOCwxMi4zOHY2OC43NzgNCgkJYzAsNi44MzgtNS41NDIsMTIuMzgtMTIuMzgsMTIuMzhoLTQuMTI3Yy02LjgzNywwLTEyLjM4LTUuNTQyLTEyLjM4LTEyLjM4VjE5Ljc2NWMwLTYuODM3LDUuNTQzLTEyLjM4LDEyLjM4LTEyLjM4SDkzLjYwM3oiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGlkPSJTVkdDbGVhbmVySWRfMV8xXyIgc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik0yMjEuNTMsNy4zODVjNi44MzgsMCwxMi4zOCw1LjU0MywxMi4zOCwxMi4zOHY2OC43NzgNCgkJYzAsNi44MzgtNS41NDIsMTIuMzgtMTIuMzgsMTIuMzhoLTQuMTI3Yy02LjgzNywwLTEyLjM4LTUuNTQyLTEyLjM4LTEyLjM4VjE5Ljc2NWMwLTYuODM3LDUuNTQzLTEyLjM4LDEyLjM4LTEyLjM4SDIyMS41M3oiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGlkPSJTVkdDbGVhbmVySWRfMl8xXyIgc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik0zNDkuNDU3LDcuMzg1YzYuODM4LDAsMTIuMzgsNS41NDMsMTIuMzgsMTIuMzh2NjguNzc4DQoJCWMwLDYuODM4LTUuNTQyLDEyLjM4LTEyLjM4LDEyLjM4aC00LjEyN2MtNi44MzcsMC0xMi4zOC01LjU0Mi0xMi4zOC0xMi4zOFYxOS43NjVjMC02LjgzNyw1LjU0My0xMi4zOCwxMi4zOC0xMi4zOEgzNDkuNDU3eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzQxNDM1NjsiIGQ9Ik05MS41MzksODguNTQzVjE5Ljc2NWMwLTQuOTk0LDIuOTY0LTkuMjg2LDcuMjIyLTExLjI0NGMtMS41NzItMC43MjItMy4zMTUtMS4xMzYtNS4xNTgtMS4xMzYNCgkJaC00LjEyN2MtNi44MzcsMC0xMi4zOCw1LjU0My0xMi4zOCwxMi4zOHY2OC43NzhjMCw2LjgzOCw1LjU0MywxMi4zOCwxMi4zOCwxMi4zOGg0LjEyN2MxLjg0NCwwLDMuNTg3LTAuNDE0LDUuMTU4LTEuMTM2DQoJCUM5NC41MDMsOTcuODMsOTEuNTM5LDkzLjUzNyw5MS41MzksODguNTQzeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM0MTQzNTY7IiBkPSJNMjE5LjQ2Niw4OC41NDNWMTkuNzY1YzAtNC45OTQsMi45NjQtOS4yODYsNy4yMjItMTEuMjQ0Yy0xLjU3Mi0wLjcyMi0zLjMxNS0xLjEzNi01LjE1OC0xLjEzNg0KCQloLTQuMTI3Yy02LjgzNywwLTEyLjM4LDUuNTQzLTEyLjM4LDEyLjM4djY4Ljc3OGMwLDYuODM4LDUuNTQzLDEyLjM4LDEyLjM4LDEyLjM4aDQuMTI3YzEuODQ0LDAsMy41ODctMC40MTQsNS4xNTgtMS4xMzYNCgkJQzIyMi40Myw5Ny44MywyMTkuNDY2LDkzLjUzNywyMTkuNDY2LDg4LjU0M3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNDE0MzU2OyIgZD0iTTM0Ny4zOTMsODguNTQzVjE5Ljc2NWMwLTQuOTk0LDIuOTY0LTkuMjg2LDcuMjIyLTExLjI0NGMtMS41NzItMC43MjItMy4zMTUtMS4xMzYtNS4xNTgtMS4xMzYNCgkJaC00LjEyN2MtNi44MzcsMC0xMi4zOCw1LjU0My0xMi4zOCwxMi4zOHY2OC43NzhjMCw2LjgzOCw1LjU0MywxMi4zOCwxMi4zOCwxMi4zOGg0LjEyN2MxLjg0NCwwLDMuNTg3LTAuNDE0LDUuMTU4LTEuMTM2DQoJCUMzNTAuMzU3LDk3LjgzLDM0Ny4zOTMsOTMuNTM3LDM0Ny4zOTMsODguNTQzeiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik0xNjguNjA2LDI0OC4xNzloLTI1LjQ3NGMtNC4yNzMsMC03LjczOCwzLjQ2NC03LjczOCw3LjczOGMwLDQuMjczLDMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3NA0KCQljNC4yNzQsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOEMxNzYuMzQ0LDI1MS42NDQsMTcyLjg4LDI0OC4xNzksMTY4LjYwNiwyNDguMTc5eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM1ODVBNjA7IiBkPSJNMjM5LjQyNywyNDguMTc5SDIxMy45NWMtNC4yNzMsMC03LjczOCwzLjQ2NC03LjczOCw3LjczOGMwLDQuMjczLDMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3Nw0KCQljNC4yNzQsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOEMyNDcuMTY0LDI1MS42NDQsMjQzLjcwMSwyNDguMTc5LDIzOS40MjcsMjQ4LjE3OXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNTg1QTYwOyIgZD0iTTMxMC4yNDcsMjQ4LjE3OWgtMjUuNDc4Yy00LjI3MywwLTcuNzM4LDMuNDY0LTcuNzM4LDcuNzM4YzAsNC4yNzMsMy40NjUsNy43MzgsNy43MzgsNy43MzhoMjUuNDc4DQoJCWM0LjI3MywwLDcuNzM4LTMuNDY0LDcuNzM4LTcuNzM4QzMxNy45ODUsMjUxLjY0NCwzMTQuNTIsMjQ4LjE3OSwzMTAuMjQ3LDI0OC4xNzl6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik0zODEuMDY1LDI0OC4xNzloLTI1LjQ3N2MtNC4yNzMsMC03LjczOCwzLjQ2NC03LjczOCw3LjczOGMwLDQuMjczLDMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3Nw0KCQljNC4yNzQsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOEMzODguODAyLDI1MS42NDQsMzg1LjMzOSwyNDguMTc5LDM4MS4wNjUsMjQ4LjE3OXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNTg1QTYwOyIgZD0iTTk3Ljc4OSwzMTAuNTE5SDcyLjMxMmMtNC4yNzMsMC03LjczOCwzLjQ2NC03LjczOCw3LjczOGMwLDQuMjczLDMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3Nw0KCQljNC4yNzQsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOEMxMDUuNTI2LDMxMy45ODMsMTAyLjA2MywzMTAuNTE5LDk3Ljc4OSwzMTAuNTE5eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM1ODVBNjA7IiBkPSJNMTY4LjYwNiwzMTAuNTE5aC0yNS40NzRjLTQuMjczLDAtNy43MzgsMy40NjQtNy43MzgsNy43MzhjMCw0LjI3MywzLjQ2NSw3LjczOCw3LjczOCw3LjczOGgyNS40NzQNCgkJYzQuMjc0LDAsNy43MzgtMy40NjQsNy43MzgtNy43MzhDMTc2LjM0NCwzMTMuOTgzLDE3Mi44OCwzMTAuNTE5LDE2OC42MDYsMzEwLjUxOXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNTg1QTYwOyIgZD0iTTIzOS40MjcsMzEwLjUxOUgyMTMuOTVjLTQuMjczLDAtNy43MzgsMy40NjQtNy43MzgsNy43MzhjMCw0LjI3MywzLjQ2NSw3LjczOCw3LjczOCw3LjczOGgyNS40NzcNCgkJYzQuMjc0LDAsNy43MzgtMy40NjQsNy43MzgtNy43MzhDMjQ3LjE2NCwzMTMuOTgzLDI0My43MDEsMzEwLjUxOSwyMzkuNDI3LDMxMC41MTl6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik0zMTAuMjQ3LDMxMC41MTloLTI1LjQ3OGMtNC4yNzMsMC03LjczOCwzLjQ2NC03LjczOCw3LjczOGMwLDQuMjczLDMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3OA0KCQljNC4yNzMsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOEMzMTcuOTg1LDMxMy45ODMsMzE0LjUyLDMxMC41MTksMzEwLjI0NywzMTAuNTE5eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM1ODVBNjA7IiBkPSJNMzgxLjA2NSwzMTAuNTE5aC0yNS40NzdjLTQuMjczLDAtNy43MzgsMy40NjQtNy43MzgsNy43MzhjMCw0LjI3MywzLjQ2NSw3LjczOCw3LjczOCw3LjczOGgyNS40NzcNCgkJYzQuMjc0LDAsNy43MzgtMy40NjQsNy43MzgtNy43MzhDMzg4LjgwMiwzMTMuOTgzLDM4NS4zMzksMzEwLjUxOSwzODEuMDY1LDMxMC41MTl6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik05Ny43ODksMzcyLjg1OUg3Mi4zMTJjLTQuMjczLDAtNy43MzgsMy40NjQtNy43MzgsNy43MzhzMy40NjUsNy43MzgsNy43MzgsNy43MzhoMjUuNDc3DQoJCWM0LjI3NCwwLDcuNzM4LTMuNDY0LDcuNzM4LTcuNzM4UzEwMi4wNjMsMzcyLjg1OSw5Ny43ODksMzcyLjg1OXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNTg1QTYwOyIgZD0iTTE2OC42MDYsMzcyLjg1OWgtMjUuNDc0Yy00LjI3MywwLTcuNzM4LDMuNDY0LTcuNzM4LDcuNzM4czMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3NA0KCQljNC4yNzQsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOFMxNzIuODgsMzcyLjg1OSwxNjguNjA2LDM3Mi44NTl6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik0yMzkuNDI3LDM3Mi44NTlIMjEzLjk1Yy00LjI3MywwLTcuNzM4LDMuNDY0LTcuNzM4LDcuNzM4czMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3Nw0KCQljNC4yNzQsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOFMyNDMuNzAxLDM3Mi44NTksMjM5LjQyNywzNzIuODU5eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM1ODVBNjA7IiBkPSJNMzEwLjI0NywzNzIuODU5aC0yNS40NzhjLTQuMjczLDAtNy43MzgsMy40NjQtNy43MzgsNy43MzhzMy40NjUsNy43MzgsNy43MzgsNy43MzhoMjUuNDc4DQoJCWM0LjI3MywwLDcuNzM4LTMuNDY0LDcuNzM4LTcuNzM4UzMxNC41MiwzNzIuODU5LDMxMC4yNDcsMzcyLjg1OXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNTg1QTYwOyIgZD0iTTM4MS4wNjUsMzcyLjg1OWgtMjUuNDc3Yy00LjI3MywwLTcuNzM4LDMuNDY0LTcuNzM4LDcuNzM4czMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3Nw0KCQljNC4yNzQsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOFMzODUuMzM5LDM3Mi44NTksMzgxLjA2NSwzNzIuODU5eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM1ODVBNjA7IiBkPSJNOTcuNzg5LDQzNS4ySDcyLjMxMmMtNC4yNzMsMC03LjczOCwzLjQ2NC03LjczOCw3LjczOGMwLDQuMjczLDMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3Nw0KCQljNC4yNzQsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOEMxMDUuNTI2LDQzOC42NjQsMTAyLjA2Myw0MzUuMiw5Ny43ODksNDM1LjJ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzU4NUE2MDsiIGQ9Ik0xNjguNjA2LDQzNS4yaC0yNS40NzRjLTQuMjczLDAtNy43MzgsMy40NjQtNy43MzgsNy43MzhjMCw0LjI3MywzLjQ2NSw3LjczOCw3LjczOCw3LjczOGgyNS40NzQNCgkJYzQuMjc0LDAsNy43MzgtMy40NjQsNy43MzgtNy43MzhDMTc2LjM0NCw0MzguNjY0LDE3Mi44OCw0MzUuMiwxNjguNjA2LDQzNS4yeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM1ODVBNjA7IiBkPSJNMjM5LjQyNyw0MzUuMkgyMTMuOTVjLTQuMjczLDAtNy43MzgsMy40NjQtNy43MzgsNy43MzhjMCw0LjI3MywzLjQ2NSw3LjczOCw3LjczOCw3LjczOGgyNS40NzcNCgkJYzQuMjc0LDAsNy43MzgtMy40NjQsNy43MzgtNy43MzhDMjQ3LjE2NCw0MzguNjY0LDI0My43MDEsNDM1LjIsMjM5LjQyNyw0MzUuMnoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNTg1QTYwOyIgZD0iTTMxMC4yNDcsNDM1LjJoLTI1LjQ3OGMtNC4yNzMsMC03LjczOCwzLjQ2NC03LjczOCw3LjczOGMwLDQuMjczLDMuNDY1LDcuNzM4LDcuNzM4LDcuNzM4aDI1LjQ3OA0KCQljNC4yNzMsMCw3LjczOC0zLjQ2NCw3LjczOC03LjczOEMzMTcuOTg1LDQzOC42NjQsMzE0LjUyLDQzNS4yLDMxMC4yNDcsNDM1LjJ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==" /> Agenda
  92.           </button>
  93.         </h2>
  94.       </div>
  95.       <div id="agenda" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
  96.         <div class="card-body">
  97.    
  98.  
  99.     <div class="agenda" id="agendaAPP">
  100.         <div class="table-responsive">
  101.             <table class="table table-condensed table-bordered table-dark text-white">
  102.                 <thead>
  103.                     <tr>
  104.                         <th class="text-center">Datum</th>
  105.                         <th class="text-center">Uhrzeit</th>
  106.                         <th>Event</th>
  107.                         <th>Optionen</th>
  108.                     </tr>
  109.                 </thead>
  110.                 <tbody>
  111.                  
  112.                     <tr v-for="termin in termine" :key="termin.id">
  113.                         <td class="agenda-date" class="active" rowspan="1">
  114.                             <div class="dayofmonth text-warning">{{ leseTag( termin.ts_termin ) }}</div>
  115.                             <div class="dayofweek">{{ leseMonat( termin.ts_termin ) }}</div>
  116.                             <div class="shortdate text-white">{{ leseJahr( termin.ts_termin ) }}</div>
  117.                         </td>
  118.                         <td class="agenda-time" style="text-align:center">
  119.                         {{ leseUhrzeit( termin.ts_termin ) }}
  120.                         </td>
  121.                         <td class="agenda-events">
  122.                             <div class="agenda-event">
  123.                                
  124.                                 <span class="h3 text-warning">{{termin.titel}}</span>
  125.                                 <hr class="m-0 p-0"/>
  126.                                <h6> {{ leseInhalt (termin.beschreibung ) }} </h6>
  127.                             </div>
  128.                         </td>
  129.                         <td style="width:50px; text-align:center">
  130.                         <button @click="deleteTermin(termin.id)" class="btn btn-danger m-1"><i class="far fa-trash-alt"></i>dsad</button>
  131.                         </td>
  132.                     </tr>
  133.                  
  134.                 </tbody>
  135.             </table>
  136.  
  137.             <div class="row w-75 ml-2">
  138.               <h3 class="ml-2">Termin eintragen</h3>
  139.               <input type="text" class="form-control m-1" v-model="terminADDTitel" placeholder="Titel des Termins"/>
  140.               <input type="datetime-local" class="form-control w-50 m-1" v-model="terminADDDatum"/>
  141.               <textarea v-model="terminADDBeschreibung" rows="3" cols="30" class="form-control m-1" placeholder="Beschreibung"></textarea>
  142.               <button @click="addTermin(terminADDTitel, terminADDBeschreibung, terminADDDatum)" class="btn btn-success m-1">Eintragen</button>
  143.             </div>
  144.        
  145.  
  146.         </div>
  147.     </div>
  148.          
  149.  
  150.         </div>
  151.       </div>
  152.     </div>
  153.  
  154.  
  155.  
  156.    <div id="profileAPP">
  157.     <div class="card bg-dark">
  158.       <div class="card-header" id="headingTwo">
  159.         <h2 class="mb-0">
  160.           <button class="btn btn-link btn-block btn-primary text-center text-white" style="font-size:1.5rem; text-decoration:none;" type="button" data-toggle="collapse" data-target="#profildaten" aria-expanded="false" aria-controls="collapseTwo">
  161.          Profildaten
  162.           </button>
  163.         </h2>
  164.       </div>
  165.       <div id="profildaten" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
  166.         <div class="card-body">
  167.    
  168.         <table class="table table-responsive-lg text-white">
  169.  
  170.         <tr class="border" v-for="user in userdaten2" :key="user.email">
  171.  
  172.         <td>
  173.           <br/>
  174.      
  175.             <label for="0" class="m-1">Email <i class="fas fa-eye" style="color:#ff1e23"></i></label>
  176.             <input id="0" type="email" class="form-control" v-bind:value="user.email" readonly/>
  177.            
  178.             <label for="0" class="m-1">Vorname <i class="fas fa-eye" style="color:#56b348"></i></label>
  179.             <input id="0" type="vorname" class="form-control" v-bind:value="user.vorname" v-model="user.vorname"/>
  180.  
  181.             <label for="0" class="m-1">Nachname <i class="fas fa-eye" style="color:#56b348"></i></label>
  182.             <input id="0" type="nachname" class="form-control" v-bind:value="user.nachname" v-model="user.nachname"/>
  183.  
  184.             <label for="0" class="m-1">Telefon-Mobil (für SMS Versand) <i class="fas fa-eye" style="color:#ff1e23"></i></label>
  185.             <input id="0" type="tel" class="form-control" v-bind:value="user.tel_mobil" v-model="user.tel_mobil"/>
  186.  
  187.             <label for="0" class="m-1">Steam-ID <i class="fas fa-eye" style="color:#56b348"></i></label>
  188.             <input id="0" type="steam_id" class="form-control" v-bind:value="user.steam_id" v-model="user.steam_id" />
  189.  
  190.             <label for="0" class="m-1">Truckers-MP-ID <i class="fas fa-eye" style="color:#56b348"></i></label>
  191.             <input id="0" type="number" class="form-control" v-bind:value="user.truckers_mp" v-model="user.truckers_mp"/>
  192.  
  193.             <i class="far fa-hand-peace"></i>
  194.             <br/>
  195.             <p class="text-muted">
  196.             Legende:<br/>
  197.             <i class="fas fa-eye" style="color:#56b348"></i> = Sichtbar<br/>
  198.             <i class="fas fa-eye" style="color:#ff1e23"></i> = Nicht Sichtbar
  199.             </p>
  200.            
  201.         </td>
  202.  
  203.  
  204.      
  205.            
  206.  
  207.  
  208.  
  209.         <td style="width:45%" class="border text-center" rowspan="10">
  210.           <h3>Dein Profil:</h3>
  211.           <p class="g_font_big" v-if="user.nickname">{{user.nickname}}</p>
  212.          
  213.           <p class="g_font"><i class="fas fa-signature"></i>
  214.             <span>{{user.nachname}}</span>
  215.             <span>{{user.vorname}}</span>
  216.           </p>
  217.  
  218.           <p class="g_font" v-if="user.email">{{user.email}}</p>
  219.           <p class="g_font" v-if="user.steam_id"><i class="fab fa-steam-square"></i> {{user.steam_id}}</p>
  220.           <p class="g_font" v-if="user.tel_mobil"><i class="fas fa-sms"></i> {{user.tel_mobil}}</p>
  221.           <p class="g_font" v-if="user.truckers_mp"><span style="font-size:20px; color:red; font-weight:bolder">T</span><span style="font-size:16px; text-transform: capitalize;">ruckers</span><span style="font-size:20px; color:red; font-weight:bolder">MP</span> {{user.truckers_mp}}</p>
  222.         </td>
  223.  
  224.  
  225.         </tr>
  226.  
  227.    
  228.  
  229.        
  230.        
  231.         </table>
  232.          
  233.  
  234.         </div>
  235.       </div>
  236.     </div>
  237.    </div>
  238.  
  239.  
  240.     <div class="card bg-dark">
  241.       <div class="card-header" id="headingTwo">
  242.         <h2 class="mb-0">
  243.           <button class="btn btn-link btn-block btn-primary text-center text-white" style="font-size:1.5rem; text-decoration:none;" type="button" data-toggle="collapse" data-target="#settings" aria-expanded="false" aria-controls="collapseThree">
  244.          <img style="width:50px" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzQyNEM1OTsiIGQ9Ik0xODkuODQ5LDBMMTg5Ljg0OSwwYy0xMy44NSwwLTI1LjA3OCwxMS4yMjctMjUuMDc4LDI1LjA3OHY0NjEuODQ1DQoJCWMwLDEzLjg1LDExLjIyNywyNS4wNzgsMjUuMDc4LDI1LjA3OGwwLDBjMTMuODUsMCwyNS4wNzgtMTEuMjI3LDI1LjA3OC0yNS4wNzhWMjUuMDc4QzIxNC45MjcsMTEuMjI3LDIwMy42OTksMCwxODkuODQ5LDB6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzQyNEM1OTsiIGQ9Ik0zMjkuMzQsMEwzMjkuMzQsMGMtMTMuODUsMC0yNS4wNzgsMTEuMjI3LTI1LjA3OCwyNS4wNzh2MTcyLjY4OQ0KCQljMCwxMy44NSwxMS4yMjcsMjUuMDc4LDI1LjA3OCwyNS4wNzhsMCwwYzEzLjg1LDAsMjUuMDc4LTExLjIyNywyNS4wNzgtMjUuMDc4VjI1LjA3OEMzNTQuNDE3LDExLjIyNywzNDMuMTksMCwzMjkuMzQsMHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNDI0QzU5OyIgZD0iTTUxLjI5NywwTDUxLjI5NywwYy0xMy44NSwwLTI1LjA3OCwxMS4yMjctMjUuMDc4LDI1LjA3OHY0NjEuODQ1DQoJCWMwLDEzLjg1LDExLjIyNywyNS4wNzgsMjUuMDc4LDI1LjA3OGwwLDBjMTMuODUsMCwyNS4wNzgtMTEuMjI3LDI1LjA3OC0yNS4wNzhWMjUuMDc4Qzc2LjM3MywxMS4yMjcsNjUuMTQ2LDAsNTEuMjk3LDB6Ii8+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIHN0eWxlPSJmaWxsOiNEOEEzMkU7IiBjeD0iMzI5LjUwOCIgY3k9IjE5Ny45NzciIHI9IjUwLjU1MiIvPg0KCTxjaXJjbGUgc3R5bGU9ImZpbGw6I0Q4QTMyRTsiIGN4PSIxODkuMjcyIiBjeT0iMTA4LjExNiIgcj0iNTAuNTUyIi8+DQoJPGNpcmNsZSBzdHlsZT0iZmlsbDojRDhBMzJFOyIgY3g9IjUxLjM4OCIgY3k9IjM2Ni4wMzgiIHI9IjUwLjU1MiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBzdHlsZT0iZmlsbDojRkNDNjNGOyIgY3g9IjUxLjM4OCIgY3k9IjM2Ni4wMzgiIHI9IjM1Ljc0NiIvPg0KCTxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZDQzYzRjsiIGN4PSIxODkuMjcyIiBjeT0iMTA4LjExNiIgcj0iMzUuNzQ2Ii8+DQoJPGNpcmNsZSBzdHlsZT0iZmlsbDojRkNDNjNGOyIgY3g9IjMyOS41MDgiIGN5PSIxOTcuOTc3IiByPSIzNS43NDYiLz4NCjwvZz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNGRkUyQzU7IiBkPSJNMjUyLjM5MSwzMDguMjMzYzE0LjI5OS03LjkzNCwzMi4zMTktMi43NzUsNDAuMjQ0LDExLjUyNmM5Ljg4NiwxNy44MTcsMTEuMSwyNi42NDMsMTEuMSwyNi42NDMNCglWMjA3LjMwNmMwLTcuMTUzLDIuOS0xMy42MzUsNy41OTUtMTguMzMyYzQuNjk3LTQuNjk3LDExLjE3OC03LjU5NiwxOC4zMzItNy41OTZjMTQuMzEyLDAsMjUuOTE3LDExLjU5OSwyNS45MjcsMjUuOTA5djkxLjgwMg0KCWMwLTE0LjMyLDExLjYwOS0yNS45MjksMjUuOTI5LTI1LjkyOWwwLDBjMTQuMzIsMCwyNS45MjksMTEuNjA5LDI1LjkyOSwyNS45Mjl2Ni42MTFsMCwwYzAtMTQuMzIsMTEuNjA5LTI1LjkyOSwyNS45MjktMjUuOTI5bDAsMA0KCWMxNC4zMiwwLDI1LjkyOSwxMS42MDksMjUuOTI5LDI1LjkyOXYyNS45MjljMC0xNC4zMiwxMS42MDktMjUuOTI5LDI1LjkyOS0yNS45MjlsMCwwYzE0LjMyLDAsMjUuOTI5LDExLjYwOSwyNS45MjksMjUuOTI5djU5LjgwMw0KCWMwLDU1Ljc1OS0zNS43NjcsMTIwLjU2NC05OS4wODYsMTIwLjU2NGMwLDAtNDUuMTU5LDAtNzcuMjMsMGMtODUuNzkyLDAtODYuMzYxLTExOC43OTItODYuMzYxLTExOC43OTJzMC4wMTktMzAuOTQ4LTcuNjIxLTQ0LjcyOA0KCUMyMzIuOTMzLDMzNC4xODYsMjM4LjA5MiwzMTYuMTY3LDI1Mi4zOTEsMzA4LjIzM3oiLz4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNFNUM0QTU7IiBkPSJNMzE2LjE2LDM5NC4xNDhjLTYuNzc1LDAuMzExLTEyLjQyNC01LjEzOS0xMi40MjQtMTEuOTIxdi0xNzQuOTINCgkJYzAtNy4xNTgsMi45MDUtMTMuNjM2LDcuNTk2LTE4LjMyN2M0LjcwMi00LjcwMiwxMS4xOC03LjU5NiwxOC4zMzgtNy41OTZjNC4zMzYsMCw4LjQzMiwxLjA2NiwxMi4wMTYsMi45NTcNCgkJYy0yLjM0MSwxLjIxMi00LjQ3MiwyLjc5LTYuMzIyLDQuNjM5Yy00LjY5Miw0LjY5Mi03LjU5NiwxMS4xNy03LjU5NiwxOC4zMjhWMzgyLjIyYzAsNi4zMzctNC45NTMsMTEuNjAzLTExLjI4NCwxMS45MTMNCgkJQzMxNi4zNzgsMzk0LjEzOCwzMTYuMjY5LDM5NC4xNDMsMzE2LjE2LDM5NC4xNDh6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0U1QzRBNTsiIGQ9Ik0zNjguMDE0LDM1MS4zNDhjLTYuNzc1LDAuMzExLTEyLjQyMy01LjEzOS0xMi40MjMtMTEuOTIxVjI5OS4wOQ0KCQljMC03LjE1OCwyLjkwNS0xMy42MzYsNy41OTYtMTguMzI4YzQuNzAyLTQuNzAyLDExLjE4LTcuNTk2LDE4LjMzOC03LjU5NmM0LjMzNiwwLDguNDMyLDEuMDY2LDEyLjAxNiwyLjk1Nw0KCQljLTIuMzQxLDEuMjEyLTQuNDcyLDIuNzktNi4zMjIsNC42MzljLTQuNjkyLDQuNjkyLTcuNTk2LDExLjE3LTcuNTk2LDE4LjMyOHY0MC4zM2MwLDYuMzM3LTQuOTUzLDExLjYwMy0xMS4yODQsMTEuOTEzDQoJCUMzNjguMjMxLDM1MS4zMzgsMzY4LjEyMiwzNTEuMzQzLDM2OC4wMTQsMzUxLjM0OHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRTVDNEE1OyIgZD0iTTQxOS44NzIsMzQyLjI4NWMtNi43NzUsMC4zMTEtMTIuNDI0LTUuMTM5LTEyLjQyNC0xMS45MjF2LTI0LjY2NA0KCQljMC03LjE1OCwyLjkwNS0xMy42MzYsNy41OTYtMTguMzI4YzQuNzAyLTQuNzAyLDExLjE4LTcuNTk2LDE4LjMzOC03LjU5NmM0LjMzNiwwLDguNDMyLDEuMDY2LDEyLjAxNiwyLjk1Nw0KCQljLTIuMzQxLDEuMjEyLTQuNDcyLDIuNzktNi4zMjIsNC42MzljLTQuNjkyLDQuNjkyLTcuNTk2LDExLjE3LTcuNTk2LDE4LjMyOHYyNC42NTVjMCw2LjMzNy00Ljk1MywxMS42MDMtMTEuMjg0LDExLjkxMw0KCQlDNDIwLjA4OSwzNDIuMjc0LDQxOS45OCwzNDIuMjc5LDQxOS44NzIsMzQyLjI4NXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRTVDNEE1OyIgZD0iTTQ3MS43MjksMzUyLjUzOWMtNi43NzUsMC4zMTEtMTIuNDI0LTUuMTM5LTEyLjQyNC0xMS45MjF2LTguOTg5DQoJCWMwLTcuMTU4LDIuOTA1LTEzLjYzNiw3LjU5Ni0xOC4zMjhjNC43MDItNC43MDIsMTEuMTgtNy41OTYsMTguMzM4LTcuNTk2YzQuMzM2LDAsOC40MzIsMS4wNjYsMTIuMDE2LDIuOTU3DQoJCWMtMi4zNDEsMS4yMTItNC40NzIsMi43OS02LjMyMiw0LjYzOWMtNC42OTIsNC42OTItNy41OTYsMTEuMTctNy41OTYsMTguMzI4djguOTgxYzAsNi4zMzctNC45NTMsMTEuNjAzLTExLjI4NCwxMS45MTMNCgkJQzQ3MS45NDYsMzUyLjUyOSw0NzEuODM4LDM1Mi41MzQsNDcxLjcyOSwzNTIuNTM5eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNFNUM0QTU7IiBkPSJNMzU4Ljg4Niw1MTEuOTk5aC0yNC4wMzNjLTg1Ljc5NywwLTg2LjM2MS0xMTguNzk0LTg2LjM2MS0xMTguNzk0DQoJCWMwLTAuMTY3LTAuMDEtMzAuOTkyLTcuNjI4LTQ0LjczMmMtNy45MzEtMTQuMjg0LTIuNzY5LTMyLjMwOCwxMS41MjUtNDAuMjM5YzguNDQzLTQuNjgxLDE4LjE5Mi00LjgwNywyNi4zODQtMS4xNw0KCQljLTAuNzk0LDAuMzU1LTEuNTc4LDAuNzQyLTIuMzUxLDEuMTdjLTE0LjI5NCw3LjkzMS0xOS40NTYsMjUuOTU1LTExLjUyNSw0MC4yMzljNy42MTcsMTMuNzQsNy42MjgsNDQuNTY1LDcuNjI4LDQ0LjczMg0KCQlDMjcyLjUyNiwzOTMuMjA0LDI3My4wOSw1MTEuOTk5LDM1OC44ODYsNTExLjk5OXoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K" />
  245.          Einstellungen
  246.           </button>
  247.         </h2>
  248.       </div>
  249.       <div id="settings" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
  250.         <div class="card-body">
  251.           <table class="table table-border table-responsive-lg text-white">
  252.           <tr>
  253.           <td class="text-center border">
  254.             <h4>Profil öffentlich</h4>
  255.             <small class="text-white-50">Andere Benutzer von TrucksLOG können dein<br/>öffentliches Profil einsehen.</small>
  256.               <br/>
  257.               <input name="sichtbarkeit" data-width="120" type="checkbox" value="1" data-toggle="switchbutton" <? if($sichtbar == 1) { echo 'checked'; } ?> data-onlabel="Öffentlich" data-offlabel="Privat" data-onstyle="success" data-offstyle="danger">
  258.          
  259.           </td>
  260.          
  261.           <td class="text-center border">
  262.               <h4>Punkte-Anzeigen</h4>
  263.               <small class="text-white-50">Deinen Punktestand in der öffentliche Punkte-Rangliste anzeigen</small>
  264.               <br/>
  265.               <input name="punkte"data-width="120" type="checkbox" value="1" data-toggle="switchbutton" <? if($sichtbar == 1) { echo 'checked'; } ?> data-onlabel="Anzeigen" data-offlabel="Verbergen" data-onstyle="success" data-offstyle="danger">
  266.          
  267.           </td>
  268.  
  269.           <td class="text-center border">
  270.               <h4>DLC`s anzeigen</h4>
  271.               <small class="text-white-50">Zeigt anderen Spielern auf TrucksLOG deine DLC an</small>
  272.               <br/>
  273.               <input name="sichtbarkeit" data-width="120" type="checkbox" value="1" data-toggle="switchbutton" <? if($sichtbar == 1) { echo 'checked'; } ?> data-onlabel="Anzeigen" data-offlabel="Verbergen" data-onstyle="success" data-offstyle="danger">
  274.          
  275.           </td>
  276.  
  277.           </tr>
  278.          
  279.           <tr>
  280.           <td class="text-center border">
  281.           <h4>Client-Fahrerliste</h4>
  282.             <small class="text-white-50">Zeigt dich selbst auf der Fahrerliste im Spiel-Client. Dich sehen natürlich nur Fahrer der eigenen Spedition</small>
  283.               <br/>
  284.  
  285.               <input name="sichtbarkeit"data-width="120" type="checkbox" value="1" data-toggle="switchbutton" <? if($sichtbar == 1) { echo 'checked'; } ?> data-onlabel="Anzeigen  " data-offlabel="Verbergen" data-onstyle="success" data-offstyle="danger">
  286.          
  287.           </td>
  288.  
  289.  
  290.  
  291.           </tr>
  292.           </table>
  293.            
  294.              
  295.  
  296.  
  297.  
  298.         </div>
  299.       </div>
  300.     </div>
  301.  
  302.  
  303.  
  304.     <div class="card bg-dark">
  305.       <div class="card-header" id="headingThree">
  306.         <h2 class="mb-0">
  307.           <button class="btn btn-link btn-block btn-primary text-center text-white" style="font-size:1.5rem; text-decoration:none;" type="button" data-toggle="collapse" data-target="#gamesetup" aria-expanded="false" aria-controls="collapseFour">
  308.            <img style="width:50px" src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggZD0ibTI1NiAxMTYuMTljLTU2LjgxIDAtMTA0IDQyLjk3LTExMCA5OC4xOHYyLjYzaDIyMHYtMi42M2MtNi01NS4yMS01My4xOS05OC4xOC0xMTAtOTguMTh6IiBmaWxsPSIjNWZhOGVkIi8+PHBhdGggZD0ibTQwOC4yMiAyMTZoLTk2LjU4YTU1LjY0MSA1NS42NDEgMCAwIDAgLTExMS4yOCAwaC05Ni41OGMtLjI0IDMuNDUtLjI0NSA2Ljk0LS4yNDUgMTAuNDVhMTE4LjIyNyAxMTguMjI3IDAgMCAwIDMuNDY1IDI2LjY0bDI1LjIxNCA1LjU3YTk1LjQgOTUuNCAwIDAgMSAyMS4yNDMgNS4wMmMzNS41NiAxMi44NSA2My45NDcgNDYuMDEgNzYuMTc3IDg4LjUxYTE2NS4xODEgMTY1LjE4MSAwIDAgMSA0LjgyOCAyMi43NGwtLjA4MS41NmExNTIuNiAxNTIuNiAwIDAgMCA0NC4xMzktLjEzIDE2Ny41NzYgMTY3LjU3NiAwIDAgMSA0LjctMjIuNThjMTIuMjYtNDMuNDQgNDEuMzEtNzcuMjYgNzcuNjMtODkuNzRhOTQuMjEgOTQuMjEgMCAwIDEgMTguODM1LTQuNDRsMjUuMzE1LTUuNWExMTguMzg5IDExOC4zODkgMCAwIDAgMy40NjUtMjYuNjVjMC0zLjUxLS4wMDUtNy0uMjQ1LTEwLjQ1eiIgZmlsbD0iIzk3OGNhYyIvPjxwYXRoIGQ9Im0yNjkuNDMgMjYwLjgyYTE3LjczIDE3LjczIDAgMSAxIDAgMzUuNDZoLTI2Ljg2YTE3LjczIDE3LjczIDAgMSAxIDAtMzUuNDZ6IiBmaWxsPSIjNWZjZGE0Ii8+PHBhdGggZD0ibTI1NiAxODcuNThhMjUuNzc1IDI1Ljc3NSAwIDEgMSAtMjUuNzggMjUuNzcgMjUuNzc1IDI1Ljc3NSAwIDAgMSAyNS43OC0yNS43N3oiIGZpbGw9IiM4NmJkY2UiLz48cGF0aCBkPSJtMzU3LjE3IDExNC42MSA4LjY5LTI5Ljc0LjAyLS4wMmExNzkuNSAxNzkuNSAwIDAgMSA2MC4xMSAxOTguNTQgMjIuNjkxIDIyLjY5MSAwIDAgMSAtMjEuNzYtMjIuNjd2LTcuNjJhMTUxLjk4NiAxNTEuOTg2IDAgMCAwIDIuMzUtMjYuNjVjMC0zLjUxLS4xMi03LS4zNi0xMC40NWExNTAuMTk0IDE1MC4xOTQgMCAwIDAgLTQ5LjItMTAxLjIyeiIgZmlsbD0iIzdkODU5NSIvPjxwYXRoIGQ9Im00ODcuNDcgMjAzLjYyLTQ4LjIzLTI0LjU4YTU0LjkgNTQuOSAwIDAgMCAtOC41Ny0zLjUxbC0yLjU3Ljc1YTE3OS4xNTIgMTc5LjE1MiAwIDAgMSAtMi4yMjUgMTA3LjExIDIyLjc4OSAyMi43ODkgMCAwIDEgLTIxLjg3NS0yMi42N3YtMTMuODlhMTIuMDEyIDEyLjAxMiAwIDAgMCAtMTIuMDM4LTEyLjIgMTIuMzc4IDEyLjM3OCAwIDAgMCAtMTIuMTcxIDEyLjQxNWwuMjA5IDQ2Ljk1NXYtLjQ0YTE1LjUwOSAxNS41MDkgMCAwIDAgNC43IDExLjI5IDE0Ljk5IDE0Ljk5IDAgMCAwIDQuMSAyLjg2IDM0LjIzIDM0LjIzIDAgMCAxIDE2Ljg0MyAxNy40MmMuNDE5Ljk1LjU1NyAxLjkyLjg4NyAyLjkxYTM0LjE2MSAzNC4xNjEgMCAwIDEgMS40NyAxMC42NHYxMy42bDcxIC4wNHYtMjAuOTdhNTYuMDQ4IDU2LjA0OCAwIDAgMSAxMS0zMy4zM2w2LjEyOC04LjI4YTI0Ljc2OCAyNC43NjggMCAwIDAgNC44NzItMTQuNzR2LTQ5LjNhMjQuNzg0IDI0Ljc4NCAwIDAgMCAtMTMuNTMtMjIuMDh6IiBmaWxsPSIjZmZkOGI3Ii8+PHBhdGggZD0ibTEyNy43OCAzMDUuNDVhMTUwLjcgMTUwLjcgMCAwIDAgMTA2LjYgNzAuMDQgMTUyLjYwNSAxNTIuNjA1IDAgMCAwIDQ0LjE0LS4xMyAxNTAuNjQxIDE1MC42NDEgMCAwIDAgMTA2LjA2LTcwLjUxIDE1LjMyIDE1LjMyIDAgMCAwIDQuMTYgMi44NiAzNC4yNTcgMzQuMjU3IDAgMCAxIDE2Ljg5IDE3LjQyIDE3OS4yNjUgMTc5LjI2NSAwIDAgMSAtMjk5LjAxLjM4IDM0LjIxNSAzNC4yMTUgMCAwIDEgMTYuNjQtMTYuODQgMTUuNjE5IDE1LjYxOSAwIDAgMCA0LjUyLTMuMjJ6IiBmaWxsPSIjN2Q4NTk1Ii8+PHBhdGggZD0ibTI1NiA0Ny4yM2ExNzguNDM5IDE3OC40MzkgMCAwIDEgMTA5Ljg4IDM3LjYybC0uMDIuMDItOC42OSAyOS43NC0uMTUuMTdhMTUwLjU4NCAxNTAuNTg0IDAgMCAwIC0yMDcuMjIgNC45MmwtLjI0LS4yNC04Ljc3LTMwLjItLjA1LS4wNmExNzguNTMyIDE3OC41MzIgMCAwIDEgMTE1LjI2LTQxLjk3eiIgZmlsbD0iI2NjZDNkZiIvPjxwYXRoIGQ9Im0xMDUuNzggMjE2Yy0uMjQgMy40NS0uMzYgNi45NC0uMzYgMTAuNDVhMTUxLjc4NyAxNTEuNzg3IDAgMCAwIDIuMzUgMjYuNjR2OC41OWEyMi42NzEgMjIuNjcxIDAgMCAxIC0yMS40NCAyMi42NCAxNzkuMTg5IDE3OS4xODkgMCAwIDEgNTQuNDEtMTk1LjEybC4wNS4wNiA4Ljc3IDMwLjIuMjQuMjRhMTUwLjA2OCAxNTAuMDY4IDAgMCAwIC00NC4wMiA5Ni4zeiIgZmlsbD0iIzdkODU5NSIvPjxwYXRoIGQ9Im0xMTkuOTQ5IDIzNS40NmExMS45MDkgMTEuOTA5IDAgMCAwIC04LjUgMy42MyAxMi4yMjQgMTIuMjI0IDAgMCAwIC0zLjQ0OSA4Ljd2MTMuODlhMjIuNzcgMjIuNzcgMCAwIDEgLTIxLjU1NSAyMi42NCAxNzkuOTQ5IDE3OS45NDkgMCAwIDEgLTIuNzY1LTEwNy4xNmwtMi4zMzUtLjY4YTU1Ljg5NCA1NS44OTQgMCAwIDAgLTguNTc4IDMuNTFsLTQ4LjIzMyAyNC41OGEyNC43ODcgMjQuNzg3IDAgMCAwIC0xMy41MzQgMjIuMDh2NDkuM2EyNC43NiAyNC43NiAwIDAgMCA0Ljg2IDE0Ljc0bDYuMTQgOC4yOWE1NiA1NiAwIDAgMSAxMSAzMy4zMnYyMC45N2w3MS0uMDR2LTEzLjU5YTM0LjA1NiAzNC4wNTYgMCAwIDEgMS40NzUtMTAuNjQgMzEuOTUxIDMxLjk1MSAwIDAgMSAxLjI1My0zLjQ5IDMzLjgzIDMzLjgzIDAgMCAxIDE2LjU1OS0xNi44NCAxNC45NjcgMTQuOTY3IDAgMCAwIDQuMzgyLTMuMjIgMTUuNTQxIDE1LjU0MSAwIDAgMCA0LjMzMS0xMC45NHYtLjUxbC4xMTctNDYuNDdhMTIuMDcyIDEyLjA3MiAwIDAgMCAtMTIuMTY4LTEyLjA3eiIgZmlsbD0iI2ZmZDhiNyIvPjxwYXRoIGQ9Im00MDEgMzgzaDg4djgxaC04OHoiIGZpbGw9IiNlODcxODciLz48cGF0aCBkPSJtNDAxIDM1MGg4OHYzM2gtODh6IiBmaWxsPSIjZjNjZTdkIi8+PHBhdGggZD0ibTYzIDM1My4yNTN2LTIwLjk1M2E1NiA1NiAwIDAgMCAtMTEtMzMuMzJsLTYuMTM2LTguMjlhMjQuNzYgMjQuNzYgMCAwIDEgLTQuODY0LTE0Ljc0di00OS4zYTI0Ljc4NyAyNC43ODcgMCAwIDEgMTMuNTM0LTIyLjA4bDI1LjcyMi0xMy4xMDhjLjk1NS00LjgzNyAyLjA4Mi05LjYxMyAzLjQyNC0xNC4zbC0yLjMzNS0uNjhhNTUuODk0IDU1Ljg5NCAwIDAgMCAtOC41NzggMy41MWwtNDguMjMzIDI0LjU3OGEyNC43ODcgMjQuNzg3IDAgMCAwIC0xMy41MzQgMjIuMDh2NDkuM2EyNC43NiAyNC43NiAwIDAgMCA0Ljg2IDE0Ljc0bDYuMTQgOC4yOWE1NiA1NiAwIDAgMSAxMSAzMy4zMnYyMC45N3oiIGZpbGw9IiNkZGI5OWUiLz48cGF0aCBkPSJtMjMgMzUxaDg4djMzaC04OHoiIGZpbGw9IiNmM2NlN2QiLz48cGF0aCBkPSJtMjMgMzUxaDMwdjMzaC0zMHoiIGZpbGw9IiNjY2FjNmQiLz48cGF0aCBkPSJtMjMgMzg0aDg4djgxaC04OHoiIGZpbGw9IiNlODcxODciLz48cGF0aCBkPSJtMjMgMzg0aDMwdjgxaC0zMHoiIGZpbGw9IiNiZjY0NzciLz48ZyBmaWxsPSIjMjg0MjY4Ij48cGF0aCBkPSJtMjU2IDI0NS4xMzJhMzEuNzc5IDMxLjc3OSAwIDEgMCAtMzEuNzc4LTMxLjc3OCAzMS44MTUgMzEuODE1IDAgMCAwIDMxLjc3OCAzMS43Nzh6bTAtNTEuNTU3YTE5Ljc3OSAxOS43NzkgMCAxIDEgLTE5Ljc3OCAxOS43NzkgMTkuOCAxOS44IDAgMCAxIDE5Ljc3OC0xOS43Nzl6Ii8+PHBhdGggZD0ibTI2OS40MzMgMjU1aC0yNi44NjZhMjMuNSAyMy41IDAgMSAwIDAgNDdoMjYuODY2YTIzLjUgMjMuNSAwIDEgMCAwLTQ3em0wIDM1aC0yNi44NjZhMTEuNSAxMS41IDAgMSAxIDAtMjNoMjYuODY2YTExLjUgMTEuNSAwIDEgMSAwIDIzeiIvPjxwYXRoIGQ9Im0yNDEuOCAxMzEuOTg5Yy0xLjYxNy4yNDEtMy4yNTIuNTI4LTQuODU5Ljg1NGE2IDYgMCAxIDAgMi4zODMgMTEuNzYxYzEuNC0uMjg1IDIuODMyLS41MzYgNC4yNDUtLjc0NmE2IDYgMCAxIDAgLTEuNzY5LTExLjg2OXoiLz48cGF0aCBkPSJtMjE4LjYzIDEzOC41MjlhOTUuMzI5IDk1LjMyOSAwIDAgMCAtNTAuMDExIDQ5LjMxIDYgNiAwIDEgMCAxMC45NzUgNC44NTUgODMuMzYyIDgzLjM2MiAwIDAgMSA0My43MzUtNDMuMTIzIDYgNiAwIDAgMCAtNC43LTExLjA0MnoiLz48cGF0aCBkPSJtNDkwLjE5NCAxOTguMjcxLTQ4LjIyNC0yNC41OGE2Mi4yNTQgNjIuMjU0IDAgMCAwIC05LjQ5LTMuODg1bC0uMDYzLjJjLTIzLjkyNy03NC42MTUtOTMuOTYtMTI4Ljc4LTE3Ni40MTctMTI4Ljc4LTgyLjc2MSAwLTE1My4wMTIgNTQuNTYzLTE3Ni42ODYgMTI5LjZhNjIuMjUgNjIuMjUgMCAwIDAgLTkuMjg0IDMuODE2bC00OC4yMjQgMjQuNTgyYTMwLjY0OSAzMC42NDkgMCAwIDAgLTE2LjgwNiAyNy40Mjh2NDkuM2EzMSAzMSAwIDAgMCA2LjAzMiAxOC4zbDYuMTQ0IDguMjg2YTUwLjQxNCA1MC40MTQgMCAwIDEgOS44MjQgMjkuNzYydjEyLjdoLTQuMDZhNi4yMDYgNi4yMDYgMCAwIDAgLTUuOTQgNi4yOTF2MTEzLjQ4M2E2LjE0NyA2LjE0NyAwIDAgMCA1Ljk0IDYuMjI2aDg3LjkyOWE2LjMwOSA2LjMwOSAwIDAgMCA2LjEzMS02LjIyNnYtMTEzLjQ4M2E2LjM2OCA2LjM2OCAwIDAgMCAtNi4xMzEtNi4yOTFoLS44Njl2LTQuNTg4YTE4NS4yMDcgMTg1LjIwNyAwIDAgMCAyODUuMjc1IDguMTM2IDYuMDgzIDYuMDgzIDAgMCAwIC0uMjc1IDEuNzl2MTEzLjQ4M2E2LjI2OCA2LjI2OCAwIDAgMCA2LjEzMSA2LjE3OWg4Ny45MjlhNi4xMDYgNi4xMDYgMCAwIDAgNS45NC02LjE3OXYtMTEzLjQ4M2E2LjI0OCA2LjI0OCAwIDAgMCAtNS45NC02LjMzOGgtNC4wNnYtMTIuNjUxYTUwLjQxMiA1MC40MTIgMCAwIDEgOS44MjQtMjkuNzU5bDYuMTM1LTguMjg2YTMxIDMxIDAgMCAwIDYuMDQxLTE4LjMwNHYtNDkuM2EzMC42NDggMzAuNjQ4IDAgMCAwIC0xNi44MDYtMjcuNDI5em0tMTIxLjEzMi0xMDIuOTU0YTE3My4yNzEgMTczLjI3MSAwIDAgMSA1Mi44NzYgMTgwLjk2OSAxNi4yOSAxNi4yOSAwIDAgMSAtMTEuOTM4LTE1LjU2M3YtNi4yMjNsLjA2OS4wMTJhMTU4LjAwNyAxNTguMDA3IDAgMCAwIDIuNTEtMjguMDY4IDE1Ni4xNTMgMTU2LjE1MyAwIDAgMCAtNDguNy0xMTMuMzg3em04LjE0OCAyMDkuOTYzYTE0NS41ODIgMTQ1LjU4MiAwIDAgMSAtNDkuNDEgNDYuNjg2IDE0My45IDE0My45IDAgMCAxIC00MS45NTUgMTUuOTM0Yy44NjktNC41NzIgMS45MDgtOS4wOTMgMy4xNTEtMTMuNSAxMS44LTQxLjgzMSAzOS40LTczLjg2NiA3My44MDYtODUuNjk0YTkwLjk3OCA5MC45NzggMCAwIDEgMTAuOTQ0LTMuMDExbC0uMDIyIDI3LjgxNmEyMS42MTEgMjEuNjExIDAgMCAwIDMuNDg2IDExLjc2OXptLTMuNDQ4LTU4LjQ3NXY2LjY2NmExMDIuNzMzIDEwMi43MzMgMCAwIDAgLTE0Ljg1NiAzLjg5MmMtMzguMTMxIDEzLjEwNi02OC41ODIgNDguMTY1LTgxLjQ1NCA5My43ODNhMTcyLjM2OCAxNzIuMzY4IDAgMCAwIC00LjE2MSAxOC44MjkgMTQ0Ljk2NiAxNDQuOTY2IDAgMCAxIC0xNy4yOTEgMS4wNTEgMTQ3LjUyMSAxNDcuNTIxIDAgMCAxIC0xNi4yMjQtLjkxIDE3MS4yMjIgMTcxLjIyMiAwIDAgMCAtNC4zNzYtMTkuNTg1Yy0xMi43OTQtNDQuNDU1LTQyLjY2OS03OS4wMzItNzkuOTE2LTkyLjQ5NGExMDEuNiAxMDEuNiAwIDAgMCAtMTcuMjE0LTQuNTUybC0uMDA1LTUuNzI2YTE4LjIwNiAxOC4yMDYgMCAwIDAgLTE4LjE3NS0xOC4xNzggMTcuOTM2IDE3LjkzNiAwIDAgMCAtOC41NjUgMi4xNjJjLS4wNjQtMS43NjUtLjEtMy41My0uMS01LjMgMC0xLjQ4OC4wMy0yLjk2OS4wNzUtNC40NDdoODguODYxYTYgNiAwIDAgMCA2LTUuOTc0IDQ5LjY0MyA0OS42NDMgMCAwIDEgOTkuMjg2IDAgNiA2IDAgMCAwIDYgNS45NzRoODguODUzYy4wNDUgMS40NzguMDc1IDIuOTU5LjA3NSA0LjQ0NyAwIDEuNDUzLS4wMyAyLjkwNS0uMDczIDQuMzU4YTE3Ljk0NCAxNy45NDQgMCAwIDAgLTguNi0yLjE3OCAxOC4xODMgMTguMTgzIDAgMCAwIC0xOC4xNCAxOC4xODJ6bS0yMzUuNDgzIDE4Ljg4N2E4OS41OTQgODkuNTk0IDAgMCAxIDEzLjEyNyAzLjYzMWMzMy42NDEgMTIuMTU4IDYwLjczIDQzLjc1NyA3Mi40NjMgODQuNTI3IDEuMzQ1IDQuNjcgMi40NjEgOS40NzEgMy4zODEgMTQuMzMxYTE0My42MSAxNDMuNjEgMCAwIDEgLTkyLjEyOC02Mi4zODcgMjEuNzQ0IDIxLjc0NCAwIDAgMCAzLjE3OC0xMS4zMjR6bTExNy43MjEtMTU1LjUwNWExMTYuMDE4IDExNi4wMTggMCAwIDAgLTExNS4xIDk5LjgxM2gtMjguNTM4YzguMTkyLTcyIDY5LjQ3OS0xMjguMTMxIDE0My42MzgtMTI4LjEzMXMxMzUuNDQ2IDU2LjEzMSAxNDMuNjM4IDEyOC4xMzFoLTI4LjUzOGExMTYuMDE4IDExNi4wMTggMCAwIDAgLTExNS4xLTk5LjgxM3ptMTAyLjk3MiA5OS44MTNoLTQxLjYzNWE2MS42MzkgNjEuNjM5IDAgMCAwIC0xMjIuNjc0IDBoLTQxLjYzNWExMDQuMjggMTA0LjI4IDAgMCAxIDIwNS45NDQgMHptLTEwMi45NzItMTU2Ljc3NGExNzIuMyAxNzIuMyAwIDAgMSAxMDIuOTI5IDMzLjk4NmwtNS4wMTIgMTcuMTQ3YTE1Ni4yNDkgMTU2LjI0OSAwIDAgMCAtMjAxLjE4OCA0LjVsLTUuMDc0LTE3LjQ1OWExNzIuMzgyIDE3Mi4zODIgMCAwIDEgMTA4LjM0NS0zOC4xNzR6bS0xMTguMzI0IDQ2LjgzNiA1LjI3NiAxOC4xNThhMTU2LjAzNSAxNTYuMDM1IDAgMCAwIC00My41MzEgMTA4LjIyNyAxNTcuOTM3IDE1Ny45MzcgMCAwIDAgMi40NDQgMjcuN2wuMTM1LS4wMjR2Ny41NTFhMTYuMzI3IDE2LjMyNyAwIDAgMSAtMTEuNjY1IDE1LjUxMSAxNzMuMjM0IDE3My4yMzQgMCAwIDEgNDcuMzQxLTE3Ny4xMjV6bS0zMi42NzYgMzU4LjkzOGgtNzZ2LTY5aDc2em0wLTgxaC03NnYtMjFoNzZ6bS01LjIxOS01MC44NjhhMzkuOTg5IDM5Ljk4OSAwIDAgMCAtMS43ODEgMTIuNTA0djUuMzY0aC01OXYtMTIuN2E2Mi40OSA2Mi40OSAwIDAgMCAtMTIuMTc2LTM2Ljg5NGwtNi4xMzUtOC4yODVhMTguOTI3IDE4LjkyNyAwIDAgMSAtMy42ODktMTEuMTY4di00OS4zYTE4LjcgMTguNyAwIDAgMSAxMC4yNTUtMTYuNzM3bDQ4LjExNy0yNC41MjRhMTg1Ljk4NiAxODUuOTg2IDAgMCAwIDMuMjgxIDk0LjYyOSA1Ljk5MyA1Ljk5MyAwIDAgMCA0LjQ4MSA5Ljk3OWgxLjk1YzE1LjgxNiAwIDI4LjkxNi0xMi41MDYgMjguOTE2LTI4LjMyNHYtMTMuODkxYTYuMTIgNi4xMiAwIDEgMSAxMi4yMzgtLjAwOWwuMDM4IDQ2LjcxMWE5LjcgOS43IDAgMCAxIC01LjU0NyA4Ljc0NyA0MC4wMjYgNDAuMDI2IDAgMCAwIC0yMC45NDggMjMuODk4em0xNTYuMjE5IDcyLjUzN2ExNzIuOTY1IDE3Mi45NjUgMCAwIDEgLTE0Mi4yNzgtNzQuNDE4IDI3Ljk1IDI3Ljk1IDAgMCAxIDEyLjItMTEuMTU1Yy4wODMtLjA0LjE2Mi0uMDg2LjI0NC0uMTI2YTE1Ni41MzMgMTU2LjUzMyAwIDAgMCAyNjAuMTY2LS43NDYgMjcuNjE4IDI3LjYxOCAwIDAgMSAxMi4yNSAxMS41ODUgMTcyLjkxMiAxNzIuOTEyIDAgMCAxIC0xNDIuNTgyIDc0Ljg2em0xNDYtNTUuNjY5aC0uODY5YTUuNjUyIDUuNjUyIDAgMCAwIC0yLjQ5Mi42cTEuNzA3LTIuMDYyIDMuMzYxLTQuMTgyem04MSAxMTRoLTc2di02OWg3NnptMC04MWgtNzZ2LTIxaDc2em0xMi0xMDJhMTguOTE3IDE4LjkxNyAwIDAgMSAtMy42ODEgMTEuMTY5bC02LjE0MyA4LjI4NmE2Mi40OSA2Mi40OSAwIDAgMCAtMTIuMTc2IDM2Ljg5NHYxMi42NTFoLTU5di01LjMxN2EzOS4xMzcgMzkuMTM3IDAgMCAwIC0yMi44MTItMzYuNCA5LjY0MyA5LjY0MyAwIDAgMSAtNS40OTEtOC43NTFsLjA5NS00Ni43MTFhNi4xIDYuMSAwIDEgMSAxMi4yMDguMDA5djEzLjg5MWMwIDE1LjgyIDEzLjEgMjguMjc5IDI4LjkxNiAyOC4yNzloMS45NWE1Ljk5NSA1Ljk5NSAwIDAgMCA0LjctOS43MjEgMTg2LjAzMiAxODYuMDMyIDAgMCAwIDIuODE4LTk0Ljk2MmMuMDQ1LjAyMi4wOTEuMDQzLjEzNi4wNjZsNDguMjI0IDI0LjU3OWExOC43IDE4LjcgMCAwIDEgMTAuMjU2IDE2LjczOHoiLz48L2c+PC9zdmc+" />
  309.             Dein Setup
  310.           </button>
  311.         </h2>
  312.       </div>
  313.       <div id="gamesetup" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
  314.         <div class="card-body">
  315.              
  316.           <table class="table-dark table-responsive-xl w-100">
  317.             <tr>
  318.               <td class="text-right">Lenkrad: </td>
  319.               <td>
  320.                 <select name="lenkrad" class="form-control ml-2 w-100">
  321.                       <option value="">Auswahl</option>
  322.  
  323.                       <optgroup label="Ohne Lenkrad">
  324.                         <option value="Tastatur/Maus">Tastatur/Maus</option>
  325.                         <option value="Gamepad">Gamepad</option>
  326.                       </optgroup>
  327.  
  328.                       <optgroup label="Trust / Trustmaster">
  329.                         <option value="Trust GXT 570">Trust GXT 570</option>
  330.                         <option value="Thrustmaster Formula Sprint">Thrustmaster Formula Sprint</option>
  331.                         <option value="Thrustmaster Modena 360">Thrustmaster Modena 360</option>
  332.                         <option value="Thrustmaster Ferrari Racing Wheel">Thrustmaster Ferrari Racing Wheel</option>
  333.                         <option value="Thrustmaster Ferrari GTE Wheel ">Thrustmaster Ferrari GTE Wheel </option>
  334.                         <option value="Thrustmaster Leather 28 GT">Thrustmaster Leather 28 GT</option>
  335.                         <option value="Thrustmaster Stuurwiel T150 Pro">Thrustmaster Stuurwiel T150 Pro</option>
  336.                         <option value="Thrustmaster Lenkrad TMX PRO">Thrustmaster Lenkrad TMX PRO</option>
  337.                         <option value="Thrustmaster Integral T500">Thrustmaster Integral T500</option>
  338.  
  339.                       </optgroup>
  340.                    
  341.                       <optgroup label="Logitech">
  342.                         <option value="Logitech Formula Force EX">Logitech Formula Force EX</option>
  343.                         <option value="Logitech G920 Racing Lenkrad">Logitech G920 Racing Lenkrad</option>
  344.                         <option value="Logitech Driving Force GT">Logitech Driving Force GT</option>
  345.                         <option value="Logitech G25 Racing Wheel">Logitech G25 Racing Wheel</option>
  346.                         <option value="Logitech G29 Driving Force">Logitech G29 Driving Force</option>
  347.                         <option value="Logitech G27 Racing PC">Logitech G27 Racing PC</option>
  348.  
  349.                       </optgroup>
  350.  
  351.                       <optgroup label="SAITEK">
  352.                         <option value="Saitek R 100">Saitek R 100</option>
  353.  
  354.                       </optgroup>
  355.  
  356.                       <optgroup label="FANTEC">
  357.                         <option value="Fanatec ClubSport Rally Bundle">Fanatec ClubSport Rally Bundle</option>
  358.                         <option value="Fanatec Monte Carlo">Fanatec Monte Carlo</option>
  359.                       </optgroup>
  360.  
  361.                       <optgroup label="Speedlink">
  362.                         <option value="Speedlink Drift O.Z.">Speedlink Drift O.Z.</option>
  363.                         <option value="Speedlink Darkfire">Speedlink Darkfire</option>
  364.                       </optgroup>
  365.  
  366.                       <optgroup label="Guillemot">
  367.                         <option value="Guillemot Ferrari FFB Racing USB">Guillemot Ferrari FFB Racing USB</option>
  368.                         <option value="GUILLEMOT T300 RS GT EDITION">GUILLEMOT T300 RS GT EDITION</option>
  369.                       </optgroup>
  370.  
  371.  
  372.                       <optgroup label="Alle Sonstige">
  373.                        
  374.                        
  375.                         <option value="Tracer Sierra Lenkrad">Tracer Sierra Lenkrad</option>
  376.                         <option value="TopDrive FreeBird">TopDrive FreeBird</option>
  377.                         <option value="R220 Digital Sports Wheel">R220 Digital Sports Wheel</option>
  378.                         <option value="Acme RS Racing Wheel Vibration">Acme RS Racing Wheel Vibration</option>
  379.                         <option value="PC - MOMO Racing Force">PC - MOMO Racing Force</option>
  380.                         <option value="ACME Sti Lenkard">ACME Sti Lenkard</option>
  381.                         <option value="uRage Lenkrad">uRage Lenkrad</option>
  382.                         <option value="Spirit Of Gamer SOG-RWP">Spirit Of Gamer SOG-RWP</option>
  383.                        
  384.                         <option value="Hama Racing Wheel Lenkrad">Hama Racing Wheel Lenkrad</option>
  385.                         <option value="NanoRS RS600 Maclean Lenkrad">NanoRS RS600 Maclean Lenkrad</option>
  386.                         <option value="Genius TwinWheel F1">Genius TwinWheel F1</option>
  387.                         <option value="Konix Drakkar Styri">Konix Drakkar Styri</option>
  388.                         <option value="MC MicroCon">MC MicroCon</option>
  389.                         <option value="SteelSeries simraceway SRW-S1">SteelSeries simraceway SRW-S1</option>
  390.  
  391.                       </optgroup>
  392.                 </select>
  393.               </td>
  394.               </tr>
  395.          
  396.          
  397.               <tr>
  398.               <td class="text-right">Tastatur: </td>
  399.               <td>
  400.                 <select name="tastatur" class="form-control ml-2">
  401.                       <option value="">Auswahl</option>
  402.                       <option value="Standard">Standard-Tastatur</option>
  403.    
  404.                       <optgroup label="Logitech">
  405.                         <option value="910 Orion">910 Orion</option>
  406.                         <option value="413">413</option>
  407.                         <option value="G213 Prodigy RGB">G213 Prodigy RGB</option>
  408.                         <option value="G915 LightSpeed">G915 LightSpeed</option>
  409.                         <option value="G512 Carbon GX">G512 Carbon GX</option>
  410.                         <option value="G915 Bluetooth">G915 Bluetooth</option>
  411.                         <option value="G513 Carbon">G513 Carbon</option>
  412.                         <option value="CRAFT">CRAFT</option>
  413.                         <option value="ERGO K860">ERGO K860</option>
  414.                         <option value="MX Keys">MX Keys</option>
  415.                         <option value="MX Keys für MAC">MX Keys für MAC</option>
  416.                         <option value="Illuminated Living Room">Illuminated Living Room</option>
  417.                         <option value="Whireless Illuminated">Whireless Illuminated</option>
  418.                         <option value="K750 Whireless">K750 Whireless</option>
  419.                         <option value="K600 TC">K600 TC</option>
  420.                         <option value="K835 TKL">K835 TKL</option>
  421.                         <option value="K380">K380</option>
  422.                         <option value="K360">K360</option>
  423.                         <option value="K270">K270</option>
  424.                         <option value="K120">K120</option>
  425.                       </optgroup>
  426.                    
  427.                       <optgroup label="RAZER">
  428.                         <option value="BlackWidow V3">BlackWidow V3</option>
  429.                         <option value="Huntsman Mini">Huntsman Mini</option>
  430.                         <option value="Huntsman">Huntsman</option>
  431.                         <option value="Huntsman V2">Huntsman V2</option>
  432.                         <option value="BLACKWIDOW">BLACKWIDOW</option>
  433.                         <option value="RAZER ORNATA V2">RAZER ORNATA V2</option>
  434.                         <option value="RAZER CYNOSA V2">RAZER CYNOSA V2</option>
  435.                       </optgroup>
  436.  
  437.                       <optgroup label="ASUS">
  438.  
  439.                         <option value="TUF K3">TUF K3</option>
  440.                         <option value="ROG Claymore II">ROG Claymore II</option>
  441.                         <option value="ROG PBT Doubleshot Keycap Set">ROG PBT Doubleshot Keycap Set</option>
  442.                         <option value="ROG Falchion">ROG Falchion</option>
  443.                         <option value="ROG Strix Scope TKL">ROG Strix Scope TKL</option>
  444.                         <option value="ROG Claymore Core">ROG Claymore Core</option>
  445.                         <option value="ROG Claymore">ROG Claymore</option>
  446.                         <option value="ROG Strix Flare">ROG Strix Flare</option>
  447.                         <option value="ROG Strix Flare RGB">ROG Strix Flare RGB</option>
  448.                         <option value="ROG Strix Flare PNK LTD">ROG Strix Flare PNK LTD</option>
  449.                         <option value="ROG Strix Scope Deluxe">ROG Strix Scope Deluxe</option>
  450.                         <option value="ROG Strix Scope RGB">ROG Strix Scope RGB</option>
  451.                       </optgroup>
  452.  
  453.  
  454.                       <optgroup label="SteelSeries">
  455.  
  456.                         <option value="APEX 7">APEX 7</option>
  457.                         <option value="APEX PRO">APEX PRO</option>
  458.                         <option value="APEX PRO TKL">APEX PRO TKL</option>
  459.                         <option value="APEX 7 Red Switch">APEX 7 Red Switch</option>
  460.                         <option value="APEX 7 Blue Switch">APEX 7 Blue Switch</option>
  461.                         <option value="APEX 7 Brown Switch">APEX 7 Brown Switch</option>
  462.                       </optgroup>                      
  463.                      
  464.                       <optgroup label="HYPERX">
  465.  
  466.                         <option value="Alloy Core"></option>
  467.                         <option value="Alloy Origins 60">Alloy Origins 60</option>
  468.                         <option value="Alloy Elite 2">Alloy Elite 2</option>
  469.                         <option value="Alloy Origins Core">Alloy Origins Core</option>
  470.                         <option value="Alloy FPS RGB">Alloy FPS RGB</option>
  471.                         <option value="Alloy Core RGB">Alloy Core RGB</option>
  472.                         <option value="Alloy Elite RGB">Alloy Elite RGB</option>
  473.                       </optgroup>
  474.                       <optgroup label="CORSAIR">
  475.  
  476.                       <option value="K60 RGB PRO">K60 RGB PRO</option>
  477.                       <option value="K95 RGB">K95 RGB</option>
  478.                       <option value="K100 RGB">K100 RGB</option>
  479.                       <option value="K55 RGB PRO XT">K55 RGB PRO XT</option>
  480.                       <option value="K65 RGB MINI">K65 RGB MINI</option>
  481.                       <option value="K57 RGB WIRELESS">K57 RGB WIRELESS</option>
  482.                       <option value="K55 RGB PRO">K55 RGB PRO</option>
  483.                       <option value="K70 RGB MK.2 Low Profile RAPIDFIRE">K70 RGB MK.2 Low Profile RAPIDFIRE</option>
  484.                       <option value="K60 RGB PRO">K60 RGB PRO</option>
  485.                       <option value="K95 RGB PLATINUM">K95 RGB PLATINUM</option>
  486.                       <option value="K63">K63</option>
  487.                       <option value="K70 RGB MK.2">K70 RGB MK.2</option>
  488.                       </optgroup>
  489.  
  490.                       <optgroup label="Sharkoon">
  491.  
  492.                       <option value="Skiller SGK5">Skiller SGK5</option>
  493.                       <option value="Skiller SGK30">Skiller SGK30</option>
  494.                       <option value="Skiller SGK4">Skiller SGK4</option>
  495.                       <option value="SKILLER MECH SGK3">SKILLER MECH SGK3</option>
  496.                       <option value="SKILLER SGK3 White">SKILLER SGK3 White</option>
  497.                       <option value="SKILLER SGK30">SKILLER SGK30</option>
  498.                       <option value="SKILLER SGK60">SKILLER SGK60</option>
  499.                       <option value="SKILLER MECH SGK3">SKILLER MECH SGK3</option>
  500.                       <option value="PureWriter RGB">PureWriter RGB</option>
  501.                       <option value="PureWriter TKL RGB">PureWriter TKL RGB</option>
  502.                       <option value="SKILLER PRO+">SKILLER PRO+</option>
  503.                       </optgroup>
  504.  
  505.  
  506.                       <optgroup label="ROCCAT">
  507.  
  508.                       <option value="Vulcan 120">Vulcan 120</option>
  509.                       <option value="Vulcan 100">Vulcan 100</option>
  510.                       <option value="Vulcan 121">Vulcan 121</option>
  511.                       <option value="Magma">Magma</option>
  512.                       <option value="Suora">Suora</option>
  513.                       <option value="Isku FX">Isku FX</option>
  514.                       <option value="Skeltr">Skeltr</option>
  515.                       <option value="ARVO Tastatur">ARVO Tastatur</option>
  516.                       <option value="Horde">Horde</option>
  517.                       <option value="Ryos">Ryos</option>
  518.                       </optgroup>
  519.  
  520.                 </select>
  521.               </td>
  522.               </tr>
  523.  
  524.  
  525.               <tr>
  526.               <td class="text-right">Maus: </td>
  527.               <td>
  528.                 <select name="tastatur" class="form-control ml-2">
  529.                       <option value="">Auswahl</option>
  530.                       <option value="Standard">Standard-Maus</option>
  531.    
  532.                       <optgroup label="Logitech">
  533.                         <option value="G305">G305</option>
  534.                         <option value="G305 K/DA">G305 K/DA</option>
  535.                         <option value="G502">G502</option>
  536.                         <option value="G502 Hero K/DA">G502 Hero K/DA</option>
  537.                         <option value="PRO X">PRO X</option>
  538.                         <option value="G203">G203</option>
  539.                         <option value="G604">G604</option>
  540.                         <option value="G403">G403</option>
  541.                         <option value="G703">G703</option>
  542.                         <option value="G502">G502</option>
  543.                         <option value="MX518">MX518</option>
  544.                         <option value="G603">G603</option>
  545.                         <option value="G402 Hyperion Fury">G402 Hyperion Fury</option>
  546.                         <option value="G903">G903</option>
  547.                         <option value="G300S">G300S</option>
  548.  
  549.                       </optgroup>
  550.                    
  551.                       <optgroup label="SteelSeries">
  552.                         <option value="Prime Whireless">OROCHI V2</option>
  553.                         <option value="Prime+">Prime+</option>
  554.                         <option value="Prime">Prime</option>
  555.                         <option value="Rival 5">AEROX 5</option>
  556.                         <option value="AEROX 3">AEROX 3</option>
  557.                         <option value="AEROX 3 WL">AEROX 3 WL</option>
  558.                         <option value="RIVAL 650 WL">RIVAL 650 WL</option>
  559.                         <option value="RIVAL 3 WL">RIVAL 3 WL</option>
  560.                         <option value="RIVAL 600">RIVAL 600</option>
  561.                         <option value="SENSEI TEN">SENSEI TEN</option>
  562.                         <option value="RIVAL 310">RIVAL 310</option>
  563.                         <option value="RIVAL 710">RIVAL 710</option>
  564.                         <option value="SENSEI 310">SENSEI 310</option>
  565.                       </optgroup>
  566.  
  567.                       <optgroup label="CORSAIR">
  568.                        <option value="Kabellose DARK CORE RGB PRO">Kabellose DARK CORE RGB PRO</option>
  569.                        <option value="HARPOON RGB PRO">HARPOON RGB PRO</option>
  570.                        <option value="IRONCLAW RGB WIRELESS">IRONCLAW RGB WIRELESS</option>
  571.                       <option value="M55 RGB PRO">M55 RGB PRO</option>
  572.                       <option value="M65 RGB ELITE">M65 RGB ELITE</option>
  573.                       <option value="IRONCLAW RGB">IRONCLAW RGB</option>
  574.                       <option value="SCIMITAR RGB ELITE">SCIMITAR RGB ELITE</option>
  575.                       <option value="HARPOON RGB WIRELESS">HARPOON RGB WIRELESS</option>
  576.                       <option value="KATAR PRO XT">KATAR PRO XT</option>
  577.                       <option value="SABRE RGB PRO">Optische SABRE RGB PRO</option>
  578.                       <option value="SABRE PRO">Optische SABRE PRO</option>
  579.                       <option value="KATAR PRO WIRELSS">KATAR PRO WIRELSS</option>
  580.                       <option value="DARK CORE RGB PRO">DARK CORE RGB PRO</option>
  581.                       <option value="NIGHTSWORD RGB">NIGHTSWORD RGB</option>
  582.                       <option value="M65 PRO RGB">M65 PRO RGB</option>
  583.                       <option value="GLAIVE RGB PRO">GLAIVE RGB PRO</option>
  584.                       </optgroup>
  585.  
  586.                       <optgroup label="Alle Sonstige">
  587.  
  588.                       </optgroup>
  589.                 </select>
  590.               </td>
  591.               </tr>
  592.  
  593.  
  594.  
  595.           </table>
  596.    
  597.          
  598.              
  599.  
  600.  
  601.         </div>
  602.       </div>
  603.     </div>
  604.  
  605.  
  606.  
  607.     <div class="card bg-dark">
  608.       <div class="card-header" id="headingThree">
  609.         <h2 class="mb-0">
  610.           <button class="btn btn-link btn-block btn-primary text-center text-white" style="font-size:1.5rem; text-decoration:none;" type="button" data-toggle="collapse" data-target="#social" aria-expanded="false" aria-controls="collapseFife">
  611.            <img style="width:50px" src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDk3IDQ5NyIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA0OTcgNDk3IiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0yMjkuODM5IDI2MS41MDFjOC4wMjYgNS44IDE3Ljg5NSA5LjIyIDI4LjU2NiA5LjIyaDkxLjI4djQ0LjI2bDU3Ljg2Mi00NC4yNmgyNC45NjJjMjYuOTA5IDAgNDguNzIzLTIxLjc0NyA0OC43MjMtNDguNTc0di0xNzMuNTczYy4wMDEtMjYuODI3LTIxLjgxMy00OC41NzQtNDguNzIzLTQ4LjU3NGgtMTc0LjEwNWMtMjYuOTA5IDAtNDguNzIzIDIxLjc0Ny00OC43MjMgNDguNTc0djIxMi45Mjd6IiBmaWxsPSIjZjdmM2YxIi8+PHBhdGggZD0ibTQzMi41MDkgMGgtNDEuNzMzYzI2LjkxIDAgNDguNzI0IDIxLjc0OCA0OC43MjQgNDguNTc0djE3My41NzNjMCAyNi44MjctMjEuODE0IDQ4LjU3NC00OC43MjMgNDguNTc0aC0yNC45NjJsLTE2LjEzIDEyLjMzOHYzMS45MjJsNTcuODYyLTQ0LjI2aDI0Ljk2MmMyNi45MDkgMCA0OC43MjMtMjEuNzQ3IDQ4LjcyMy00OC41NzR2LTE3My41NzNjLjAwMS0yNi44MjYtMjEuODE0LTQ4LjU3NC00OC43MjMtNDguNTc0eiIgZmlsbD0iI2VmZTdlMyIvPjxwYXRoIGQ9Im0zMDcuOTEzIDE5OS41MjMgNS4wMjIgNC4wNjVjNy45NjIgNi40NDUgMTcuODk2IDkuOTYyIDI4LjEzOSA5Ljk2Mmg3MS4yOTJjNi43NTggMCAxMi4yLTUuNjM4IDExLjg3OC0xMi40NjctLjMwMS02LjM5Ni4wMTQtNjQuNjQ1LjAxNC03MS4yMTJzLTUuMzI0LTExLjg5Mi0xMS44OTItMTEuODkybC00OC4zNDMtLjE0NiA1LjkxOS0xNC4wMThjNi4xNS0xNC41NjYgNS4xNTYtMzEuMTY4LTIuNjg5LTQ0Ljg5Ni00LjI1My02LjU3NC0xNC41ODEtNC4xNTUtMTQuNzgyIDMuOTI2IDAgMTIuNTcxLTQuNTkgMjQuNzA5LTEyLjkwNyAzNC4xMzVsLTMwLjgyNiAzNC44ODFoLTExLjIzOHY2Ny42NjFoMTAuNDEzeiIgZmlsbD0iI2ZmZDM2YyIvPjxwYXRoIGQ9Im0zMDMuMTAxIDIxMC4yNWgtMzIuNTQ5Yy0yLjE1MSAwLTMuODk2LTEuNzQ0LTMuODk2LTMuODk2di04Mi45NzRjMC0yLjE1MSAxLjc0NC0zLjg5NiAzLjg5Ni0zLjg5NmgzMi41NDljMi4xNTEgMCAzLjg5NiAxLjc0NCAzLjg5NiAzLjg5NnY4Mi45NzRjLS4wMDEgMi4xNTEtMS43NDUgMy44OTYtMy44OTYgMy44OTZ6IiBmaWxsPSIjOGVlNmYzIi8+PHBhdGggZD0ibTIyOS45MDkgMzQ4LjQ4N3YtMTc1LjE4MmMwLTIxLjE1NS0xNy4yMDItMzguMzA1LTM4LjQyMy0zOC4zMDVoLTEzNy4yOTZjLTIxLjIyIDAtMzguNDIzIDE3LjE1LTM4LjQyMyAzOC4zMDV2MTM2Ljg3N2MwIDIxLjE1NSAxNy4yMDIgMzguMzA1IDM4LjQyMyAzOC4zMDVoNzUuNDI1djM1LjIzbDQ1LjYyOS0zNS4yM3oiIGZpbGw9IiM3MmQxZmIiLz48cGF0aCBkPSJtMTkxLjQ4NyAxMzVoLTU0LjQwOWMyMS4yMiAwIDM4LjQyMyAxNy4xNSAzOC40MjMgMzguMzA1djE3NS4xODJoNTQuNDA5di0xNzUuMTgyYy0uMDAxLTIxLjE1NS0xNy4yMDMtMzguMzA1LTM4LjQyMy0zOC4zMDV6IiBmaWxsPSIjNjJhNmZkIi8+PHBhdGggZD0ibTE3My4xODggMjUyLjk5OGgtMjcuNjEzbDMuMDI1LTE4LjI5NmgyNC41ODhjOS42NzUgMCA5LjY3NS0xNSAwLTE1aC0yMi4xMDhsNC4xMy0yNC45NzljMS41NzgtOS41NDQtMTMuMjItMTEuOTkyLTE0Ljc5OS0yLjQ0NmwtNC41MzQgMjcuNDI1aC0xOC4wOTNsNC4xMy0yNC45NzljMS41NzgtOS41NDQtMTMuMjE4LTExLjk5My0xNC43OTktMi40NDZsLTQuNTM0IDI3LjQyNWgtMzAuMDkzYy05LjY3NSAwLTkuNjc1IDE1IDAgMTVoMjcuNjEzbC0zLjAyNSAxOC4yOTZoLTI0LjU4OGMtOS42NzUgMC05LjY3NSAxNSAwIDE1aDIyLjEwOGwtNC4xMyAyNC45NzljLTEuNTYyIDkuNDQzIDEzLjIxOCAxMi4wMDUgMTQuNzk5IDIuNDQ2bDQuNTM0LTI3LjQyNWgxOC4wOTNsLTQuMTMgMjQuOTc5Yy0xLjU2MiA5LjQ0MyAxMy4yMTggMTIuMDA1IDE0Ljc5OSAyLjQ0Nmw0LjUzNC0yNy40MjVoMzAuMDkzYzkuNjc1IDAgOS42NzUtMTUgMC0xNXptLTQyLjgxNiAwaC0xOC4wOTJsMy4wMjUtMTguMjk2aDE4LjA5M3oiIGZpbGw9IiNmN2YzZjEiLz48cGF0aCBkPSJtMzA0LjIzMyAzMjAuNDk4aC05Ny40MzJjLTE1LjA1OSAwLTI3LjI2NyAxMi4xNy0yNy4yNjcgMjcuMTgzdjk3LjEzNGMwIDE1LjAxMyAxMi4yMDggMjcuMTgzIDI3LjI2NyAyNy4xODNoNTMuNTI1djI1LjAwMmwzMi4zODEtMjUuMDAxaDExLjUyNmMxNS4wNTkgMCAyNy4yNjctMTIuMTcgMjcuMjY3LTI3LjE4M3YtOTcuMTM0YzAtMTUuMDEzLTEyLjIwOC0yNy4xODQtMjcuMjY3LTI3LjE4NHoiIGZpbGw9IiNmYTkwODQiLz48cGF0aCBkPSJtMzA0LjIzMyAzMjAuNDk4aC00MmMxNS4wNTkgMCAyNy4yNjcgMTIuMTcgMjcuMjY3IDI3LjE4M3Y5Ny4xMzVjMCAxNS4wMTMtMTIuMjA4IDI3LjE4My0yNy4yNjcgMjcuMTgzaC0xLjkwN3YyNS4wMDFsMzIuMzgxLTI1LjAwMWgxMS41MjZjMTUuMDU5IDAgMjcuMjY3LTEyLjE3IDI3LjI2Ny0yNy4xODN2LTk3LjEzNWMwLTE1LjAxMi0xMi4yMDgtMjcuMTgzLTI3LjI2Ny0yNy4xODN6IiBmaWxsPSIjZmY2Y2I1Ii8+PHBhdGggZD0ibTI1NS41MTcgNDI5LjI1M2MyMy40NDYtMTIuNDI5IDM1LjU5My0yMy4wMDUgMzUuNTkzLTM5LjM4OSAwLTIyLjU5OS0yNy42ODQtMjguMjQ5LTM1LjU5My0xMS4yOTktOS4wNC0xNy41MTQtMzUuNTkzLTExLjI5OS0zNS41OTMgMTEuMjk5IDAgMTYuMzg0IDEyLjE0NyAyNi45NTkgMzUuNTkzIDM5LjM4OXoiIGZpbGw9IiNmN2YzZjEiLz48L3N2Zz4=" />
  612.            Social Media
  613.           </button>
  614.         </h2>
  615.       </div>
  616.       <div id="social" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
  617.         <div class="card-body">
  618.         <center>
  619.         <div class="input-group mb-2 w-50">
  620.           <div class="input-group-prepend">
  621.             <div class="input-group-text"><i class="fab fa-facebook-square"></i></div>
  622.           </div>
  623.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Facebook-Link">
  624.         </div>
  625.  
  626.         <div class="input-group mb-2 w-50">
  627.           <div class="input-group-prepend">
  628.             <div class="input-group-text"><i class="fab fa-twitter-square"></i></div>
  629.           </div>
  630.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Twitter-Link">
  631.         </div>
  632.  
  633.         <div class="input-group mb-2 w-50">
  634.           <div class="input-group-prepend">
  635.             <div class="input-group-text"><i class="fab fa-discord"></i></div>
  636.           </div>
  637.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Discord-TAG">
  638.         </div>
  639.  
  640.         <div class="input-group mb-2 w-50">
  641.           <div class="input-group-prepend">
  642.             <div class="input-group-text"><i class="fab fa-instagram-square"></i></div>
  643.           </div>
  644.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Instagram-Link">
  645.         </div>
  646.  
  647.  
  648.         <div class="input-group mb-2 w-50">
  649.           <div class="input-group-prepend">
  650.             <div class="input-group-text"><i class="fab fa-youtube-square"></i></div>
  651.           </div>
  652.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Youtube-Kanal">
  653.         </div>
  654.  
  655.  
  656.         <div class="input-group mb-2 w-50">
  657.           <div class="input-group-prepend">
  658.             <div class="input-group-text"><i class="fab fa-twitch"></i></div>
  659.           </div>
  660.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Twitch-Stream">
  661.         </div>
  662.  
  663.         <div class="input-group mb-2 w-50">
  664.           <div class="input-group-prepend">
  665.             <div class="input-group-text"><i class="fab fa-pinterest-square"></i></div>
  666.           </div>
  667.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Pinterest-Link">
  668.         </div>
  669.  
  670.         <div class="input-group mb-2 w-50">
  671.           <div class="input-group-prepend">
  672.             <div class="input-group-text"><i class="fab fa-snapchat-square"></i></div>
  673.           </div>
  674.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="SnapChat">
  675.         </div>
  676.  
  677.         <div class="input-group mb-2 w-50">
  678.           <div class="input-group-prepend">
  679.             <div class="input-group-text"><i class="fab fa-tiktok"></i></div>
  680.           </div>
  681.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="TikTok">
  682.         </div>
  683.  
  684.         <div class="input-group mb-2 w-50">
  685.           <div class="input-group-prepend">
  686.             <div class="input-group-text"><i class="fab fa-reddit-square"></i></div>
  687.           </div>
  688.           <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Reddit-Link">
  689.         </div>
  690.  
  691.         </center>
  692.         </div>
  693.       </div>
  694.  
  695.  
  696.    <center><button class="btn btn-danger m-3">Einstellungen speichern</button></center>
  697.     </div>
  698.  
  699. <?
  700. if(isset($_POST['termin_delete'])) {
  701.  
  702.  $del1 = $pdo->prepare("DELETE FROM user__agenda WHERE id = :id");
  703.  $del1->bindparam(':id', $_POST['termin_delete']);
  704.  $del1->execute();
  705.  
  706.  
  707. }
  708.  
  709.  
  710.  
  711. ?>
  712.  
  713.  
  714.  
  715.   </div>
  716. </div>
  717. <script>
  718.  
  719. var application2 = new Vue({
  720.   el: '#agendaAPP',
  721.   data: {
  722.     termine: [],
  723.     timer2: "",
  724.       key: "",
  725.     id: 0,
  726.     terminADDTitel:"",
  727.     terminADDBeschreibung: "",
  728.     terminADDDatum: "",
  729.     terminADDUsername: "<?=$_SESSION['username'];?>",
  730.   },
  731.   created() {
  732.     this.fetchData();  
  733.     this.timer = setInterval(this.fetchData, 1000);  
  734.     },
  735.     methods: {
  736.       async fetchData() {  
  737.         const res = await fetch("Abfragen/Agenda1.php?user=" + this.terminADDUsername);  
  738.         const data = await res.json();  
  739.         this.termine = data;  
  740.       },
  741.       deleteTermin(idnr) {
  742.       axios.get('Abfragen/Termin_DEL.php?id='+encodeURIComponent(idnr))
  743.               .then(function() {
  744.                   this.fetchData();
  745.               }.bind(this));
  746.       },
  747.       addTermin(titel, beschreibung, terminADDDatum) {
  748.         let resp = axios.get('Abfragen/Termin_ADD.php?titel=' + titel + '&beschreibung=' + beschreibung + '&user=' + this.terminADDUsername + '&datum=' + terminADDDatum )
  749.              .then(function() {
  750.                  this.fetchData();
  751.              }.bind(this));
  752.      },
  753.       cancelAutoUpdate() {  
  754.         clearInterval(this.timer2);  
  755.       },
  756.       leseTag: function(timestamp) {
  757.         var tag = new Date(timestamp*1000)
  758.         return tag.getDate()
  759.       },
  760.       leseMonat: function(timestamp) {
  761.         var monat = new Date(timestamp*1000)
  762.         monat = monat.getMonth()
  763.         switch (monat) {
  764.           case 0:
  765.           return 'Janunar';
  766.           break;
  767.           case 1:
  768.           return 'Februar';
  769.           break;
  770.           case 2:
  771.           return 'März';
  772.           break;
  773.           case 3:
  774.           return 'April';
  775.           break;
  776.           case 4:
  777.           return 'Mai';
  778.           break;
  779.           case 5:
  780.           return 'Juni';
  781.           break;
  782.           case 6:
  783.           return 'Juli';
  784.           break;
  785.           case 7:
  786.           return 'August';
  787.           break;
  788.           case 8:
  789.           return 'September';
  790.           break;
  791.           case 9:
  792.           return 'Oktober';
  793.           break;
  794.           case 10:
  795.           return 'November';
  796.           break;
  797.           case 11:
  798.           return 'Dezember';
  799.           break;
  800.         }
  801.       },
  802.       leseJahr: function(timestamp) {
  803.         var jahr = new Date(timestamp*1000);
  804.         return jahr.getFullYear()
  805.       },
  806.       leseUhrzeit: function(timestamp) {
  807.         var timestamp2 = new Date(timestamp*1000);
  808.  
  809.         if(timestamp2.getHours() == 0 || timestamp2.getMinutes() == 0) {
  810.           return 'Ganztägig'
  811.         } else {
  812.           return timestamp2.getHours() + ':' + timestamp2.getMinutes() + ' Uhr'
  813.         }
  814.        
  815.       },
  816.       leseInhalt: function(text) {
  817.         return text.split("<br/>").join(" || ");
  818.       }
  819.  
  820.     },
  821.     beforeDestroy() {  
  822.       this.cancelAutoUpdate();  
  823.     },
  824. });
  825.  
  826. var ProfileDaten = new Vue({
  827.   el: '#profileAPP',
  828.   data: {
  829.     email: '',
  830.     nickname: '',
  831.     vorname: '',
  832.     nachname: '',
  833.     mobil: '',
  834.     steam_id: '',
  835.     client_key: '',
  836.     profilbild: '',
  837.     tmp_id: '',
  838.     spedition: '',
  839.     userdaten2: [],
  840.     username_profile: "<?=$_SESSION['username'];?>",
  841.   },
  842.   created() {
  843.     this.ladeUserdaten();  
  844.    //this.timer = setInterval(this.lade_Userdaten, 500);  
  845.     },
  846.   methods: {
  847.       async ladeUserdaten() {  
  848.         const resuser = await fetch("Abfragen/Lade_Userdaten.php?username=" + this.username_profile);  
  849.         const userdaten1 = await resuser.json();  
  850.         this.userdaten2 = userdaten1;  
  851.       },
  852.   },
  853. });
  854.  
  855.  
  856.  
  857. $(function () {
  858.     $('select').selectpicker();
  859. });
  860.    
  861.  
  862. </script>
  863. <? } ?>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!