~~NOTOC~~


====== Panels ======

===== Basic example =====

<panel type="default">Basic panel example</panel>
\\
<code html5><panel type="default">Basic panel example</panel></code>

===== Panel with heading =====

<panel type="default" title="Panel title">
Panel content
</panel>
\\
<code html5><panel type="default" title="Panel title">
Panel content
</panel></code>

===== Panel with subtitle =====

<panel type="default" title="Panel title" subtitle="Panel subtitle">
Panel content
</panel>
\\
<code html5><panel type="default" title="Panel title" subtitle="Panel subtitle">
Panel content
</panel></code>

===== Contextual alternatives =====

Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.

<panel type="primary" title="Panel title">Panel content</panel>
<panel type="success" title="Panel title">Panel content</panel>
<panel type="info" title="Panel title">Panel content</panel>
<panel type="warning" title="Panel title">Panel content</panel>
<panel type="danger" title="Panel title">Panel content</panel>
\\
<code html5>
<panel type="primary" title="Panel title">Panel content</panel>
<panel type="success" title="Panel title">Panel content</panel>
<panel type="info" title="Panel title">Panel content</panel>
<panel type="warning" title="Panel title">Panel content</panel>
<panel type="danger" title="Panel title">Panel content</panel>
</code>

===== With tables =====

Add any non-bordered table within a panel for a seamless design. If there is a ''no-body'' attribute, we add an extra border to the top of the table for separation.

<panel type="default" title="Panel title" no-body="true">
<panel-body>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</panel-body>
^ # ^ First Name ^ Last Name ^ Username ^
^ 1 | Mark       | Otto	     | @mdo     |
^ 2 | Jacob      | Thornton  | @fat     |
^ 3 | Larry      | the Bird  | @twitter |
</panel>

\\

<code html5><panel type="default" title="Panel title" no-body="true">
<panel-body>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</panel-body>
^ # ^ First Name ^ Last Name ^ Username ^
^ 1 | Mark       | Otto	     | @mdo     |
^ 2 | Jacob      | Thornton  | @fat     |
^ 3 | Larry      | the Bird  | @twitter |
</panel></code>

If there is no panel body, the component moves from panel header to table without interruption.

<panel type="default" title="Panel title" no-body="true">
^ # ^ First Name ^ Last Name ^ Username ^
^ 1 | Mark       | Otto	     | @mdo     |
^ 2 | Jacob      | Thornton  | @fat     |
^ 3 | Larry      | the Bird  | @twitter |
</panel>

\\

<code html5><panel type="default" title="Panel title" no-body="true">
^ # ^ First Name ^ Last Name ^ Username ^
^ 1 | Mark       | Otto	     | @mdo     |
^ 2 | Jacob      | Thornton  | @fat     |
^ 3 | Larry      | the Bird  | @twitter |
</panel></code>

===== With list groups =====

Easily include full-width [[list-group|list groups]] within any panel.

<panel type="default" title="Panel title" no-body="true">
<panel-body>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</panel-body>
<list-group>
  * Cras justo odio
  * Dapibus ac facilisis in
  * Morbi leo risus
  * Porta ac consectetur ac
  * Vestibulum at eros
</list-group></panel>

\\

<code html5><panel type="default" title="Panel title" no-body="true">
<panel-body>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</panel-body>
<list-group>
  * Cras justo odio
  * Dapibus ac facilisis in
  * Morbi leo risus
  * Porta ac consectetur ac
  * Vestibulum at eros
</list-group></panel></code>


===== With icons =====

<panel type="default" title="Panel title" subtitle="Panel subtitle" icon="glyphicon glyphicon-home">
Panel content
</panel>
\\
<code html5><panel type="default" title="Panel title" subtitle="Panel subtitle" icon="glyphicon glyphicon-home">
Panel content
</panel></code>


==== Attributes ====

^ Attribute    ^ Default Value ^ Allowed Values ^ Description ^
| ''type''     | ''default'' | ''default'', ''primary'', ''success'', ''info'', ''warning'', ''danger'' | Type of panel |
| ''title''    | optional | | Title of panel |
| ''subtitle'' | optional | | Subtitle of panel |
| ''icon''     | optional | | Font icon class (eg. Glyphicon or Font-Awesome) |
| ''no-body''  | optional | | Don't add a panel body. Useful to add other particular tags (or tables) inside a panels |

{{ :topicpics:justitia.jpg?nolink&1200x150 |}}



====== Datenschutzerklärung ======

Diese Datenschutzerklärung erläutert, wie wir als REFA-Landesverbandes Sachsen-Anhalt mit personenbezogenen und nicht personenbezogenen Daten umgehen. Sollten Sie Ihre Frage, hier nicht beantwortet finden, nehmen Sie bitte [[:kontakt]] zu uns auf. 

<accordion>

