\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{Huluvu424242 (FunThomas424242)}
\pdfinfo{
  /Title (plattform-bergreifend-arbeiten.pdf)
  /Creator (Cheatography)
  /Author (Huluvu424242 (FunThomas424242))
  /Subject (Plattformübergreifend Arbeiten Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{A3A3A3}
\definecolor{LightBackground}{HTML}{F3F3F3}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Plattformübergreifend Arbeiten Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{Huluvu424242 (FunThomas424242)} via \textcolor{DarkBackground}{\uline{cheatography.com/19991/cs/19057/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}Huluvu424242 (FunThomas424242) \\
  \uline{cheatography.com/funthomas424242} \\
        \uline{\seqsplit{github}.com/Huluvu424242}
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 10th March, 2019.\\
   Updated 19th July, 2019.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{2}

\begin{tabularx}{8.4cm}{x{2.66 cm} x{2.204 cm} x{2.736 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Online IDEs}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{popup="https://repl.it/site/pricing"\}\}Repl.it\{\{/popup\}\} & IDE für diverse Sprachen & Kostenlos bis zu einem Limit, Upgrade: 7\$/Monat \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
\{\{popup="https://www.gitpod.io/"\}\}Gitpod\{\{/popup\}\} & IDE für Github Projekte & Kostenlos, Anmeldung über github Account m{\"o}glich \tn 
% Row Count 9 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\{\{popup="https://next.plnkr.co"\}\}Plunker\{\{/popup\}\} & IDE für Javascript & Kostenlos, Anmeldung über github, facebook, ... \tn 
% Row Count 13 (+ 4)
% Row 3
\SetRowColor{white}
\{\{popup="https://stackblitz.com/"\}\}Stackblitz\{\{/popup\}\} & IDE für Javascript & Kostenlos, Anmeldung über github Account m{\"o}glich \tn 
% Row Count 17 (+ 4)
% Row 4
\SetRowColor{LightBackground}
\{\{popup="https://npm.runkit.com"\}\}runkit\{\{/popup\}\} & Node.js Spielwiese & Kostenlos \tn 
% Row Count 21 (+ 4)
% Row 5
\SetRowColor{white}
\{\{popup="https://labs.play-with-docker.com/"\}\}Play with Docker\{\{/popup\}\} & Spielwiese für Docker Container & Kostenlos von Docker Inc. \seqsplit{bereitgestellt} \tn 
% Row Count 27 (+ 6)
% Row 6
\SetRowColor{LightBackground}
\{\{popup="https://jsfiddle.net/"\}\}Fiddle\{\{/popup\}\} & Javascript Sprachen &  \tn 
% Row Count 31 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{2.66 cm} x{2.204 cm} x{2.736 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Online IDEs (cont)}}  \tn
% Row 7
\SetRowColor{LightBackground}
\{\{popup="https://json-ld.org/playground/"\}\}Playground JSON-LD\{\{/popup\}\} & Playground JSON-LD & kostenlos \tn 
% Row Count 6 (+ 6)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4.484 cm} x{2.128 cm} x{0.988 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Grafikbearbeitung}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{popup="https://www.photopea.com/"\}\}Photopea\{\{/popup\}\} & Online Image Editor &  \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{popup="https://www.sketchup.com/"\}\}Sketchup\{\{/popup\}\} & 3D \seqsplit{Bildbearbeitung} & \seqsplit{Kostenlos} \tn 
% Row Count 6 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{p{0.76 cm} x{3.42 cm} x{3.42 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Screenshots erstellen}}  \tn
% Row 0
\SetRowColor{LightBackground}
\seqsplit{Toolname} & \{\{nobreak\}\}Beschreibung und Anwendung & Webseite \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\seqsplit{Nimbus} & Chrome Extension, welche Screenshots über lange Webseiten erstellen kann. & \{\{popup="https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj"\}\}https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj\{\{/popup\}\} \tn 
% Row Count 16 (+ 13)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{2.584 cm} x{2.508 cm} x{2.508 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Dokumente erstellen und bearbeiten}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{popup="https://www.cheatography.com"\}\}Cheatography\{\{/popup\}\} & Spickzettel erstellen & kostenlos \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
\{\{popup="http://pocketmod.com"\}\}PocketMod.com\{\{/popup\}\} & PDF Faltbl{\"a}tter für GTD erstellen & Kostenlos ohne \seqsplit{Onlinespeicher} \tn 
% Row Count 10 (+ 5)
% Row 2
\SetRowColor{LightBackground}
\{\{popup="https://www.bibsonomy.org/"\}\}Bibsonomy.org\{\{/popup\}\} & Bibliography Eintr{\"a}ge mit Bewertungen, Kommentaren und PDF Upload & Kostenlos \tn 
% Row Count 16 (+ 6)
% Row 3
\SetRowColor{white}
\{\{popup="https://www.ilovepdf.com/de"\}\}I love pdf\{\{/popup\}\} & PDF Bearbeitung, Merging, etc &  \tn 
% Row Count 21 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\{\{popup="https://app.moqups.com"\}\}Moqups\{\{/popup\}\} & Simple Moqups und Wireframes &  \tn 
% Row Count 25 (+ 4)
% Row 5
\SetRowColor{white}
\{\{popup="https://youmescript.com/"\}\}YouMeScript\{\{/popup\}\} & Drehbuch erstellung &  \tn 
% Row Count 30 (+ 5)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{2.584 cm} x{2.508 cm} x{2.508 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Dokumente erstellen und bearbeiten (cont)}}  \tn
% Row 6
\SetRowColor{LightBackground}
\{\{popup="https://www.powtoon.com"\}\}Powtoon\{\{/popup\}\} & Cartoons, Videos, Pr{\"a}sentationen, ... & Kostenlos für eingeschr{\"a}nkte Nutzung \tn 
% Row Count 4 (+ 4)
% Row 7
\SetRowColor{white}
\{\{popup="https://stackedit.io"\}\}\#Stack Edit\{\{/popup\}\} & Markdown Editor & Kostenlos, Anmeldung über github Account m{\"o}glich \tn 
% Row Count 9 (+ 5)
% Row 8
\SetRowColor{LightBackground}
\{\{popup="https://drive.mindmup.com/"\}\}Mind Mup\{\{/popup\}\} & Mindmap & Kostenlos, Anmeldung über G*Drive \tn 
% Row Count 14 (+ 5)
% Row 9
\SetRowColor{white}
\{\{popup="http://docs.google.com/"\}\}G*Docs\{\{/popup\}\} & Text, Tabellen, Pr{\"a}sentationen aus G*Drive heraus & Kostenlos bis zu einem pers{\"o}nlichen Limit \tn 
% Row Count 18 (+ 4)
% Row 10
\SetRowColor{LightBackground}
\{\{popup="https://docs.google.com/drawings"\}\}G*Docs Drawing\{\{/popup\}\} & Zeichnungen aus G*Drive heraus & Kostenlos bis zu einem pers{\"o}nlichen Limit \tn 
% Row Count 24 (+ 6)
% Row 11
\SetRowColor{white}
\{\{popup="https://jamboard.google.com"\}\}G*Jamboard\{\{/popup\}\} & Online Whiteboard & Kostenlos bis zu einem pers{\"o}nlichen Limit \tn 
% Row Count 29 (+ 5)
% Row 12
\SetRowColor{LightBackground}
\{\{popup="http://www.getloupe.com/"\}\}Loupe Collage\{\{/popup\}\} & Collagen erstellen \& bearbeiten &  \tn 
% Row Count 34 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{2.584 cm} x{2.508 cm} x{2.508 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Online - Speicherplatz}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{popup="https://dropbox.com"\}\}dropbox\{\{/popup\}\} & Dateien allgemein (Bilder, Dokumente, ...) & Kostenlos bis zu einem pers{\"o}nlichen Limit \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{popup="https://drive.google.com"\}\}G*Drive\{\{/popup\}\} & Dateien allgemein (Bilder, Dokumente, ...) & Kostenlos bis zu einem pers{\"o}nlichen Limit \tn 
% Row Count 9 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{6.56 cm} x{1.44 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Open ID Provider}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{popup="http://xlogon.net/huluvu424242"\}\}Xlogon\{\{/popup\}\} & \seqsplit{Kostenlos} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{2}{x{8.4cm}}{Flickr} \tn 
% Row Count 3 (+ 1)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{Google} \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
\mymulticolumn{2}{x{8.4cm}}{Github} \tn 
% Row Count 5 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Online Jobs (Clickworker)}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{popup="https://www.clickworker.de/clickworker/?customer=false"\}\}Clickworker.de\{\{/popup\}\} & Texterstellung, Korrektorate, Lektorate, \seqsplit{Datenkategorisierung}, Webrecherche, Umfragen, Mystery Fotograf, App-Tests, Audio- \& Videoaufnahmen, \tn 
% Row Count 7 (+ 7)
% Row 1
\SetRowColor{white}
\{\{popup="https://lazyfox.io/"\}\}Lazyfox\{\{/popup\}\} & Freie Jobb{\"o}rse - B{\"o}rse im Sinne von Angebot und Nachfrage \tn 
% Row Count 10 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{popup="https://colony.utopian.io/"\}\}Utopian.io\{\{/popup\}\} & Entlohungsportal für Open Source Entwickler \tn 
% Row Count 13 (+ 3)
% Row 3
\SetRowColor{white}
\{\{popup="https://crowdin.com/projects\#showcases"\}\}Crowdin\{\{/popup\}\} & Übersetzungen von meist Open Source Projekten - Erwerb von Ehre und finanzieller Zuwendungen über Utopian.io \tn 
% Row Count 19 (+ 6)
% Row 4
\SetRowColor{LightBackground}
\{\{popup="https://www.swagbucks.com/g/how-it-works"\}\}Swagbucks\{\{/popup\}\} & Gutscheine für Onloneshops sind verdienbar. \tn 
% Row Count 23 (+ 4)
% Row 5
\SetRowColor{white}
\{\{popup="https://www.entscheiderclub.de/"\}\}Entscheiderclub\{\{/popup\}\} & Umfrageportal \tn 
% Row Count 27 (+ 4)
% Row 6
\SetRowColor{LightBackground}
\{\{popup="https://www.meinungsstudie.de/"\}\}Meinungsstudie\{\{/popup\}\} & Umfrageportal \tn 
% Row Count 31 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Online Jobs (Clickworker) (cont)}}  \tn
% Row 7
\SetRowColor{LightBackground}
\{\{popup="https://nest.testbirds.com"\}\}Testbirds.com\{\{/popup\}\} & Softwaretests (Usability Test) \tn 
% Row Count 4 (+ 4)
% Row 8
\SetRowColor{white}
\{\{popup="https://test.io/de/become-a-tester/"\}\}Test.io\{\{/popup\}\} & Softwaretests \tn 
% Row Count 8 (+ 4)
% Row 9
\SetRowColor{LightBackground}
\{\{popup="https://rapidusertests.com/tester/register"\}\}Rapidusertests.com\{\{/popup\}\} & Softwaretests \tn 
% Row Count 13 (+ 5)
% Row 10
\SetRowColor{white}
\{\{popup="https://www.content.de/autoren"\}\}Content.de\{\{/popup\}\} & Texter, Autorent{\"a}tigkeiten \tn 
% Row Count 17 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{Apps zum Geldverdienen: \newline MooCash, CashPirate, Ipsos Isay, Slidejoy, Shpock, Roamler, \newline  \newline Quelle: \newline https://5rules5hacks.de/serioes-online-geld-verdienen-2018/}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.92 cm} x{4.08 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Screenshot Tools}}  \tn
% Row 0
\SetRowColor{LightBackground}
Nimbus (Chrome Extension) & \seqsplit{https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj?hl=de} \tn 
% Row Count 6 (+ 6)
% Row 1
\SetRowColor{white}
Screenshot Extension (Chrome Extension) & \seqsplit{https://chrome.google.com/webstore/detail/webpage-screenshot-entire/akgpcdalpfphjmfifkmfbpdmgdmeeaeo?hl=de} \tn 
% Row Count 12 (+ 6)
% Row 2
\SetRowColor{LightBackground}
Blipshot (Chrome Extension) & \seqsplit{https://chrome.google.com/webstore/detail/blipshot-one-click-full-p/mdaboflcmhejfihjcbmdiebgfchigjcf?hl=de} \tn 
% Row Count 18 (+ 6)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Motivation für plattformübergreifende Arbeit}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{Du hast auf Arbeit eine Windows Kiste, musst aber ab und zu auch was auf dem Server erledigen, welcher unter Linux l{\"a}uft. Zuhause hast Du einen Mac, willst aber auf ein Chromebook wechseln. Zus{\"a}tzlich besitzt Du noch Handies, Tablets und {\"a}hnliche Schlaufone.  \newline % Row Count 6 (+ 6)
Arbeiten m{\"o}chtest Du gern an allen Orten zu jeder Zeit mit den gewohnten Tools und Programmen und es ist Dir v{\"o}llig egal welches Ger{\"a}t Du gerade bei Dir hast - Du willst nur Deine spontanen Gedanken sofort umsetzen.  \newline % Row Count 11 (+ 5)
Wie bekommt man das hin? Lange Zeit ging es gar nicht. Dann kamen Dinge wie Portable Apps. Dann kamen Dinge wie G*Drive. Und inzwischen gibt es sogar Online IDEs für Entwickler wie gitpod.io.  \newline % Row Count 15 (+ 4)
Die Kunst besteht aktuell darin, sich noch zu erinnern welches Tool für was gut war - online gibt es die meisten schon. Wenn man für sich ein gutes Toolset zusammengestellt hat, dann kann man irgendwann auch auf ein Chromebook wechseln.  \newline % Row Count 20 (+ 5)
Daher hier eine Sammlung der Tools die ich irgendwie ab und  zu mal mehr oder mal weniger ben{\"o}tige.% Row Count 22 (+ 2)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.344 cm} p{0.76 cm} x{3.496 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{Ger{\"a}teunabh{\"a}ngig aber ein OS}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{popup="https://portableapps.com/"\}\}Portable Apps\{\{/popup\}\} & \seqsplit{Windows} & USB Speicher mit Apps, Speicher und Auswahlmenü \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{popup="https://www.pcwelt.de/ratgeber/Portables\_Linux\_\_So\_packen\_Sie\_es\_auf\_einen\_USB-Stick-Mobile\_Distributionen-8852488.html"\}\}Linux Live auf USB\{\{/popup\}\} & Linux & Live System auf bootbaren USB Stick erstellen \tn 
% Row Count 14 (+ 10)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{2.584 cm} x{2.508 cm} x{2.508 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{L{\"o}sungen für Windows}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{nobreak\}\}Win-R, \seqsplit{optionalfeatures} & Subsystem für Linux aktivieren und OK & ab einer sp{\"a}ten Win10 Version verfügbar \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{popup="http://mingw.org/"\}\}MinGW\{\{/popup\}\} & GNU Compiler Werkzeuge &  \tn 
% Row Count 8 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\{\{popup="https://cygwin.com/"\}\}Cygwin\{\{/popup\}\} & Posix konforme Werkzeuge &  \tn 
% Row Count 12 (+ 4)
% Row 3
\SetRowColor{white}
\{\{popup="http://www.colinux.org/"\}\}coLinux\{\{/popup\}\} & C(o)VM Prinzip analog zu Docker in der Linux Welt & Keine echte VM sondern eine \seqsplit{Kernelisolation} (der Gast kann den Wirt zum Absturz bringen) \tn 
% Row Count 19 (+ 7)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{2.584 cm} x{2.508 cm} x{2.508 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{8.4cm}}{\bf\textcolor{white}{L{\"o}sungen für Linux}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{popup="https://www.winehq.org/"\}\}Wine\{\{/popup\}\} & Windows Kompatibilit{\"a}ts Schicht für Posix konforme Systeme &  \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
\{\{popup="https://www.reactos.org/"\}\}ReactOS\{\{/popup\}\} & ReactOS - Windows NT unter freier Lizens neu geschrieben & (Unter Linux aufgeführt weil mit POSIX Systemen geschrieben und über MinGW und Wine auch enthalten) \tn 
% Row Count 13 (+ 8)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Bezahlsysteme für Clickworker}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{popup="https://wirexapp.com/"\}\}Wirexapp.com\{\{/popup\}\} & Cryptobank - zugelassene Bank in England  mit eigener Debitkarte und IBAN Konten \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{popup="https://www.bitwala.com/"\}\}Bitwala.com\{\{/popup\}\} & Cryptobank - zugelassene Bank in Deutschland mit eigener Debitkarte und IBAN Konten \tn 
% Row Count 9 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Mobile Plattformen}}  \tn
% Row 0
\SetRowColor{LightBackground}
juiceSSH & ssh Shell \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
resilio sync & Datensynchronisation \tn 
% Row Count 2 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.2 cm} x{4.8 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Design \& Geld verdienen}}  \tn
% Row 0
\SetRowColor{LightBackground}
\seqsplit{https://www.canva.com} & Design erstellen \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\seqsplit{https://www.meistertask.com} & Kleine Projekt- und Aufgabenverwaltugn - genau richtig für Designerstellungen \tn 
% Row Count 6 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\seqsplit{https://www.spreadshirt.de/} & T-Shirts und Accessoires verkaufen \tn 
% Row Count 8 (+ 2)
% Row 3
\SetRowColor{white}
\seqsplit{https://www.vistaprint.de} & Tassen und Accessoires selbst erstellen und selbst kaufen \tn 
% Row Count 11 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\seqsplit{https://teespring}.com & T-Shirts und Accessoires erstellen und verkaufen \tn 
% Row Count 13 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}