	

<!--
Diese Seite ist vom Women-Protectors ins Leben gerufen worden. 
DIGITAL OPERATIONS & MEDIA CONSULTING by WP (Women-Protectors.com) Erich Walter DUMMER & Margit Sabine BRNOVIAK haben somit das Rechte des Urhebers. 
2026 Copyright & Bildrechte & Design by https://women-protectors.com 
Ein Kopieren der Texte wie auch Bilder oder und Videos wir Rechtlich verfolgt. 

======================================================================
|| WP Digital & Security Circle                                     ||
|| Verein zur FÃ¶rderung der Sicherheit und beruflichen UnabhÃ¤ngigkeit||
|| ZVR: 1204482185                                                  ||
||                                                                  ||
|| Vereinsvorstand & organschaftliche Vertreter:                     ||
|| Obmann: Erich Walter Dummer                                      ||
|| SchriftfÃ¼hrerin & Kassierin: Margit Sabine Brnoviak              ||
||                                                                  ||
|| Vereinsadresse & Zustelladresse:                                 ||
|| Albrechtsbergergasse 13/30-31                                    ||
|| 1120 Wien, Austria                                               ||
||                                                                  ||
|| Kontakt:                                                         ||
|| Telefon: +436801585343                                           ||
|| E-Mail: office@women-protectors.com                              ||
======================================================================
|| 2026 Copyright & Bildrechte & Design by WP Digital & Security Circle ||
|| Ein unbefugtes Kopieren der Texte, Bilder oder Medien wird      ||
|| zivil- und strafrechtlich verfolgt.                              ||
======================================================================

