From ca7cc8b095462d1e40198a9e0ec037f7caf95eaf Mon Sep 17 00:00:00 2001
From: Kilian Saffran <ksaffran@dks.lu>
Date: Sun, 19 Sep 2021 17:31:43 +0200
Subject: [PATCH] w3- deleted

---
 public_html/backoffice_old/js/formsave.js     |   4 +-
 public_html/backoffice_old/tmpl/block/cgu.tt  |   2 +-
 .../backoffice_old/tmpl/block/dlgcropper.tt   |  14 +-
 .../tmpl/block/dlguploadfile.tt               |  22 +-
 public_html/backoffice_old/tmpl/block/head.tt |  35 ++--
 .../backoffice_old/tmpl/block/toolbars.tt     |  10 +-
 .../backoffice_old/tmpl/macro/fields.tt       |  78 +++----
 .../tmpl/module/championship/divisions.tt     |  20 +-
 .../tmpl/module/championship/dlggameresult.tt |  34 +--
 .../tmpl/module/championship/games.tt         |  36 ++--
 .../tmpl/module/championship/highscores.tt    |  34 +--
 .../tmpl/module/championship/index.js         |  12 +-
 .../tmpl/module/championship/index.tt         |  66 +++---
 .../tmpl/module/championship/ranking.tt       |  20 +-
 .../tmpl/module/championship/seasons.tt       |  20 +-
 .../tmpl/module/championship/teams.tt         |  20 +-
 .../tmpl/module/championship/toolbar.tt       |  36 ++--
 .../tmpl/module/championship/toolbarindex.tt  |  24 +--
 .../tmpl/module/dashboard/index.tt            |  18 +-
 .../tmpl/module/documents/dlgeditdocument.tt  |  14 +-
 .../tmpl/module/documents/index.tt            |  20 +-
 .../tmpl/module/events/index.tt               |  32 +--
 .../backoffice_old/tmpl/module/forms/index.tt |  18 +-
 .../tmpl/module/forms/transfer.tt             | 194 +++++++++---------
 .../tmpl/module/licenses/club.js              |   4 +-
 .../tmpl/module/licenses/club.tt              |  70 +++----
 .../tmpl/module/licenses/index.tt             |  14 +-
 .../tmpl/module/licenses/licenses.tt          |  22 +-
 .../tmpl/module/licenses/members.tt           |  58 +++---
 .../tmpl/module/licenses/toolbar.tt           |   8 +-
 .../module/medialibrary/dlgeditdocument.tt    |  14 +-
 .../tmpl/module/medialibrary/index.js         |   2 +-
 .../tmpl/module/medialibrary/index.tt         |  14 +-
 .../tmpl/module/members/index.tt              |  86 ++++----
 .../tmpl/module/newsletter/index.tt           |   8 +-
 .../tmpl/module/newsletter/tbltoolbar.tt      |  14 +-
 .../tmpl/module/profile/dlgpassword.tt        |  34 +--
 .../tmpl/module/profile/dlgusername.tt        |  30 +--
 .../tmpl/module/profile/index.tt              |  64 +++---
 .../tmpl/module/ranking/tbltoolbar.tt         |  10 +-
 .../backoffice_old/tmpl/module/users/index.js |   4 +-
 .../backoffice_old/tmpl/module/users/index.tt |  58 +++---
 .../tmpl/module/webnews/index.tt              |   6 +-
 .../tmpl/module/webnews/tbltoolbar.tt         |  12 +-
 .../tmpl/module/websites/index.tt             |  22 +-
 .../tmpl/module/websites/tbltoolbar.tt        |  16 +-
 .../backoffice_old/tmpl/skeleton/index.tt     |  28 +--
 .../backoffice_old/tmpl/skeleton/login.tt     |  10 +-
 .../tmpl/skeleton/login/forgotpassword.tt     |  14 +-
 .../tmpl/skeleton/login/login.tt              |  24 +--
 .../tmpl/skeleton/login/message.tt            |   8 +-
 .../tmpl/skeleton/login/register.tt           |  44 ++--
 .../tmpl/skeleton/login/validationcode.tt     |  16 +-
 .../backoffice_old/tmpl/skeleton/module.tt    |   2 +-
 54 files changed, 750 insertions(+), 749 deletions(-)

diff --git a/public_html/backoffice_old/js/formsave.js b/public_html/backoffice_old/js/formsave.js
index 4899ce40..76e4167a 100644
--- a/public_html/backoffice_old/js/formsave.js
+++ b/public_html/backoffice_old/js/formsave.js
@@ -15,9 +15,9 @@ function saveform(frmid,aftercallback){
 
 function formsaved(data){
   var sb = document.getElementById("snackbar");
-  sb.className="show w3-green";
+  sb.className="show green";
   sb.innerHTML = 'Donnéen goufen gespaichert!';
-  setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+  setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
   return false;
 }
 
diff --git a/public_html/backoffice_old/tmpl/block/cgu.tt b/public_html/backoffice_old/tmpl/block/cgu.tt
index cf2357aa..ae910f44 100644
--- a/public_html/backoffice_old/tmpl/block/cgu.tt
+++ b/public_html/backoffice_old/tmpl/block/cgu.tt
@@ -1,4 +1,4 @@
-<div class="w3-container">
+<div class="container">
 <p style="font-weight: bold;">
 1 : Objet</p>
 <p>
diff --git a/public_html/backoffice_old/tmpl/block/dlgcropper.tt b/public_html/backoffice_old/tmpl/block/dlgcropper.tt
index 00d27019..c1eb09a9 100644
--- a/public_html/backoffice_old/tmpl/block/dlgcropper.tt
+++ b/public_html/backoffice_old/tmpl/block/dlgcropper.tt
@@ -1,20 +1,20 @@
-<div id="dlgcropper" class="w3-modal">
+<div id="dlgcropper" class="modal">
 
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <!--<span onclick="document.getElementById('dlgcropper').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>-->
+       class="button display-topright">&times;</span>-->
       <h2 id="dlgpublish_title">Bild schneiden</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <div class="img-container" id="imgcontainer">
               <img id="cropimage" style="width:75vw;" src="" alt="Picture">
             </div>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
+    <footer class="container right-align padding-16">
       <input type="hidden" id="cropdata_field_id"/>
       
-      <button class="w3-button w3-theme-l2  w3-margin-right w3-border" onclick="hidecroppermodal();return false;">OK</button>
+      <button class="button theme-l2  margin-right border" onclick="hidecroppermodal();return false;">OK</button>
     </footer>
   </div>
 </div>
diff --git a/public_html/backoffice_old/tmpl/block/dlguploadfile.tt b/public_html/backoffice_old/tmpl/block/dlguploadfile.tt
index 1126d3e1..3905e40c 100644
--- a/public_html/backoffice_old/tmpl/block/dlguploadfile.tt
+++ b/public_html/backoffice_old/tmpl/block/dlguploadfile.tt
@@ -1,12 +1,12 @@
-<div id="dlguploadfile" class="w3-modal">
+<div id="dlguploadfile" class="modal">
 
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlguploadfile').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2 id="dlgpublish_title">Fichier eroplueden</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frm_uploadfile">
         [% fieldhidden("table","upload",'','') %]
         [% fieldhidden("row_id","upload","ident",'') %]
@@ -14,8 +14,8 @@
         [% fieldfile("file","upload","Fichier auswielen",'','','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-    <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlguploadfile').style.display='none'; return false;">Oofbriechen</button>
+    <footer class="container right-align padding-16">
+    <button class="button theme-light margin-right border" onclick="document.getElementById('dlguploadfile').style.display='none'; return false;">Oofbriechen</button>
       [% formsavefilebutton('uploadfile','eroplueden','') %]
     </footer>
   </div>
@@ -39,9 +39,9 @@ function savefileform(){
 }
 function filesaved(data){
   var sb = document.getElementById("snackbar");
-  sb.className="show w3-green";
+  sb.className="show green";
   sb.innerHTML = 'den Fichier gouf gespaichert!';
-  setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+  setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
   return false;
 }
 function getformdata(frmid){
@@ -76,9 +76,9 @@ function getformdata(frmid){
 function multipartformsaved(data){
   //console.log(data);
   var sb = document.getElementById("snackbar");
-  sb.className="show w3-green";
+  sb.className="show green";
   sb.innerHTML = 'Den Fichier gouf gespaichert!';
-  setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+  setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
   
   document.getElementById('dlguploadfile').style.display = 'none';
   if (afterformsaved.action){
diff --git a/public_html/backoffice_old/tmpl/block/head.tt b/public_html/backoffice_old/tmpl/block/head.tt
index 24cdfa04..c90398b4 100644
--- a/public_html/backoffice_old/tmpl/block/head.tt
+++ b/public_html/backoffice_old/tmpl/block/head.tt
@@ -8,23 +8,24 @@
     <meta name="publisher" content="DKS sarl">
     <meta name="copyright" content="DKS sarl">
     <meta name="robots" content="noindex,nofollow">
-    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <!--<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
   <meta http-equiv="Pragma" content="no-cache" />
-  <meta http-equiv="Expires" content="-1" />
+  <meta http-equiv="Expires" content="-1" />-->
 
-    <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
-<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
-<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
-<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png">
-<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png">
-<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
-<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png">
-<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png">
-<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png">
-<link rel="icon" type="image/png" sizes="192x192"  href="img/favicon/android-icon-192x192.png">
-<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png">
-<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
-<link rel="stylesheet" href="[% abspath %]css/w3pro.css">
-  
+    <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png?v=[% vstamp %]">
+<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png?v=[% vstamp %]">
+<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png?v=[% vstamp %]">
+<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png?v=[% vstamp %]">
+<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png?v=[% vstamp %]">
+<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png?v=[% vstamp %]">
+<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png?v=[% vstamp %]">
+<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png?v=[% vstamp %]">
+<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png?v=[% vstamp %]">
+<link rel="icon" type="image/png" sizes="192x192"  href="img/favicon/android-icon-192x192.png?v=[% vstamp %]">
+<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png?v=[% vstamp %]">
+<link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png?v=[% vstamp %]">
+<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png?v=[% vstamp %]">
+<link rel="stylesheet" href="[% abspath %]css/w3pro.css?v=[% vstamp %]">
+<link rel="stylesheet" href="[% abspath %]css/icons.css?v=[% vstamp %]">
+<link rel="stylesheet" href="[% abspath %]css/theme.css?v=[% vstamp %]">
 </head>
\ No newline at end of file
diff --git a/public_html/backoffice_old/tmpl/block/toolbars.tt b/public_html/backoffice_old/tmpl/block/toolbars.tt
index 9c0073a2..78ca4870 100644
--- a/public_html/backoffice_old/tmpl/block/toolbars.tt
+++ b/public_html/backoffice_old/tmpl/block/toolbars.tt
@@ -1,9 +1,9 @@
 [% MACRO tabletoolbar(ident) BLOCK -%]
   
-  <header class="w3-top w3-bar w3-border-bottom w3-theme-light">
-    <button class="w3-bar-item w3-button w3-border" onclick="add_[% ident %]();">Nei</button>
-    <button class="w3-bar-item w3-button w3-border" onclick="edit_[% ident %]();">EDIT</button>
-    <button class="w3-bar-item w3-button w3-border" onclick="duplicate_[% ident %]();">DUPL</button>
-    <button class="w3-bar-item w3-button w3-border" onclick="remove_[% ident %]();">DEL</button>
+  <header class="top bar border-bottom theme-light">
+    <button class="bar-item button border" onclick="add_[% ident %]();">Nei</button>
+    <button class="bar-item button border" onclick="edit_[% ident %]();">EDIT</button>
+    <button class="bar-item button border" onclick="duplicate_[% ident %]();">DUPL</button>
+    <button class="bar-item button border" onclick="remove_[% ident %]();">DEL</button>
 </header>
 [% END -%]
\ No newline at end of file
diff --git a/public_html/backoffice_old/tmpl/macro/fields.tt b/public_html/backoffice_old/tmpl/macro/fields.tt
index fb7dc8ee..59d80ee8 100644
--- a/public_html/backoffice_old/tmpl/macro/fields.tt
+++ b/public_html/backoffice_old/tmpl/macro/fields.tt
@@ -2,45 +2,45 @@
         <input type="hidden" class="data_[% table %]" id="[% column %]" name="[% IF ident %]ident_[% END %][% table %]_[% column %]" value="[% value %]">
 [% END -%]
 [% MACRO fieldeditbox(column,table,title,size,state,value,plhold) BLOCK -%]
-  <div class="w3-container [% IF size %][% size %][% END  %]" >
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <input type="text" class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF plhold %]placeholder="[% plhold %]" [% END %] [% IF state.length > 0 %][% state %][% END %]/>
+  <div class="container [% IF size %][% size %][% END  %]" >
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <input type="text" class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF plhold %]placeholder="[% plhold %]" [% END %] [% IF state.length > 0 %][% state %][% END %]/>
         
       </div>
 [% END -%]
 [% MACRO fieldfile(column,table,title,size,state,value) BLOCK -%]
-  <div class="w3-container [% IF size %][% size %][% END  %]" >
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <input type="file" class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]/>
+  <div class="container [% IF size %][% size %][% END  %]" >
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <input type="file" class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]/>
         
       </div>
 [% END -%]
 [% MACRO fieldpasswordbox(column,table,title,size,state,value) BLOCK -%]
-  <div class="w3-container [% IF size %][% size %][% END  %]" >
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <input type="password" class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>
+  <div class="container [% IF size %][% size %][% END  %]" >
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <input type="password" class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>
         
       </div>
 [% END -%]
 [% MACRO fieldtagbox(column,table,title,size,state,value) BLOCK -%]
-  <div class="w3-container [% IF size %][% size %][% END  %]" >
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <input type="text" class="w3-input tagedit w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>
+  <div class="container [% IF size %][% size %][% END  %]" >
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <input type="text" class="input tagedit border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>
         
       </div>
 [% END -%]
 [% MACRO fieldcheckbox(column,table,title,size,state,value) BLOCK -%]
-  <div class="w3-container [% IF size %][% size %][% END  %]">
+  <div class="container [% IF size %][% size %][% END  %]">
   <br/>
-                <input class="w3-check  data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" type="checkbox" [% IF state.length > 0 %][% state %][% END %]>
+                <input class="check  data_[% table %] [% IF state.length > 0 %][% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" type="checkbox" [% IF state.length > 0 %][% state %][% END %]>
                 <label>[% title %]</label>
               </div>
 [% END -%]
 
 [% MACRO fieldemailbox(column,table,title,size,state,value) BLOCK -%]
-  <div class="w3-container [% IF size %][% size %][% END  %]" >
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <input type="email" class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>
+  <div class="container [% IF size %][% size %][% END  %]" >
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <input type="email" class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %] " id="[% column %]" name="[% table %]_[% column %]" value="" [% IF state.length > 0 %][% state %][% END %]/>
   </div>
 [% END -%]
 
@@ -48,9 +48,9 @@
   [% IF state.length > 0 %]
     [% fieldeditbox(column,table,title,size,state,value) %]
   [% ELSE %]
-  <div class="w3-container [% IF size %][% size %][% END  %]">
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <select class="w3-select w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %]" id="[% column %]" data-selected="" value="" name="[% table %]_[% column %]" [% IF state.length > 0 %][% state %][% END %]>
+  <div class="container [% IF size %][% size %][% END  %]">
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <select class="select border data_[% table %] [% IF state.length > 0 %][% state %][% END %]" id="[% column %]" data-selected="" value="" name="[% table %]_[% column %]" [% IF state.length > 0 %][% state %][% END %]>
         
         </select>
         
@@ -61,9 +61,9 @@
   [% IF state.length > 0 %]
     [% fieldeditbox(column,table,title,size,state,value) %]
   [% ELSE %]
-  <div class="w3-container [% IF size %][% size %][% END  %]">
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <select class="w3-select w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %]" id="[% column %]" data-selected=""  multiple value="" name="[% table %]_[% column %]" [% IF state.length > 0 %][% state %][% END %]>
+  <div class="container [% IF size %][% size %][% END  %]">
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <select class="select border data_[% table %] [% IF state.length > 0 %][% state %][% END %]" id="[% column %]" data-selected=""  multiple value="" name="[% table %]_[% column %]" [% IF state.length > 0 %][% state %][% END %]>
         
         </select>
         
@@ -71,45 +71,45 @@
   [% END %]
 [% END -%]
 [% MACRO fielddatebox(column,table,title,size,state,value) BLOCK -%]
-  <div class="w3-container [% IF size %][% size %][% END  %]">
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <input type="date" class="w3-input w3-border data_[% table %] datefield [% IF state.length > 0 %]w3-[% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]]/>
+  <div class="container [% IF size %][% size %][% END  %]">
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <input type="date" class="input border data_[% table %] datefield [% IF state.length > 0 %][% state %][% END %]" id="[% column %]" name="[% table %]_[% column %]" value="[% value %]" [% IF state.length > 0 %][% state %][% END %]]/>
         
       </div>
 [% END -%]
 [% MACRO fieldtextarea(column,table,title,size,state,height,value) BLOCK -%]
-  <div class="w3-container [% IF size %][% size %][% END  %]" >
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <textarea class="w3-input w3-border data_[% table %] [% IF state.length > 0 %]w3-[% state %][% END %]" style="height: [% height %];" id="[% column %]" name="[% table %]_[% column %]"  
+  <div class="container [% IF size %][% size %][% END  %]" >
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <textarea class="input border data_[% table %] [% IF state.length > 0 %][% state %][% END %]" style="height: [% height %];" id="[% column %]" name="[% table %]_[% column %]"  
         [% IF state.length > 0 %][% state %][% END %] >[% value %]</textarea>
       </div>
 [% END -%]
 [% MACRO fieldrichtextarea(column,table,title,size,state,height,value) BLOCK -%]
-  <div class="w3-container [% IF size %][% size %][% END  %]" >
-        <label for="[% table %]_[% column %]" class="w3-label">[% title %]</label>
-        <textarea class="w3-input w3-border data_[% table %] richeditarea [% IF state.length > 0 %]w3-[% state %][% END %]" style="height: [% height %];" id="[% column %]" name="[% table %]_[% column %]"  
+  <div class="container [% IF size %][% size %][% END  %]" >
+        <label for="[% table %]_[% column %]" class="label">[% title %]</label>
+        <textarea class="input border data_[% table %] richeditarea [% IF state.length > 0 %][% state %][% END %]" style="height: [% height %];" id="[% column %]" name="[% table %]_[% column %]"  
         [% IF state.length > 0 %][% state %][% END %] >[% value %]</textarea>
       </div>
 [% END -%]
 
 [% MACRO formsavebutton(formname,btnname,clbk) BLOCK -%]
- <div class="w3-container w3-right-align">
-        <button class="w3-button w3-blue-grey w3-margin" onclick="saveform('[% formname %]',[% IF clbk.length > 0 %][% clbk %][%ELSE%]null[% END %]);return false;">[% btnname %]</button>
+ <div class="container right-align">
+        <button class="button blue-grey margin" onclick="saveform('[% formname %]',[% IF clbk.length > 0 %][% clbk %][%ELSE%]null[% END %]);return false;">[% btnname %]</button>
   </div>
 [% END -%]
 [% MACRO formsavetextfilebutton(formname,btnname) BLOCK -%]
- <div class="w3-container w3-right-align">
-        <button class="w3-button w3-blue-grey w3-margin" onclick="savetextfile('[% formname %]');return false;">[% btnname %]</button>
+ <div class="container right-align">
+        <button class="button blue-grey margin" onclick="savetextfile('[% formname %]');return false;">[% btnname %]</button>
   </div>
 [% END -%]
 [% MACRO formdlgsavebutton(formname,btnname,clbk) BLOCK -%]
