This page is under construction

My skills



  • Practical web services
  • IT support and helpdesk
  • Interface development
  • Managed Services
  • Batch Jobs

contact



Box-Fenster Primus - Die Abschnitte im Inhalt

Mit Pseudo-Element 'nth-child(n)'

Auf der Seite (index.html) sehen Sie im Inhaltsbereich mehrere Abschnitte, die farbig getrennt sind. Wie wir diese angelegt haben und wie Sie auch mehr oder weniger Abschnitte anlegen können, erklären wir Ihnen nachstehend.

Der Pseudo-Selektor :nth-child(n) ist sehr hilfreich, wenn man gleiche Elemente innerhalb eines Elternelement verschieden aussehen lassen möchte. Insbesondere bei Wiederholungen ist dies effektiv.

Alle Möglichkeiten:

SELFHTML-Wiki beschreibt es, aber noch viel übersichtlicher und mit sehr vielen Beispielen erklärt es die Webseite h5c3 .

Die wichtigsten Möglichkeiten:

Wie an den vorstehend genannten Links zu sehen, gibt es mehrere 'nth-child-Selektoren'. Nachfolgend möchten wir aber Ihnen die wichtigsten beschreiben:

1.) Einfache 'nth-child-Selektoren':

1.a) Spricht jeden Abschnitt individuell an:

'nth-child(1)' spricht den ersten Abschnitt an.
'nth-child(2)' spricht den zweiten Abschnitt an.
'nth-child(3)' spricht den dritten Abschnitt an.
'nth-child(4)' spricht den vierten Abschnitt an usw.

1b) Spricht jeden zweiten Abschnitt an:

'nth-child(odd)' spricht jeden ungeraden Abschnitt an (also 1, 3 ,5, 7 usw).
'nth-child(even)' spricht jeden geraden Abschnitt an (also 2, 4, 6, 8 usw).

|| Fazit: Gestalt man jetzt noch den Kopf-und den Fussbereich in anderen Farben, so hat man hiermit schon ein sehr professionelles Ergebnis erzielt.

1c) Eine Mischung von 1a) und 1b) ist noch effektiver, zum Beispiel wie folgt:

'nth-child(odd)' spricht jeden ungeraden Abschnitt an (also 1, 3 ,5, 7 usw).
'nth-child(even)' spricht jeden geraden Abschnitt an (also 2, 4, 6, 8 usw).
'nth-child(4)' spricht nur den vierten Abschnitt an und überschreibt damit nur den 'even-Abschnitt-4'.
'nth-child(5)' spricht nur den fünften Abschnitt an und überschreibt damit nur den 'odd-Abschnitt-5'.

|| Fazit: Somit wechselt sich jeder zweite Abschnitt farblich ab, egal wie viele Abschnitte - und um das Muster zu durchbrechen wird hier im Beipspiel der vierte und fünfte Abschnitt als Variation genutzt.


2.) Erweiterte 'nth-child-Selektoren':
Jetzt wird es noch variabler. Hier im Beispiel die Anweisungen für jeden dritten anzusprechenden Abschnitt.

'nth-child(3n+1)' spricht den ersten Abschnitt an und ab diesen jeden dritten Abschnitt.
D.h. Abschnitt 1, Abschnitt 4, Abschnitt 7 usw. sind identisch.

'nth-child(3n+2)' ist für den zweiten Abschnitt zuständig und ab diesen wird jeder dritte Abschnitt angesprochen.
D.h. Abschnitt 2, Abschnitt 5, Abschnitt 8 usw. sind identisch.

'nth-child(3n+3)' spricht den dritten Abschnitt an und ab diesen jeden dritten Abschnitt.
D.h. Abschnitt 3, Abschnitt 6, Abschnitt 9 usw. sind identisch.

'nth-child(3n+4)' spricht den vierten Abschnitt an und ab diesen jeden dritten Abschnitt.
D.h. Abschnitt 4, Abschnitt 7, Abschnitt 10 usw. sind identisch.




Wie funktioniert es in diesem Template ?

Wir haben den 'nth-child-Selektor' für die Abschnitte in der Datei format.css angelegt. Und zwar haben wir den 'nth-child-Selektor' auf unsere CSS-Klasse namens 'section-inhalt' gesetzt und hierbei 'nth-child(odd/even)' verwendet. 

CSS
<!-- Allgemeines Beispiel-->
.section-inhalt:nth-child(odd) .inhalt-a {
background:white;
color:#000;
}
.section-inhalt:nth-child(even) .inhalt-a {
background:black;
color:#fff;
}