Copyright im Internet - Allgemeiner ï¿½berblick
Die Rechte des Schï¿½pfers oder Urhebers an einem Werk ï¿½ das Urheberrecht ï¿½ entstehen mit der Schaffung des Werks, ohne dass es dazu eines Formalakts wie einer Registrierung oder eines so genannten Copyrightvermerkes ï¿½ï¿½ï¿½ bedï¿½rfte.
Technisch ist es zwar sehr leicht mï¿½glich, Inhalte fremder Websites (ï¿½Homepagesï¿½) zu ï¿½bernehmen, in vielen Fï¿½llen wird dies aber unzulï¿½ssig sein.
Was ist geschï¿½tzt?
Die Rechte des Urhebers entstehen automatisch mit der Schaffung des Werks. Es bedarf dazu keines Formalakts wie einer Registrierung oder eines so genannten Copyrightvermerks ï¿½ï¿½ï¿½.
Es werden ganz verschiedene Arten von geistigen Leistungen urheberrechtlich geschï¿½tzt, wie zB Literatur, Musik, Fotos, Filme, Videos aber auch Computerprogramme und Datenbanken. Voraussetzung fï¿½r den urheberrechtlichen Schutz solcher Werke ist, dass diese eigene geistige Schï¿½pfungen ihrer Urheber sind. Dabei mï¿½ssen durch freie kreative Entscheidungen deren Persï¿½nlichkeiten zum Ausdruck.
Aber auch fï¿½r den Fall, dass die fremden Inhalte kein urheberrechtlich geschï¿½tztes Werk darstellen, kann deren ï¿½bernahme rechtswidrig sein, wenn zB ein passender Text kopiert wird. Denn eine solche ï¿½bernahme von fremden Inhalten kann eine unbefugte Nachahmung sein, was einen unlauteren Wettbewerb darstellt. So hat der Oberste Gerichtshof festgestellt, dass die ï¿½bernahme von Arbeitsergebnissen eines Konkurrenten, die urheberrechtlich nicht geschï¿½tzt sind, als Wettbewerbsverstoï¿½ zu qualifizieren ist, da durch die Arbeitsersparnis ein ungerechtfertigter Wettbewerbsvorteil verschafft wird.
Ist auch ein Layout geschï¿½tzt?
Auch ein Layout kann geschï¿½tzt sein, wenn es sich nicht bloï¿½ um ein Standardlayout (zB einer Erstellungssoftware) handelt, ohne dass individuelle Gestaltungselemente eingesetzt werden. Daraus folgt, dass die konkrete Ausgestaltung oder wesentliche Elemente des Layouts einer bereits bestehenden Website nicht einfach ï¿½bernommen werden sollten.
Welche Fotos sind geschï¿½tzt?
Bei Fotos besteht nicht nur ein Schutz fï¿½r urheberrechtliche Werke, sondern auch fï¿½r jede andere (einfachste) Art von Fotos. Bei solchen wird der Hersteller des Fotos geschï¿½tzt. Im Ergebnis darf kein Foto ohne Zustimmung des Fotografen auf dem eigenen Server abgespeichert werden, um im Internet zur Verfï¿½gung gestellt zu werden.
Was ist bei Fotos anderer Personen zu beachten?
Neben den schon erwï¿½hnten Rechten des Fotoherstellers, ist bei der Abbildung von fremden Personen, etwa durch einzelne Fotos, auch aus einem zweiten Grund Vorsicht geboten.
Bilder von Personen dï¿½rfen ohne deren Zustimmung nicht der ï¿½ffentlichkeit zugï¿½nglich gemacht oder verbreitet werden, wenn dadurch berechtigte Interessen des Abgebildeten oder, falls die betroffene Person verstorben ist, eines nahen Angehï¿½rigen verletzt wï¿½rden. Dies ist zB der Fall wenn das Bild fï¿½r werbliche Zwecke genutzt wird oder durch das Bild die Intimsphï¿½re des Abgebildeten verletzt wird.
Welche Folgen kann eine Urheberrechtsverletzung haben?
Auch wenn in der Praxis zahlreiche Verstï¿½ï¿½e folgenlos bleiben, so ist doch eine Klage jederzeit mï¿½glich.
Der Rechtsinhaber (der Urheber eines Werks bzw eine Person, welcher der Urheber die Verwertungsrechte eingerï¿½umt hat) hat das Recht zu entscheiden, ob er die Verwendung seines Werkes erlaubt oder nicht. Wenn dieser die Verwendung nicht genehmigt hat (und das Gesetz keine besondere Regelung, wie zB die freie Werknutzung, vorsieht), kann der Urheber (bzw der Rechtsinhaber) dies untersagen.
Ist Framing erlaubt?
Eine Webpage ist in der Regel in mehrere Frames (Rahmen) geteilt. Typischerweise gibt es oben eine Kopfleiste, die gleich bleibt, links eine Navigationsleiste, wo man sich fï¿½r verschiedene Inhalte entscheiden kann und einen groï¿½en Hauptframe. Das ist bloï¿½ eine Art der Aufteilung der Webpage und ist rechtlich noch nicht wesentlich.
Bedeutsam wird das, wenn in einem Frame, ï¿½blicherweise im Hauptframe, die Inhalte fremder Websites dargestellt werden. Hierbei kï¿½nnen Probleme auftauchen, wenn diese in einem Zusammenhang wiedergegeben werden, der vom Urheber unerwï¿½nscht ist.
Jedenfalls muss dabei fï¿½r einen Nutzer eindeutig ersichtlich sein, dass der Inhalt von einer fremden Website stammt, zB durch einen entsprechenden klar sichtbaren Copyright-Vermerk. Unzulï¿½ssig ist, wenn die fremden Inhalte auf dem eigenen Server abgespeichert werden, gleichgï¿½ltig ob diese dabei abgeschrieben oder kopiert werden.
Quelle: https://www.wko.at/service/wirtschaftsrecht-gewerberecht/Copyright_im_Internet_-_allgemeiner_Ueberblick.html