-    <button class="w3-button w3-blue-grey w3-margin w3-right-align" onclick="saveform('[% formname %]',[% IF clbk.length > 0 %][% clbk %][% ELSE %]null[% END %]);return false;">[% btnname %]</button>
+    <button class="button blue-grey margin right-align" onclick="saveform('[% formname %]',[% IF clbk.length > 0 %][% clbk %][% ELSE %]null[% END %]);return false;">[% btnname %]</button>
 [% END -%]
 [% MACRO formsavefilebutton(formname,btnname,container) BLOCK -%]
 [% IF container.length > 0 %]
- <div class="w3-container w3-right-align">
+ <div class="container right-align">
  [% END %]
-        <button class="w3-button w3-blue-grey w3-margin" onclick="savefileform('[% formname %]');return false;">[% btnname %]</button>
+        <button class="button blue-grey margin" onclick="savefileform('[% formname %]');return false;">[% btnname %]</button>
 [% IF container.length > 0 %]
       </div>
 [% END %]
diff --git a/public_html/backoffice_old/tmpl/module/championship/divisions.tt b/public_html/backoffice_old/tmpl/module/championship/divisions.tt
index 4c883555..3bf4b84b 100644
--- a/public_html/backoffice_old/tmpl/module/championship/divisions.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/divisions.tt
@@ -1,25 +1,25 @@
 [% PROCESS macro/fields.tt %]
 [% INCLUDE "module/$module/toolbar.tt" %]
-<div class="w3-container" id="tbl_divisions" style="margin-top: 50px;">
+<div class="container" id="tbl_divisions" style="margin-top: 50px;">
 </div>