So sieht ein Abschnitt in der HTML-Datei aus: 
HTML
<!-- ABSCHNITT -->
<div class="section-inhalt">
<div class="inhalt-a">
... Inhalt ...
</div>
</div>
<!-- E N D E ABSCHNITT -->
So sehen zwei Abschnitte in der HTML-Datei aus: 
HTML
<!-- ABSCHNITT -->
<div class="section-inhalt">
<div class="inhalt-a">
... Inhalt Abschnitt 1 ...
</div>
</div>
<!-- E N D E ABSCHNITT -->

<!-- ABSCHNITT -->
<div class="section-inhalt">
<div class="inhalt-a">
... Inhalt Abschnitt 2 ...
</div>
</div>
<!-- E N D E ABSCHNITT -->
Sehr praktisch und übersichtlich: Der Code für die Abschnitte ist also in der HTML-Datei immer der gleiche, egal wieviele Abschnitte, denn die Änderungen erfolgen ja einzig und allein in der CSS-Datei 'format.css' über den CSS-Befehl 'nth-child(n)'.

 

CV

Professional experience

06/2018 - 06/2026

SAP Developer/Advisor

City of Wuppertal
Wuppertal
Migration SAP S4HANA, SAP Fiori, System Architect in process operations,

process operations and application support for registration authorities



01/2017 - 05/2018

Product Owner Trainee

Tegos GmbH
Dortmund
Microsoft Dynamics NAV trainee, workshops for key users



01/2016 - 12/2016

SAP Developer/Consultant

Power reply GmbH & Co. KG
Dortmund
SAP IS-U, SAP MCF: Development of customer web portals



10/2013 - 12/2015

SAP Data Engineer/Consultant

Syskoplan reply GmbH & Co. KG
Gütersloh
SAP BW Management of external data in the input layer



09/2012 - 09/2013

Master's student

qonsense GmbH
Hagen
Preparation of my master's thesis, working student in the area of ​​SAP UCES / IS-U



04/2010 - 08/2012

Working student

Rhenus Assets & Services GmbH
Holzwickede
Preparation of project and bachelor's thesis work, working student in the field of service management and ITIL



Education

03/2011 - 04/2013

University of Applied Sciences Dortmund

Master of Science in Business Informatics
Dortmund
Master's thesis: "Online services for utility companies — Design, conception and prototypical development of a portal solution for customer service processes"



09/2006 - 02/2011

University of Applied Sciences Dortmund

Bachelor of Science in Business Informatics
Dortmund
Bachelor thesis: “Conception of the interface between Matrix42 and SAP for IT service billing”



Professional skills

  • Java 2 Enterprise Edition
  • JavaScript Frameworks, AJAX
  • SQL/T-SQL
  • ABAP, S/4HANA SQL, SAPUI5
  • Windows/Unix Scripting

Languages

  • German
  • Polish
  • English



Projects

SAP Customer Competence Center of the City of Wuppertal

10/2023 to 06/2026

City of Wuppertal

,

Wuppertal

  • Planning, migration and support for SAP S/4HANA
  • Support and provision of customizing in the still current SAP R3 system
  • Advising employees in the city treasury and the audit office, implementation in the technical provision of SAP products
  • Customizing standard SAP software using ABAP and SAPUI5
  • Documentation and implementation of regulations within the SAP S/4HANA project


Support and provision of specialized procedures for registration authorities of the city of Wuppertal

06/2018 to 09/2023

City of Wuppertal

,

Wuppertal

  • Planning, migration and support for successor procedures from HSH for registration authorities
  • Support and provision of the ADVIS specialist application and components
  • Advising the responsible employees of registration authorities and implementing the technical provision of software and hardware.
  • Customizing the standard ADVIS software using PowerShell and Visual Basic
  • Customizing the standard software Ladiva using UC4, PowerShell and C# .NET
  • Java Server Management (Tomcat, Wildfly)
  • Documentation and implementation of regulations within the framework of IT security laws according to BSI
  • Documentation and implementation of eGovernment regulations


Optimization of the current processes at the customer's site

02/2018 to 05/2018

Remondis SE & Co. KG

,

Lünen

  • Interview with the responsible employees of individual departments
  • Modeling and recording of the current main processes using BPMN in MS Visio
  • Development and analysis of potentials for the target process
  • Analysis and development of target processes for individual departments using BPMN in MS Visio


Customer support and user training during the rollout of Microsoft Dynamics NAV enwis) at the customer's site.

01/2017 to 02/2018

