<!--
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 href="css/haupt_style.css" rel="stylesheet" type="text/css">
<meta charset="UTF-8">

<style>
/* =========================================================
   WOMEN PROTECTORS – ONLINE BEWERBUNG / HAUPTSEITE
   Hauptseitendesign bleibt erhalten.
   Der CSS-Block wirkt nur innerhalb .wp-application-page.
   ========================================================= */

.wp-application-page {
    width: 100%;
    color: #222222;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.wp-application-page * {
    box-sizing: border-box;
}

.wp-application-hero {
    margin: 8px 0 30px;
    padding: 26px 24px 28px;
    border: 1px solid #cfd4d9;
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98),
            rgba(239,243,246,0.97)
        );
    box-shadow:
        0 12px 28px rgba(0,0,0,0.10),
        inset 0 1px 0 rgba(255,255,255,0.95);
    text-align: center;
}

.wp-application-title {
    position: relative;
    margin: 0 auto 10px;
    padding: 7px 18px 13px;
    font-family: "Imprint MT Shadow", Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 700;
    letter-spacing: 1.4px;
    color: #3f596e;
    text-shadow:
        0 1px 0 #ffffff,
        0 0 5px rgba(82,111,137,0.32),
        1px 2px 3px rgba(0,0,0,0.20);
}

.wp-application-title::after {
    content: "";
    display: block;
    width: min(350px, 72%);
    height: 2px;
    margin: 12px auto 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(82,111,137,0.36),
        #526f89,
        #2f5da8,
        #526f89,
        rgba(82,111,137,0.36),
        transparent
    );
    box-shadow: 0 0 9px rgba(47,93,168,0.22);
}

.wp-application-kicker {
    margin: 0 0 7px;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
    color: #252b31;
}

.wp-application-location {
    margin: 0 0 18px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6a7178;
}

.wp-application-intro {
    max-width: 900px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 1.7;
    color: #343434;
}

.wp-application-note {
    max-width: 900px;
    margin: 18px auto 0;
    padding: 13px 15px;
    border-left: 4px solid #526f89;
    border-radius: 8px;
    background: rgba(255,255,255,0.80);
    color: #333333;
    font-size: 12.5px;
    line-height: 1.6;
    text-align: left;
}

.wp-application-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 24px;
    margin: 0 0 26px;
}

.wp-application-card {
    padding: 22px 22px 18px;
    border: 1px solid #d7dadd;
    border-top: 4px solid #526f89;
    border-radius: 15px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 9px 22px rgba(0,0,0,0.07);
}

.wp-application-card-title {
    margin: 0 0 13px;
    padding-bottom: 9px;
    border-bottom: 1px solid #dde1e4;
    font-family: "Imprint MT Shadow", Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #3f596e;
}

.wp-application-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wp-application-list li {
    position: relative;
    margin: 0 0 11px;
    padding-left: 20px;
    color: #242424;
    font-size: 13px;
    line-height: 1.6;
}

.wp-application-list li::before {
    content: "â—†";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 8px;
    color: #2f5da8;
}

.wp-application-wide {
    margin: 0 0 26px;
    padding: 23px 24px;
    border: 1px solid #d5d9dc;
    border-radius: 15px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.97),
            rgba(244,246,248,0.95)
        );
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

.wp-application-wide h2 {
    margin: 0 0 12px;
    font-family: "Imprint MT Shadow", Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #3f596e;
}

.wp-application-wide p {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    color: #2d2d2d;
}

.wp-vetting-cta-wrap {
    margin: 28px 0;
    text-align: center;
}

.wp-vetting-cta {
    position: relative;
    display: inline-block;
    min-width: min(560px, 90%);
    padding: 18px 28px;
    overflow: hidden;

    border: 1px solid rgba(180,232,255,0.86);
    border-radius: 14px;

    background:
        linear-gradient(135deg, #12a6e8 0%, #087ac7 42%, #004f91 100%);

    color: #ffffff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;

    font-family: "Imprint MT Shadow", Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: clamp(17px, 2.4vw, 22px);
    font-weight: 700;
    letter-spacing: 1.5px;

    text-shadow:
        0 1px 2px rgba(0,0,0,0.45),
        0 0 8px rgba(148,220,255,0.32);

    box-shadow:
        0 0 0 1px rgba(34,176,238,0.22),
        0 0 20px rgba(24,170,234,0.50),
        0 12px 25px rgba(0,67,121,0.30);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease;
}

.wp-vetting-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: -45%;
    width: 32%;
    height: 100%;
    transform: skewX(-22deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.32),
        transparent
    );
    animation: wp-application-shine 4.8s ease-in-out infinite;
}

.wp-vetting-cta:hover,
.wp-vetting-cta:focus-visible {
    transform: translateY(-2px) scale(1.01);
    filter: brightness(1.07);
    box-shadow:
        0 0 0 1px rgba(180,232,255,0.55),
        0 0 28px rgba(24,170,234,0.70),
        0 15px 30px rgba(0,67,121,0.36);
    outline: none;
}

.wp-application-bottom {
    margin-top: 28px;
    padding: 22px 24px;
    border-left: 5px solid #526f89;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 7px 18px rgba(0,0,0,0.06);
}