<panel title="Name und Kontaktdaten des für die Verarbeitung Verantwortlichen Name und Kontaktdaten des für die Verarbeitung Verantwortlichen  Name und Kontaktdaten des für die Verarbeitung Verantwortlichen  Name und Kontaktdaten des für die Verarbeitung Verantwortlichen">

Diese Datenschutzerklärung gilt für die Datenverarbeitung durch:
<callout>
REFA-Landesverband Sachsen-Anhalt e.V.\\
Cornelia Keil (Geschäftsführerin)\\
Nils-Bohr-Str. 1\\
39106 Magdeburg\\
E-Mail: [[kontakt@refa-sachsenanhalt.de]]
</callout>

Die Bestellung eines betrieblichen Datenschutzbeauftragten ist nicht erforderlich.
</panel>
<panel title="Erhebung und weitere Verarbeitung personenbezogener Daten inkl. Art und Zweck der Verwendung">


==== Besuch der Webseite ====
==== Die Nutzung meiner Kontaktadresse ====
</panel>



<panel title="Nutzung und Weitergabe personenbezogener Daten">

Um unseren Geschäftsbetrieb sicherstellen zu können, speichern und verarbeiten wir personenbezogenen Daten von Geschäftspartnern, Seminarteilnehmern und Vereinsmitgliedern auf unbestimmte Zeit. Zu diesen Daten gehören
  * Name
  * Kontaktinformation (Anschrift, E-Mail, Telefon)
  * Geburtsdatum
  * Position im Unternehmen, Unternehmensbranche 
  * ggf. REFA-Mitglieds-Nummer, Matrikel-Nummer