Berlin Recycling GmbH

,

Berlin

  • Support during the implementation of the ERP solution enwis) at the customer's site, as well as testing the delivered functionality.
  • Planning and execution of consulting activities
  • Project-related support in the conceptual design for customer-specific requirements (current state analysis, concept development, customer consultation)
  • Training and support of key users
  • Support and customer service


Creation of a customer portal based on SAP Multichannel Foundation

12/2015 to 09/2016

Stadtwerke Duisburg AG

,

Duisburg

  • Setup and configuration of SAP MCF on the IS-U and CRM backend as well as the SAP Gateway
  • Inquiring about and gradually developing customer needs from the customer
  • Analysis and development of typical customer processes of an energy supplier
  • Creation and customization of technical customer services based on SAP MCF
  • Design and customization of the SAP MCF customer interface


Creation of a B2B/B2C customer portal based on Typo3 CMS

08/2015 to 11/2015

Enervie AG

,

Hagen

  • Setup and configuration of the Typo3 CMS environment on a Linux server
  • Analysis and development of typical customer processes of an energy supplier
  • Creation of technical customer services in the Typo3 CMS
  • Support in the design of the Typo3 customer portal


Documentation of the customer's system architecture with regard to the ARAMIS database

10/2014 to 05/2015

UniCredit Bank GmbH

,

Munich

  • Analysis and planning of the productive ARAMIS environment
  • Documentation of currently used legacy interfaces
  • Documentation of newly built applications, compliance with documentation guidelines
  • Report creation with BO Web Intelligence


BASEL II entry layer in SAP BW at the customer's site

01/2014 to 08/2014

VW Financial Services AG

,

Brunswick

  • Planning, development and acceptance procedures for new applications in the SAP BW input layer (ETL process construction for each InfoProvider, completion of acceptance procedures for productive release)
  • Adaptation of simple ABAP programs and integration of global TVARVC variables
  • Transport management between development and test systems
  • Maintenance and documentation of incidents/problems in the HP Support Center, change requests and service requests via HPSC
  • Coordination of test data acquisition from foreign companies (English)
  • Analysis of planned process chains in the UC4 job scheduler system
  • Documentation of newly built applications, compliance with documentation guidelines


Creating a web portal for energy supply companies based on SAP UCES

06/2013 to 09/2013

qonsense GmbH

,

Dortmund

  • Adapting the Java Server Pages of the SAP UCES template to customer-specific portal requirements
  • Functional extension of the Java Server Pages of the SAP UCES template to meet customer-specific portal requirements.
  • Adapting the SAP UCES web interface to the customer-specific interface layout


Concept and design of an online service web portal for utility companies based on SAP UCES

10/2012 to 04/2013

qonsense GmbH

,

Dortmund

  • Development of a web portal based on a target concept
  • Installation and adaptation of a suitable infrastructure
  • Establishment of a three-layer architecture with connection to the database and SAP UCES system
  • Conception of a role and user management system
  • Development of interfaces between the presentation layer, application layer and SAP data layer
  • Test coordination


Analysis and optimization of logistics data from air, water and road transport

06/2012 to 10/2012

Rhenus Assets & Services GmbH

,

Holzwickede

  • Analysis of the data stock from a transport management system in the reporting system
  • Conception of data optimization and validation measures
  • Development of metadata and data profiling
  • Extension of the ETL process in the Data Manager


Preparation for conducting a company-wide ISO27001 certification by TÜV Süd

03/2012 to 06/2012

Rhenus Assets & Services GmbH

,

Holzwickede

  • Documentation of data protection and data security measures
  • Conception of KPIs
  • Creation of training materials for ISO27000 employee training


Development and administration of a CMDB service management system for company-specific IT services

05/2011 to 03/2012

Rhenus Assets & Services GmbH

,

Holzwickede

  • Structuring IT services in the service management system
  • Loading IT services into the CMDB using an ETL process
  • Creation of business reports in Microsoft Visual Studio from the CMDB data for use as KPIs
  • Conducting test runs of the CMDB and the service store of the service management system


Design of an automated billing interface between service management system and SAP for company-specific IT services

10/2010 to 05/2011

Rhenus Assets & Services GmbH

,

Holzwickede

  • Structuring company-specific IT services in the service management system
  • Extension of the form for IT services in the service management system
  • Database adjustments for an automated billing process
  • Design of a processing workflow for the SAP system using a BAPI structure
  • Processing a BAPIRETURN structure in the database system


You can reach me here

Contact also via



Or leave me a message here.




 