--> 			
<!DOCTYPE html>
<html lang="de">
<head>
  <title>DIGITAL OPERATIONS & MEDIA CONSULTING by WP - WOMEN PROTECTORS </title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="index, follow">
  <meta name="description" content="Digital Operations & Media Consulting Plattform">
  <meta name="author" content="DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS ">
	<meta http-equiv="pragma" content="no-cache">
	<meta name="title" content="DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS ">
	<meta name="description" content="Wir sind DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS Ihre Spezialisten fÃ¼r Portal-Management & digitale Sicherheitsinfrastruktur, Zielgruppenorientierte Media-Vermittlung, Nischen-Marketing & Classifieds (SaaS-Anbieter), Affiliate-Netzwerk-Betrieb & Informations-Brokerage, Portal-Management, Media, Infrastruktur & digitale LÃ¶sungen">
	<meta name="keywords" content="DIGITAL OPERATIONS, MEDIA CONSULTING, Portal-Management, digitale Sicherheitsinfrastruktur, Zielgruppenorientierte Media-Vermittlung, Nischen-Marketing & Classifieds (SaaS-Anbieter), Affiliate-Netzwerk-Betrieb & Informations-Brokerage, Portal-Management, Media, Infrastruktur & digitale LÃ¶sungen Women Protectors, Kunden, Mitglieder Sexworkerin, Prostituierte, Hure, Nute, Escort, Chat ab 21 Jahren, Kleinanzeigen, Ausbildung, Werbeportal, Wien, Vienna, schÃ¶ne Frauen, Startseite ">
	<meta name="robots" content="index, follow">
	<meta name="language" content="Germany">
	<meta name="revisit-after" content="7 days">

<link rel="shortcut icon" type="image/x-icon" href="ima/ico_wp.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/visitenkarte_css.css" type="text/css">
<link href="css/visitenkarte_css.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- rechtsklick -->
<script type="text/javascript">
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
</script>

<!-- rechtsklicksperre -->
<script type="text/javascript"> 
function click() 
{if (event.button==2) 
{alert('kein Rechtsklick mÃ¶glich \n\WOMEN PROTECTORS - Vistitenkarte')}} 
document.onmousedown=click
</script>
<!-- makiersperre -->

<script type="text/javascript">
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

<link rel="shortcut icon" type="image/x-icon" href="ima/ico_wp.png">
<link rel="shortcut icon" type="image/x-icon" href="ima/monogramm_wp.png">