.wp-application-bottom strong {
    display: block;
    margin-bottom: 8px;
    color: #3f596e;
    font-size: 16px;
}

.wp-application-bottom p {
    margin: 0;
    color: #292929;
    font-size: 13px;
    line-height: 1.7;
}

@keyframes wp-application-shine {
    0%, 72%, 100% { left: -45%; }
    84% { left: 115%; }
}

@media (prefers-reduced-motion: reduce) {
    .wp-vetting-cta::before {
        animation: none;
    }
}

@media (max-width: 780px) {
    .wp-application-grid {
        grid-template-columns: 1fr;
    }

    .wp-application-hero,
    .wp-application-card,
    .wp-application-wide,
    .wp-application-bottom {
        padding-left: 17px;
        padding-right: 17px;
    }

    .wp-vetting-cta {
        width: 100%;
        min-width: 0;
        padding: 17px 16px;
    }
}
</style>

<div id="inhalt_mitte">
    <main class="wp-application-page">

        <section class="wp-application-hero" aria-labelledby="bewerbung-title">
            <h1 class="wp-application-title" id="bewerbung-title">Online Bewerbung</h1>

            <div class="wp-application-kicker">
                Digitales Vetting für den Einstieg in den Diamond-Bereich
            </div>

            <div class="wp-application-location">Wien, AT</div>

            <div class="wp-application-intro">
                Sicherheit, Diskretion und ein professioneller Start stehen im Mittelpunkt.
                Die Online-Bewerbung ist der erste Schritt, damit wir deine Angaben prüfen
                und gemeinsam feststellen können, ob der weitere Diamond-Vetting-Prozess
                für dich passt.
            </div>

            <div class="wp-application-note">
                Die Online-Bewerbung ist noch keine Aufnahme, Freischaltung oder Zusage.
                Nach der digitalen Prüfung erfolgt die weitere Abstimmung persönlich und
                nach den jeweils geltenden Voraussetzungen.
            </div>
        </section>

        <div class="wp-application-grid">

            <section class="wp-application-card">
                <h2 class="wp-application-card-title">Dein Profil</h2>

                <ul class="wp-application-list">
                    <li>Du bist volljährig und möchtest dich professionell und diskret präsentieren.</li>
                    <li>Ein gepflegtes, geschmackvolles und attraktives Erscheinungsbild ist für dich selbstverständlich.</li>
                    <li>Du arbeitest zuverlässig, diskret und serviceorientiert.</li>
                    <li>Du möchtest selbstständig arbeiten und bist offen für professionelle Vorbereitung und klare Abläufe.</li>
                    <li>Ein sicheres Auftreten und gute Kommunikation sind für deine Tätigkeit wichtig.</li>
                </ul>
            </section>

            <section class="wp-application-card">
                <h2 class="wp-application-card-title">Was dich erwartet</h2>

                <ul class="wp-application-list">
                    <li>Eine manuelle Prüfung deiner Bewerbung statt einer automatischen Freischaltung.</li>
                    <li>Identitäts- und Altersprüfung, wenn der weitere Vetting-Prozess gestartet wird.</li>
                    <li>Klare Abstimmung zu Sichtbarkeit, Profil, Arbeitsweise und Sicherheitsanforderungen.</li>
                    <li>Unterstützung bei organisatorischen und administrativen Fragen im vereinbarten Umfang.</li>
                    <li>Ein weiterer persönlicher Ablauf erst nach positiver Vorprüfung.</li>
                </ul>
            </section>

        </div>

        <div class="wp-vetting-cta-wrap">
            <a class="wp-vetting-cta"
               href="online_bewerbung_form.php"
               title="Digitales Vetting starten">
                Digitales Vetting starten
            </a>
        </div>

        <section class="wp-application-wide">
            <h2>Dein Nutzen</h2>

            <ul class="wp-application-list">
                <li>Professionelle Profilgestaltung und Sichtbarkeit innerhalb der vorgesehenen WP-Strukturen nach Freigabe.</li>
                <li>Unterstützung bei organisatorischen und notwendigen Behördenwegen, soweit dies Teil der vereinbarten Begleitung ist.</li>
                <li>Sicherheitsorientierte Vorbereitung, klare Grenzen und strukturierte Terminabstimmung.</li>
                <li>Unterstützung bei der Orientierung zu geeigneter Infrastruktur und diskreten Arbeitsmöglichkeiten.</li>
                <li>Transparente Abläufe und nachvollziehbare nächste Schritte im Vetting-Prozess.</li>
            </ul>
        </section>

        <section class="wp-application-bottom">
            <strong>Deine Chance</strong>
            <p>
                Bei Women Protectors sollst du nicht einfach durch ein Formular laufen.
                Wir prüfen zuerst, ob die Zusammenarbeit, die Voraussetzungen und der
                gewünschte Weg zusammenpassen. Wenn die Vorprüfung positiv ist, wird
                der nächste Schritt gemeinsam abgestimmt.
            </p>
        </section>

        <div class="wp-vetting-cta-wrap">
            <a class="wp-vetting-cta"
               href="online_bewerbung_form.php"
               title="Digitales Vetting starten">
                Digitales Vetting starten
            </a>
        </div>

    </main>
</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>