Box-Fenster Quintus Leistungen

What We Offer

Praesent porttitor, nulla vitae posuere iaculis, arcu nisl dignissim dolor, a pretium mi sem ut ipsum. Curabitur suscipit suscipit tellus. Praesent vestibulum dapibus nibh.

Weitere Leistungen

Etiam iaculis nunc ac metus. Ut id nisl quis enim dignissim sagittis. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Proin magna.

Fresh Swimming Pool

Sandy Umbrella Beach

Spa Wellness Beauty

Various Sport Events

Cars & Bycicles To Rent

Natural Free Camping

Many Caravan Parking Spaces

Internet Wifi Free

Credit Cards & Cash Money

Guaranteed Service Help

Duis vel nibh at velit scelerisque suscipit. Curabitur turpis. Vestibulum suscipit nulla quis orci. Fusce ac felis sit amet ligula pharetra condimentum. Maecenas egestas arcu quis ligula mattis placerat. Duis lobortis massa imperdiet quam. Suspendisse potenti. Pellentesque commodo eros a enim. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Sed libero.

Standard Liste verlinkt, mit Aufzählungszeichen


Standard Liste mit Aufzählungszeichen

  • Your traditional number one in europe
  • Finest quality guarantee promised
  • Top service, large product range and best delivery conditions

 

Box-Fenster Sextus

Bilder & Icons

Die Bilder

Die Fotos in dieser Vorlage sind vom Foto-Anbieter Picjumbo. Wir haben diese innerhalb unseres Grid-Systems responsive angelegt. Gerne können Sie natürlich auch Ihre eigenen Fotos verwenden.

Die Font-icons

Font-Icons sind sozusagen grafisch wirkende Schriftzeichen, die aber wie normaler Text behandelt werden (denn es sind ja Textzeichen) und damit eine schnellere und leichtere Formatierung gegenüber grafischen Icons per Bildformat (z.b. gif, jpg oder png) ermöglichen. Viele weitere Icons sind möglich, denn die sehr verbreitete kostenlose Icon-Schrift vom Anbieter "Fontawesome" wird ja durch einen entsprechenden Link im Kopfbereich des Templates aufgerufen. So fügen Sie ggfls. weitere Icons hinzu oder ersetzen die vorhandenen.

Wir haben die Icons schon für Sie angepasst. Denn ohne weitere Bearbeitung sind die Font-Icons immer genauso groß und erscheinen in gleicher Farbe wie die aktuell verwendete Schrift für den Text.

Slideshow löschen

Nur falls Sie möchten und beabsichtigen den Bildwechsler zu entfernen, löschen Sie bitte in der HTML-Datei alles was innerhalb der Kommentarzeilen 'Slideshow bzw. Ende' steht sowie auch die Kommentarzeilen selbst: 

HTML
<!-- slideshow -->
[...]
<!-- ende slideshow -->

Festes Einzelbild statt Slideshow

Sollten Sie die Slideshow löschen, wie vorab beschrieben, kein Problem, denn es ist bereits vorsoglich eine Lösung für ein Einzelfoto in der Datei format.css angelegt: 

CSS
#logo {
/* fallback-bild */
background-image:url ( ../images/logo03.jpg );
}


 

Box-Fenster Impressum

Hinter den Worten

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.

Blindtext

Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht - ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik.

Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.

Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy.

Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie zigmal umgeschrieben worden und alles, was von ihrem Ursprung noch übrig wäre, sei das Wort "und" und das Blindtextchen solle umkehren und wieder in sein eigenes, sicheres Land zurückkehren.

Die Werbetexter

Doch alles Gutzureden konnte es nicht überzeugen und so dauerte es nicht lange, bis ihm ein paar heimtückische Werbetexter auflauerten, es mit Longe und Parole betrunken machten und es dann in ihre Agentur schleppten, wo sie es für ihre Projekte wieder und wieder mißbrauchten. Und wenn es nicht umgeschrieben wurde, dann benutzen Sie es immernoch.

 

Box-Fenster Datenschutz

Datenschutz 01

Eine wunderbare Heiterkeit hat meine ganze Seele eingenommen, gleich den süßen Frühlingsmorgen, die ich mit ganzem Herzen genieße. Ich bin allein und freue mich meines Lebens in dieser Gegend, die für solche Seelen geschaffen ist wie die meine.

Ich bin so glücklich, mein Bester, so ganz in dem Gefühle von ruhigem Dasein versunken, daß meine Kunst darunter leidet. Ich könnte jetzt nicht zeichnen, nicht einen Strich, und bin nie ein größerer Maler gewesen als in diesen Augenblicken.