-<div id="dlgdivisions" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div id="dlgdivisions" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgdivisions').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2 id="dlgpublish_title">Divisioun änneren / setzen</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frm_divisions">
         [% fieldhidden("id","csdivisions",'ident','') %]
         [% fieldselectbox("season","csdivisions","Saison",'','','') %]
         [% fieldselectbox("ranking","csdivisions","Ranking",'','','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-    <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgdivisions').style.display='none'; return false;">Oofbriechen</button>
-    <div class="w3-container w3-right-align">
-        <button class="w3-button w3-blue-grey w3-margin" onclick="saveform('divisions');return false;">Spaicheren</button>
+    <footer class="container right-align padding-16">
+    <button class="button theme-light margin-right border" onclick="document.getElementById('dlgdivisions').style.display='none'; return false;">Oofbriechen</button>
+    <div class="container right-align">
+        <button class="button blue-grey margin" onclick="saveform('divisions');return false;">Spaicheren</button>
       </div>
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/module/championship/dlggameresult.tt b/public_html/backoffice_old/tmpl/module/championship/dlggameresult.tt
index 7294c087..60d9783c 100644
--- a/public_html/backoffice_old/tmpl/module/championship/dlggameresult.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/dlggameresult.tt
@@ -1,38 +1,38 @@
-<div id="dlggameresult" class="w3-modal">
+<div id="dlggameresult" class="modal">
 
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgpublish').style.display='none'; return false;" 
-      class="w3-button w3-display-topright">&times;</span>
+      class="button display-topright">&times;</span>
       <h2>Spillbou eroplueden</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frmgameresult">
-        <div class="w3-container">
-          <label class="w3-label">Spilldag</label>
+        <div class="container">
+          <label class="label">Spilldag</label>
           <select id="championchip_results_id" name="championchip_results_id">
 
           </select>
         </div>
-        <div class="w3-container">
-          <label class="w3-label">Photo vum Spillbou</label>
+        <div class="container">
+          <label class="label">Photo vum Spillbou</label>
           <input type="file" id="championchip_results_file" name="championchip_results_file"/>
         </div>
-        <div class="w3-row">
-        <div class="w3-container w3-col">
-            <label class="w3-label" id="lbl_teamhome">Team Home</label>
+        <div class="row">
+        <div class="container col">
+            <label class="label" id="lbl_teamhome">Team Home</label>
             <input type="text" id="championchip_results_sets_teamhome" name="championchip_results_file"/>
           </div>
-          <div class="w3-container w3-col">
-              <label class="w3-label" id="lbl_teamhome">Team Guest</label>
+          <div class="container col">
+              <label class="label" id="lbl_teamhome">Team Guest</label>
               <input type="text" id="championchip_results_setsteamguest" name="championchip_results_file"/>
             </div>
         </div>
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-      <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlggameresult').style.display='none'; return false;">oofbriechen</button>
-      <button class="w3-button w3-theme-l2  w3-margin-right w3-border" onclick="uploadgameresult();return false;">Eroplueden</button>
+    <footer class="container right-align padding-16">
+      <button class="button theme-light margin-right border" onclick="document.getElementById('dlggameresult').style.display='none'; return false;">oofbriechen</button>
+      <button class="button theme-l2  margin-right border" onclick="uploadgameresult();return false;">Eroplueden</button>
     </footer>
   </div>
 </div>
diff --git a/public_html/backoffice_old/tmpl/module/championship/games.tt b/public_html/backoffice_old/tmpl/module/championship/games.tt
index cf65ad8c..913b1ff0 100644
--- a/public_html/backoffice_old/tmpl/module/championship/games.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/games.tt
@@ -1,32 +1,32 @@
 [% PROCESS macro/fields.tt %]
 [% INCLUDE "module/$module/toolbar.tt" %]
-<div class="w3-container" id="tbl_csgames" style="margin-top: 50px;">
+<div class="container" id="tbl_csgames" style="margin-top: 50px;">
 </div>
-<div id="dlgcsgames" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div id="dlgcsgames" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgcsgames').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2 id="dlgpublish_title">Match änneren / setzen</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frm_csgames">
         [% fieldhidden("id","csgames","ident",'') %]
-        [% fieldselectbox("id_season","csgames","Saison",'w3-half','','') %]
-        [% fieldselectbox("id_division","csgames","Divisioun",'w3-half','','') %]
-        [% fieldeditbox("playday","csgames","Spilldag",'w3-quarter','','') %]
-        [% fielddatebox("playdate","csgames","Datum",'w3-third','','') %]
-        [% fieldselectbox("id_teamhome","csgames","Team Home",'w3-threequarter','','') %]
-        [% fieldeditbox("sets_teamhome","csgames","Sets Home",'w3-quarter','','') %]
-        [% fieldselectbox("id_teamguest","csgames","Team Guest",'w3-threequarter','','') %]
-        [% fieldeditbox("sets_teamguest","csgames","Sets Guest",'w3-quarter','','') %]
+        [% fieldselectbox("id_season","csgames","Saison",'half','','') %]
+        [% fieldselectbox("id_division","csgames","Divisioun",'half','','') %]
+        [% fieldeditbox("playday","csgames","Spilldag",'quarter','','') %]
+        [% fielddatebox("playdate","csgames","Datum",'third','','') %]
+        [% fieldselectbox("id_teamhome","csgames","Team Home",'threequarter','','') %]
+        [% fieldeditbox("sets_teamhome","csgames","Sets Home",'quarter','','') %]
+        [% fieldselectbox("id_teamguest","csgames","Team Guest",'threequarter','','') %]
+        [% fieldeditbox("sets_teamguest","csgames","Sets Guest",'quarter','','') %]
         [% fieldcheckbox("validated","csgames","Validéiert",'','','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-    <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgcsgames').style.display='none'; return false;">Oofbriechen</button>
-    <div class="w3-container w3-right-align">
-        <button class="w3-button w3-blue-grey w3-margin" onclick="saveform('csgames',closedlg);return false;">Spaicheren</button>
+    <footer class="container right-align padding-16">
+    <button class="button theme-light margin-right border" onclick="document.getElementById('dlgcsgames').style.display='none'; return false;">Oofbriechen</button>
+    <div class="container right-align">
+        <button class="button blue-grey margin" onclick="saveform('csgames',closedlg);return false;">Spaicheren</button>
       </div>
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/module/championship/highscores.tt b/public_html/backoffice_old/tmpl/module/championship/highscores.tt
index 92e6ea28..e4b1b6f3 100644
--- a/public_html/backoffice_old/tmpl/module/championship/highscores.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/highscores.tt
@@ -1,27 +1,27 @@
 [% PROCESS macro/fields.tt %]
-<div class="w3-top w3-border-bottom w3-theme-light">
-<div class="w3-bar">
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="parent.admin.loadpage('module/[% module %]/index.html','Championnat');return false;"><img src="[% abspath%]img/icons/target_white.svg" style="height: 24px;"/>Championnat</button>
+<div class="top border-bottom theme-light">
+<div class="bar">
+    <button class="bar-item button border blue-grey" onclick="parent.admin.loadpage('module/[% module %]/index.html','Championnat');return false;"><img src="[% abspath%]img/icons/target_white.svg" style="height: 24px;"/>Championnat</button>
     
     <div id="right_tlb">
-    <button class="w3-bar-item w3-button w3-border w3-right w3-red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
-     <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey tlbbtnlist" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
+     <button class="bar-item button border right blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
    </div>
     
 </div>
 </div>
-<div class="w3-display-container">
-<div class="w3-container" id="tbl_cshighscores" style="margin-top: 50px;"></div>
-<div id="dlgcshighscores" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div class="display-container">
+<div class="container" id="tbl_cshighscores" style="margin-top: 50px;"></div>
+<div id="dlgcshighscores" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgcshighscores').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2>Highscore androen</h2>
     </header>
-    <div class="w3-container">
-        [% fieldselectbox("playday","display","Spilldag",'w3-quarter','','') %]
+    <div class="container">
+        [% fieldselectbox("playday","display","Spilldag",'quarter','','') %]
       <form id="frm_cshighscores">
         [% fieldselectbox("id_game","cshighscores","Match",'','','') %]
         [% fieldhidden("id","cshighscores","ident",'') %]
@@ -32,9 +32,9 @@
         [% fieldtagbox("highcheck","cshighscores","High Check",'','','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-        <button class="w3-button w3-theme-light w3-border" onclick="document.getElementById('dlgcshighscores').style.display='none'; return false;">Oofbriechen</button>
-        <button class="w3-button w3-blue-grey w3-margin" id="btnsavehighscore" onclick="saveform('cshighscores',highscoresaved);return false;">Spaicheren</button>
+    <footer class="container right-align padding-16">
+        <button class="button theme-light border" onclick="document.getElementById('dlgcshighscores').style.display='none'; return false;">Oofbriechen</button>
+        <button class="button blue-grey margin" id="btnsavehighscore" onclick="saveform('cshighscores',highscoresaved);return false;">Spaicheren</button>
     </footer>
   </div>
 </div>
\ No newline at end of file
diff --git a/public_html/backoffice_old/tmpl/module/championship/index.js b/public_html/backoffice_old/tmpl/module/championship/index.js
index 58393224..87ae7fc4 100644
--- a/public_html/backoffice_old/tmpl/module/championship/index.js
+++ b/public_html/backoffice_old/tmpl/module/championship/index.js
@@ -149,9 +149,9 @@ function savegame(){
 
 function filesaved(data){
   var sb = document.getElementById("snackbar");
-  sb.className="show w3-green";
+  sb.className="show green";
   sb.innerHTML = 'den Spillstand gouf gespaichert!';
-  setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+  setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
   return false;
 }
 function getformdata(frmid){
@@ -192,9 +192,9 @@ function getformdata(frmid){
 function multipartformsaved(data){
   //console.log(data);
   var sb = document.getElementById("snackbar");
-  sb.className="show w3-green";
+  sb.className="show green";
   sb.innerHTML = 'Den Fichier gouf gespaichert!';
-  setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+  setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
   
   document.getElementById('dlgcsgames').style.display = 'none';
   if (afterformsaved.action){
@@ -229,9 +229,9 @@ function cleansets(){
 function aftercleansets(data){
   console.log(data);
   var sb = document.getElementById("snackbar");
-  sb.className="show w3-green";
+  sb.className="show green";
   sb.innerHTML = 'Den Fichier gouf gespaichert!';
-  setTimeout(function(){ sb.className = sb.className.replace("show w3-green", ""); }, 3000);
+  setTimeout(function(){ sb.className = sb.className.replace("show green", ""); }, 3000);
   
   document.getElementById('dlgcsgames').style.display = 'none';
   gettbldata();
diff --git a/public_html/backoffice_old/tmpl/module/championship/index.tt b/public_html/backoffice_old/tmpl/module/championship/index.tt
index e86ca9bd..251184e4 100644
--- a/public_html/backoffice_old/tmpl/module/championship/index.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/index.tt
@@ -3,31 +3,31 @@
 [% IF (session.usergroups.search('championship') == 1) %]
 [% inputdisabled = '' %]
 [% END %]
-<div class="w3-top w3-border-bottom w3-theme-light">
-<div class="w3-bar">
-    <button class="w3-bar-item w3-button w3-border w3-orange" onclick="edit(); return false;">Endstand androën</button>
+<div class="top border-bottom theme-light">
+<div class="bar">
+    <button class="bar-item button border orange" onclick="edit(); return false;">Endstand androën</button>
     [% IF (session.usergroups.search('championship') == 1) %]
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="parent.admin.loadpage('module/[% module %]/ranking.html','Konfiguratioun Saison');return false;">Konfiguratioun</button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="loadhighscores();return false;">Highscores</button>
+    <button class="bar-item button border right blue-grey" onclick="parent.admin.loadpage('module/[% module %]/ranking.html','Konfiguratioun Saison');return false;">Konfiguratioun</button>
+    <button class="bar-item button border right blue-grey" onclick="loadhighscores();return false;">Highscores</button>
     [% END %]
 </div>
 </div>
-<div class="w3-display-container">
-<div class="w3-container" id="tbl_csgames" style="margin-top: 50px;"></div>
-<div id="dlgcsgames" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div class="display-container">
+<div class="container" id="tbl_csgames" style="margin-top: 50px;"></div>
+<div id="dlgcsgames" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgcsgames').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2>Endstand androën</h2>
     </header>
-    <div class="w3-container">
-        [% fieldeditbox("season","display","Saison",'w3-quarter','readonly','') %]
-        [% fieldselectbox("division","display","Divisioun",'w3-quarter','readonly','') %]
-        [% fieldeditbox("playday","display","Spilldag",'w3-quarter','readonly','') %]
-        [% fieldeditbox("dspplaydate","display","Datum",'w3-quarter','readonly','') %]
-        [% fieldselectbox("teamhome","display","Doheem",'w3-half','readonly','') %]
-        [% fieldselectbox("teamguest","display","Auswärts",'w3-half','readonly','') %]
+    <div class="container">
+        [% fieldeditbox("season","display","Saison",'quarter','readonly','') %]
+        [% fieldselectbox("division","display","Divisioun",'quarter','readonly','') %]
+        [% fieldeditbox("playday","display","Spilldag",'quarter','readonly','') %]
+        [% fieldeditbox("dspplaydate","display","Datum",'quarter','readonly','') %]
+        [% fieldselectbox("teamhome","display","Doheem",'half','readonly','') %]
+        [% fieldselectbox("teamguest","display","Auswärts",'half','readonly','') %]
         [% fieldhidden("id_clubhome","csgames","",'') %]
         [% fieldhidden("id_clubguest","csgames","",'') %]
       <form id="frm_csgames">
@@ -35,34 +35,34 @@
         [% fieldhidden("uploadclub","form","",'') %]
         [% fieldhidden("id","csgames","ident",'') %]
         [% IF (session.usergroups.search('championship') == 1) %]
-        <div  class="w3-container" id="div_fld">
-        [% fieldeditbox("sets_teamhome","csgames","Sets Doheem",'w3-third','','') %]
-        [% fieldeditbox("sets_teamguest","csgames","Sets Auswärts",'w3-third','','') %]
-        [% fieldcheckbox("validated","csgames","Validéiert",'w3-third','','') %]
+        <div  class="container" id="div_fld">
+        [% fieldeditbox("sets_teamhome","csgames","Sets Doheem",'third','','') %]
+        [% fieldeditbox("sets_teamguest","csgames","Sets Auswärts",'third','','') %]
+        [% fieldcheckbox("validated","csgames","Validéiert",'third','','') %]
         </div>
         [% ELSE %]
-        <div  class="w3-container" id="div_fld">
-        [% fieldeditbox("sets_teamhome","csgames","Sets Doheem",'w3-third','readonly','') %]
-        [% fieldeditbox("sets_teamguest","csgames","Sets Auswärts",'w3-third','readonly','') %]
+        <div  class="container" id="div_fld">
+        [% fieldeditbox("sets_teamhome","csgames","Sets Doheem",'third','readonly','') %]
+        [% fieldeditbox("sets_teamguest","csgames","Sets Auswärts",'third','readonly','') %]
         </div>
         [% END %]
         
         <div id="div_teamhome">
-        [% fieldeditbox("result_teamhome","csgames","Endstand<br/>Doheem",'w3-third','','','0-0') %]
-        [% fieldfile("upload_teamhome","csgames","Spillbou<br/>Doheem","w3-twothird",'') %]
+        [% fieldeditbox("result_teamhome","csgames","Endstand<br/>Doheem",'third','','','0-0') %]
+        [% fieldfile("upload_teamhome","csgames","Spillbou<br/>Doheem","twothird",'') %]
         </div>
         <div id="div_teamguest">
-        [% fieldeditbox("result_teamguest","csgames","Endstand<br/>Auswärts",'w3-third','','','0-0') %]
-        [% fieldfile("upload_teamguest","csgames","Spillbou<br/>Auswärts",'w3-twothird','') %]
+        [% fieldeditbox("result_teamguest","csgames","Endstand<br/>Auswärts",'third','','','0-0') %]
+        [% fieldfile("upload_teamguest","csgames","Spillbou<br/>Auswärts",'twothird','') %]
         </div>
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
+    <footer class="container right-align padding-16">
     [% IF (session.usergroups.search('championship') == 1) %]
-        <button class="w3-button w3-red w3-border" onclick="cleansets(); return false;">Sets läschen</button>
+        <button class="button red border" onclick="cleansets(); return false;">Sets läschen</button>
     [% END %]
-        <button class="w3-button w3-theme-light w3-border" onclick="document.getElementById('dlgcsgames').style.display='none'; return false;">Oofbriechen</button>
-        <button class="w3-button w3-blue-grey w3-margin" id="btnsavegame" onclick="savegame();return false;">Spaicheren</button>
+        <button class="button theme-light border" onclick="document.getElementById('dlgcsgames').style.display='none'; return false;">Oofbriechen</button>
+        <button class="button blue-grey margin" id="btnsavegame" onclick="savegame();return false;">Spaicheren</button>
     </footer>
   </div>
 </div>
diff --git a/public_html/backoffice_old/tmpl/module/championship/ranking.tt b/public_html/backoffice_old/tmpl/module/championship/ranking.tt
index af570368..ee3e9311 100644
--- a/public_html/backoffice_old/tmpl/module/championship/ranking.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/ranking.tt
@@ -1,15 +1,15 @@
 [% PROCESS macro/fields.tt %]
 [% INCLUDE "module/$module/toolbar.tt" %]
-<div class="w3-container" id="tbl_csseasonranking" style="margin-top: 50px;">
+<div class="container" id="tbl_csseasonranking" style="margin-top: 50px;">
 </div>
-<div id="dlgcsseasonranking" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div id="dlgcsseasonranking" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgcsseasonranking').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2 id="dlgpublish_title">Ranking änneren / setzen</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frm_csseasonranking">
         [% fieldhidden("id","csseasonranking","ident",'') %]
         [% fieldselectbox("id_season","csseasonranking","Saison",'','','') %]
@@ -17,10 +17,10 @@
         [% fieldselectbox("id_team","csseasonranking","Equipe",'','','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-    <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgcsseasonranking').style.display='none'; return false;">Oofbriechen</button>
-    <div class="w3-container w3-right-align">
-        <button class="w3-button w3-blue-grey w3-margin" onclick="saveform('csseasonranking',closedlg);return false;">Spaicheren</button>
+    <footer class="container right-align padding-16">
+    <button class="button theme-light margin-right border" onclick="document.getElementById('dlgcsseasonranking').style.display='none'; return false;">Oofbriechen</button>
+    <div class="container right-align">
+        <button class="button blue-grey margin" onclick="saveform('csseasonranking',closedlg);return false;">Spaicheren</button>
       </div>
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/module/championship/seasons.tt b/public_html/backoffice_old/tmpl/module/championship/seasons.tt
index 67026e64..254ff02f 100644
--- a/public_html/backoffice_old/tmpl/module/championship/seasons.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/seasons.tt
@@ -1,24 +1,24 @@
 [% PROCESS macro/fields.tt %]
 [% INCLUDE "module/$module/toolbar.tt" %]
-<div class="w3-container" id="tbl_seasons" style="margin-top: 50px;">
+<div class="container" id="tbl_seasons" style="margin-top: 50px;">
 </div>
-<div id="dlgseasons" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div id="dlgseasons" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgseasons').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2 id="dlgpublish_title">Saison änneren / setzen</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frm_seasons">
         [% fieldhidden("id","csseasons",'ident','') %]
         [% fieldselectbox("season","csseasons","Saison",'','','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-    <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgseasons').style.display='none'; return false;">Oofbriechen</button>
-    <div class="w3-container w3-right-align">
-        <button class="w3-button w3-blue-grey w3-margin" onclick="saveform('seasons');return false;">Spaicheren</button>
+    <footer class="container right-align padding-16">
+    <button class="button theme-light margin-right border" onclick="document.getElementById('dlgseasons').style.display='none'; return false;">Oofbriechen</button>
+    <div class="container right-align">
+        <button class="button blue-grey margin" onclick="saveform('seasons');return false;">Spaicheren</button>
       </div>
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/module/championship/teams.tt b/public_html/backoffice_old/tmpl/module/championship/teams.tt
index 4d955d6e..93265cc6 100644
--- a/public_html/backoffice_old/tmpl/module/championship/teams.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/teams.tt
@@ -1,25 +1,25 @@
 [% PROCESS macro/fields.tt %]
 [% INCLUDE "module/$module/toolbar.tt" %]
-<div class="w3-container" id="tbl_teams" style="margin-top: 50px;">
+<div class="container" id="tbl_teams" style="margin-top: 50px;">
 </div>
-<div id="dlgteams" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div id="dlgteams" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgteams').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2 id="dlgpublish_title">Saison änneren / setzen</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frm_teams">
         [% fieldhidden("id","csteams",'ident','') %]
         [% fieldselectbox("team","csteams","Saison",'','','') %]
         [% fieldselectbox("id_club","csteams","Club",'','','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-    <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgteams').style.display='none'; return false;">Oofbriechen</button>
-    <div class="w3-container w3-right-align">
-        <button class="w3-button w3-blue-grey w3-margin" onclick="saveform('teams');return false;">Spaicheren</button>
+    <footer class="container right-align padding-16">
+    <button class="button theme-light margin-right border" onclick="document.getElementById('dlgteams').style.display='none'; return false;">Oofbriechen</button>
+    <div class="container right-align">
+        <button class="button blue-grey margin" onclick="saveform('teams');return false;">Spaicheren</button>
       </div>
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/module/championship/toolbar.tt b/public_html/backoffice_old/tmpl/module/championship/toolbar.tt
index ed648697..49a5e66a 100644
--- a/public_html/backoffice_old/tmpl/module/championship/toolbar.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/toolbar.tt
@@ -1,27 +1,27 @@
-<div class="w3-top w3-border-bottom w3-theme-light">
+<div class="top border-bottom theme-light">
 
-<div class="w3-bar">
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="parent.admin.loadpage('module/[% module%]/ranking.html',null);"><img src="[% abspath%]img/icons/target_white.svg" style="height: 24px;"/> Tabellen</button>
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="parent.admin.loadpage('module/[% module%]/games.html',null);"><img src="[% abspath%]img/icons/calendar_white.svg" style="height: 24px;"/>Matcher</button>
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="parent.admin.loadpage('module/[% module%]/seasons.html',null);"><img src="[% abspath%]img/icons/list_white.svg" style="height: 24px;"/>Saisonen</button>
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="parent.admin.loadpage('module/[% module%]/divisions.html',null);"><img src="[% abspath%]img/icons/list_white.svg" style="height: 24px;"/>Divisiounen</button>
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="parent.admin.loadpage('module/[% module%]/teams.html',null);"><img src="[% abspath%]img/icons/list_white.svg" style="height: 24px;"/>Teams</button>
+<div class="bar">
+    <button class="bar-item button border blue-grey" onclick="parent.admin.loadpage('module/[% module%]/ranking.html',null);"><img src="[% abspath%]img/icons/target_white.svg" style="height: 24px;"/> Tabellen</button>
+    <button class="bar-item button border blue-grey" onclick="parent.admin.loadpage('module/[% module%]/games.html',null);"><img src="[% abspath%]img/icons/calendar_white.svg" style="height: 24px;"/>Matcher</button>
+    <button class="bar-item button border blue-grey" onclick="parent.admin.loadpage('module/[% module%]/seasons.html',null);"><img src="[% abspath%]img/icons/list_white.svg" style="height: 24px;"/>Saisonen</button>
+    <button class="bar-item button border blue-grey" onclick="parent.admin.loadpage('module/[% module%]/divisions.html',null);"><img src="[% abspath%]img/icons/list_white.svg" style="height: 24px;"/>Divisiounen</button>
+    <button class="bar-item button border blue-grey" onclick="parent.admin.loadpage('module/[% module%]/teams.html',null);"><img src="[% abspath%]img/icons/list_white.svg" style="height: 24px;"/>Teams</button>
     
 
-    <button class="w3-bar-item w3-button w3-border w3-right w3-red" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
-    <!-- <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="duplicate();"><img src="[% abspath%]img/icons/duplicate_white.svg" style="height: 24px;"/></button> -->
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right red" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
+    <!-- <button class="bar-item button border right blue-grey" onclick="duplicate();"><img src="[% abspath%]img/icons/duplicate_white.svg" style="height: 24px;"/></button> -->
+    <button class="bar-item button border right blue-grey" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
    
 </div>
 </div>
   
   
-  <!--<div class="w3-bar w3-theme-l2">
-  <a href="javascript:parent.admin.loadpage('module/[% module %]/index.html','Resultater');" class="w3-bar-item w3-button">Resultater</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/seasons.html','Saisonen');" class="w3-bar-item w3-button">Saisonen</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/divisions.html','Divisiounen');" class="w3-bar-item w3-button">Divisiounen</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/teams.html','Equipen');" class="w3-bar-item w3-button">Equipen</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/days.html','Spilldeg');" class="w3-bar-item w3-button">Spilldeg</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/games.html','Matcher');" class="w3-bar-item w3-button">Matcher</a>
+  <!--<div class="bar theme-l2">
+  <a href="javascript:parent.admin.loadpage('module/[% module %]/index.html','Resultater');" class="bar-item button">Resultater</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/seasons.html','Saisonen');" class="bar-item button">Saisonen</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/divisions.html','Divisiounen');" class="bar-item button">Divisiounen</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/teams.html','Equipen');" class="bar-item button">Equipen</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/days.html','Spilldeg');" class="bar-item button">Spilldeg</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/games.html','Matcher');" class="bar-item button">Matcher</a>
   </div>-->
diff --git a/public_html/backoffice_old/tmpl/module/championship/toolbarindex.tt b/public_html/backoffice_old/tmpl/module/championship/toolbarindex.tt
index f791a69b..48439249 100644
--- a/public_html/backoffice_old/tmpl/module/championship/toolbarindex.tt
+++ b/public_html/backoffice_old/tmpl/module/championship/toolbarindex.tt
@@ -1,24 +1,24 @@
-<div class="w3-top w3-border-bottom w3-theme-light">
+<div class="top border-bottom theme-light">
 
-<div class="w3-bar">
+<div class="bar">
     
     
 
-    <button class="w3-bar-item w3-button w3-border w3-right w3-orange" onclick="edit(); return false;">Endstand androën</button>
-    <!-- <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="duplicate();"><img src="[% abspath%]img/icons/duplicate_white.svg" style="height: 24px;"/></button> -->
+    <button class="bar-item button border right orange" onclick="edit(); return false;">Endstand androën</button>
+    <!-- <button class="bar-item button border right blue-grey" onclick="duplicate();"><img src="[% abspath%]img/icons/duplicate_white.svg" style="height: 24px;"/></button> -->
     [% IF (session.usergroups.search('fld') == 1) %]
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="parent.admin.loadpage('module/[% module %]/ranking.html','Konfiguratioun Saison');return false;">Konfiguratioun</button>
+    <button class="bar-item button border right blue-grey" onclick="parent.admin.loadpage('module/[% module %]/ranking.html','Konfiguratioun Saison');return false;">Konfiguratioun</button>
     [% END %]
    
 </div>
 </div>
   
   
-  <!--<div class="w3-bar w3-theme-l2">
-  <a href="javascript:parent.admin.loadpage('module/[% module %]/index.html','Resultater');" class="w3-bar-item w3-button">Resultater</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/seasons.html','Saisonen');" class="w3-bar-item w3-button">Saisonen</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/divisions.html','Divisiounen');" class="w3-bar-item w3-button">Divisiounen</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/teams.html','Equipen');" class="w3-bar-item w3-button">Equipen</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/days.html','Spilldeg');" class="w3-bar-item w3-button">Spilldeg</a>
-    <a href="javascript:parent.admin.loadpage('module/[% module %]/games.html','Matcher');" class="w3-bar-item w3-button">Matcher</a>
+  <!--<div class="bar theme-l2">
+  <a href="javascript:parent.admin.loadpage('module/[% module %]/index.html','Resultater');" class="bar-item button">Resultater</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/seasons.html','Saisonen');" class="bar-item button">Saisonen</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/divisions.html','Divisiounen');" class="bar-item button">Divisiounen</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/teams.html','Equipen');" class="bar-item button">Equipen</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/days.html','Spilldeg');" class="bar-item button">Spilldeg</a>
+    <a href="javascript:parent.admin.loadpage('module/[% module %]/games.html','Matcher');" class="bar-item button">Matcher</a>
   </div>-->
diff --git a/public_html/backoffice_old/tmpl/module/dashboard/index.tt b/public_html/backoffice_old/tmpl/module/dashboard/index.tt
index 4c6fa1cc..218073ea 100644
--- a/public_html/backoffice_old/tmpl/module/dashboard/index.tt
+++ b/public_html/backoffice_old/tmpl/module/dashboard/index.tt
@@ -1,22 +1,22 @@
 [% appaccess = dksdb.prepare("select replace(ap.icon,'.svg','_white.svg') as icon,ap.app,ap.name,ug.usergroup from useringroups uig join apps ap on (uig.id_group=ap.id_usergroup)  join usergroups ug on (uig.id_group=ug.id) where uig.id_user=? and ap.app != 'dashboard' group by ap.id,ug.id order by ap.sort; ") %]
 
-<div class="w3-display-container">
-  <div class="w3-container">
-    <div class="w3-panel" id="msg"></div>
+<div class="display-container">
+  <div class="container">
+    <div class="panel" id="msg"></div>
   </div>
-    <div class="w3-container">
-      <div class="w3-row">
+    <div class="container">
+      <div class="row">
         
     [% FOREACH ap = appaccess.execute(session.id) %]
-    <div class="w3-col s6 m4 l3 " style="padding: 10px;">
+    <div class="col s6 m4 l3 " style="padding: 10px;">
     
-    <button onclick="parent.admin.loadpage('module/[% ap.app %]/index.html','[% ap.name %]');" class="w3-block w3-button w3-blue-grey w3-margin w3-padding-24" style="overflow: hidden;" >
+    <button onclick="parent.admin.loadpage('module/[% ap.app %]/index.html','[% ap.name %]');" class="block button blue-grey margin padding-24" style="overflow: hidden;" >
       <img src="[% abspath %]img/icons/[% ap.icon %]" style="width: 64px;"><br/>[% ap.name %]
     </button>
   </div>      
     [% END %]
-    <div class="w3-col s6 m4 l3" style="padding: 10px;">
-      <button onclick="parent.reload_page();" class="w3-block w3-button w3-blue-grey w3-margin w3-padding-24"  >
+    <div class="col s6 m4 l3" style="padding: 10px;">
+      <button onclick="parent.reload_page();" class="block button blue-grey margin padding-24"  >
       <img src="[% abspath %]img/icons/refresh_white.svg" style="width: 64px;"><br/>Site nei lueden
     </button>
     </div>
diff --git a/public_html/backoffice_old/tmpl/module/documents/dlgeditdocument.tt b/public_html/backoffice_old/tmpl/module/documents/dlgeditdocument.tt
index 57499a48..0cbe7d72 100644
--- a/public_html/backoffice_old/tmpl/module/documents/dlgeditdocument.tt
+++ b/public_html/backoffice_old/tmpl/module/documents/dlgeditdocument.tt
@@ -1,20 +1,20 @@
-<div id="dlgeditdocument" class="w3-modal">
+<div id="dlgeditdocument" class="modal">
 
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgeditdocument').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h3 id="dlgeditdocument_title">Fichier éditéieren</h3>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frm_editdocument">
         [% fieldhidden("id","documents",'ident','') %]
         [% fieldeditbox("filename","documents",'Fichier','','readonly') %]
         [% fieldrichtextarea("description","documents",'Beschreiwung','','200px;','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-    <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgeditdocument').style.display='none'; return false;">Oofbriechen</button>
+    <footer class="container right-align padding-16">
+    <button class="button theme-light margin-right border" onclick="document.getElementById('dlgeditdocument').style.display='none'; return false;">Oofbriechen</button>
       [% formdlgsavebutton('editdocument','Spaicheren','closeeditdialog') %]
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/module/documents/index.tt b/public_html/backoffice_old/tmpl/module/documents/index.tt
index d0bd9c0c..14ad59fe 100644
--- a/public_html/backoffice_old/tmpl/module/documents/index.tt
+++ b/public_html/backoffice_old/tmpl/module/documents/index.tt
@@ -1,26 +1,26 @@
 [% PROCESS macro/fields.tt %]
 [% USE date %]
 [% vstamp=date.format(date.now, '%d%m%Y%H') %]
-<div class="w3-display-container w3-padding-24">
-  <div class="w3-container w3-margin">
+<div class="display-container padding-24">
+  <div class="container margin">
   <h3>Dokumenter fir eroofzelueden</h3>
   
   [% IF session.usergroups.search('fld') == 1 %]
-  <button class="w3-button w3-blue-grey w3-border" onclick="opendlgfileupload('documents','download_document','');return false;"><img src="[% abspath%]img/icons/plus_white.svg" style="width: 20px;"/>&nbsp;Neien Fichier</button>
+  <button class="button blue-grey border" onclick="opendlgfileupload('documents','download_document','');return false;"><img src="[% abspath%]img/icons/plus_white.svg" style="width: 20px;"/>&nbsp;Neien Fichier</button>
   [% END %]
-  <ul class="w3-ul">
+  <ul class="ul">
       [% FOREACH doc=dksdb.query("select id,filename,folder,description,filetype from documents order by filename;") %]
-      <li class="w3-bar ">
+      <li class="bar ">
         [% IF session.usergroups.search('fld') == 1 %]
           <span onclick="deletedocument('[% doc.id %]');" 
-          class="w3-bar-item w3-button w3-right w3-red"><img src="[% abspath%]img/icons/remove_white.svg" style="width: 20px;"/></span>
+          class="bar-item button right red"><img src="[% abspath%]img/icons/remove_white.svg" style="width: 20px;"/></span>
           <span onclick="editdocument('[% doc.id %]');" 
-          class="w3-bar-item w3-button w3-right w3-blue-grey"><img src="[% abspath%]img/icons/edit_white.svg" style="width: 20px;"/></span>
+          class="bar-item button right blue-grey"><img src="[% abspath%]img/icons/edit_white.svg" style="width: 20px;"/></span>
         [% END %]
-        <a href="../../data/[% doc.folder %]/[% doc.filename %]?v=[% vstamp %]" class="w3-bar-item"  target="_blank"><img src="[% IF doc.filetype == 'pdf' %]../../data/[% doc.folder %]/thumb/[% doc.filename %].thumb.png[% ELSE %]../../img/icons/file/[% doc.filetype %].png[% END %]" style="margin-right: 15px; width: 64px;"/> </a>
+        <a href="../../data/[% doc.folder %]/[% doc.filename %]?v=[% vstamp %]" class="bar-item"  target="_blank"><img src="[% IF doc.filetype == 'pdf' %]../../data/[% doc.folder %]/thumb/[% doc.filename %].thumb.png[% ELSE %]../../img/icons/file/[% doc.filetype %].png[% END %]" style="margin-right: 15px; width: 64px;"/> </a>
              
-        <div class="w3-bar-item">
-          <a href="../../data/[% doc.folder %]/[% doc.filename %]?v=[% vstamp %]" target="_blank" class="w3-large">[% doc.filename %]</a><br/>
+        <div class="bar-item">
+          <a href="../../data/[% doc.folder %]/[% doc.filename %]?v=[% vstamp %]" target="_blank" class="large">[% doc.filename %]</a><br/>
           [% doc.description %]
       </div>
     </li>
diff --git a/public_html/backoffice_old/tmpl/module/events/index.tt b/public_html/backoffice_old/tmpl/module/events/index.tt
index 9c107660..2aee9ecf 100644
--- a/public_html/backoffice_old/tmpl/module/events/index.tt
+++ b/public_html/backoffice_old/tmpl/module/events/index.tt
@@ -1,32 +1,32 @@
 [% PROCESS macro/fields.tt %]
-<div class="w3-display-container">
-      <div class="w3-bar w3-theme-light">
-        <button class="w3-bar-item w3-button w3-border w3-right w3-red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
-     <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
+<div class="display-container">
+      <div class="bar theme-light">
+        <button class="bar-item button border right red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey tlbbtnlist" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
+     <button class="bar-item button border right blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
       </div>
       <div id="tbl_calendar"></div>
 </div>
-<div id="dlgevents" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div id="dlgevents" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgevents').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2 id="dlgpublish_title">Event</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frm_events">
         [% fieldhidden("id","events","ident",'') %]
-        [% fieldselectbox("season","events","Saison",'w3-half','','') %]
-        [% fieldselectbox("id_eventgroup","events","Kategorie",'w3-half','','') %]
+        [% fieldselectbox("season","events","Saison",'half','','') %]
+        [% fieldselectbox("id_eventgroup","events","Kategorie",'half','','') %]
         [% fieldeditbox("title","events","Titel",'','','') %]
-        [% fielddatebox("startdate","events","Datum vun",'w3-half','','') %]
-        [% fielddatebox("enddate","events","Datum bis",'w3-half','','') %]
+        [% fielddatebox("startdate","events","Datum vun",'half','','') %]
+        [% fielddatebox("enddate","events","Datum bis",'half','','') %]
         [% fieldrichtextarea("description","events","Beschreiwung",'','','150px','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-        <button class="w3-button w3-theme-light w3-border" onclick="document.getElementById('dlgevents').style.display='none'; return false;">Oofbriechen</button>
+    <footer class="container right-align padding-16">
+        <button class="button theme-light border" onclick="document.getElementById('dlgevents').style.display='none'; return false;">Oofbriechen</button>
         [% formdlgsavebutton('events','spaicheren','closeeditdialog') %]
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/module/forms/index.tt b/public_html/backoffice_old/tmpl/module/forms/index.tt
index 606f97da..c07b5227 100644
--- a/public_html/backoffice_old/tmpl/module/forms/index.tt
+++ b/public_html/backoffice_old/tmpl/module/forms/index.tt
@@ -1,14 +1,14 @@
 [% PROCESS macro/fields.tt %]
-<div class="w3-display-container">
-    <div class="w3-bar w3-theme-light">
-          <button onclick="parent.admin.loadpage('module/[% module %]/transfer.html?doctype=newlicense','Nei Lizenz');" class=" w3-button w3-bar-item w3-blue-grey w3-border">Nei Lizenz</button>
-          <button onclick="parent.admin.loadpage('module/[% module %]/transfer.html?doctype=transfer','Transfer');" class=" w3-button w3-blue-grey w3-bar-item w3-border">Transfer</button> 
-          <button onclick="parent.admin.loadpage('module/[% module %]/transfer.html?doctype=transferfree','Transfer');" class=" w3-button w3-blue-grey w3-bar-item w3-border">Transfer Libre</button>
-          <button onclick="parent.admin.loadpage('module/[% module %]/transfer.html?doctype=transferwinter','Wanter Transfer');" class=" w3-button w3-blue-grey w3-bar-item w3-border">Wanter Transfer</button>   
-          <button class="w3-bar-item w3-button w3-border w3-right w3-red" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>                
+<div class="display-container">
+    <div class="bar theme-light">
+          <button onclick="parent.admin.loadpage('module/[% module %]/transfer.html?doctype=newlicense','Nei Lizenz');" class=" button bar-item blue-grey border">Nei Lizenz</button>
+          <button onclick="parent.admin.loadpage('module/[% module %]/transfer.html?doctype=transfer','Transfer');" class=" button blue-grey bar-item border">Transfer</button> 
+          <button onclick="parent.admin.loadpage('module/[% module %]/transfer.html?doctype=transferfree','Transfer');" class=" button blue-grey bar-item border">Transfer Libre</button>
+          <button onclick="parent.admin.loadpage('module/[% module %]/transfer.html?doctype=transferwinter','Wanter Transfer');" class=" button blue-grey bar-item border">Wanter Transfer</button>   
+          <button class="bar-item button border right red" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>                
     </div>
-    <div class="w3-container" id="maintable">
+    <div class="container" id="maintable">
     <div id="tbl_transfer"></div>
     </div>
 </div>
\ No newline at end of file
diff --git a/public_html/backoffice_old/tmpl/module/forms/transfer.tt b/public_html/backoffice_old/tmpl/module/forms/transfer.tt
index 6fc3cfc3..cd72bb97 100644
--- a/public_html/backoffice_old/tmpl/module/forms/transfer.tt
+++ b/public_html/backoffice_old/tmpl/module/forms/transfer.tt
@@ -10,14 +10,14 @@
 [% dtk = params.doctype %]
 [% tid = params.id %]
 [% dt = doctypes.$dtk %]
-<div class="w3-display-container">
-  <div class="w3-bar w3-theme-light">
-          <button onclick="parent.admin.loadpage('module/[% module %]/index.html','Formulairen');" class=" w3-button w3-bar-item w3-blue-grey w3-border">Zrëck zur Lëscht
+<div class="display-container">
+  <div class="bar theme-light">
+          <button onclick="parent.admin.loadpage('module/[% module %]/index.html','Formulairen');" class=" button bar-item blue-grey border">Zrëck zur Lëscht
           </button>
            
                          
     </div>
- <div class="w3-container w3-margin"> 
+ <div class="container margin"> 
   [% #Dumper.dump(params) %]
   [% #Dumper.dump(dtk) %]
   [% #Dumper.dump(dt) %]
@@ -26,64 +26,64 @@
         
         
     <form id="frm_requesterclub">         
-    <div class="w3-row w3-card w3-padding-24">
+    <div class="row card padding-24">
 
-      [% fieldselectbox('id_newclub','transfer','Fir den Club','w3-third','') %]
+      [% fieldselectbox('id_newclub','transfer','Fir den Club','third','') %]
       [% IF dtk == 'newlicense' %]
-         [% #fieldfile('transferfile','transfer','Formulaire Nei Lizenz (PDF)','w3-third','','') %]
-        [% #fieldfile('transferphoto','transfer','Foto','w3-third','','') %]
+         [% #fieldfile('transferfile','transfer','Formulaire Nei Lizenz (PDF)','third','','') %]
+        [% #fieldfile('transferphoto','transfer','Foto','third','','') %]
       [% END %]
     </div>
     </form>
     [% IF dtk == 'newlicense' %]
-    <div class="w3-row w3-card w3-padding-24">   
-        <div class="w3-container">
+    <div class="row card padding-24">   
+        <div class="container">
           <h3>Perséinlech Donnéen vum Demandeur</h3>
         </div>
 
-      <div class="w3-container">
+      <div class="container">
         <form id="frm_userdata">  
         [% fieldhidden('id','transfer','ident',tid) %]
         [% fieldhidden('documenttype','transfer','',dtk) %]
-        [% fieldeditbox('surname','transfer','Numm','w3-half','') %]
-          [% fieldeditbox('prename','transfer','Virnumm','w3-half','') %]
+        [% fieldeditbox('surname','transfer','Numm','half','') %]
+          [% fieldeditbox('prename','transfer','Virnumm','half','') %]
           [% fieldeditbox('address','transfer','Address','','') %]
-          [% fieldeditbox('zip','transfer','CP','w3-quarter','') %]
-          [% fieldeditbox('city','transfer','Uerschaft','w3-half','') %]
-          [% fieldeditbox('country','transfer','Land','w3-quarter','') %]
+          [% fieldeditbox('zip','transfer','CP','quarter','') %]
+          [% fieldeditbox('city','transfer','Uerschaft','half','') %]
+          [% fieldeditbox('country','transfer','Land','quarter','') %]
         </div>
-          <div class="w3-container">
-                  [% fieldeditbox('phone','transfer','Telefon','w3-half','') %]
-                  [% fieldeditbox('email','transfer','E-Mail','w3-half','') %]
-                  [% fieldeditbox('nationality','transfer','Nationalitéit','w3-half','') %]
-                  [% fielddatebox('birthday','transfer','Gebuertsdatum','w3-half','') %]
+          <div class="container">
+                  [% fieldeditbox('phone','transfer','Telefon','half','') %]
+                  [% fieldeditbox('email','transfer','E-Mail','half','') %]
+                  [% fieldeditbox('nationality','transfer','Nationalitéit','half','') %]
+                  [% fielddatebox('birthday','transfer','Gebuertsdatum','half','') %]
           </div>
         </form>
           
-         <div class="w3-container w3-right-align">
-          <button class="w3-button w3-blue-grey" onclick="saveuserdata();return false;">spaichern</button>
+         <div class="container right-align">
+          <button class="button blue-grey" onclick="saveuserdata();return false;">spaichern</button>
         </div>
     </div>
     
-    <div class="w3-row w3-card w3-padding-24">
-    <div class="w3-container"><h3>Accord neien Club</h3></div>
-    <div class="w3-container">
+    <div class="row card padding-24">
+    <div class="container"><h3>Accord neien Club</h3></div>
+    <div class="container">
       [% fieldhidden('newclub_id_president','transfer') %]
-      [% fieldeditbox('newclub_presidentname','onlydisplay','President','w3-quarter','readonly') %]
-      [% fielddatebox('newclub_sigdate_president','transfer','Datum','w3-quarter','') %]
-      [% fieldpasswordbox('newclub_president_sig','transfer','Passwuert','w3-quarter','') %]
-      <div class="w3-container w3-right-align w3-quarter w3-padding-24">
-        <button class="w3-button w3-blue-grey "> Ënnerschreiwen (Président)</button>
+      [% fieldeditbox('newclub_presidentname','onlydisplay','President','quarter','readonly') %]
+      [% fielddatebox('newclub_sigdate_president','transfer','Datum','quarter','') %]
+      [% fieldpasswordbox('newclub_president_sig','transfer','Passwuert','quarter','') %]
+      <div class="container right-align quarter padding-24">
+        <button class="button blue-grey "> Ënnerschreiwen (Président)</button>
       </div>
     </div>
     
-    <div class="w3-container">
+    <div class="container">
             [% fieldhidden('newclub_id_tresorier','transfer') %]
-            [% fieldeditbox('newclub_tresoriername','onlydisplay','Trésorier','w3-quarter','readonly') %]
-            [% fielddatebox('newclub_sigdate_trresorier','transfer','Datum','w3-quarter','') %]
-            [% fieldpasswordbox('newclub_tresorier_sig','transfer','Passwuert','w3-quarter','') %]
-            <div class="w3-container w3-right-align w3-quarter w3-padding-24">
-                <button class="w3-button w3-blue-grey" > Ënnerschreiwen (Trésorier)</button>
+            [% fieldeditbox('newclub_tresoriername','onlydisplay','Trésorier','quarter','readonly') %]
+            [% fielddatebox('newclub_sigdate_trresorier','transfer','Datum','quarter','') %]
+            [% fieldpasswordbox('newclub_tresorier_sig','transfer','Passwuert','quarter','') %]
+            <div class="container right-align quarter padding-24">
+                <button class="button blue-grey" > Ënnerschreiwen (Trésorier)</button>
             </div>
     </div>
             
@@ -92,59 +92,59 @@
     
         
     [% IF dtk == 'transfer' || dtk == 'transferfree' || dtk == 'transferwinter' %]
-    <div class="w3-row w3-card w3-padding-24">   
-        <div class="w3-container">
+    <div class="row card padding-24">   
+        <div class="container">
       
-        [% fieldselectbox('id_member','transfer','Auswiel Member','w3-half','') %]
-        [% fieldeditbox('license','transfer','Lizenz','w3-quarter','readonly') %]
+        [% fieldselectbox('id_member','transfer','Auswiel Member','half','') %]
+        [% fieldeditbox('license','transfer','Lizenz','quarter','readonly') %]
         <div class="container">
           [% fieldrichtextarea('note','member','Remarque (aktuellen Club)','','readonly','100px','') %]
         </div>
       </div>
       </div>
-      <div class="w3-row w3-card w3-padding-24">
-    <div class="w3-container"><h3>Accord neien Club</h3></div>
-    <div class="w3-container">
+      <div class="row card padding-24">
+    <div class="container"><h3>Accord neien Club</h3></div>
+    <div class="container">
       [% fieldhidden('newclub_id_president','transfer') %]
-      [% fieldeditbox('newclub_presidentname','onlydisplay','President','w3-quarter','readonly') %]
-      [% fielddatebox('newclub_sigdate_president','transfer','Datum','w3-quarter','') %]
-      [% fieldpasswordbox('newclub_president_sig','transfer','Passwuert','w3-quarter','') %]
-      <div class="w3-container w3-right-align w3-quarter w3-padding-24">
-        <button class="w3-button w3-blue-grey "> Ënnerschreiwen (Président)</button>
+      [% fieldeditbox('newclub_presidentname','onlydisplay','President','quarter','readonly') %]
+      [% fielddatebox('newclub_sigdate_president','transfer','Datum','quarter','') %]
+      [% fieldpasswordbox('newclub_president_sig','transfer','Passwuert','quarter','') %]
+      <div class="container right-align quarter padding-24">
+        <button class="button blue-grey "> Ënnerschreiwen (Président)</button>
       </div>
     </div>
     
-    <div class="w3-container">
+    <div class="container">
             [% fieldhidden('newclub_id_tresorier','transfer') %]
-            [% fieldeditbox('newclub_tresoriername','onlydisplay','Trésorier','w3-quarter','readonly') %]
-            [% fielddatebox('newclub_sigdate_trresorier','transfer','Datum','w3-quarter','') %]
-            [% fieldpasswordbox('newclub_tresorier_sig','transfer','Passwuert','w3-quarter','') %]
-            <div class="w3-container w3-right-align w3-quarter w3-padding-24">
-                <button class="w3-button w3-blue-grey" > Ënnerschreiwen (Trésorier)</button>
+            [% fieldeditbox('newclub_tresoriername','onlydisplay','Trésorier','quarter','readonly') %]
+            [% fielddatebox('newclub_sigdate_trresorier','transfer','Datum','quarter','') %]
+            [% fieldpasswordbox('newclub_tresorier_sig','transfer','Passwuert','quarter','') %]
+            <div class="container right-align quarter padding-24">
+                <button class="button blue-grey" > Ënnerschreiwen (Trésorier)</button>
             </div>
     </div>
             
     </div>
     [% IF dtk == 'transfer'  ||  dtk == 'transferwinter' %]
-    <div class="w3-row w3-card w3-padding-24">
-    <div class="w3-container"><h3>Accord/Signatur aalen Club</h3></div>
-    <div class="w3-container">
+    <div class="row card padding-24">
+    <div class="container"><h3>Accord/Signatur aalen Club</h3></div>
+    <div class="container">
       [% fieldhidden('oldclub_id_president','transfer') %]
-      [% fieldeditbox('oldclub_presidentname','onlydisplay','President','w3-quarter','readonly') %]
-      [% fielddatebox('oldclub_sigdate_president','transfer','Datum','w3-quarter','') %]
-      [% fieldpasswordbox('oldclub_president_sig','transfer','Passwuert','w3-quarter','') %]
-      <div class="w3-container w3-right-align w3-quarter w3-padding-24">
-        <button class="w3-button w3-blue-grey "> Ënnerschreiwen (Président)</button>
+      [% fieldeditbox('oldclub_presidentname','onlydisplay','President','quarter','readonly') %]
+      [% fielddatebox('oldclub_sigdate_president','transfer','Datum','quarter','') %]
+      [% fieldpasswordbox('oldclub_president_sig','transfer','Passwuert','quarter','') %]
+      <div class="container right-align quarter padding-24">
+        <button class="button blue-grey "> Ënnerschreiwen (Président)</button>
       </div>
     </div>
     
-    <div class="w3-container">
+    <div class="container">
             [% fieldhidden('oldclub_id_tresorier','transfer') %]
-            [% fieldeditbox('oldclub_tresoriername','onlydisplay','Trésorier','w3-quarter','readonly') %]
-            [% fielddatebox('oldclub_sigdate_trresorier','transfer','Datum','w3-quarter','') %]
-            [% fieldpasswordbox('oldclub_tresorier_sig','transfer','Passwuert','w3-quarter','') %]
-            <div class="w3-container w3-right-align w3-quarter w3-padding-24">
-                <button class="w3-button w3-blue-grey" > Ënnerschreiwen (Trésorier)</button>
+            [% fieldeditbox('oldclub_tresoriername','onlydisplay','Trésorier','quarter','readonly') %]
+            [% fielddatebox('oldclub_sigdate_trresorier','transfer','Datum','quarter','') %]
+            [% fieldpasswordbox('oldclub_tresorier_sig','transfer','Passwuert','quarter','') %]
+            <div class="container right-align quarter padding-24">
+                <button class="button blue-grey" > Ënnerschreiwen (Trésorier)</button>
             </div>
     </div>
             
@@ -155,36 +155,36 @@
     [% #END %]
     [% #IF dtk == 'transfer' || dtk == 'freetransfer' || dtk == 'wintertransfer' %]
     <!-- 
-        <div class="w3-container">
+        <div class="container">
             <h3>Accord/Signatur aalen Club</h3>
         </div>
-        <div class="w3-container">
+        <div class="container">
             [% fieldhidden('id_oldclub','transfer') %]
             [% fieldeditbox('oldclub_name','onlydisplay','Club','','readonly') %]
         </div>
         
-        <div class="w3-container">
+        <div class="container">
         [% fieldhidden('oldclub_id_president','transfer') %]
-        [% fieldeditbox('oldclub_presidentname','onlydisplay','President','w3-quarter','readonly') %]
-        [% fielddatebox('oldclub_sigdate_president','transfer','Datum','w3-quarter','') %]
-        [% fieldeditbox('oldclub_president_license_check','transfer','Lizenz-Nummer vum Président','w3-quarter','') %]
-        [% fieldpasswordbox('oldclub_president_sig','transfer','Passwuert vum Président','w3-quarter','') %]
+        [% fieldeditbox('oldclub_presidentname','onlydisplay','President','quarter','readonly') %]
+        [% fielddatebox('oldclub_sigdate_president','transfer','Datum','quarter','') %]
+        [% fieldeditbox('oldclub_president_license_check','transfer','Lizenz-Nummer vum Président','quarter','') %]
+        [% fieldpasswordbox('oldclub_president_sig','transfer','Passwuert vum Président','quarter','') %]
         </div>
-        <div class="w3-container w3-right-align w3-padding-24">
-            <button class="w3-button w3-blue-grey" > Ënnerschreiwen (Président)</button>
+        <div class="container right-align padding-24">
+            <button class="button blue-grey" > Ënnerschreiwen (Président)</button>
         </div>
-        <div class="w3-container">
+        <div class="container">
         [% fieldhidden('oldclub_id_tresorier','transfer') %]
-        [% fieldeditbox('oldclub_tresoriername','onlydisplay','Trésorier','w3-quarter','readonly') %]
-        [% fielddatebox('oldclub_sigdate_trresorier','transfer','Datum','w3-quarter','') %]
-        [% fieldeditbox('oldclub_tresorier_license_check','transfer','Lizenz-Nummer vum trésorier','w3-quarter','') %]
-        [% fieldpasswordbox('oldclub_president_sig','transfer','Passwuert vum Trésorier','w3-quarter','') %]
+        [% fieldeditbox('oldclub_tresoriername','onlydisplay','Trésorier','quarter','readonly') %]
+        [% fielddatebox('oldclub_sigdate_trresorier','transfer','Datum','quarter','') %]
+        [% fieldeditbox('oldclub_tresorier_license_check','transfer','Lizenz-Nummer vum trésorier','quarter','') %]
+        [% fieldpasswordbox('oldclub_president_sig','transfer','Passwuert vum Trésorier','quarter','') %]
         </div>
-        <div class="w3-container w3-right-align w3-padding-24">
-            <button class="w3-button w3-blue-grey" > Ënnerschreiwen (Trésorier)</button>
+        <div class="container right-align padding-24">
+            <button class="button blue-grey" > Ënnerschreiwen (Trésorier)</button>
         </div>
-        <div class="w3-container">
-            <div class="w3-container">
+        <div class="container">
+            <div class="container">
                 [% fieldcheckbox('refused_oldclub','transfer','Refus','','') %]
                 [% fieldtextarea('oldclub_note','transfer','Note (obligatoresch beim Refus)','','','100px','') %]
             </div>
@@ -198,27 +198,27 @@
             <h3>Accord/Signatur FLD</h3>
         </div>
         <form id="frm_fld">
-        <div class="w3-container">
-            [% fieldeditbox('license','transfer','Nei Lizenz-Nummer','w3-quarter',fldro) %]
+        <div class="container">
+            [% fieldeditbox('license','transfer','Nei Lizenz-Nummer','quarter',fldro) %]
           </div>
-        <div class="w3-container">
+        <div class="container">
             
-            [% fielddatebox('fld_sigdate','transfer','Datum','w3-quarter',fldro) %]
+            [% fielddatebox('fld_sigdate','transfer','Datum','quarter',fldro) %]
             
-            [% fieldselectbox('fld_id_member','transfer','FLD-Member','w3-quarter','readonly') %]
-            [% fieldpasswordbox('fld_member_sig','transfer',"Passwuert",'w3-quarter',fldro) %]
+            [% fieldselectbox('fld_id_member','transfer','FLD-Member','quarter','readonly') %]
+            [% fieldpasswordbox('fld_member_sig','transfer',"Passwuert",'quarter',fldro) %]
             </div>
            
-        <div class="w3-container">
-            <div class="w3-container">
+        <div class="container">
+            <div class="container">
                 [% fieldcheckbox('refused_fld','transfer','Refus','',fldro) %]
                 [% fieldtextarea('fld_note','transfer','Note (obligatoresch beim Refus)','','','100px',fldro) %]
             </div>
         </div>
         </form>
         [% IF fldro == ''  %]
-         <div class="w3-container w3-right-align w3-padding-24">
-                <button class="w3-button w3-blue-grey" onclick="savefld();return false;"> Ënnerschreiwen (FLD)</button>
+         <div class="container right-align padding-24">
+                <button class="button blue-grey" onclick="savefld();return false;"> Ënnerschreiwen (FLD)</button>
             </div>
         [% END %]
     </div>
diff --git a/public_html/backoffice_old/tmpl/module/licenses/club.js b/public_html/backoffice_old/tmpl/module/licenses/club.js
index 7ef73f09..d0304c3a 100644
--- a/public_html/backoffice_old/tmpl/module/licenses/club.js
+++ b/public_html/backoffice_old/tmpl/module/licenses/club.js
@@ -126,7 +126,7 @@ function editlocation(){
   if (selectedData && selectedData.length > 0){
     req.reqdata("POST","db.cgi",{"get":"locationlist","filter":"id=" + selectedData[0].id +""},showeditlocation);
   } else {
-    showsnackbar("w3-orange","Keen Spilluert ausgewielt!");
+    showsnackbar("orange","Keen Spilluert ausgewielt!");
   }
   
   return false;
@@ -224,7 +224,7 @@ function deletelocation(){
     }
     
   } else {
-    showsnackbar("w3-orange","Keen Spilluert ausgewielt!");
+    showsnackbar("orange","Keen Spilluert ausgewielt!");
   }
   
   return false;
diff --git a/public_html/backoffice_old/tmpl/module/licenses/club.tt b/public_html/backoffice_old/tmpl/module/licenses/club.tt
index d4c73f69..cfbe783f 100644
--- a/public_html/backoffice_old/tmpl/module/licenses/club.tt
+++ b/public_html/backoffice_old/tmpl/module/licenses/club.tt
@@ -13,69 +13,69 @@
 [% IF ((session.usergroups.search('club') == 1 && udef == session.id)  || (session.usergroups.search('fld') == 1)) %]
 [% inputdisabled = '' %]
 [% END %]
-<div class="w3-display-container" style="margin-top: 50px;">
-  <div class="w3-row">
-    <div class="w3-col l10">
+<div class="display-container" style="margin-top: 50px;">
+  <div class="row">
+    <div class="col l10">
   <form id="frm_clubs">
   [% fieldhidden('id','clubs','ident') %]
-  <div class="w3-container w3-padding-24 w3-card w3-margin">
-    <div class="w3-container">
+  <div class="container padding-24 card margin">
+    <div class="container">
     [% fieldeditbox('club','clubs','Numm vum Club','',inputdisabled) %]
   </div>
-  <div class="w3-container">
+  <div class="container">
         <h4>Spilluerter</h4>
-          <div class="w3-container">
+          <div class="container">
           [% IF inputdisabled == '' %]
-            <button class="w3-button w3-blue-grey" onclick="newlocation();return false;">Neien Spilluert</button>
-            <button class="w3-button w3-blue-grey" onclick="editlocation();return false;">Spilluert änneren</button>
-            <button class="w3-button w3-red" id="btn_deletelocation" onclick="deletelocation();return false;">Spilluert läschen</button>
+            <button class="button blue-grey" onclick="newlocation();return false;">Neien Spilluert</button>
+            <button class="button blue-grey" onclick="editlocation();return false;">Spilluert änneren</button>
+            <button class="button red" id="btn_deletelocation" onclick="deletelocation();return false;">Spilluert läschen</button>
           [% END %]
           </div>
-          <div class="w3-container">
+          <div class="container">
             <div id="tbl_locations"></div>
           </div>
       </div>
-  <div class="w3-container">
+  <div class="container">
     <h4>Responsabel Memberen</h4>
-    [% fieldselectbox('id_president','clubs','President','w3-third',inputdisabled) %]
-  [% fieldselectbox('id_secretaire','clubs','Sektretär','w3-third',inputdisabled) %]
-  [% fieldselectbox('id_tresorier','clubs','Trésorier','w3-third',inputdisabled) %]
+    [% fieldselectbox('id_president','clubs','President','third',inputdisabled) %]
+  [% fieldselectbox('id_secretaire','clubs','Sektretär','third',inputdisabled) %]
+  [% fieldselectbox('id_tresorier','clubs','Trésorier','third',inputdisabled) %]
   </div>
-  <div class="w3-container">
+  <div class="container">
       <h4>Courrier E-mail-Addressen</h4>
       [% fieldtagbox('emails','clubs','E-Mail-Addressen fir den Courrier','',inputdisabled) %]
       <h4>Courrier Facturations-Address</h4>
-      [% fieldeditbox('surname','clubs','Numm','w3-half',inputdisabled) %]
-      [% fieldeditbox('prename','clubs','Virnumm','w3-half',inputdisabled) %]
+      [% fieldeditbox('surname','clubs','Numm','half',inputdisabled) %]
+      [% fieldeditbox('prename','clubs','Virnumm','half',inputdisabled) %]
       [% fieldeditbox('address','clubs','Address','',inputdisabled) %]
-      [% fieldeditbox('zip','clubs','CP','w3-quarter',inputdisabled) %]
-      [% fieldeditbox('city','clubs','Uerschaft','w3-half',inputdisabled) %]
-      [% fieldeditbox('country','clubs','Land','w3-quarter',inputdisabled) %]
+      [% fieldeditbox('zip','clubs','CP','quarter',inputdisabled) %]
+      [% fieldeditbox('city','clubs','Uerschaft','half',inputdisabled) %]
+      [% fieldeditbox('country','clubs','Land','quarter',inputdisabled) %]
   </div>
   [% IF inputdisabled == '' %]
-  <div class="w3-container w3-right-align">
-      <button class="w3-button w3-blue-grey w3-margin" onclick="saveform('clubs');return false;">Spaicheren</button>
+  <div class="container right-align">
+      <button class="button blue-grey margin" onclick="saveform('clubs');return false;">Spaicheren</button>
     </div> 
     [% END %]
   </div>
   </form>
   </div>
-  <div class="w3-col l6">
+  <div class="col l6">
       
   </div>
   </div>
 
 </div>
 <!-- DLG location -->
-<div id="dlglocation" class="w3-modal">
+<div id="dlglocation" class="modal">
 
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlglocation').style.display='none'; return false;" 
-      class="w3-button w3-display-topright">&times;</span>
+      class="button display-topright">&times;</span>
       <h2>Spilluert</h2>
     </header>
-<div class="w3-container">
+<div class="container">
             <form id="frm_locations">
             <h5>Spilluert fir</h5>
             [% fieldtagbox('teams','locations','Numm vun den Équipe(n)','','') %]
@@ -84,16 +84,16 @@
               [% fieldhidden('id_club','locations','') %]
               [% fieldeditbox('location','locations','Numm','','') %]
               [% fieldeditbox('address','locations','Address','','') %]
-              [% fieldeditbox('zip','locations','CP','w3-quarter','') %]
-              [% fieldeditbox('city','locations','Uerschaft','w3-half','') %]
-              [% fieldeditbox('country','locations','Land','w3-quarter','') %]
+              [% fieldeditbox('zip','locations','CP','quarter','') %]
+              [% fieldeditbox('city','locations','Uerschaft','half','') %]
+              [% fieldeditbox('country','locations','Land','quarter','') %]
               [% fieldeditbox('phone','locations','Telefon','','') %]
              
               </form>
           </div>
-<footer class="w3-container w3-right-align w3-padding-16">
-       <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlglocation').style.display='none'; return false;">oofbriechen</button>
-      <button class="w3-button w3-blue-grey w3-margin" onclick="savelocation();return false;">Spaicheren</button>
+<footer class="container right-align padding-16">
+       <button class="button theme-light margin-right border" onclick="document.getElementById('dlglocation').style.display='none'; return false;">oofbriechen</button>
+      <button class="button blue-grey margin" onclick="savelocation();return false;">Spaicheren</button>
                   
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/module/licenses/index.tt b/public_html/backoffice_old/tmpl/module/licenses/index.tt
index b3376262..3a9cd9d6 100644
--- a/public_html/backoffice_old/tmpl/module/licenses/index.tt
+++ b/public_html/backoffice_old/tmpl/module/licenses/index.tt
@@ -1,7 +1,7 @@
 
-<div class="w3-display-container">
-<div id="clublist" class="w3-container">
-<ul class="w3-ul">
+<div class="display-container">
+<div id="clublist" class="container">
+<ul class="ul">
 [% FOREACH clubs=dksdb.query("select cl.id,cl.club,replace(cl.club,'''','\\''') as clublink,cl.link,cl.logo,count(distinct(lic.id)) as licenses,count(distinct(cst.id)) as teams
 from vw_clublist cl 
 left join vw_licenselist lic on (cl.id=lic.id_club) 
@@ -10,10 +10,10 @@ left join (select ct.* from csteams ct join csseasonranking csr on (csr.id_team=
 where lic.status='aktiv' and (cl.status is null or cl.status='individual')
 group by cl.id,cl.club,cl.link,cl.logo order by cl.club;"); %] 
       
-      <li class="w3-bar w3-hover-grey" onclick="parent.admin.loadpage('module/[% module %]/licenses.html?id=[% clubs.id %]','[% clubs.clublink %]');" style="cursor: pointer;">
-        <img src="[% abspath %]../media/clubs/[% IF clubs.logo %][% clubs.logo %][% ELSE %]logo_club.png[% END %]?v=[% vstamp %]" alt="Logo [% clubs.club %]" class="w3-bar-item" style="margin-right: 15px; width: 100px;">   
-        <div class="w3-bar-item ">
-          <span class="w3-xlarge">[% clubs.club %]</span><br/>
+      <li class="bar hover-grey" onclick="parent.admin.loadpage('module/[% module %]/licenses.html?id=[% clubs.id %]','[% clubs.clublink %]');" style="cursor: pointer;">
+        <img src="[% abspath %]../media/clubs/[% IF clubs.logo %][% clubs.logo %][% ELSE %]logo_club.png[% END %]?v=[% vstamp %]" alt="Logo [% clubs.club %]" class="bar-item" style="margin-right: 15px; width: 100px;">   
+        <div class="bar-item ">
+          <span class="xlarge">[% clubs.club %]</span><br/>
           <strong>Lizenzen:</strong>&nbsp;<span>[% clubs.licenses %]</span>&nbsp;<strong>&Eacute;quipen:</strong>&nbsp;<span>[% clubs.teams %]</span>
       </div>
     </li>
diff --git a/public_html/backoffice_old/tmpl/module/licenses/licenses.tt b/public_html/backoffice_old/tmpl/module/licenses/licenses.tt
index 5178f3e9..28759dbf 100644
--- a/public_html/backoffice_old/tmpl/module/licenses/licenses.tt
+++ b/public_html/backoffice_old/tmpl/module/licenses/licenses.tt
@@ -1,29 +1,29 @@
 [% INCLUDE "module/$module/toolbar.tt" %]
 <br/>
-<div class="w3-display-container w3-margin">
-  <div class="w3-row">
+<div class="display-container margin">
+  <div class="row">
 [% qclubs = dksdb.prepare("select ml.id,ml.link,ml.prename,ml.surname,ml.status,ll.license,ml.nationality,to_char(ml.birthday,'DD.MM.YYYY') as dspbirthday,ml.profile_photo,extract(epoch from ml.modified) as modified from vw_licenselist ll join members ml on (ll.id_member=ml.id) where ll.id_club=? and ll.yearin is not null and ll.yearout is null
 order by ml.surname,prename;") %]
 [% FOREACH cl = qclubs.execute(params.id) %]
 
-<div class="w3-card  w3-margin">
-  <div class="w3-container w3-theme w3-padding-small"><h3>[% cl.prename %] [% cl.surname %]</h3></div>
-  <div class="w3-row">
-  <div class="w3-container w3-half w3-padding-24 w3-border-right"><img src="[% abspath %][% IF cl.profile_photo %]data/members/[% cl.profile_photo %]?upd=[% cl.modified %][% ELSE %]data/noprofileimg.png[% END %]" style="height: 200px;" />
-    <table class="w3-table"><tbody>
-    [% IF cl.status == "suspended" %]<tr><th colspan="2"><span class="w3-text-red">License suspendue</span></th></tr>[% END  %]
+<div class="card  margin">
+  <div class="container theme padding-small"><h3>[% cl.prename %] [% cl.surname %]</h3></div>
+  <div class="row">
+  <div class="container half padding-24 border-right"><img src="[% abspath %][% IF cl.profile_photo %]data/members/[% cl.profile_photo %]?upd=[% cl.modified %][% ELSE %]data/noprofileimg.png[% END %]" style="height: 200px;" />
+    <table class="table"><tbody>
+    [% IF cl.status == "suspended" %]<tr><th colspan="2"><span class="text-red">License suspendue</span></th></tr>[% END  %]
     <tr><th style="width: 160px;"><strong>Lizenz: </strong></th><td>[% cl.license %]</td></tr>
     <tr><th><strong>Nationalitéit: </strong></th><td>[% cl.nationality %]</td></tr>
       <tr><th><strong>Geburtsdatum: </strong></th><td>[% cl.dspbirthday %]</td></tr>
     </tbody></table>
   </div>
-  <div class="w3-container w3-half w3-padding-24" >
-    <table class="w3-table"><tbody>
+  <div class="container half padding-24" >
+    <table class="table"><tbody>
         [% licenses = dksdb.prepare("select lic.*,cl.club,cl.status as clubstatus from licenses lic left join clubs cl on (lic.id_club=cl.id) where id_member=? order by lic.yearin desc,lic.yearout desc;") %]
         [% FOREACH lic = dksdb.execute(cl.id) %]
           <tr>
             <td style="width: 170px;">[% lic.club %]</td>
-            <td class="w3-text-bold"><strong>[% lic.yearin %] [% IF lic.yearout %] - [% lic.yearout %][% END %]</strong></td>
+            <td class="text-bold"><strong>[% lic.yearin %] [% IF lic.yearout %] - [% lic.yearout %][% END %]</strong></td>
                     
           </tr>
           [% END %]
diff --git a/public_html/backoffice_old/tmpl/module/licenses/members.tt b/public_html/backoffice_old/tmpl/module/licenses/members.tt
index 1332d2dc..19bdd5af 100644
--- a/public_html/backoffice_old/tmpl/module/licenses/members.tt
+++ b/public_html/backoffice_old/tmpl/module/licenses/members.tt
@@ -1,60 +1,60 @@
 [% INCLUDE "module/$module/toolbar.tt" %]
 [% PROCESS macro/fields.tt %]
-<div class="w3-display-container">
+<div class="display-container">
 
-  <div class="w3-row">
-    <div class="w3-col l6">
+  <div class="row">
+    <div class="col l6">
       <div id="tbl_members"></div>
     </div>
-    <div class="w3-col l6 " style="height: 100vh; overflow-y: scroll;">
+    <div class="col l6 " style="height: 100vh; overflow-y: scroll;">
       [% #tabletoolbar('member') %]
-      <div class="w3-container w3-padding-24 w3-card">
+      <div class="container padding-24 card">
       <form>
         <h3>Perséinlech Donnéen</h3>
-        <div class="w3-row-padding"> 
-          [% fieldeditbox('surname','members','Numm','w3-half','') %]
-          [% fieldeditbox('prename','members','Virnumm','w3-half','') %]
+        <div class="row-padding"> 
+          [% fieldeditbox('surname','members','Numm','half','') %]
+          [% fieldeditbox('prename','members','Virnumm','half','') %]
           [% fieldeditbox('address','members','Address','','') %]
-          [% fieldeditbox('zip','members','CP','w3-quarter','') %]
-          [% fieldeditbox('city','members','Uerschaft','w3-threequarter','') %]
-          [% fieldeditbox('country','members','Land','w3-third','') %]
-          [% fieldeditbox('email','members','E-Mail','w3-third','','') %]
-          [% fieldeditbox('phone','members','Telefon','w3-third','') %]
-          [% fieldeditbox('nationality','members','Nationalitéit','w3-third','') %]
-          [% fielddatebox('birthday','members','Gebuertsdatum','w3-third','') %]
-          [% fielddatebox('entrydate','members','Datum 1st Lizenz','w3-third','') %]
+          [% fieldeditbox('zip','members','CP','quarter','') %]
+          [% fieldeditbox('city','members','Uerschaft','threequarter','') %]
+          [% fieldeditbox('country','members','Land','third','') %]
+          [% fieldeditbox('email','members','E-Mail','third','','') %]
+          [% fieldeditbox('phone','members','Telefon','third','') %]
+          [% fieldeditbox('nationality','members','Nationalitéit','third','') %]
+          [% fielddatebox('birthday','members','Gebuertsdatum','third','') %]
+          [% fielddatebox('entrydate','members','Datum 1st Lizenz','third','') %]
           </div>
       </div>
-      <div class="w3-container w3-padding-24 w3-card">
+      <div class="container padding-24 card">
         <h3>Photo</h3>
-        <div class="w3-container">
-        <div class="w3-cell-row">
-          <div class="w3-container w3-cell">
+        <div class="container">
+        <div class="cell-row">
+          <div class="container cell">
             <h4>Validéiert Photo</h4>
             <img src="[% abspath %]img/no-image-icon.png" style="width: 50%;" />
           </div>
         
-            <div class="w3-container w3-cell">
+            <div class="container cell">
               <h4>Nei Photo</h4>
               <img src="[% abspath %]img/no-image-icon.png" style="width: 50%;" />
               <input type="file" />
-              <button class="w3-button w3-green">Validéieren</button><button class="w3-button w3-red">Refuséieren</button>
+              <button class="button green">Validéieren</button><button class="button red">Refuséieren</button>
             </div>
         </div>
       </div>
       </div>
-      <div class="w3-container w3-padding-24 w3-card">
+      <div class="container padding-24 card">
         <h3>Benotzer-Kont</h3>
-        <div class="w3-container">
+        <div class="container">
             <div><strong>Status</strong><span id="userstatus"></span></div>
-            <button class="w3-button w3-green">aktivéieren</button>
-            <button class="w3-button w3-red">blockéieren</button>
-            <button class="w3-button w3-orange">neit Passwurert schecken</button>
+            <button class="button green">aktivéieren</button>
+            <button class="button red">blockéieren</button>
+            <button class="button orange">neit Passwurert schecken</button>
         </div>
       </div>
-      <div class="w3-container w3-card">
+      <div class="container card">
         <h3>Lizenz</h3>
-        <div class="w3-container">
+        <div class="container">
             <div id="tbl_license"></div>
         </div>
       </div>
diff --git a/public_html/backoffice_old/tmpl/module/licenses/toolbar.tt b/public_html/backoffice_old/tmpl/module/licenses/toolbar.tt
index 42765b9d..336fb0da 100644
--- a/public_html/backoffice_old/tmpl/module/licenses/toolbar.tt
+++ b/public_html/backoffice_old/tmpl/module/licenses/toolbar.tt
@@ -6,12 +6,12 @@
   [% udef = ruserdef.id_user %]
 [% END %]
 [% END %]
-<header class="w3-top w3-bar w3-border-bottom w3-theme-light">
-    <button class="w3-bar-item w3-button w3-border" onclick="loadlicenses();">Lizenzen</button>
-    <button class="w3-bar-item w3-button w3-border" onclick="loadclub();">Club</button>
+<header class="top bar border-bottom theme-light">
+    <button class="bar-item button border" onclick="loadlicenses();">Lizenzen</button>
+    <button class="bar-item button border" onclick="loadclub();">Club</button>
 [% IF (session.othergroups.search('club') == 1 && udef == session.id) %]
 
-    <button class="w3-bar-item w3-button w3-border" onclick="loadmembers();">Memberen</button>
+    <button class="bar-item button border" onclick="loadmembers();">Memberen</button>
 
 [% END %]
 </header>
diff --git a/public_html/backoffice_old/tmpl/module/medialibrary/dlgeditdocument.tt b/public_html/backoffice_old/tmpl/module/medialibrary/dlgeditdocument.tt
index 57499a48..0cbe7d72 100644
--- a/public_html/backoffice_old/tmpl/module/medialibrary/dlgeditdocument.tt
+++ b/public_html/backoffice_old/tmpl/module/medialibrary/dlgeditdocument.tt
@@ -1,20 +1,20 @@
-<div id="dlgeditdocument" class="w3-modal">
+<div id="dlgeditdocument" class="modal">
 
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgeditdocument').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h3 id="dlgeditdocument_title">Fichier éditéieren</h3>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <form id="frm_editdocument">
         [% fieldhidden("id","documents",'ident','') %]
         [% fieldeditbox("filename","documents",'Fichier','','readonly') %]
         [% fieldrichtextarea("description","documents",'Beschreiwung','','200px;','') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-    <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgeditdocument').style.display='none'; return false;">Oofbriechen</button>
+    <footer class="container right-align padding-16">
+    <button class="button theme-light margin-right border" onclick="document.getElementById('dlgeditdocument').style.display='none'; return false;">Oofbriechen</button>
       [% formdlgsavebutton('editdocument','Spaicheren','closeeditdialog') %]
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/module/medialibrary/index.js b/public_html/backoffice_old/tmpl/module/medialibrary/index.js
index aa1df8d2..9f228df2 100644
--- a/public_html/backoffice_old/tmpl/module/medialibrary/index.js
+++ b/public_html/backoffice_old/tmpl/module/medialibrary/index.js
@@ -19,7 +19,7 @@ function initpage(){
       }
     },
     columns:[
-      {title:'<button class="w3-button w3-block w3-border w3-blue-grey" style="padding: 2px;" onclick="folderup();return false;" id="folderup"><img src="../../img/icons/file/folderup_white.svg" style="height: 30px; "/></button>', field:"thumb",headerSort:false, titleFormatter:"html",width: 50,formatter:"html"},
+      {title:'<button class="button block border blue-grey" style="padding: 2px;" onclick="folderup();return false;" id="folderup"><img src="../../img/icons/file/folderup_white.svg" style="height: 30px; "/></button>', field:"thumb",headerSort:false, titleFormatter:"html",width: 50,formatter:"html"},
       {title:"Name", field:"name", sorter:"string",headerFilter:"input"},
       {title:"Gréisst", field:"hrsize",headerSort:false,align:"right", sorter:"number",width: 110},
       {title:"Typ", field:"mimetype", sorter:"string",headerFilter:"input", width: 115},
diff --git a/public_html/backoffice_old/tmpl/module/medialibrary/index.tt b/public_html/backoffice_old/tmpl/module/medialibrary/index.tt
index aa47a3b2..990a310c 100644
--- a/public_html/backoffice_old/tmpl/module/medialibrary/index.tt
+++ b/public_html/backoffice_old/tmpl/module/medialibrary/index.tt
@@ -1,13 +1,13 @@
 [% PROCESS macro/fields.tt %]
 
-<div class="w3-display-container">
-  <div class="w3-bar w3-theme-light">
+<div class="display-container">
+  <div class="bar theme-light">
     
-    <button class="w3-button w3-blue-grey w3-border" onclick="add(); return false;"><img src="[% abspath%]img/icons/pictures_white.svg" style="width: 20px;"/></button>
-    <button class="w3-button w3-red w3-right w3-border" onclick="delete(); return false;"><img src="[% abspath%]img/icons/remove_white.svg" style="width: 20px;"/></button>
-    <button class="w3-button w3-blue-grey w3-right w3-border" onclick="edit(); return false;"><img src="[% abspath%]img/icons/edit_white.svg" style="width: 20px;"/></button>
-    <button class="w3-button w3-blue-grey w3-right w3-border" onclick="add(); return false;"><img src="[% abspath%]img/icons/plus_white.svg" style="width: 20px;"/></button>
-    <button class="w3-button w3-blue-grey w3-right w3-border" onclick="addfolder(); return false;"><img src="[% abspath%]img/icons/folder_add_white.svg" style="width: 20px;"/></button>
+    <button class="button blue-grey border" onclick="add(); return false;"><img src="[% abspath%]img/icons/pictures_white.svg" style="width: 20px;"/></button>
+    <button class="button red right border" onclick="delete(); return false;"><img src="[% abspath%]img/icons/remove_white.svg" style="width: 20px;"/></button>
+    <button class="button blue-grey right border" onclick="edit(); return false;"><img src="[% abspath%]img/icons/edit_white.svg" style="width: 20px;"/></button>
+    <button class="button blue-grey right border" onclick="add(); return false;"><img src="[% abspath%]img/icons/plus_white.svg" style="width: 20px;"/></button>
+    <button class="button blue-grey right border" onclick="addfolder(); return false;"><img src="[% abspath%]img/icons/folder_add_white.svg" style="width: 20px;"/></button>
   </div>
   <div id="tbl_media"></div>    
 </div>
diff --git a/public_html/backoffice_old/tmpl/module/members/index.tt b/public_html/backoffice_old/tmpl/module/members/index.tt
index 06f11b81..9a505fb1 100644
--- a/public_html/backoffice_old/tmpl/module/members/index.tt
+++ b/public_html/backoffice_old/tmpl/module/members/index.tt
@@ -1,98 +1,98 @@
 
 [% PROCESS macro/fields.tt %]
-<div class="w3-display-container">
+<div class="display-container">
   
   <div id="pnlmemberlist">
     <div id="tbl_members"></div>
   </div>
 
   <div id="pnlmemberdata">
-      <header class="w3-top w3-bar w3-border-bottom w3-theme-light" id="member_toolbar" style="display: none;">
-        <button class="w3-bar-item w3-button w3-border" onclick="loadlist(); return false;">Zreck zur Lëscht</button>
-        <button class="w3-bar-item w3-button w3-border w3-right" onclick="">
+      <header class="top bar border-bottom theme-light" id="member_toolbar" style="display: none;">
+        <button class="bar-item button border" onclick="loadlist(); return false;">Zreck zur Lëscht</button>
+        <button class="bar-item button border right" onclick="">
       </header>
       
-      <div class="w3-container w3-padding-24 w3-card  w3-margin-bottom" style="margin-top: 50px;">
+      <div class="container padding-24 card  margin-bottom" style="margin-top: 50px;">
         <form id="frm_members">
         <h3>Perséinlech Donnéen</h3>
-        <div class="w3-row-padding"> 
-        <div class="w3-container">
+        <div class="row-padding"> 
+        <div class="container">
           
           [% fieldhidden('id','members','ident') %]
-          [% fieldeditbox('surname','members','Numm','w3-half','') %]
-          [% fieldeditbox('prename','members','Virnumm','w3-half','') %]
+          [% fieldeditbox('surname','members','Numm','half','') %]
+          [% fieldeditbox('prename','members','Virnumm','half','') %]
           [% fieldeditbox('address','members','Address','','') %]
-          [% fieldeditbox('zip','members','CP','w3-quarter','') %]
-          [% fieldeditbox('city','members','Uerschaft','w3-half','') %]
-          [% fieldeditbox('country','members','Land','w3-quarter','') %]
+          [% fieldeditbox('zip','members','CP','quarter','') %]
+          [% fieldeditbox('city','members','Uerschaft','half','') %]
+          [% fieldeditbox('country','members','Land','quarter','') %]
       </div>
-      <div class="w3-container">
-          [% fieldeditbox('phone','members','Telefon','w3-third','') %]
-          [% fieldeditbox('nationality','members','Nationalitéit','w3-third','') %]
-          [% fielddatebox('birthday','members','Gebuertsdatum','w3-third','') %]
+      <div class="container">
+          [% fieldeditbox('phone','members','Telefon','third','') %]
+          [% fieldeditbox('nationality','members','Nationalitéit','third','') %]
+          [% fielddatebox('birthday','members','Gebuertsdatum','third','') %]
       </div>
-      <div class="w3-container w3-right-align">
-        <button class="w3-button w3-blue-grey w3-margin" onclick="saveform('members');return false;">Spaicheren</button>
+      <div class="container right-align">
+        <button class="button blue-grey margin" onclick="saveform('members');return false;">Spaicheren</button>
       </div>   
           </div>
         </form> 
       </div>
-      <div class="w3-container w3-padding-24 w3-card w3-margin-bottom">
+      <div class="container padding-24 card margin-bottom">
     <form id="frm_users">
         <h3>Benotzer-Kont</h3>
         
-            <div class="w3-container">
+            <div class="container">
             [% fieldhidden('users','id','ident') %]
             [% fieldemailbox('username','users','E-Mail (Login)','','','','') %]
           </div>
-          <div class="w3-container">
-            <h4>Accès <small> Status: <span class="w3-text-green">aktiv</span></small></h4>
-            <div class="w3-container">
-              <div class="w3-container w3-third">
-                  <input class="w3-check" id="useringroups_idgroup" data-ident_useringroups_id="3" data-id_user="" value="1" type="checkbox">
+          <div class="container">
+            <h4>Accès <small> Status: <span class="text-green">aktiv</span></small></h4>
+            <div class="container">
+              <div class="container third">
+                  <input class="check" id="useringroups_idgroup" data-ident_useringroups_id="3" data-id_user="" value="1" type="checkbox">
                   <label>Accès Club</label>
                 </div>
-                <div class="w3-container w3-third">
-                    <input class="w3-check" id="useringroups_idgroup" data-ident_useringroups_id="2" data-id_user="" value="1" type="checkbox">
+                <div class="container third">
+                    <input class="check" id="useringroups_idgroup" data-ident_useringroups_id="2" data-id_user="" value="1" type="checkbox">
                     <label>Accès FLD</label>
                   </div>
                 </div>
-              <div class="w3-container w3-margin">
-                  <button class="w3-button w3-blue-grey" id="btnsaveuser" onclick="formsave('users');return false;">spaicheren</button>
-                  <button class="w3-button w3-green" id="btnsetactive" style="display:none;">aktivéieren</button>
-                  <button class="w3-button w3-red" id="btnblockuser" style="display: none;">blockéieren</button>
-                  <button class="w3-button w3-orange" id="btnsendnewpassword" style="display:none;">neit Passwuert schecken</button>
+              <div class="container margin">
+                  <button class="button blue-grey" id="btnsaveuser" onclick="formsave('users');return false;">spaicheren</button>
+                  <button class="button green" id="btnsetactive" style="display:none;">aktivéieren</button>
+                  <button class="button red" id="btnblockuser" style="display: none;">blockéieren</button>
+                  <button class="button orange" id="btnsendnewpassword" style="display:none;">neit Passwuert schecken</button>
               </div>
           </div>
     </form>
     </div>
-      <div class="w3-container w3-padding-24 w3-card">
+      <div class="container padding-24 card">
           <h3>Photo</h3>
-          <div class="w3-row-padding">
+          <div class="row-padding">
             <form id="frm_picture">
                 [% fieldhidden('profile_photo','members') %]
                 [% fieldhidden('members','link','ident') %]
-            <div class="w3-container w3-half">
+            <div class="container half">
               <h4>Aktuell (validéiert) Photo</h4>
-              <img src="[% abspath %]data/noprofileimg.png" class="w3-border" style="max-width: 207px;max-height: 266px;" id="img_profile_photo" />
+              <img src="[% abspath %]data/noprofileimg.png" class="border" style="max-width: 207px;max-height: 266px;" id="img_profile_photo" />
             </div>
           
-              <div class="w3-container w3-half">
+              <div class="container half">
                 <h4>Nei Photo</h4>
                 
                 
-                <canvas class="w3-border" style="width: 207px;height: 266px;" id="img_profile_photo_new"></canvas>
-                <input type="file" id="file_newprofile_photo" class="w3-input" data-filepath="" onchange="LoadCropper('file_newprofile_photo'); return false;"/>
-                <button class="w3-button w3-blue-grey" onclick="upload_picture('picture');return false;">Nei Photo eroplueden</button>
-                <button class="w3-button w3-red">Nei Photo läschen</button>
+                <canvas class="border" style="width: 207px;height: 266px;" id="img_profile_photo_new"></canvas>
+                <input type="file" id="file_newprofile_photo" class="input" data-filepath="" onchange="LoadCropper('file_newprofile_photo'); return false;"/>
+                <button class="button blue-grey" onclick="upload_picture('picture');return false;">Nei Photo eroplueden</button>
+                <button class="button red">Nei Photo läschen</button>
               </div>
             </form>  
         </div>
     </div>
     [% INCLUDE block/dlgcropper.tt %]
-      <div class="w3-container w3-padding-24 w3-card">
+      <div class="container padding-24 card">
         <h3>Lizenz</h3>
-        <div class="w3-container">
+        <div class="container">
             <div id="tbl_license"></div>
         </div>
       </div>
diff --git a/public_html/backoffice_old/tmpl/module/newsletter/index.tt b/public_html/backoffice_old/tmpl/module/newsletter/index.tt
index 8b38543c..94f3bc80 100644
--- a/public_html/backoffice_old/tmpl/module/newsletter/index.tt
+++ b/public_html/backoffice_old/tmpl/module/newsletter/index.tt
@@ -17,16 +17,16 @@
 </table>
 </div>
 <div id="mailingform" style="display: none; margin-top: 42px;" >
-  <div class="w3-container">
+  <div class="container">
   <form id="frm_mailings">
   [% fieldhidden('id','mailings','ident') %]
   [% fieldselectbox('id_sender','mailings','Sender','','') %]
   [% fieldselectbox('receipient_groups','mailings','Empfänger','','') %]
   [% fieldeditbox('subject','mailings','Titel','','') %]
   [% fieldrichtextarea('body','mailings','Message','','','200px','') %]
-  <div class="w3-container w3-right-align">
-    <button class="w3-button w3-blue-grey w3-margin" onclick="saveform('mailings');return false;">[% btnname %]</button>
-    <button class="w3-button w3-blue-grey w3-margin" onclick="sendmailing();return false;">Verschecken</button>
+  <div class="container right-align">
+    <button class="button blue-grey margin" onclick="saveform('mailings');return false;">[% btnname %]</button>
+    <button class="button blue-grey margin" onclick="sendmailing();return false;">Verschecken</button>
   </div>
   
 </form>
diff --git a/public_html/backoffice_old/tmpl/module/newsletter/tbltoolbar.tt b/public_html/backoffice_old/tmpl/module/newsletter/tbltoolbar.tt
index a4c61256..25ee70b4 100644
--- a/public_html/backoffice_old/tmpl/module/newsletter/tbltoolbar.tt
+++ b/public_html/backoffice_old/tmpl/module/newsletter/tbltoolbar.tt
@@ -1,11 +1,11 @@
-<div class="w3-top w3-border-bottom">
+<div class="top border-bottom">
 
-<div class="w3-bar">
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/inbox_white.svg" style="height: 24px;"/> Messagen</button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-red" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="duplicate();"><img src="[% abspath%]img/icons/duplicate_white.svg" style="height: 24px;"/></button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
+<div class="bar">
+    <button class="bar-item button border blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/inbox_white.svg" style="height: 24px;"/> Messagen</button>
+    <button class="bar-item button border right red" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey" onclick="duplicate();"><img src="[% abspath%]img/icons/duplicate_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
    
 </div>
 </div>
\ No newline at end of file
diff --git a/public_html/backoffice_old/tmpl/module/profile/dlgpassword.tt b/public_html/backoffice_old/tmpl/module/profile/dlgpassword.tt
index 718849a3..53e80e93 100644
--- a/public_html/backoffice_old/tmpl/module/profile/dlgpassword.tt
+++ b/public_html/backoffice_old/tmpl/module/profile/dlgpassword.tt
@@ -1,33 +1,33 @@
-<div id="dlgpassword" class="w3-modal">
+<div id="dlgpassword" class="modal">
 
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgpassword').style.display='none'; return false;" 
-      class="w3-button w3-display-topright">&times;</span>
+      class="button display-topright">&times;</span>
       <h2>Passwuert änneren</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <div id="msg">
-      <div class="panel w3-blue-grey w3-padding">Dain Passwuert muss mindestens 10 Zeechen laang sin,<br>Grouss and kleng Buchstawen enthaalen,<br/>an mindestens 1 Zuel enthaalen</div>
+      <div class="panel blue-grey padding">Dain Passwuert muss mindestens 10 Zeechen laang sin,<br>Grouss and kleng Buchstawen enthaalen,<br/>an mindestens 1 Zuel enthaalen</div>
       </div>
-      <div class="w3-container">
-        <label for="userpassword" class="w3-label">Neit Passwuert</label>
-        <input class="w3-input w3-border" type="password" id="userpassword" name="userpassword" value="" />
+      <div class="container">
+        <label for="userpassword" class="label">Neit Passwuert</label>
+        <input class="input border" type="password" id="userpassword" name="userpassword" value="" />
       </div>
-      <div class="w3-container">
-          <label for="userpassword" class="w3-label">Neit Passwuert widderhuelen</label>
-          <input class="w3-input w3-border" type="password" id="userpasswordcheck" name="userpasswordcheck" value="" />
+      <div class="container">
+          <label for="userpassword" class="label">Neit Passwuert widderhuelen</label>
+          <input class="input border" type="password" id="userpasswordcheck" name="userpasswordcheck" value="" />
       </div>     
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-       <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgpassword').style.display='none'; return false;">oofbriechen</button>
-      <button class="w3-button w3-theme-l2  w3-margin-right w3-border" onclick="savepassword();return false;">Passwuert änneren</button>
+    <footer class="container right-align padding-16">
+       <button class="button theme-light margin-right border" onclick="document.getElementById('dlgpassword').style.display='none'; return false;">oofbriechen</button>
+      <button class="button theme-l2  margin-right border" onclick="savepassword();return false;">Passwuert änneren</button>
     </footer>
   </div>
 </div>
 <script>
 function opendlgpassword(){
-  document.getElementById("msg").innerHTML='<div class="panel w3-blue-grey w3-padding">Dain Passwuert muss mindestens <strong>10 Zeechen</strong> laang sin,<br/><strong>Grouss</strong>,<strong>kleng</strong> Buchstawen <br/>an <strong>mindestens 1 Zuel</strong> enthaalen</div>';
+  document.getElementById("msg").innerHTML='<div class="panel blue-grey padding">Dain Passwuert muss mindestens <strong>10 Zeechen</strong> laang sin,<br/><strong>Grouss</strong>,<strong>kleng</strong> Buchstawen <br/>an <strong>mindestens 1 Zuel</strong> enthaalen</div>';
   document.getElementById('userpassword').value = "";
   document.getElementById('userpasswordcheck').value = "";
   document.getElementById('dlgpassword').style.display='block';
@@ -47,7 +47,7 @@ function savepassword(){
   if (errmsg == ""){
     req.reqdata('POST','index.cgi',{"fn":"savepassword","pwd":pwd1},pwdsaved);  
   }else {
-    document.getElementById("msg").innerHTML='<div class="panel w3-red">'+ errmsg+'</div>';
+    document.getElementById("msg").innerHTML='<div class="panel red">'+ errmsg+'</div>';
   }
   return false;
 }
diff --git a/public_html/backoffice_old/tmpl/module/profile/dlgusername.tt b/public_html/backoffice_old/tmpl/module/profile/dlgusername.tt
index 9867c0fa..0e4f44f4 100644
--- a/public_html/backoffice_old/tmpl/module/profile/dlgusername.tt
+++ b/public_html/backoffice_old/tmpl/module/profile/dlgusername.tt
@@ -1,25 +1,25 @@
 
-<div id="dlgusername" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div id="dlgusername" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgusername').style.display='none'; return false;" 
-      class="w3-button w3-display-topright">&times;</span>
+      class="button display-topright">&times;</span>
       <h2>Ännerung vum der E-Mail resp dem Login</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       <div id="nunmsg" ></div>
-      <div class="w3-container" id="newmail">
+      <div class="container" id="newmail">
         [% fieldeditbox('newuseremail','onlydisplay','Nei E-Mail-Address','','','') %]
       </div>
-      <div class="w3-container" style="display:none;" id="vcode"> 
+      <div class="container" style="display:none;" id="vcode"> 
         [% fieldeditbox('verificationcode','users','Bestätegungs-Code','','','') %]
-        <button class="w3-button w3-theme-l2 w3-border" id="btnvalidateresend" onclick="resendemail();return false;">Code nach emol schecken</button>
+        <button class="button theme-l2 border" id="btnvalidateresend" onclick="resendemail();return false;">Code nach emol schecken</button>
       </div>     
       </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-      <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgusername').style.display='none'; return false;">oofbriechen</button>
-      <button class="w3-button w3-theme-l2  w3-margin-right w3-border" id="btncheck" onclick="checkemail();return false;">iwwerpréifen</button>
-      <button class="w3-button w3-theme-l2 w3-align-right w3-border" id="btnvalidate" style="display:none;" onclick="saveemail();return false;">Validéieren</button>
+    <footer class="container right-align padding-16">
+      <button class="button theme-light margin-right border" onclick="document.getElementById('dlgusername').style.display='none'; return false;">oofbriechen</button>
+      <button class="button theme-l2  margin-right border" id="btncheck" onclick="checkemail();return false;">iwwerpréifen</button>
+      <button class="button theme-l2 align-right border" id="btnvalidate" style="display:none;" onclick="saveemail();return false;">Validéieren</button>
     </footer>
   </div>  
 </div>
@@ -43,7 +43,7 @@ function checkemail(){
   if (validateEmail(newusername)){
     req.reqdata("POST","db.cgi",{"get":"userdata","filter":"username='"+ newusername+ "'"},checkmailreturn);
   }else {
-    document.getElementById("nunmsg").innerHTML= '<div class="panel w3-red">w.e.g. eng richteg email agin!</div>';
+    document.getElementById("nunmsg").innerHTML= '<div class="panel red">w.e.g. eng richteg email agin!</div>';
   }
   return false;
 }
@@ -51,7 +51,7 @@ function checkemail(){
 function checkmailreturn(data){
   console.log(data);
   if (data && data.sqldata.length > 0){
-    document.getElementById("nunmsg").innerHTML= '<div class="panel w3-red">Et existéiert schon een Kont matt deser E-mail!</div>';
+    document.getElementById("nunmsg").innerHTML= '<div class="panel red">Et existéiert schon een Kont matt deser E-mail!</div>';
   } else {
     resendcode();
   }
@@ -64,7 +64,7 @@ function resendcode(){
 }
 
 function mailsended(data){
-    document.getElementById("nunmsg").innerHTML= '<div class="panel w3-green">Mir hun dir eng E-Mail mam Code gescheckt op '+ newusername +'!</div>';
+    document.getElementById("nunmsg").innerHTML= '<div class="panel green">Mir hun dir eng E-Mail mam Code gescheckt op '+ newusername +'!</div>';
     document.getElementById('newmail').style.display='none';
     document.getElementById('vcode').style.display='block';
     document.getElementById('btncheck').style.display='none';
diff --git a/public_html/backoffice_old/tmpl/module/profile/index.tt b/public_html/backoffice_old/tmpl/module/profile/index.tt
index 39e60bb0..c3f78ebc 100644
--- a/public_html/backoffice_old/tmpl/module/profile/index.tt
+++ b/public_html/backoffice_old/tmpl/module/profile/index.tt
@@ -1,68 +1,68 @@
 
 [% PROCESS macro/fields.tt %]
-<div class="w3-display-container w3-margin">
-    <div class="w3-container w3-padding-24 w3-card w3-margin-bottom">
+<div class="display-container margin">
+    <div class="container padding-24 card margin-bottom">
     <form id="frm_users">
         <h3>Benotzer-Kont</h3>
-        <div class="w3-row-padding">
-            <div class="w3-container w3-half">
+        <div class="row-padding">
+            <div class="container half">
              [% #fieldhidden('users','id','ident') %]
             [% fieldeditbox('username','users','E-Mail (Login)','','readonly','') %]
-            <div class="w3-container">
-                <button class="w3-button w3-blue-grey w3-margin" onclick="opendlgusername();return false;">E-mail (Login) änneren</button>
+            <div class="container">
+                <button class="button blue-grey margin" onclick="opendlgusername();return false;">E-mail (Login) änneren</button>
               </div> 
             </div>
-            <div class="container w3-half w3-margin-top w3-padding">
+            <div class="container half margin-top padding">
               
-            <button class="w3-button w3-blue-grey" onclick="opendlgpassword();return false;">Passwuert änneren</button>
+            <button class="button blue-grey" onclick="opendlgpassword();return false;">Passwuert änneren</button>
           </div>
         </div>
     </form>
     </div>
       
-      <div class="w3-container w3-padding-24 w3-card  w3-margin-bottom">
+      <div class="container padding-24 card  margin-bottom">
         <form id="frm_members">
         <h3>Perséinlech Donnéen</h3>
-        <div class="w3-row-padding"> 
-        <div class="w3-container">
+        <div class="row-padding"> 
+        <div class="container">
           
           [% fieldhidden('id','members','ident') %]
-          [% fieldeditbox('surname','members','Numm','w3-half','readonly') %]
-          [% fieldeditbox('prename','members','Virnumm','w3-half','readonly') %]
+          [% fieldeditbox('surname','members','Numm','half','readonly') %]
+          [% fieldeditbox('prename','members','Virnumm','half','readonly') %]
           [% fieldeditbox('address','members','Address','','readonly') %]
-          [% fieldeditbox('zip','members','CP','w3-quarter','readonly') %]
-          [% fieldeditbox('city','members','Uerschaft','w3-half','readonly') %]
-          [% fieldeditbox('country','members','Land','w3-quarter','readonly') %]
+          [% fieldeditbox('zip','members','CP','quarter','readonly') %]
+          [% fieldeditbox('city','members','Uerschaft','half','readonly') %]
+          [% fieldeditbox('country','members','Land','quarter','readonly') %]
       </div>
-      <div class="w3-container">
-          [% fieldeditbox('phone','members','Telefon','w3-third','readonly') %]
-          [% fieldeditbox('nationality','members','Nationalitéit','w3-third','readonly') %]
-          [% fielddatebox('birthday','members','Gebuertsdatum','w3-third','readonly') %]
+      <div class="container">
+          [% fieldeditbox('phone','members','Telefon','third','readonly') %]
+          [% fieldeditbox('nationality','members','Nationalitéit','third','readonly') %]
+          [% fielddatebox('birthday','members','Gebuertsdatum','third','readonly') %]
       </div>
-      <!--<div class="w3-container w3-right-align">
-        <button class="w3-button w3-blue-grey w3-margin" onclick="//saveform('members');return false;">Spaicheren</button>
+      <!--<div class="container right-align">
+        <button class="button blue-grey margin" onclick="//saveform('members');return false;">Spaicheren</button>
       </div>-->
           </div>
         </form> 
       </div>
-      <div class="w3-container w3-padding-24 w3-card">
+      <div class="container padding-24 card">
         <h3>Photo</h3>
-        <div class="w3-row-padding">
+        <div class="row-padding">
           <form id="frm_picture">
               [% fieldhidden('profile_photo','members') %]
               [% fieldhidden('members','link','ident') %]
-          <div class="w3-container w3-half">
+          <div class="container half">
             <h4>Aktuell Photo</h4>
-            <img src="[% abspath %]data/noprofileimg.png" class="w3-border" style="max-width: 207px;max-height: 266px;" id="img_profile_photo" />
+            <img src="[% abspath %]data/noprofileimg.png" class="border" style="max-width: 207px;max-height: 266px;" id="img_profile_photo" />
           </div>
 
-            <div class="w3-container w3-half">
+            <div class="container half">
               <h4>Nei Photo</h4>
-              <div class="w3-panel w3-light-blue w3-padding-16">Fir d'Photo auszetauschen, scheckt w.e.g. är nei Photo via E-Mail un <br/><a href="webmaster@fld.lu">webmaster@fld.<br/>lu</a><br/>Vergiesst w.e.g. Net Lizenz-Nummer an Numm vum Spiller matt unzegin</div>
-              <!--<img class="w3-border" style="width: 207px;height: 266px;" id="img_profile_photo_new" />
-              <input type="file" id="profile_newphoto" name="profile_photo" class="w3-input" />
-              <button class="w3-button w3-blue-grey" onclick="upload_picture('picture');return false;">Nei Photo eroplueden</button>
-              <button class="w3-button w3-red">Nei Photo läschen</button>-->
+              <div class="panel light-blue padding-16">Fir d'Photo auszetauschen, scheckt w.e.g. är nei Photo via E-Mail un <br/><a href="webmaster@fld.lu">webmaster@fld.<br/>lu</a><br/>Vergiesst w.e.g. Net Lizenz-Nummer an Numm vum Spiller matt unzegin</div>
+              <!--<img class="border" style="width: 207px;height: 266px;" id="img_profile_photo_new" />
+              <input type="file" id="profile_newphoto" name="profile_photo" class="input" />
+              <button class="button blue-grey" onclick="upload_picture('picture');return false;">Nei Photo eroplueden</button>
+              <button class="button red">Nei Photo läschen</button>-->
             </div>
           </form>  
       </div>
diff --git a/public_html/backoffice_old/tmpl/module/ranking/tbltoolbar.tt b/public_html/backoffice_old/tmpl/module/ranking/tbltoolbar.tt
index 1c6dfe64..6ee331fe 100644
--- a/public_html/backoffice_old/tmpl/module/ranking/tbltoolbar.tt
+++ b/public_html/backoffice_old/tmpl/module/ranking/tbltoolbar.tt
@@ -1,11 +1,11 @@
-<div class="w3-top w3-border-bottom w3-theme-light">
+<div class="top border-bottom theme-light">
 
-<div class="w3-bar">
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/newspaper_white.svg" style="height: 24px;"/> Raglëschten</button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
+<div class="bar">
+    <button class="bar-item button border blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/newspaper_white.svg" style="height: 24px;"/> Raglëschten</button>
+    <button class="bar-item button border right red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
     
     
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
    
 </div>
 </div>
diff --git a/public_html/backoffice_old/tmpl/module/users/index.js b/public_html/backoffice_old/tmpl/module/users/index.js
index 8278b74e..676aa441 100644
--- a/public_html/backoffice_old/tmpl/module/users/index.js
+++ b/public_html/backoffice_old/tmpl/module/users/index.js
@@ -231,7 +231,7 @@ function loadtbldata(data){
       if (validateEmail(newusername)){
         req.reqdata("POST","db.cgi",{"get":"userdata","filter":"username='"+ newusername+ "' and id != " + document.getElementById("id").value},checkmailreturn);
       }else {
-        document.getElementById("nunmsg").innerHTML= '<div class="panel w3-red">w.e.g. eng richteg email agin!</div>';
+        document.getElementById("nunmsg").innerHTML= '<div class="panel red">w.e.g. eng richteg email agin!</div>';
       }
       return false;
     }
@@ -239,7 +239,7 @@ function loadtbldata(data){
     function checkmailreturn(data){
       console.log(data);
       if (data && data.sqldata.length > 0){
-        document.getElementById("nunmsg").innerHTML= '<div class="panel w3-red">Et existéiert schon een aaneren Kont matt deser E-mail!</div>';
+        document.getElementById("nunmsg").innerHTML= '<div class="panel red">Et existéiert schon een aaneren Kont matt deser E-mail!</div>';
       } else {
         setusername();
       }
diff --git a/public_html/backoffice_old/tmpl/module/users/index.tt b/public_html/backoffice_old/tmpl/module/users/index.tt
index 5d04a18d..33c39906 100644
--- a/public_html/backoffice_old/tmpl/module/users/index.tt
+++ b/public_html/backoffice_old/tmpl/module/users/index.tt
@@ -1,64 +1,64 @@
 [% PROCESS macro/fields.tt %]
-<div class="w3-top w3-border-bottom w3-theme-light">
-<div class="w3-bar">
+<div class="top border-bottom theme-light">
+<div class="bar">
     [% IF (session.usergroups.search('fld') == 1) %]
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey " onclick="setusergroups();"><img src="[% abspath%]img/icons/group_white.svg" style="height: 24px;"/></button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey " onclick="setlogin();"><img src="[% abspath%]img/icons/user_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey " onclick="setusergroups();"><img src="[% abspath%]img/icons/group_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey " onclick="setlogin();"><img src="[% abspath%]img/icons/user_white.svg" style="height: 24px;"/></button>
     [% END %]
-    <!-- <button class="w3-bar-item w3-button w3-border w3-right w3-orange" onclick="xlsxexport(); return false;">XLSX export</button> -->
-    <!-- <button class="w3-bar-item w3-button w3-border w3-right w3-orange" onclick="pdfexport(); return false;">PDF export</button> -->
+    <!-- <button class="bar-item button border right orange" onclick="xlsxexport(); return false;">XLSX export</button> -->
+    <!-- <button class="bar-item button border right orange" onclick="pdfexport(); return false;">PDF export</button> -->
     
 </div>
 </div>
 
 
-<div class="w3-display-container">
-<div class="w3-container" id="tbl_users" style="margin-top: 50px;"></div>
+<div class="display-container">
+<div class="container" id="tbl_users" style="margin-top: 50px;"></div>
 [% IF (session.usergroups.search('fld') == 1) %]
-<div id="dlgusergroups" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div id="dlgusergroups" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlgusergroups').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2>Benotzer Accès</h2>
     </header>
-    <div class="w3-container">
-        [% fieldeditbox("surname","display","Numm",'w3-half','readonly','') %]
-        [% fieldeditbox("prename","display","Virnumm",'w3-half','readonly','') %]
+    <div class="container">
+        [% fieldeditbox("surname","display","Numm",'half','readonly','') %]
+        [% fieldeditbox("prename","display","Virnumm",'half','readonly','') %]
       <form id="frm_usergroups">
         [% fieldhidden("id","users","ident",'') %]
         [% fieldmultiselectbox("usergroup_ids","useringroups","Accès",'','','') %]
         
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
+    <footer class="container right-align padding-16">
         
-        <button class="w3-button w3-theme-light w3-border" onclick="document.getElementById('dlgusergroups').style.display='none'; return false;">Oofbriechen</button>
-        <button class="w3-button w3-blue-grey w3-margin" onclick="saveusergroupsform();return false;">Spaicheren</button>
+        <button class="button theme-light border" onclick="document.getElementById('dlgusergroups').style.display='none'; return false;">Oofbriechen</button>
+        <button class="button blue-grey margin" onclick="saveusergroupsform();return false;">Spaicheren</button>
     </footer>
   </div>
 </div>
-<div id="dlglogin" class="w3-modal">
-  <div class="w3-modal-content w3-animate-top w3-card-4">
-    <header class="w3-container"> 
+<div id="dlglogin" class="modal">
+  <div class="modal-content animate-top card-4">
+    <header class="container"> 
       <span onclick="document.getElementById('dlglogin').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2>Benotzer E-Mail</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
         <div id="nunmsg" ></div>
-        [% fieldeditbox("surname","display","Numm",'w3-half','readonly','') %]
-        [% fieldeditbox("prename","display","Virnumm",'w3-half','readonly','') %]
+        [% fieldeditbox("surname","display","Numm",'half','readonly','') %]
+        [% fieldeditbox("prename","display","Virnumm",'half','readonly','') %]
       <form id="frm_users">
         [% fieldhidden("id","users","ident",'') %]
         [% fieldeditbox("username","users","Login / E-Mail",'','','') %]
         [% fieldcheckbox("blocked","users","Login blockéieren",'','','1') %]
       </form>
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-      <!--<button class="w3-button w3-orange w3-border" onclick="sendnewpassword(); return false;">neit Passwuert schecken</button>-->
-      <button class="w3-button w3-theme-light w3-border" onclick="document.getElementById('dlglogin').style.display='none'; return false;">Oofbriechen</button>
-      <button class="w3-button w3-blue-grey w3-margin" onclick="checkemail();return false;">Spaicheren</button>
+    <footer class="container right-align padding-16">
+      <!--<button class="button orange border" onclick="sendnewpassword(); return false;">neit Passwuert schecken</button>-->
+      <button class="button theme-light border" onclick="document.getElementById('dlglogin').style.display='none'; return false;">Oofbriechen</button>
+      <button class="button blue-grey margin" onclick="checkemail();return false;">Spaicheren</button>
     </footer>
   </div>
 </div>
diff --git a/public_html/backoffice_old/tmpl/module/webnews/index.tt b/public_html/backoffice_old/tmpl/module/webnews/index.tt
index 3a416dbb..9b71eb19 100644
--- a/public_html/backoffice_old/tmpl/module/webnews/index.tt
+++ b/public_html/backoffice_old/tmpl/module/webnews/index.tt
@@ -7,14 +7,14 @@
 </div>
 <div id="newsform" style="display: none; margin-top: 42px;" >
 <form id="frm_news">
-  <div class="w3-container">
+  <div class="container">
   <form id="frm_news">
   [% fieldhidden('id','news','ident') %]
   [% fieldeditbox('title','news','Titel','','') %]
   [% fieldeditbox('link','news','Link Websait (ouni .html)','','') %]
   [% fieldmultiselectbox('categories','news','Publikatioun op','','') %]
-  [% fielddatebox('publishdate','news','Datum Publikation','w3-half','') %]
-  [% fielddatebox('unpublishdate','news','Datum Publikation bis','w3-half','') %]
+  [% fielddatebox('publishdate','news','Datum Publikation','half','') %]
+  [% fielddatebox('unpublishdate','news','Datum Publikation bis','half','') %]
   
   [% fieldrichtextarea('newspart1','news','Short News (Frontpage + News)','','','300px','') %]
   [% fieldrichtextarea('newspart2','news','Supplément News (Just News)','','','500px','') %]
diff --git a/public_html/backoffice_old/tmpl/module/webnews/tbltoolbar.tt b/public_html/backoffice_old/tmpl/module/webnews/tbltoolbar.tt
index b23b3ad9..2d1c8f41 100644
--- a/public_html/backoffice_old/tmpl/module/webnews/tbltoolbar.tt
+++ b/public_html/backoffice_old/tmpl/module/webnews/tbltoolbar.tt
@@ -1,11 +1,11 @@
-<div class="w3-top w3-border-bottom w3-theme-light">
+<div class="top border-bottom theme-light">
 
-<div class="w3-bar">
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/newspaper_white.svg" style="height: 24px;"/> News Lëscht</button>
+<div class="bar">
+    <button class="bar-item button border blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/newspaper_white.svg" style="height: 24px;"/> News Lëscht</button>
     <div id="right_tlb">
-    <button class="w3-bar-item w3-button w3-border w3-right w3-red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
-     <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button>
+    <button class="bar-item button border right blue-grey tlbbtnlist" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
+     <button class="bar-item button border right blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button>
    </div>
 </div>
 </div>
diff --git a/public_html/backoffice_old/tmpl/module/websites/index.tt b/public_html/backoffice_old/tmpl/module/websites/index.tt
index 697917c5..f45bd72a 100644
--- a/public_html/backoffice_old/tmpl/module/websites/index.tt
+++ b/public_html/backoffice_old/tmpl/module/websites/index.tt
@@ -4,23 +4,23 @@
 <table id="tbl_websites" style="margin-top: 42px;"></table>
 </div>
 <div id="websitesform" style="display: none; margin-top: 42px;" >
-  <div class="w3-container">
+  <div class="container">
   <form id="frm_websites">
   [% fieldhidden('id','websites','ident') %]
-  <div class="w3-row">
-  [% fieldeditbox('title','websites','Titel','w3-threequarter','') %]
-  [% fieldcheckbox('active','websites','Aktiv','w3-quarter','','1') %]
+  <div class="row">
+  [% fieldeditbox('title','websites','Titel','threequarter','') %]
+  [% fieldcheckbox('active','websites','Aktiv','quarter','','1') %]
   
   </div>
-  <div class="w3-row">
-  [% fieldcheckbox('sitemenu','websites','ass am Menu','w3-quarter','','1') %]
-  [% fieldeditbox('menutext','websites','Menu Numm','w3-quarter','') %]
-  [% fieldeditbox('menuparent','websites','Numm Submenu','w3-quarter','') %]
-  [% fieldeditbox('menuorder','websites','Menu Positioun','w3-quarter','') %]
+  <div class="row">
+  [% fieldcheckbox('sitemenu','websites','ass am Menu','quarter','','1') %]
+  [% fieldeditbox('menutext','websites','Menu Numm','quarter','') %]
+  [% fieldeditbox('menuparent','websites','Numm Submenu','quarter','') %]
+  [% fieldeditbox('menuorder','websites','Menu Positioun','quarter','') %]
   </div>
   <div class="row">
-  [% fieldeditbox('file','websites','Link','w3-threequarter','readonly') %]
-  [% fieldcheckbox('is_frontpage','websites','Ass 1st Sait','w3-quarter','readonly','1') %]
+  [% fieldeditbox('file','websites','Link','threequarter','readonly') %]
+  [% fieldcheckbox('is_frontpage','websites','Ass 1st Sait','quarter','readonly','1') %]
   </div>
   [% fieldtextarea('description','websites','Beschreiwung','','','100px','') %]
   [% formsavebutton('websites','Spaicheren','container') %]
diff --git a/public_html/backoffice_old/tmpl/module/websites/tbltoolbar.tt b/public_html/backoffice_old/tmpl/module/websites/tbltoolbar.tt
index 4bef6b97..bad1d0a4 100644
--- a/public_html/backoffice_old/tmpl/module/websites/tbltoolbar.tt
+++ b/public_html/backoffice_old/tmpl/module/websites/tbltoolbar.tt
@@ -1,12 +1,12 @@
-<div class="w3-top w3-border-bottom w3-theme-light">
+<div class="top border-bottom theme-light">
 
-<div class="w3-bar">
-    <button class="w3-bar-item w3-button w3-border w3-blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/globe_white.svg" style="height: 24px;"/> Websaiten Lëscht</button>
-    <!-- <button class="w3-bar-item w3-button w3-border w3-right w3-red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button> -->
-    <!-- <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey" onclick="duplicate();"><img src="[% abspath%]img/icons/duplicate_white.svg" style="height: 24px;"/></button> -->
-    <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
-    <!-- <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button> -->
-    <!-- <button class="w3-bar-item w3-button w3-border w3-right w3-blue-grey tlbbtnlist" onclick="viewcode();"><img src="[% abspath%]img/icons/code.svg" style="height: 24px;"/></button> -->
+<div class="bar">
+    <button class="bar-item button border blue-grey" onclick="viewtable();"><img src="[% abspath%]img/icons/globe_white.svg" style="height: 24px;"/> Websaiten Lëscht</button>
+    <!-- <button class="bar-item button border right red tlbbtnlist" onclick="remove();"><img src="[% abspath%]img/icons/remove_white.svg" style="height: 24px;"/></button> -->
+    <!-- <button class="bar-item button border right blue-grey" onclick="duplicate();"><img src="[% abspath%]img/icons/duplicate_white.svg" style="height: 24px;"/></button> -->
+    <button class="bar-item button border right blue-grey tlbbtnlist" onclick="edit();"><img src="[% abspath%]img/icons/edit_white.svg" style="height: 24px;"/></button>
+    <!-- <button class="bar-item button border right blue-grey tlbbtnlist" onclick="add();"><img src="[% abspath%]img/icons/plus_white.svg" style="height: 24px;"/></button> -->
+    <!-- <button class="bar-item button border right blue-grey tlbbtnlist" onclick="viewcode();"><img src="[% abspath%]img/icons/code.svg" style="height: 24px;"/></button> -->
 </div>
 </div>
 <script>
diff --git a/public_html/backoffice_old/tmpl/skeleton/index.tt b/public_html/backoffice_old/tmpl/skeleton/index.tt
index 7b3b8a56..79756c1d 100644
--- a/public_html/backoffice_old/tmpl/skeleton/index.tt
+++ b/public_html/backoffice_old/tmpl/skeleton/index.tt
@@ -7,18 +7,18 @@
  [% INCLUDE block/head.tt %]
 <body>
 <!--begin sidebar-->
-    <div class="w3-sidebar w3-card-4 w3-border-right w3-theme-light" id="sidebar" style="width: 210px; z-index: 3;"> 
-            <div class="w3-bar w3-blue-grey">
-  <a href="jsvascript:reload_page();" class="w3-bar-item"><img src="img/toplogo.svg" alt="logo" style="width: 80px;"/></a>
+    <div class="sidebar card-4 border-right theme-light" id="sidebar" style="width: 210px; z-index: 3;"> 
+            <div class="bar blue-grey">
+  <a href="jsvascript:reload_page();" class="bar-item"><img src="img/toplogo.svg" alt="logo" style="width: 80px;"/></a>
   <button onclick="closeSidebar();"
-  class="w3-bar-item w3-button w3-right w3-padding-16" title="close Sidebar">&times;</button>
+  class="bar-item button right padding-16" title="close Sidebar">&times;</button>
   </div>
-  <div class="w3-bar-block">
-  <a href="javascript:admin.logout();" class="w3-bar-item w3-button w3-hide-large w3-text-blue-grey">
+  <div class="bar-block">
+  <a href="javascript:admin.logout();" class="bar-item button hide-large text-blue-grey">
               <img src="[% abspath %]img/icons/logout.svg" style="width: 24px;">&nbsp;Logout
             </a>
   [% FOREACH ap = appaccess.execute(session.id) %]
-            <a href="javascript:admin.loadpage('module/[% ap.app %]/index.html','[% ap.name %]');" class="w3-bar-item w3-button ">
+            <a href="javascript:admin.loadpage('module/[% ap.app %]/index.html','[% ap.name %]');" class="bar-item button ">
               <img src="[% abspath %]img/icons/[% ap.icon %]" style="width: 24px;">&nbsp;[% ap.name %]
             </a>
             [% END %]
@@ -28,17 +28,17 @@
             
     </div>
 <!--end sidebar -->
-  <div class="w3-display-container" style="min-with: 320px;">
+  <div class="display-container" style="min-with: 320px;">
       
-    <div class="w3-container"  style="margin: 0px;  padding: 0px;">
-        <header class="w3-top w3-bar w3-border-bottom w3-theme-light">
-            <button class="w3-bar-item w3-button w3-blue-grey" id="btnsidebar" onclick="openSidebar();"><img src="[% abspath %]img/icons/menu_white.svg" style="height: 33px;" /></button>
-            <h5 class="w3-bar-item" id="modulename" style="margin-left: 150px; max-width: 300px; overflow: hidden;"></h5>
-            <a class="w3-bar-item w3-button w3-right w3-border w3-blue-grey w3-hide-small" href="javascript:admin.logout();"><img src="[% abspath %]img/icons/logout_white.svg" style="height: 32px;" /></a>
+    <div class="container"  style="margin: 0px;  padding: 0px;">
+        <header class="top bar border-bottom theme-light">
+            <button class="bar-item button blue-grey" id="btnsidebar" onclick="openSidebar();"><img src="[% abspath %]img/icons/menu_white.svg" style="height: 33px;" /></button>
+            <h5 class="bar-item" id="modulename" style="margin-left: 150px; max-width: 300px; overflow: hidden;"></h5>
+            <a class="bar-item button right border blue-grey hide-small" href="javascript:admin.logout();"><img src="[% abspath %]img/icons/logout_white.svg" style="height: 32px;" /></a>
             
           </header> 
       <!-- <div class="main-panel"> -->
-        <div class="w3-display-container" id="main">
+        <div class="display-container" id="main">
          
          <iframe id="moduleframe" src="module/dashboard/index.html" sandbox="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups allow-popups-to-escape-sandbox" style="margin-top: 48px; bottom: 0px;border: 0px;height: 90vh;width: 100%; overflow-y: scroll;"></iframe>
         </div>
diff --git a/public_html/backoffice_old/tmpl/skeleton/login.tt b/public_html/backoffice_old/tmpl/skeleton/login.tt
index 0315b7e5..2d4da5fe 100644
--- a/public_html/backoffice_old/tmpl/skeleton/login.tt
+++ b/public_html/backoffice_old/tmpl/skeleton/login.tt
@@ -5,10 +5,10 @@
 
 <body>
   
-  <div class="w3-display-container">
-    <div class="w3-row" >
-    <div class="w3-col l6 w3-padding-24">
-        <div class="w3-container w3-center w3-padding-24">
+  <div class="display-container">
+    <div class="row" >
+    <div class="col l6 padding-24">
+        <div class="container center padding-24">
             <img src="img/toplogo.svg" style="width: 300px;" alt="logo">
         </div>
         [% IF pagename == 'register' && registration_enabled == '1' %]
@@ -23,7 +23,7 @@
           [% INCLUDE skeleton/login/login.tt %]
         [% END %]
     </div>
-    <div class="w3-col l6 right-side-bg w3-center w3-padding-64" >
+    <div class="col l6 right-side-bg center padding-64" >
         <!--<img src="[% abspath %]img/logo.svg" style="width: 300px;" alt="logo">-->
     </div>
   </div>
diff --git a/public_html/backoffice_old/tmpl/skeleton/login/forgotpassword.tt b/public_html/backoffice_old/tmpl/skeleton/login/forgotpassword.tt
index 7f66c344..b0c50e1e 100644
--- a/public_html/backoffice_old/tmpl/skeleton/login/forgotpassword.tt
+++ b/public_html/backoffice_old/tmpl/skeleton/login/forgotpassword.tt
@@ -1,19 +1,19 @@
-<div class="w3-container">
+<div class="container">
         <h4>Passwuert vergiess?</h4>
               <h6 >Een Neit Passwuert ufroën</h6>
         </div>     
               <form  method="POST">
-                <div class="w3-container">
-                    <label for="email" class="w3-label">E-mail</label>
+                <div class="container">
+                    <label for="email" class="label">E-mail</label>
                   
-                    <input type="text" class="w3-input w3-border" id="email" name="email"  required>
+                    <input type="text" class="input border" id="email" name="email"  required>
                     
                 </div>
                 
-                <div class="w3-container w3-padding-16">
-                  <button type="submit" name="btnforgotpassword" class="w3-button w3-theme" >Oofschecken</button>
+                <div class="container padding-16">
+                  <button type="submit" name="btnforgotpassword" class="button theme" >Oofschecken</button>
                 </div>
-                <div class="w3-container w3-padding-24">
+                <div class="container padding-24">
                   <a href="[% basepath %]/login.html" class="text-primary">Zreck zum Login</a>
                 </div>
                 
diff --git a/public_html/backoffice_old/tmpl/skeleton/login/login.tt b/public_html/backoffice_old/tmpl/skeleton/login/login.tt
index 97c5e260..f96d114e 100644
--- a/public_html/backoffice_old/tmpl/skeleton/login/login.tt
+++ b/public_html/backoffice_old/tmpl/skeleton/login/login.tt
@@ -1,24 +1,24 @@
-<div class="w3-container">
+<div class="container">
             <h4>FLD Member Login</h4>
-            <h6 class="w3-text-blue">Wëllkomm zreck</h6>
+            <h6 class="text-blue">Wëllkomm zreck</h6>
         </div>
         <form name="frmlogin"  method="POST" id="frmlogin">
-          <div class="w3-container">
-              <label for="username" class="w3-label">Login</label>
-              <input class="w3-input w3-border" type="text" id="login" name="login">
+          <div class="container">
+              <label for="username" class="label">Login</label>
+              <input class="input border" type="text" id="login" name="login">
           </div>
-          <div class="w3-container">
-            <label for="password" class="w3-label">Passwuert</label>
-              <input class="w3-input w3-border" type="password" id="password" name="password">
+          <div class="container">
+            <label for="password" class="label">Passwuert</label>
+              <input class="input border" type="password" id="password" name="password">
           </div>
-          <div class="w3-container w3-padding-16">
-              <button type="submit" name="btnlogin" class="w3-theme-dark w3-button" >Aloggen</button>
+          <div class="container padding-16">
+              <button type="submit" name="btnlogin" class="theme-dark button" >Aloggen</button>
           </div>
-          <div class="w3-container w3-padding-16">
+          <div class="container padding-16">
               <a href="[% abspath %]forgotpassword.html">Passwuert vergiess?</a>
           </div>
           [% IF registration_enabled == '1' %]
-          <div class="w3-container w3-padding-16">
+          <div class="container padding-16">
               Du hues dain Kont nach net aktivéiert? <br/><a href="[% basepath %]/register.html" class="text-primary">Kont aktivéieren</a>
             </div>
           [% END %]
diff --git a/public_html/backoffice_old/tmpl/skeleton/login/message.tt b/public_html/backoffice_old/tmpl/skeleton/login/message.tt
index bd54dd30..e904c903 100644
--- a/public_html/backoffice_old/tmpl/skeleton/login/message.tt
+++ b/public_html/backoffice_old/tmpl/skeleton/login/message.tt
@@ -1,12 +1,12 @@
-<div class="w3-panel [% messagetype %]">[% message %]</div>  
-                <div class="w3-container">
+<div class="panel [% messagetype %]">[% message %]</div>  
+                <div class="container">
                   <a href="[% basepath %]/login.html" class="text-primary">Zreck zum Login</a>
                 </div>
                 [% IF registration_enabled == '1' %]
-                <div class="w3-container">
+                <div class="container">
                   <a href="[% basepath %]/register.html" class="text-primary">Kont aktivéieren</a>
                 </div>
                 [% END %]
-                <div class="w3-container">
+                <div class="container">
                   <a href="[% basepath %]/forgotpassword.html" class="text-primary">Passwuert vergiess?</a>
                 </div>
\ No newline at end of file
diff --git a/public_html/backoffice_old/tmpl/skeleton/login/register.tt b/public_html/backoffice_old/tmpl/skeleton/login/register.tt
index a7f843ac..03416b7b 100644
--- a/public_html/backoffice_old/tmpl/skeleton/login/register.tt
+++ b/public_html/backoffice_old/tmpl/skeleton/login/register.tt
@@ -1,49 +1,49 @@
-<div class="w3-container">
+<div class="container">
         <h4>Du hues dain Kont nach nët aktivéiert?</h4>
               <h6 class="font-weight-light">Wanns du bei der FLD eng Lizenz hues, kruten déi Responsabel vun dengem Club Donnéen gescheckt, déi's du brauchs fir dain Kont ze aktivéieren! </h6>
             </div>
               <form  method="POST" >
-                <div class="w3-container">
-                    <label class="w3-label">Lizenz-Nummer</label> 
-                    <input type="text" class="w3-input w3-border" name="license" placeholder="Lizenz-Nummer" required>
+                <div class="container">
+                    <label class="label">Lizenz-Nummer</label> 
+                    <input type="text" class="input border" name="license" placeholder="Lizenz-Nummer" required>
                         
                 </div>
                 
-                <div class="w3-container">
-                    <label  class="w3-label">E-mail</label>
-                    <input type="email" class="w3-input w3-border" name="email" placeholder="E-mail" required>
+                <div class="container">
+                    <label  class="label">E-mail</label>
+                    <input type="email" class="input border" name="email" placeholder="E-mail" required>
                     
                 </div>
-                <div class="w3-container">
-                    <label  class="w3-label">Régistréierungs-Code</label>
-                    <input type="text" class="w3-input w3-border" name="regcode" placeholder="Régistréierungs-Code" required>
+                <div class="container">
+                    <label  class="label">Régistréierungs-Code</label>
+                    <input type="text" class="input border" name="regcode" placeholder="Régistréierungs-Code" required>
                     
                 </div>
-                <div class="w3-container">
-                  <input class="w3-check" id="terms" name="terms" value="1" type="checkbox" required>
-                  <label>Ech acceptéieren d'<button class="w3-button w3-text-blue-grey" style="padding: 0px;" onclick="document.getElementById('dlgcgu').style.display='block';">Conditions générales d'utilisation</button></label>
+                <div class="container">
+                  <input class="check" id="terms" name="terms" value="1" type="checkbox" required>
+                  <label>Ech acceptéieren d'<button class="button text-blue-grey" style="padding: 0px;" onclick="document.getElementById('dlgcgu').style.display='block';">Conditions générales d'utilisation</button></label>
                 </div>
-                <div class="w3-container w3-padding-16">
-                  <button type="submit" name="btnregister" class="w3-button w3-theme">Kont aktivéieren</button>
+                <div class="container padding-16">
+                  <button type="submit" name="btnregister" class="button theme">Kont aktivéieren</button>
                 </div>
-                <div class="w3-container w3-padding-24">
+                <div class="container padding-24">
                   du hues dain Kont schon aktivéiert? <a href="[% abspath %]login.html" class="text-primary">Zrëck zum Login</a>
                 </div>
                 </form>
 
-<div id="dlgcgu" class="w3-modal">  <div class="w3-modal-content w3-animate-top w3-card-4">
+<div id="dlgcgu" class="modal">  <div class="modal-content animate-top card-4">
 
 
-    <header class="w3-container"> 
+    <header class="container"> 
       <span onclick="document.getElementById('dlgcgu').style.display='none'; return false;" 
-       class="w3-button w3-display-topright">&times;</span>
+       class="button display-topright">&times;</span>
       <h2 id="dlgpublish_title">Conditions générales d'utilisation du site fld.lu</h2>
     </header>
-    <div class="w3-container">
+    <div class="container">
       [% INCLUDE block/cgu.tt %]
     </div>
-    <footer class="w3-container w3-right-align w3-padding-16">
-    <button class="w3-button w3-theme-light w3-margin-right w3-border" onclick="document.getElementById('dlgcgu').style.display='none'; return false;">OK</button>
+    <footer class="container right-align padding-16">
+    <button class="button theme-light margin-right border" onclick="document.getElementById('dlgcgu').style.display='none'; return false;">OK</button>
       
     </footer>
   </div>
diff --git a/public_html/backoffice_old/tmpl/skeleton/login/validationcode.tt b/public_html/backoffice_old/tmpl/skeleton/login/validationcode.tt
index 430d8b08..5513f24f 100644
--- a/public_html/backoffice_old/tmpl/skeleton/login/validationcode.tt
+++ b/public_html/backoffice_old/tmpl/skeleton/login/validationcode.tt
@@ -1,22 +1,22 @@
 
-<div class="w3-container">
+<div class="container">
         <h4>E-Mail Validatioun</h4>
               <h6 >Mir hun dir eng E-Mail matt engem Code gescheckt, fir deng E-Mail-Address ze bestätegen!<br></h6>
         </div>
-        <div class="w3-panel [% messagetype %]">[% message %]</div>     
+        <div class="panel [% messagetype %]">[% message %]</div>     
               <form  method="POST">
-                <div class="w3-container">
-                    <label for="text" class="w3-label">Code</label>
+                <div class="container">
+                    <label for="text" class="label">Code</label>
                   
-                    <input type="text" class="w3-input w3-border" id="vcode" name="vcode"  required>
+                    <input type="text" class="input border" id="vcode" name="vcode"  required>
                     
                 </div>
                 
-                <div class="w3-container w3-padding-16">
-                  <button type="submit" name="btnvalidateemail" class="w3-button w3-theme" >E-Mail validéieren</button>
+                <div class="container padding-16">
+                  <button type="submit" name="btnvalidateemail" class="button theme" >E-Mail validéieren</button>
                 </div>
               </form>
-                <div class="w3-container w3-padding-24">
+                <div class="container padding-24">
                   <a href="[% basepath %]/login.html" class="text-primary">Zreck zum Login</a>
                 </div>
                 
diff --git a/public_html/backoffice_old/tmpl/skeleton/module.tt b/public_html/backoffice_old/tmpl/skeleton/module.tt
index cb968b3d..4fd68546 100644
--- a/public_html/backoffice_old/tmpl/skeleton/module.tt
+++ b/public_html/backoffice_old/tmpl/skeleton/module.tt
@@ -17,7 +17,7 @@
   <link rel="stylesheet" href="[% abspath %]vendors/flatpickr/flatpickr.min.css?v=[% vstamp %]">
   <link rel="stylesheet" href="[% abspath %]vendors/flatpickr/themes/airbnb.css?v=[% vstamp %]">
   <!-- <link rel="stylesheet" href="[% abspath %]vendors/croppr/croppr.css" rel="stylesheet"/> -->
-  <link rel="stylesheet" href="[% abspath %]css/module.css">
+  <link rel="stylesheet" href="[% abspath %]css/module.css?v=[% vstamp %]">
   <link rel="stylesheet" href="[% abspath %]css/icons.css?v=[% vstamp %]">
   <link rel="stylesheet" href="[% abspath %]css/theme.css?v=[% vstamp %]">
   <script>
-- 
2.39.5