


<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
	
	<SCRIPT type=text/javascript src="https://www.elisadaschatz.de/jquery-2.0.3.min.js"></SCRIPT>
	<LINK title=a rel=stylesheet type=text/css href="https://www.elisadaschatz.de/bsss.dddcss">
	

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>elisadaschatz.de | Professional Admin</title>
    <style>
        :root {
            --bg: #fcfcfc;
            --white: #ffffff;
            --gold: #c5a02d;
            --border: #eeeeee;
            --text: #1a1a1a;
            --text-muted: #94a3b8;
        }

        * { box-sizing: border-box; }
        body { 
            font-family: 'Inter', -apple-system, sans-serif; 
            background: var(--bg); margin: 0; color: var(--text);
        }

        /* Responsive Layout */
        .app-shell {
            display: grid;
            grid-template-columns: 280px 1fr 280px;
            height: 100vh;
            width: 100vw;
        }

        @media (max-width: 1024px) {
            .app-shell { grid-template-columns: 1fr; height: auto; overflow-y: auto; }
            .panel { height: auto !important; border-right: none !important; border-bottom: 1px solid var(--border); }
            .middle-pain { height: auto !important; }
        }

        /* Panels */
        .panel { background: var(--white); border-right: 1px solid var(--border); display: flex; flex-direction: column; height: 100vh; }
        .panel-header { padding: 25px; border-bottom: 1px solid var(--border); }
        h2 { font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin: 0; }

        /* Links: Tree Navigation */
        .tree-container { padding: 15px; flex-grow: 1; overflow-y: auto; }
        .tree-node { margin-bottom: 8px; }
        .tree-toggle { display: flex; align-items: center; cursor: pointer; font-weight: 600; font-size: 0.9rem; padding: 8px; border-radius: 8px; }
        .tree-toggle:hover { background: #f9f9f9; }
        .arrow { color: var(--gold); margin-right: 10px; transition: 0.3s; display: inline-block; }
        .open .arrow { transform: rotate(90deg); }
        .submenu { display: none; list-style: none; padding-left: 25px; margin: 5px 0; }
        .open .submenu { display: block; }
        .sub-item { padding: 5px 0; font-size: 0.85rem; color: var(--text-muted); cursor: pointer; }
        .sub-item:hover { color: var(--gold); }

        /* Mitte: Der Arbeitsbereich */
        .middle-pain { background: #fafafa; display: flex; flex-direction: column; height: 100vh; }
        
        .middle-header { 
            background: var(--white); padding: 20px 30px; 
            border-bottom: 1px solid var(--border);
            display: flex; justify-content: space-between; align-items: center;
            position: sticky; top: 0; z-index: 10;
        }

        .scroll-content { padding: 30px; overflow-y: auto; flex-grow: 1; }

        /* Horizontaler Slider (Mobile Friendly) */
        .slider-wrapper {
            display: flex; gap: 20px; overflow-x: auto; padding: 10px 5px 25px 5px;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch; /* Sanftes Scrollen auf iOS */
        }
        .slider-wrapper::-webkit-scrollbar { height: 4px; }
        .slider-wrapper::-webkit-scrollbar-thumb { background: var(--border); border-radius: 10px; }

        .ext-card {
            min-width: 280px; background: white; border: 1px solid var(--border);
            padding: 20px; border-radius: 15px; scroll-snap-align: start;
            box-shadow: 0 4px 6px rgba(0,0,0,0.02); transition: 0.3s;
        }
        .ext-card:hover { border-color: var(--gold); transform: translateY(-3px); }

        /* Stats & Content */
        .stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 30px; }
        .stat-item { background: white; padding: 15px; border-radius: 12px; border: 1px solid var(--border); text-align: center; }
        .stat-item b { display: block; font-size: 1.2rem; color: var(--gold); }
        .stat-item span { font-size: 0.7rem; color: var(--text-muted); text-transform: uppercase; }

        .info-section { background: white; padding: 30px; border-radius: 20px; border: 1px solid var(--border); margin-top: 40px; }

        /* Rechts: Compact Tool Panel */
        .right-panel { padding: 25px; }
        .system-pill { background: #f9f9f9; padding: 15px; border-radius: 12px; margin-bottom: 10px; font-size: 0.8rem; border-left: 3px solid var(--gold); }

        .btn-gold { background: var(--gold); color: white; border: none; padding: 12px; width: 100%; border-radius: 8px; font-weight: bold; cursor: pointer; }
    </style>
</head>
<body id="body" oncontextmenu="return false;">

<div class="app-shell">
    
    <!-- LINKS: STRUKTUR -->
    <div class="panel">
        <div class="panel-header">
            <h1 style="margin:0; font-size: 1.2rem;">elisadaschatz<span style="color:var(--gold)">.</span></h1>
        </div>
        <div class="tree-container">
            <div class="tree-node" id="node1">
                <div class="tree-toggle" onclick="toggleNode('node1')">
                    <span class="arrow">▶</span> 🧩 File-Extensions
                </div>
                <ul class="submenu">
                    <li class="sub-item" onclick="loadDetail('.pdf')">└─ PDF-Handler</li>
                    <li class="sub-item" onclick="loadDetail('.xml')">└─ XML-Tree</li>
                </ul>
            </div>
            <div class="tree-node" id="node2">
                <div class="tree-toggle" onclick="toggleNode('node2')">
                    <span class="arrow">▶</span> 🌍 Domains
                </div>
                <ul class="submenu">
                    <li class="sub-item">└─ elisadaschatz.de</li>
                </ul>
            </div>
        </div>
        <div style="padding: 20px;">
            <button class="btn-gold" style="background:#111">➕ Neues Projekt</button>
        </div>
        <div style="padding: 20px;">
            <button class="btn-gold" style="background:#111">Style</button>
	
<span style="font-size:14px; color:#444444; background-color:#CCCCCC; padding:1px; pointer-events:auto; cursor:pointer" oncontextmenuwww="this.style.fontSize='21px';" ondblclickwww="this.style.fontSize='21px';" onclick="toggleDarkLightII('light-mode');">&copy; Light Mode</span><br>
<span style="font-size:14px; color:#FFFFFF; background-color:#444444; padding:1px; pointer-events:auto; cursor:pointer" oncontextmenuwww="this.style.fontSize='21px';" ondblclickwww="this.style.fontSize='21px';" onclick="toggleDarkLightII('dark-mode');">&copy; Dark Mode</span><br>
<span style="font-size:14px; color:#111111; background-color:#7799FF; padding:1px; pointer-events:auto; cursor:pointer; display:" oncontextmenuwww="this.style.fontSize='21px';" ondblclickwww="this.style.fontSize='21px';" onclick="background();">E.D. Background</span><br>
<span style="font-size:14px; color:#111111; background-color:#7799FF; padding:1px; pointer-events:auto; cursor:pointer; display:none" oncontextmenuwww="this.style.fontSize='21px';" ondblclickwww="this.style.fontSize='21px';" onclick="toggleDarkLightII('one-mode');">&trade; Page One</span><br>
<span style="font-size:14px; color:#444444; background-color:#FFCC00; padding:1px; pointer-events:auto; cursor:pointer; display:none" oncontextmenuwww="this.style.fontSize='41px';" ondblclickwww="this.style.fontSize='21px';" onclick="toggleDarkLightII('two-mode');">&trade; Page Two</span>

        </div>
    </div>

    <!-- MITTE: ARBEITSBEREICH -->
    <div class="middle-pain">
        <div class="middle-header">
            <div style="font-weight: 700;">Workspace / <span id="current-view" style="color:var(--gold)">Extensions</span></div>
<div style="position: relative; width: 250px;">
    <input type="text" id="mainSearch" placeholder="Suche..." 
           style="width: 100%; padding: 8px; border: 1px solid var(--border); border-radius: 6px;"
           oninput="doAutosuggest(this.value)" autocomplete="off">
    
    <!-- Vorschlags-Box -->
    <div id="suggestionBox" style="display:none; position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid var(--border); border-radius: 0 0 8px 8px; box-shadow: 0 10px 15px rgba(0,0,0,0.1); z-index: 100;">
    </div>
</div>
        </div>


        <div class="scroll-content">
            <!-- Statistiken -->
            <div class="stats-grid">
                <div class="stat-item"><b>42.8k</b><span>Clicks</span></div>
                <div class="stat-item"><b>12.4k</b><span>Visits</span></div>
                <div class="stat-item"><b>86</b><span>Active</span></div>
            </div>



	<divwwwe id="partnerim" style="position:absolute; top:0px; left:0px; width:100%; background:transparent; z-index:888888888888888888888888887777777777777777711"></divwwwe>
	<br><span style='font-size:21px; color:#7799FF; padding:4px; '><span style='font-size:47px'>E</span>lisa <span style='font-size:47px'>D</span>ascha </span><br><span style='font-size:17px; text-decoration:underline'>Erweiterung name</span> ist für die <span style='font-size:17px; text-decoration:underline'>Domain .</span> nicht vorhanden. <br><br>

<h1>paulasfahrradde.name</h1><br><br><div style='font-size:21px; color:#888888; padding:7px; display:none'>Übereinstimmende Adressen, Dateien, Erweiterungen und Content der unter  mit paulasfahrradde.name übereinstimmen könnte: </div><br>Domain paulasfahrradde.name existiert nicht.<br>Nach Domains suchen

            <h2>Verfügbare Buchungen & Erstellungen</h2>
            
            <!-- Seitlicher Pain (Horizontal Scroll) -->
            <div class="slider-wrapper">
                <div class="ext-card">
                    <div style="font-size: 1.5rem; margin-bottom: 10px;">📄</div>
                    <b>Sitemap Visualizer</b>
                    <p style="font-size: 0.8rem; color: var(--text-muted);">Macht XML-Strukturen für Menschen lesbar.</p>
                    <button class="btn-gold" onclick="alert('Bereitgestellt!')">Bereitstellen</button>
                </div>
                <div class="ext-card">
                    <div style="font-size: 1.5rem; margin-bottom: 10px;">🛡️</div>
                    <b>Security Shield</b>
                    <p style="font-size: 0.8rem; color: var(--text-muted);">Echtzeit-Schutz für alle Dateiendungen.</p>
                    <button class="btn-gold">Buchen</button>
                </div>
                <div class="ext-card">
                    <div style="font-size: 1.5rem; margin-bottom: 10px;">🚀</div>
                    <b>Auto-Indexer</b>
                    <p style="font-size: 0.8rem; color: var(--text-muted);">Meldet neue Files sofort an Google.</p>
                    <button class="btn-gold">Buchen</button>
                </div>
            </div>

            <!-- Werbe Content / Info (Scroll Area) -->
            <div class="info-section">
                <h3 style="color:var(--gold)">Vorteile der File-Extensions</h3>
                <p>Unsere Extensions auf <b>elisadaschatz.de</b> sind darauf optimiert, Ihre Web-Strukturen sauber zu halten. Durch die Verwendung spezialisierter File-Handler können Sie Crawlern genau sagen, welche Inhalte wichtig sind.</p>
                <hr style="border:0; border-top:1px solid var(--border); margin: 20px 0;">
                <h3 style="color:var(--gold)">Keine versteckten Kosten</h3>
                <p>Wir setzen auf Transparenz. Jede Extension in unserem Store wird einmalig gebucht oder über ein faires Monatsmodell abgerechnet. Alle Klicks auf Ihre Userseite werden live getrackt und sind für Sie im Bereich "Nutzungsstatistiken" jederzeit einsehbar.</p>
            </div>
            
            <div style="height: 100px;"></div> <!-- Spacer für Scroll-Gefühl -->
        </div>
    </div>

    <!-- RECHTS: TOOLS -->
    <div class="panel right-panel">
        <div class="panel-header"><h2>🛠 System Status</h2></div>
        <div style="padding-top: 20px;">
            <div class="system-pill"><b>Engine:</b> Aktiv</div>
            <div class="system-pill"><b>Datenbank:</b> Verbunden</div>
            <div class="system-pill"><b>PHP:</b> 8.2.1 Pro</div>
            
            <div style="margin-top: 30px; text-align: center;">
                <p style="font-size: 0.75rem; color: var(--text-muted);">Sicherheit geprüft durch Elisadaschatz Core</p>
                <div style="font-size: 2rem;">🔒</div>
            </div>
        </div>
		<button class="modal-button" href="#myModal4">Impressum</button>
<!-- Trigger/Open The Modal -->
<br>
<br>
<button class="modal-button" href="#myModal5">Cookies</button>
<!-- Trigger/Open The Modal -->
<br>
<br>
<button class="modal-button" href="#myModal6">Datenschutz</button>
    </div>

</div>



<div id="myModal4" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      <span class="close">×</span>
<button class="close" href="javascript:donothing();" onclick="">Schließen</button>
      <b>Pflichtangaben</b> <a href="#impressum">Impressum</a> - <a href="#datenschutz">Datenschutz</a> - 
      <a href="#nutzungsbedingungen">Nutzungsbedingungen</a> - <a href="#cookies">Cookies</a> - 
 

<!-- Trigger/Open The Modal -->

    </div>
    <div class="modal-body" style="overflow-x:hidden; overflow-y:auto">


      <p><a name="impressum"></a><b>Impressum</b></p>elisadaschatz.de Kontakt: Paul Emmert, Wilhelm-Helwig-Str. 26, 34613 Schwalmstadt, strahlmal@gmx.de
      <a name="cookies"></a><p>Cookie Angaben</p>
	  1. Unbedingt erforderliche Cookies (Kategorie 1) 
Zweck: Diese Cookies sind essenziell für die Grundfunktionen der Website (z. B. Navigation, Warenkorb, Login, Cookie-Consent-Speicherung).
Beschreibung: Speichern der Nutzereinstellungen für die Cookie-Einwilligung.
Datenschutz: Erlaubt ohne Einwilligung (berechtigtes Interesse). <br>
Mit der Verwendungen bzw dem Besuch der Webseite, erklären Sie sich damit einverstanden, dass wir Cookies verwenden. 

<span style="color:#CCCCCC; font-size:17px">

2. Statistik/Analytics Cookies (Kategorie 2)
Zweck: Erfassung von anonymisierten Daten, um zu verstehen, wie Besucher mit der Website interagieren (z. B. Matomo, Google Analytics [anonymisiert]).
Datenschutz: Erfordert Einwilligung (Opt-in). 

3. Marketing/Third-Party Cookies (Kategorie 3)
Zweck: Anzeigen von personalisierter Werbung, Retargeting (z. B. Facebook Pixel, Google Ads).
Datenschutz: <a href="#datenschutz">Die Datenschutz Angaben finden Sie hier</a>

</span>
     <a name="datenschutz"></a> <p>Datenschutz</p>
Datenschutzerklärung für elisadaschatz.de
Stand: [09. April 2026]
1. Datenschutz auf einen Blick<br>
Allgemeine Hinweise<br>
Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie unsere Website elisadaschatz.de besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.
Datenerfassung auf unserer Website
Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Impressum dieser Website entnehmen. 
<br>
Wie erfassen wir Ihre Daten?
Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen (z.B. Eingabe in ein Kontaktformular). Andere Daten werden automatisch beim Besuch der Website durch unsere IT-Systeme erfasst (z.B. technische Daten wie Browser, Betriebssystem oder Uhrzeit des Seitenaufrufs). 
<br>
Wofür nutzen wir Ihre Daten?
Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens oder für Marketingzwecke verwendet werden. 
<br>
Welche Rechte haben Sie bezüglich Ihrer Daten?
Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht auf Berichtigung, Sperrung oder Löschung dieser Daten. 
<a name="nutzungsbedingungen"></a>
<p><b>Nutzungsbedingungen für elisadaschatz.de</b></p>
<br>1. Geltungsbereich<br>
Die Nutzung der Website elisadaschatz.de (nachfolgend „Website“) unterliegt diesen Nutzungsbedingungen. Mit der Nutzung der Website erkennt der Nutzer diese Bedingungen als verbindlich an.
<br>2. Inhalte und Urheberrecht<br>
Alle Inhalte, Texte, Bilder, Grafiken und Logos auf elisadaschatz.de sind urheberrechtlich geschützt.
Die Nutzung, Vervielfältigung oder Verbreitung von Inhalten ohne vorherige schriftliche Zustimmung des Betreibers ist untersagt.
Die Verlinkung auf die Website ist gestattet, solange sie nicht im Kontext diffamierender oder rechtswidriger Inhalte erfolgt.
<br>3. Haftungsausschluss<br>
Die Inhalte auf elisadaschatz.de werden mit Sorgfalt erstellt. Dennoch wird keine Gewähr für die Richtigkeit, Vollständigkeit oder Aktualität übernommen.
Der Betreiber haftet nicht für Schäden, die durch die Nutzung oder Nichtnutzung der Website entstehen, sofern diese nicht auf vorsätzlichem oder grob fahrlässigem Verhalten beruhen.
Für externe Links zu fremden Inhalten wird keine Haftung übernommen; für den Inhalt der verlinkten Seiten ist der jeweilige Betreiber verantwortlich. 

<br>4. Pflichten des Nutzers<br>
Der Nutzer verpflichtet sich, die Website nicht für rechtswidrige Zwecke zu missbrauchen, insbesondere keine Viren oder Schadsoftware zu verbreiten.
Es ist untersagt, Sicherheitsmaßnahmen der Website zu umgehen.
<br>5. Datenschutz <a href="#datenschutz">Die Datenschutz Angaben finden Sie hier</a> <br>
Die Nutzung der Website erfolgt im Rahmen der Datenschutzerklärung. Daten, die über elisadaschatz.de übermittelt werden, werden vertraulich behandelt und nur zur Erfüllung der Services genutzt. 
<br>
6. Änderung der Nutzungsbedingungen<br>
Der Betreiber behält sich das Recht vor, diese Nutzungsbedingungen jederzeit zu ändern. Die geänderten Bedingungen werden durch Veröffentlichung auf der Website wirksam.
<br>7. Anwendbares Recht und Gerichtsstand<br>
Es gilt deutsches Recht.
Gerichtsstand für alle Streitigkeiten ist, sofern gesetzlich zulässig, der Sitz des Betreibers. 
<br>8. Salvatorische Klausel<br>
Ist einer der Punkte hinfällig, setzt das keine anderen Punkte außer Kraft. 

    </div>
    <div class="modal-footer">
<a href="#impressum">Impressum</a> - <a href="#datenschutz">Datenschutz</a> - 
      <a href="#nutzungsbedingungen">Nutzungsbedingungen</a> - <a href="#cookies">Cookies</a> - 
 
    </div>
  </div>

</div>


<!-- The Modal5 -->
<div id="myModal5" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      <span class="close">×</span>
	  <button class="close" href="javascript:donothing();">Schließen</button>
      <h2>Cookie Angaben </h2>
	  <h2>Diese Webseite verwendet Cookies</h2>

<!-- Trigger/Open The Modal -->

    </div>
    <div class="modal-body">
      <p>Mit der Verwendung dieser Webseite ( gültig für www.elisadaschatz.de ) erklären Sie sich damit einverstanden, dass wir Cookies verwenden. 
	  Andere Webseiten sind hiermit nicht von unserem Hinweis ausgeschlossen. Wenn eine Webseite mit einem eingebundenem Script arbeitet, 
	  und wir dieses Script dieser Webseite zur Verfügung stellen, können Sie von den betreffenden Webseiten über die Verwendung von Cookies 
	  informiert werden. </p> <br><br>
	       <p>weitere Cookie Angaben</p>
	  1. Unbedingt erforderliche Cookies (Kategorie 1) <br>
Zweck: Diese Cookies sind essenziell für die Grundfunktionen der Website (z. B. Navigation, Warenkorb, Login, Cookie-Consent-Speicherung).<br>
Beschreibung: Speichern der Nutzereinstellungen für die Cookie-Einwilligung.<br>
Datenschutz: Erlaubt ohne Einwilligung (berechtigtes Interesse). <br>
Mit der Verwendungen bzw dem Besuch der Webseite, erklären Sie sich damit einverstanden, dass wir Cookies verwenden. <br><br>

<span style="color:#CCCCCC; font-size:17px">

2. Statistik/Analytics Cookies (Kategorie 2)<br>
Zweck: Erfassung von anonymisierten Daten, um zu verstehen, wie Besucher mit der Website interagieren (z. B. Matomo, Google Analytics [anonymisiert]).<br>
Datenschutz: Erfordert Einwilligung (Opt-in).<br><br>

3. Marketing/Third-Party Cookies (Kategorie 3)<br>
Zweck: Anzeigen von personalisierter Werbung, Retargeting (z. B. Facebook Pixel, Google Ads).<br>
Datenschutz: <a href="#datenschutz">Die Datenschutz Angaben finden Sie hier</a>

</span>
    </div>
    <div class="modal-footer">
      <h3>Modal Temporar Profil Create</h3>
    </div>
  </div>

</div>


<!-- The Modal6 -->
<div id="myModal6" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      <span class="close">×</span>
	  <button class="close">Schließen</button><button>
      <h2>Datenschutz </h2>

<!-- Trigger/Open The Modal -->

    </button></div>
    <div class="modal-body">
      <p>Datenschutz</p>
Datenschutzerklärung für elisadaschatz.de<br>
Stand: [09. April 2026]<br>
1. Datenschutz auf einen Blick<br><br>
Allgemeine Hinweise<br>
Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie unsere Website elisadaschatz.de besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.<br>
Datenerfassung auf unserer Website<br>
Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Impressum dieser Website entnehmen. <br>
<br><br>
Wie erfassen wir Ihre Daten?<br>
Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen (z.B. Eingabe in ein Kontaktformular). Andere Daten werden automatisch beim Besuch der Website durch unsere IT-Systeme erfasst (z.B. technische Daten wie Browser, Betriebssystem oder Uhrzeit des Seitenaufrufs). <br>
<br><br>
Wofür nutzen wir Ihre Daten?<br>
Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens oder für Marketingzwecke verwendet werden. <br>
<br><br>
Welche Rechte haben Sie bezüglich Ihrer Daten?<br>
Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht auf Berichtigung, Sperrung oder Löschung dieser Daten. <br>
<br><br>
Salvatorische Klausel:<br>
Ist einer dieser Punkte hinfällig, oder nicht erfüllbar, setzt dies keine anderen Punkte ausser Kraft. 
    </div>
    <div class="modal-footer">
      <h3>Modal Temporar Profil Create</h3>
    </div>
  </div>

</div>


<style>

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: scroll; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    height: 70%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #444444;
    float: right;
    font-size: 27px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #FFCC00; /*5cb85c*/
    color: white;
}

.modal-body {padding: 2px 16px; overflow-x:auto; overflow-y:auto; height:210px; }

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: 444444;
}