<link rel="stylesheet" href="css/haupt_style.css" type="text/css">
<link href="css/haupt_style.css" rel="stylesheet" type="text/css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style>
<!-- header zwei teile -->
.top_header{ background-color: #f1f1f1; border-radius: 15px; margin: 5px 1px 5px 1px;}
img { width: 100%; height: auto; border-radius: 5px;}
.bild_header { border-radius: 5px;	margin: 5px 1px 5px 1px; max-width: 90%; max-height: auto; float:left;}
.responsive { max-width: 100%; height: auto;}
.clear { clear: both; line-height: 5px; }


</style>

</head>
<!-- rechtsklick -->
<script type="text/javascript">
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
</script>

<!-- rechtsklicksperre -->
<script type="text/javascript"> 
function click() 
{if (event.button==2) 
{alert('kein Rechtsklick mÃ¶glich \n\WOMEN PROTECTORS')}} 
document.onmousedown=click
</script>
<!-- makiersperre -->

<script type="text/javascript">
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>


<body>
<button onclick="topFunction()" id="myBtn" title="Go to top">  TOP</button>
<div id="wrapper"><!-- anfang seiten rand -->
		<div id="top_header">
			<!-- anfang header -->
			<div id="bild_header">
				<img alt="Â© DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS" title="WOMEN PROTECTORS" id="ima" srcset="ima/header_1440x250.png 1x, ima/header_1440x250.png 2x, ima/header_1440x250.png 3x" class="responsive"></div><!-- logo -->				
			</div>
			<!-- ende header -->
		
		<div class="clear">&nbsp;</div>
			<div id="top_nav"><!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
/* top right bottom left - oben rechts unten links */
body { margin:0; font-family: Verdana, Arial, Helvetica, sans-serif, "Imprint MT Shadow";}
.topnav { 
	overflow: hidden;  
	background-image: -ms-radial-gradient(center, circle cover, #FFFFFF 0%, #dcdcdc 100%);
	background-image: -moz-radial-gradient(center, circle cover, #FFFFFF 0%, #dcdcdc 100%);
	background-image: -o-radial-gradient(center, circle cover, #FFFFFF 0%, #dcdcdc 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 510, color-stop(0, #FFFFFF), color-stop(1, #dcdcdc));
	background-image: -webkit-radial-gradient(center, circle cover, #FFFFFF 0%, #dcdcdc 100%);
	background-image: radial-gradient(center, circle cover, #FFFFFF 0%, #dcdcdc 100%);
	border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
	padding: 5px 5px 5px 5px;
}
.topnav a { float: left; display: block; color: #333333;  text-align: center;  padding: 5px 5px; text-decoration: none;  font-size: 14px; border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;}
.active { color: #333333;}
.topnav .icon { display: none;}

.dropdown { float: left; overflow: hidden;}
.dropdown .dropbtn { font-size: 14px;  border: none; outline: none; color: #333333;  padding: 0px 5px 0px 5px;  background-color: inherit;  font-family: inherit;  margin: 0px 0px 0px 0px;  border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
  z-index: 1;
}

.dropdown-content a { float: none; color: #333333; padding: 5px 5px; text-decoration: none; display: block;  text-align: left; }
.topnav a:hover, .dropdown:hover .dropbtn { color: #333333; }
.dropdown-content a:hover { color: #333333; }
.dropdown:hover .dropdown-content { display: block; }


@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {  display: none;  }
  .topnav a.icon { float: right;  display: block; }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon { position: absolute;  right: 0; top: 0; }
  .topnav.responsive a { float: none; display: block;  text-align: left; }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {  display: block;  width: 100%; text-align: left; }
}
</style>
</head>
<body>

<div class="topnav" id="myTopnav">
	<a href="index_01.php?usr=Austria" title="Startseite - Home" class="active"><i class="fa fa-fw fa-home"></i>&nbsp;Startseite</a>
				  <!-- 
				  <div class="dropdown">
					<button class="dropbtn"><a href="vorreg_wp.php?usr=Austria" title=" Vorregestrieren f&uuml;r die Online Plattform - Preregister for the online platform"> Vorregestrieren </a>
					  <i class="fa fa-caret-down"></i>
					</button>
					
					<div class="dropdown-content">
					  <!-- 
					  <a href="registation.php?usr=Austria" title="Anmelden, Regestrieren f&uuml;r die Online Plattform - Sign up, register for the online platform"><i class="fa fa-users" style="font-size:14px;color:black"></i>&nbsp;Anmeldung</a>--> 
					<!--

					-->
  	<a href="mitgliedschaftsart.php?usr=Austria" title="Einstufung & Privilegien - Classification & Privileges"> <i style="font-size:10px" class="fa">&#xf111;</i> Einstufung & Privilegien </a>
  	<a href="online_bewerbung_haupt.php?usr=Austria" title="Jetzt Online Bewerben als unabhängige Dienstleister*innen im Bereich der persönlichen Betreuung beim Women Protector - Apply online now as independent service providers in the field of personal support at Women Protector">  <i style="font-size:10px" class="fa">&#xf111;</i> Online Bewerbung</a>
  	<a href="dieausbildung.php?usr=Austria" title="Die Basis Ausbildung als unabhängige Dienstleister*innen im Bereich der persönlichen Betreuung - Basic training as independent service providers in the field of personal care"> <i style="font-size:10px" class="fa">&#xf111;</i> Basis Ausbildung </a>

  	<!-- <a href="diamond_buchen.php?usr=Austria" title="Diamond M&auml;dchen, Frau, Dame jetzt Buchen - Diamond, Girl, Woman, Lady book now">Diamond Buchung</a>-->
  <div style="float: right;">
	  <a href="login.php" title="Ab in den Migliederbereich und habe Spaß dabei - Go to the members area and have fun"> <i class="fa fa-fw fa-user"></i>&nbsp;Login</a>
	  <!-- <a href="kontakt.php?usr=Austria" title=" Schick uns eine Nachricht - Send us a message "><i class="fa fa-fw fa-envelope"></i>&nbsp;Kontakt</a>-->
	 <div class="dropdown">
		<button class="dropbtn"><a href="impressum.php?usr=Austria" title=" Impressum - Imprint ">&nbsp;Impressum</a>
		  <i class="fa fa-caret-down"></i>
		</button>
		<div class="dropdown-content">
		<a href="agb.php?usr=Austria" title=" AGB Allgemeine Gesch&auml;fts Bestimmungen - General Business Terms">&nbsp;AGB</a>
		<a href="datenschutzerklaerung.php?usr=Austria" title=" DSGVO Datenschutz-Grundverordnung - General Data Protection Regulation">&nbsp;DSGVO</a>
		</div>
	  </div> 
		<a href="suche.php" title="Suche - Search">&nbsp;Suche <i class="fa fa-fw fa-search"></i></a> 
		&nbsp;
  </div>
  <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
</div>
					

<script>
function myFunction() {
  var x = document.getElementById("myTopnav");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}
</script>

</body>
</html>
</div>
<link rel="stylesheet" href="css/haupt_style.css" type="text/css">

<div id="inhalt_mitte">
<br><br>
<center>
<fieldset style="width: 65%;">
    <legend>LOGIN</legend>
    <!-- KORRIGIERT: direkter Aufruf des zentralen Login-Routers -->
 <form action="user/u_log.php" method="post">        <input type="hidden" name="csrf_token" value="f47c68dab0de9500ca6a554731af6fb0037d6788eb502b3fd7ecca366b9ae3f5">

        <table width="100%" border="0">
            <tr>
                <td><div align="right">Username:</div></td>
                <td>&nbsp;</td>
                <td>
                    <input name="mg_id" type="text" size="20" maxlength="55"
                           placeholder="Username" required>
                </td>
            </tr>
            <tr>
                <td><div align="right">Passwort:</div></td>
                <td>&nbsp;</td>
                <td>
                    <input name="mg_pw" type="password" size="20" maxlength="255"
                           placeholder="Passwort" required>
                </td>
            </tr>
            <tr><td colspan="3">&nbsp;</td></tr>
            <tr>
                <td colspan="3" align="center">
                    <input name="submit" type="submit" class="btn" value="Login">
                </td>
            </tr>
        </table>
    </form>
</fieldset>

<br><br><br>
&nbsp;<a href="registation.php" title="Registrieren">Registrieren</a> - Passwort vergessen?&nbsp;
<br><br>
</center>
<br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<link rel="stylesheet" href="css/haupt_style.css" type="text/css">
<link href="css/haupt_style.css" rel="stylesheet" type="text/css">
<style type="text/css">
/* top right bottom left - oben rechts unten links */

/* Fake image */
.fakeimg {
  width: 100%;
  padding: 1.25rem;
}

/* Add a card effect for articles */
.card {
  padding: 1.25rem;
  margin-top: 1.25rem;
}

/* Banner */
.banner-image {
  font-family: Verdana, Arial, Helvetica, sans-serif, "Imprint MT Shadow";
  text-shadow: 2px 2px #c0c0c0;
  font-weight: bold;
  color: #121212;
  border-radius: 15px;
  margin: 5px;
  padding: 50px 15px;
  background-color: #990000;
  background-image: linear-gradient(to bottom, #ffffff 0%, #990000 70%);
  -webkit-box-shadow: 0px 2px 3px 3px #C0C0C0;
  -moz-box-shadow: 0px 2px 3px 3px #C0C0C0;
  box-shadow: 0px 2px 3px 3px #C0C0C0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Button im Banner */
.banner-text button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
}

.banner-text button:hover {
  background-color: #555;
  color: white;
}

/* Wrapper */
.communication-wrapper {
  width: 100%;
  padding: 20px 15px;
  box-sizing: border-box;
}

/* Titel */
.communication-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 0 0 30px;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}

.communication-title span {
  flex: 1;
  height: 1px;
  background: #ccc;
}

/* Vertikale Liste */
.communication-vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  width: 100%;
}

/* Einzelne Zeilen */
.communication-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: 500px;
  text-align: center;
  word-break: break-word;
}

/* Icons */
.communication-item i {
  font-size: 18px;
  color: #222;
  min-width: 20px;
}

/* Links */
.communication-item a {
  color: #222;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
  transition: 0.3s;
}

.communication-item a:hover {
  text-decoration: underline;
}

/* H3 allgemein */
h3 {
  display: inline-block;
  position: relative;
  font-family: "Imprint MT Shadow", Verdana, Arial, Helvetica, sans-serif;
  color: #2c2f33;
}

h3::before,
h3::after {
  content: "";
  position: absolute;
  border-top: 1px solid #2c2f33;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
}

h3::before {
  right: 100%;
  margin-right: 20px;
}

h3::after {
  left: 100%;
  margin-left: 20px;
}

/* --- OPTIMIERTE SLIDESHOW (EXAKT 200px) --- */
.slideshotext_schattenw-section_rechts {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px; /* Weniger Padding für kompakte Ansicht */
}

.slideshow_rechts {
    position: relative;
    /* Hier ist der Fix: Feste Größe für die 200px Bilder */
    width: 200px; 
    height: auto;
    background: #222;
    border-radius: 12px; /* Etwas kleinerer Radius passend zur Größe */
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.4);
    border: 1px solid #333; /* Dezenter Rahmen für mehr Tiefe */
}

.slides-wrapper_rechts {
    display: flex;
    width: 100%;
    height: auto;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide_rechts {
    min-width: 200px; /* Fixiert auf deine Bildbreite */
    height: auto;
}

.slide_rechts img {
    width: 200px;
    height: auto;
    object-fit: cover; /* Falls ein Bild mal 1-2 Pixel abweicht */
    display: block;
}

/* --- KOMPAKTE NAVIGATION --- */
.prev_rechts, .next_rechts {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 6px 10px; /* Kleinere Buttons für 200px Container */
    cursor: pointer;
    z-index: 10;
    user-select: none;
    font-size: 14px;
    border-radius: 4px;
}

.prev_rechts { left: 5px; }
.next_rechts { right: 5px; }

.watermark_rechts {
    font-size: 8px; /* Kleineres Wasserzeichen für 200px */
    right: 5px;
    bottom: 5px;
}

</style>
<!-- Font Awesome einbinden -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<div id="rechts">

	<section>

        <!-- Slideshow Sektion -->
        <div class="communication-wrapper"><h3> Schutz, St&auml;rke &amp; Verbindung</h3></div>

        <div class="slideshotext_schattenw-section_rechts">
            <div class="slideshow_rechts">
                <div class="slides-wrapper_rechts" id="wrapperSlides_rechts">
                    <div class="slide_rechts"><img src="ima/wp_p_3_200.webp" alt="Schutz &bull; St&auml;rke &bull; Verbindung DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS"></div>
                    <div class="slide_rechts"><img src="ima/wp_p_2_200.webp" alt="Schutz &bull; St&auml;rke &bull; Verbindung DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS"></div>
                    <div class="slide_rechts"><img src="ima/wp_p_4_200.webp" alt="Schutz &bull; St&auml;rke &bull; Verbindung DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS"></div>
                    <div class="slide_rechts"><img src="ima/wp_p_5_200.webp" alt="Schutz &bull; St&auml;rke &bull; Verbindung DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS"></div>
                    <div class="slide_rechts"><img src="ima/wp_p_1_200.webp" alt="Schutz &bull; St&auml;rke &bull; Verbindung DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS"></div>
                    <div class="slide_rechts"><img src="ima/wp_p_6_200.webp" alt="Schutz &bull; St&auml;rke &bull; Verbindung DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS"></div>
                    <div class="slide_rechts"><img src="ima/wp_p_7_200.webp" alt="Schutz &bull; St&auml;rke &bull; Verbindung DIGITAL OPERATIONS & MEDIA CONSULTING by WOMEN PROTECTORS"></div>
               </div>
                
                <div class="watermark_rechts">&copy; by WOMEN PROTECTOR</div>
                <div class="prev_rechts" onclick="changeSlide_rechts(-1)">&#10094;</div>
                <div class="next_rechts" onclick="changeSlide_rechts(1)">&#10095;</div>
            </div>
        </div>
<!-- FEHLENDE LOGIK HINZUGEFÜGT -->
<script>
let currentSlideIndex = 0;

function changeSlide_rechts(direction) {
    const wrapper = document.getElementById('wrapperSlides_rechts');
    const slides = document.querySelectorAll('.slide_rechts');
    const totalSlides = slides.length;

    // Index berechnen
    currentSlideIndex += direction;

    // Loop-Funktion
    if (currentSlideIndex >= totalSlides) {
        currentSlideIndex = 0;
    } else if (currentSlideIndex < 0) {
        currentSlideIndex = totalSlides - 1;
    }

    // Verschiebung anwenden
    const offset = -currentSlideIndex * 100;
    wrapper.style.transform = `translateX(${offset}%)`;
}

// Auto-Slide alle 5 Sekunden
setInterval(() => {
    changeSlide_rechts(1);
}, 5000);
</script>	
	
	
	<!-- kommunikation anfang -->
	<div class="communication-wrapper">
	  <h3>Kommunikationsdaten</h3>
	  <div class="communication-vertical">
		<!-- Telefon -->
		<div class="communication-item"><i class="fa-solid fa-phone"></i><a href="tel:+436801585343">&#43;43&nbsp;(0)&nbsp;680&nbsp;158&nbsp;53&nbsp;43</a></div>
		<!-- E-Mail -->
		<div class="communication-item"><i class="fa-solid fa-envelope"></i><a href="mailto:&#111;&#102;&#102;&#105;&#99;&#101;&#64;&#119;&#111;&#109;&#101;&#110;&#45;&#112;&#114;&#111;&#116;&#101;&#99;&#116;&#111;&#114;&#115;&#46;&#99;&#111;&#109;?cc=&#119;&#111;&#109;&#101;&#110;&#112;&#114;&#111;&#116;&#101;&#99;&#116;&#111;&#114;&#115;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;&subject=Kontakt%20über%20die%20Webseite&body=Guten%20Tag%20das%20Team%20vom%20Women%20Protectors,%0A%0A%0A%0A%0AMit%20freundlichen%20Grüßen%0AVorname%20Zuname%0ATelefonnummer%3A">&#111;&#102;&#102;&#105;&#99;&#101;&#64;&#119;&#111;&#109;&#101;&#110;&#45;&#112;&#114;&#111;&#116;&#101;&#99;&#116;&#111;&#114;&#115;&#46;&#99;&#111;&#109;</a></div>
		<!-- WhatsApp -->
		<div class="communication-item"><i class="fa-brands fa-whatsapp"></i><a href="https://api.whatsapp.com/send?phone=436801585343" target="_blank" rel="noopener noreferrer">WhatsApp</a> </div>
		<!-- Telegram -->
		<div class="communication-item"><i class="fa-brands fa-telegram"></i><a href="https://tttttt.me/WomenProtectors" target="_blank" rel="noopener noreferrer"> Telegram</a></div>
		<!-- Teams -->
		<div class="communication-item"><i class="fa-brands fa-microsoft"></i> <a href="https://teams.live.com/l/invite/FEAC_VWYbx_2oGAqwM?v=g1" target="_blank" rel="noopener noreferrer">Teams </a></div>
	  </div>
	</div>
	<!-- kommunikation enden -->
	<!-- anfang ausbildung & bewerbung -->
<div class="communication-wrapper">
  <div align="center"><h3>Ausbildung & Bewerbung </h3></div>
  <div class="communication-vertical">
    <!-- Bewerbung -->
    <div class="communication-item"><i class="fa-solid fa-file-signature"></i><a href="online_bewerbung_haupt.php" title="Jetzt Online Bewerben">Online Bewerbung</a></div>
    <!-- Ausbildung -->
    <div class="communication-item"><i class="fa-solid fa-graduation-cap"></i><a href="dieausbildung.php"title="Basis Ausbildung">Basis Ausbildung</a></div>

  </div>
	<!-- ende ausbildung & bewerbung -->

</div>	


<!-- Community -->

<div class="communication-wrapper">

  <h3>Community</h3>

  <div class="communication-vertical">

    <!-- WhatsApp -->
    <div class="communication-item">

      <i class="fa-brands fa-whatsapp"></i>

      <a 
        href="https://chat.whatsapp.com/HuhmGjZACA22EU5vOb5ciO"
        target="_blank"
        rel="noopener noreferrer"
      >
        WhatsApp Community
      </a>

    </div>

    <!-- Telegram -->
    <div class="communication-item">

      <i class="fa-brands fa-telegram"></i>

      <a 
        href="https://t.me/+nbhvNUip93I2ZDI0"
        target="_blank"
        rel="noopener noreferrer"
      >
        Telegram Community
      </a>

    </div>

    <!-- Teams -->
    <div class="communication-item">

      <i class="fa-brands fa-microsoft"></i>

      <a 
        href="https://teams.live.com/l/invite/FEAC_VWYbx_2oGAqwM?v=g1"
        target="_blank"
        rel="noopener noreferrer"
      >
        Microsoft Teams
      </a>

    </div>

  </div>

</div>


	</section>
	
	
<script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
</div>
	<div id="footer">
	<table width="100%" border="0" style="overflow-x:auto;">
	  <tr>
		<td align="right">&nbsp;2026 &copy; by WP Digital & Security Circle</td>
	  </tr>
	</table>
	</div>
</div><!-- ende seiten rand -->
</body>
<!-- 
Hier der Code, der unten vor dem schlieÃŸenden body Tag eingebaut werden kann

Den Style Bereich von Zeile 2-7 kann man in eine CSS Datei auslagern. 
In Zeile 9 bei der Zahl 730 kann man die Anzahl der Tage festlegen, wie lange das Cookie gÃ¼ltig sein soll. 
In Zeile 11 kann man den Link auf die Datenschutz Seite setzen.
Cookie Banner Script Start 
-->
<style>
#mbmcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #eee; padding: 20px; font-size: 10px; font-family: verdana;}
#mbmcookie a.button {cursor: pointer; background: #ccc; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#mbmcookie a.button:hover {background-color: #aaa;}
#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}
</style>
<div id="mbmcookie">
<a onClick="var d = new Date(); d = new Date(d.getTime() +1000*60*60*24*730); document.cookie = 'mbmcookie=1; expires='+ d.toGMTString() + ';'; document.getElementById('mbmcookie').style.display = 'none';" class="button">Akzeptieren</a>
<p class="cookiemessage">Diese Website verwendet Cookies. Durch die Nutzung dieser Webseite erkl&auml;ren Sie sich damit einverstanden, dass Cookies gesetzt werden.
<a href="datenschutzerklaerung.php">DSGVO</a></p>
</div>
<script>
var r = 0;
a = document.cookie;while(a != ''){while(a.substr(0,1) == ' '){a = a.substr(1,a.length);}cn = a.substring(0,a.indexOf('='));if(a.indexOf(';') != -1){cw = a.substring(a.indexOf('=')+1,a.indexOf(';'));}else{cw = a.substr(a.indexOf('=')+1,a.length);}if(cn == 'mbmcookie'){r = cw;}i = a.indexOf(';')+1;if(i == 0){i = a.length}a = a.substring(i,a.length);}if(r == '1') document.getElementById('mbmcookie').style.display = 'none';
</script>
<!-- Cookie Banner Script End -->

<script>
// Get the button
let mybutton = document.getElementById("myBtn");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}
</script>
</html>