Die Speicherung und Verarbeitung der Daten erfolgt vorrangig in einem CRM-System auf den Servern unseres Partners [[http://www.unidienst.de|unidienst]]. Wir verwenden die Daten, um Seminare planen und durchführen zu können, um den Vereinsbetrieb sicherzustellen und zu Marketing-Zwecken.

Über Ihre von uns gespeicherten personenbezogenen Daten können Sie jederzeit Auskunft  erhalten. Außerdem können Sie eine einmal erteilte Einwilligung zur Erhebung, Verarbeitung und Nutzung Ihrer personenbezogenen Daten jederzeit für die Zukunft widerrufen.
</panel>
<panel title="Cookies">
Unsere Webseite verwendet [[https://de.wikipedia.org/wiki/Cookies|Cookies]]. Dabei handelt es sich kleine Informationseinheiten, die entweder temporär im Arbeitsspeichers Ihres Computers gespeichert (Session-Cookies) oder in 
Form einer Textdatei über längere Zeit auf Ihrer Festplatte abgelegt werden. Wir verwenden die Cookies, um es Nutzern zu ermöglichen, sich auf unserer Webseite anzumelden. Darüber hinaus setzen auch Facebook und Proven Expert Cookies auf unserer Webseite. Sie können in Ihrem Internetbrowser steuern, ob Sie Cookies akzeptieren oder ablehnen möchten. Für den "normalen" Besucher wird durch das Ablehnen von Cookies die Darstellung der Webseite nicht beeinflusst.  
</panel>

<panel title="Server-Log-Dateien">
Bei einem Besuch unserer Webseite werden durch unseren Hosting-Dienstleister verschiedene personenbezogene Daten in den Log-Files des Servers erfasst und uns in anonymisierter Form zur Verfügung gestellt. Wir verwenden diese Daten, um 
die Nutzung unserer Webseiten statisch auszuwerten. Zu den erfassten Daten gehören:

  * URL der aufgerufenen Seite
  * [[https://de.wikipedia.org/wiki/IP-Adresse|IP-Adresse des Besuchers]] (anonymisiert)
  * Datum und Uhrzeit des Aufrufes
  * Informationen über das Computersystem des Besuchers (Browserkennung)
  * die verweisende Seite (Referrer)

Welche Daten Ihr Browser an den Server übermittelt, können  Sie <btn modal="browserinfo">hier</btn> einsehen.
<modal  id="browserinfo" remote=":browserinfo"></modal>

Die Daten werden uns als Log-Datei sowie in grafischer Form zur Verfügung gestellt. Hier ein Auszug aus der ''access.log'':
<code>
refa-magdeburg.de anon-68-180-229-198.yahoo.net - - [27/Jun/2017:04:10:45 +0200] "GET /doku.php/seminare/pp/start HTTP/1.1" 200 25126 "-" "Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/help/us/ysearch/slurp)"
refa-magdeburg.de anon-68-180-229-198.yahoo.net - - [27/Jun/2017:04:12:29 +0200] "GET /doku.php/seminare/termine/69-rkm-3-17 HTTP/1.1" 200 21266 "-" "Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/help/us/ysearch/slurp)"
refa-magdeburg.de anon-68-180-229-198.yahoo.net - - [27/Jun/2017:04:12:30 +0200] "GET /doku.php/seminare/pp/start?srt=%5Eseminartermin.Beginn HTTP/1.1" 200 25441 "-" "Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/help/us/ysearch/slurp)"
refa-magdeburg.de anon-68-180-229-198.yahoo.net - - [27/Jun/2017:04:12:36 +0200] "GET /doku.php/lia/start HTTP/1.1" 200 28602 "-" "Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/help/us/ysearch/slurp)"
</code>

Zusätzlich werden Information in der ''error.log'' gespeichert:

<code>
03.07.2017 16:37:06 refa-magdeburg.de [client 194.187.42.0] PHP Warning:  simplexml_load_string(): <col xs="12" sm="3 lg="2"/> in /mnt/web203/d1/78/5497078/htdocs/dokuwiki/lib/plugins/bootswrapper/syntax/bootstrap.php on line 215
03.07.2017 16:37:06 refa-magdeburg.de [client 194.187.42.0] PHP Warning:  simplexml_load_string():                        ^ in /mnt/web203/d1/78/5497078/htdocs/dokuwiki/lib/plugins/bootswrapper/syntax/bootstrap.php on line 215
04.07.2017 10:47:17 refa-magdeburg.de [client 87.173.8.0] PHP Warning:  Division by zero in /mnt/web203/d1/78/5497078/htdocs/dokuwiki/lib/plugins/openlayersmap/StaticMap.php on line 639, referer: http://refa-magdeburg.de/doku.php/kontakt?do=edit
</code>

Unser Hosting-Dienstleister hält die Daten der letzten 6 Wochen für uns vor. 

</panel>
<panel title="Verbindung zu Facebook">


Unsere Website verwendet Funktionen der Facebook Inc., um Beiträge, die bei Facebook veröffentlicht wurden, auf unserer Webseite einzublenden. Bei dem Aufruf von Seiten mit einem Facebook-Plugin wird eine Verbindung zwischen Ihrem Browser und den Servern von Facebook aufgebaut, und es werden Daten übermittelt. 
Wenn Sie einen Facebook-Account besitzen, können diese Daten mit Ihren Nutzerprofil verknüpft werden. Mehr erfahren Sie hierzu unter [[https://de-de.facebook.com/about/privacy]]. Um die Zusammenführung der Daten zubegrenzen, sollten Sie sich vor dem Besuch unserer Webseite bei Facebook abmelden. Bei Bedarf können zusätzlich Add-ons für den von Ihnen genutzten Browser (zum Beispiel [[https://github.com/gorhill/uMatrix|uMatrix]] oder sog. "Facebook Blocker") einsetzen, um die Verbindung zu Facebook gänzlich zu unterbinden. Für die Effektivität solcher Lösungen können wir jedoch keine Gewähr übernehmen.

</panel>
<panel title="Verbindung zu Proven Expert">
Unsere Webseite verwendet Funktionen des Bewertungsportals Proven Expert. Beim Aufruf von Seiten mit einem Proven Expert-Plugin wird eine Verbindung zwischen Ihrem Browser und Proven Expert aufgebaut, und es werden Daten übermittelt. Wenn Sie einen Proven Expert-Account besitzen, können diese Daten mit Ihrem Nutzerprofil verknüpft werden. Mehr erfahren Sie hierzu  in den [[https://www.provenexpert.com/de-de/datenschutzbestimmungen/|Datenschutzbestimmungen des Portals]]. Um die Zusammenführung der Daten zubegrenzen, sollten Sie sich vor dem Besuch unserer Webseite bei Proven Expert abmelden.  Bei Bedarf können zusätzlich Add-ons für den von Ihnen genutzten Browser (zum Beispiel [[https://github.com/gorhill/uMatrix|uMatrix]] oder [[https://addons.mozilla.org/de/firefox/addon/noscript/|NoScript]]) einsetzen, um die Verbindung zu Proven Expert gänzlich zu unterbinden. Für die Effektivität solcher Lösungen können wir jedoch keine Gewähr übernehmen.
</panel>
<panel title="Kontaktformular">

Wenn Sie unser [[:kontakt|Kontaktformular]] oder das [[formulare:anmeldung|Formular zur Seminaranmeldung]] nutzen, werden nur die von Ihnen eingegebenen Informationen übermittelt. Eine Übermittelung weiterer Daten (IP-Adresse, Browserkennung, etc.)  erfolgt nicht. Die Daten werden bei uns gespeichert und verarbeitet, um Ihre Anfrage zu bearbeiten. 


</panel>
<panel title="E-Mails">


E-Mails, die Sie an uns senden, enthalten in der Regel neben Ihrer E-Mail-Adresse, der Betreffzeile und dem Nachrichtenteil technisch bedingt auch Informationen zu den [[https://de.wikipedia.org/wiki/IP-Adresse|IP-Adressen]] der übermittelnden Mailserver und des einliefernden Rechners, [[https://de.wikipedia.org/wiki/Zeitstempel|Zeitstempel]] und [[https://de.wikipedia.org/wiki/DomainKeys| DomainKeys]].

</panel>

</accordion>