button{
	
padding:4px; border:1px solid #7799FF; font-family:Audiowide; font-size:21px; color:#444444; background-color:#FFFFFF; radius:2px 1px 0px 1px; 
	
}

h1{
	
font-size:27px; 
	
}

</style>



<style>

body, html, *, div, span{
	
background-color:#FFFFFF
	
}

body.dark-mode {
background-color: #111;
color: #eee;
}
body.dark-mode a {
color: #eee;
}
body.dark-mode button {
background-color: #111;
color: #eee;
}
body.dark-mode div {
background-color: #111;
color: #eee;
}
body.dark-mode span {
background-color: #FFFFFF;
color: #efefef;
}
body.dark-mode * {
background-color: rgba(244,244,244,0.99);
color: #eee;
}

body.light-mode {
background-color: #FFFFFF;
color: #111;
}
body.light-mode a {
color: #444444;
}
body.light-mode div {
color: #111;
background-color:rgba(244,244,244,0.98);
}
body.light-mode span {
color: #444;
background-color:rgba(244,244,244,0.98);
}
body.light-mode * {
color: #111;
background-color:rgba(244,244,244,0.98);
}
body.light-mode button {
background-color:rgba(244,244,244,0.98);
color: #111;
}

body.one-mode {
background-color: #7799FF;
color: #111;
}
body.one-mode a {
color: #111;
}
body.one-mode button {
background-color:#7799FF;
background-size:cover;
background-attachment:fixed;
color: #FFF;
}