Datenschutz 02

Wenn das liebe Tal um mich dampft, und die hohe Sonne an der Oberfläche der undurchdringlichen Finsternis meines Waldes ruht, und nur einzelne Strahlen sich in das innere Heiligtum stehlen, ich dann im hohen Grase am fallenden Bache liege, und näher an der Erde tausend mannigfaltige Gräschen mir merkwürdig werden; wenn ich das Wimmeln der kleinen Welt zwischen Halmen, die unzähligen, unergründlichen Gestalten der Würmchen, der Mückchen näher an meinem Herzen fühle, und fühle die Gegenwart des Allmächtigen, der uns nach seinem Bilde schuf, das Wehen des Alliebenden, der uns in ewiger Wonne schwebend trägt und erhält; mein Freund!

Datenschutz 03

Wenn's dann um meine Augen dämmert, und die Welt um mich her und der Himmel ganz in meiner Seele ruhn wie die Gestalt einer Geliebten - dann sehne ich mich oft und denke : ach könntest du das wieder ausdrücken, könntest du dem Papiere das einhauchen, was so voll, so warm in dir lebt, daß es würde der Spiegel deiner Seele, wie deine Seele ist der Spiegel des unendlichen Gottes!

 

Box-Fenster Disclaimer

Allein in der Dunkelheit

Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte!

Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen? Er konnte die Aufforderung stehen zu bleiben schon hören.

Gehetzt sah er sich um. Plötzlich erblickte er den schmalen Durchgang. Blitzartig drehte er sich nach rechts und verschwand zwischen den beiden Gebäuden. Beinahe wäre er dabei über den umgestürzten Mülleimer gefallen, der mitten im Weg lag.

Er versuchte, sich in der Dunkelheit seinen Weg zu ertasten und erstarrte: Anscheinend gab es keinen anderen Ausweg aus diesem kleinen Hof als den Durchgang, durch den er gekommen war. Die Schritte wurden lauter und lauter, er sah eine dunkle Gestalt um die Ecke biegen. Fieberhaft irrten seine Augen durch die nächtliche Dunkelheit und suchten einen Ausweg. War jetzt wirklich alles vorbei?

 

Box-Fenster AGB

-AGB 01-

Scripta persecuti vituperatoribus mea te, assum consequat an eam. Viris labore assentior per te, pri perfecto ocurreret ea, offendit sapientem cum ex. Pro tamquam albucius voluptaria ad, cu his lorem postulant, cu usu ornatus phaedrum adipisci.

Viderer persius dissentiunt pro no, iuvaret consulatu in mel, qui an aeterno torquatos. Eos ad eros ullum tacimates. Falli latine delicata ei sit, has at erat sale consulatu.
Idque dolore inimicus quo cu, ne has iusto labore theophrastus. Primis percipit atomorum ius eu. Odio splendide pro id. Elitr adolescens argumentum id pro, id enim cetero mea.

-AGB 02-

Ut persius nominati delicata cum, ei nullam utamur pro. Mel expetendis sadipscing cu. Cu nam ludus numquam impedit. Ei melius fuisset intellegebat cum, hinc dicunt facilis an usu. Nam omnis oratio id, ut eripuit pericula sadipscing vix, propriae principes id mea. Sed sonet persius ad, graecis molestiae ad his. Cu novum commodo repudiandae mea, per id audiam sententiae contentiones.

Esse assum labore an eum, odio nulla soluta ne his. Augue ponderum dignissim et usu. Aliquam docendi est cu. Nec tota graeco ex, quo in aeque vituperata scriptorem, choro laboramus disputationi vim at.

-AGB 03-

Eu eam facilisi temporibus persequeris, eius tamquam definitiones sed ex, pro id modo ipsum epicuri. Mea nonumy postea an, inciderint comprehensam quo ea. Sed ex odio complectitur. Copiosae appetere iracundia usu no, vis te ludus quodsi eloquentiam. Te pri consul fastidii, te pri animal inermis.

-AGB weitere-

Wenn's dann um meine Augen dämmert, und die Welt um mich her und der Himmel ganz in meiner Seele ruhn wie die Gestalt einer Geliebten - dann sehne ich mich oft und denke : ach könntest du das wieder ausdrücken, könntest du dem Papiere das einhauchen, was so voll, so warm in dir lebt, daß es würde der Spiegel deiner Seele, wie deine Seele ist der Spiegel des unendlichen Gottes!