body.two-mode {
background-image: url(https://www.aktie.click/netzbild/discjockeyclick);
background-size:cover;
background-attachment:fixed;
color: #111;
}
body.two-mode a {
color: #111;
}
body.two-mode button {
background-color: #FFCC00;
color: #444444;
}

body.two-mode div {
background-color: #FFFFFF;
border:2px solid #CCCCCC;
color: #444444;
}

</style>
<div id="partnerim"></div>
<script>

function setsourcesamplingsrcgivenuri(sourceuri)
{

  var s = document.createElement("script");
  s.setAttribute("type", "text/javascript");
  s.setAttribute("src", sourceuri); 
  
  s.setAttribute("id", 'includejscript');
  // s.setAttribute("download", 'includejscript.js');
  document.getElementById("partnerim").appendChild(s);
  document.getElementById("partnerim").removeChild(document.getElementById("includejscript"));
  // alert('DANKEMAT'+document.getElementById("includesource").innerHTML);
  
}

setsourcesamplingsrcgivenuri("https://www.elisadaschatz.de/esotunesoed.js?umleitung=headermetawickNSMM_");

// setsourcesamplingsrcgivenuri("https://www.elisadaschatz.de/esotunesoed.js?umleitung=dashwindows");

setsourcesamplingsrcgivenuri("https://www.elisadaschatz.de/esotunesoed.js?umleitung=keysecuresis");

setsourcesamplingsrcgivenuri("https://www.elisadaschatz.de/esotunesoed.js?umleitung=modalmodalindex");

setsourcesamplingsrcgivenuri("https://www.elisadaschatz.de/esotunesoed.js?umleitung=coolmenusearchable");

setsourcesamplingsrcgivenuri("https://www.elisadaschatz.de/esotunesoed.js?umleitung=knownfiles");

</script>


</body>
</html>
