<!--
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>


<style>

.stern_36_img {  width: 36px;  height: 36px; }
 table { border-collapse: collapse; }
 td, th { padding: .2em; }
 th:first-child { padding-left: .2em; }
 th:last-child, td:last-child { padding-right: .2em; }
 thead th { border-style:none;  }
 tbody th { font-weight: normal; text-align: left; }
 th a { padding: 0.2px;  }
 td  { text-align: left; width: auto; height: auto; }
 td.paid { text-align: center; font-weight: normal; width: auto; height: auto;}
 @media screen and (max-width: 42em) {
 	thead { display: none; }
 	tr:first-child { border-style:none; }
 	tr { border-style:none; padding: .5px; }
 	table, tbody, tr { display: block; }
 	tbody th { display: block; font-weight: bold; }
 	th a { font-weight: normal; }
 	td { padding: .5px; text-align: left; }
 	td:nth-child(3) { text-align: left; }
 }
 @media screen and (max-width: 33em) {
 	td { display: block; }
 	tr { padding: .5px; }
 }
 
.header, .footer {
      padding: 15px;
      text-align: left;
      font-size: 20px;
      border-radius: 8px;
      margin-bottom: 16px;
    }

    .footer {
      margin-top: 16px;
    } 
 
 .container_mg {
  display: flex;
  flex-wrap: wrap; /* erlaubt Umbruch */
  gap: 16px;
}

.box {
  flex: 1 1 calc(25% - 16px); /* 4 nebeneinander */
  padding: 10px;
  text-align: left;
}


ul {
  padding-left: 20px;
}

li {
  font-size: clamp(14px, 2vw, 18px); /* skaliert automatisch */
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
	/* Tablet */
    @media (max-width: 900px) {
      .container {
        grid-template-columns: repeat(2, 1fr);
      }
    }
	/* Mobile */
    @media (max-width: 500px) {
      .container {
        grid-template-columns: 1fr;
      }
    }
/* // CSS 21052026 // */
.wp-intro {
      max-width: 780px;
      margin: 0px 0px 0px 15px;
      color: var(--wp-muted);
      font-size: 14px;
      line-height: 1.2;
    }	
	
	
	
	 .wp-membership-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
      gap: 28px;
      width: 100%;
      align-items: stretch;
    }

    .wp-member-card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 100%;
      padding: 36px 26px 28px;
      border: 1px solid var(--wp-border);
      border-radius: 18px;
      background: linear-gradient(145deg, var(--wp-card), var(--wp-card-soft));
      text-align: left;
      overflow: hidden;
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .wp-member-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 38%);
      opacity: 0.75;
    }

    .wp-member-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 42px rgba(0, 0, 0, 0.45);
    }

    .wp-card-badge {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;

    width: calc(100% + 50px);
    margin: -35px -25px 24px -25px;
    padding: 12px 25px;

    border-radius: 16px 16px 0 0;
    background: rgba(255, 255, 255, 0.08);
    color: var(--wp-text, #ffffff);

    font-family: Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 1.1px;
    text-transform: uppercase;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-sizing: border-box;
}

    .wp-member-card h2,
    .wp-card-price,
    .wp-card-features,
    .btn-action {
      position: relative;
      z-index: 1;
    }

    .wp-member-card h2 {
      margin: 16px 0 8px;
      min-height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-family: "Imprint MT Shadow", Georgia, serif;
      font-size: 25px;
      line-height: 1.2;
      color: var(--wp-text);
    }

    .wp-card-price {
      margin: 0 0 28px;
      text-align: center;
      font-family: Arial, sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.8px;
      color: var(--wp-text);
    }


    .wp-card-price span {
      display: block;
      margin-top: 4px;
      font-size: 12px;
      color: var(--wp-soft);
      font-weight: 400;
      letter-spacing: 0;
    }

    .wp-card-features {
      list-style: none;
      padding: 0;
      margin: 0 0 30px;
      flex: 1;
    }

    .wp-card-features li {
      position: relative;
      margin-bottom: 13px;
      padding-left: 22px;
      color: var(--wp-muted);
      font-size: 13px;
      line-height: 1.65;
    }

    .wp-card-features li::before {
      content: "â—†";
      position: absolute;
      left: 0;
      top: 1px;
      font-size: 10px;
      color: var(--wp-soft);
    }

    .wp-card-features strong {
      color: var(--wp-text);
      font-weight: 700;
    }

    .btn-action {
      display: block;
      width: 100%;
      padding: 14px 18px;
      border-radius: 10px;
      text-align: center;
      text-decoration: none;
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      color: #ffffff;
      background: #333333;
      border: 1px solid rgba(255, 255, 255, 0.08);
      transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }

    .btn-action:hover,
    .btn-action:focus-visible {
      transform: translateY(-1px);
      background: #444444;
      outline: none;
    }

    .btn-action:focus-visible {
      box-shadow: 0 0 0 3px rgba(0, 191, 255, 0.35);
    }

    .card-bronze { border-top: 4px solid var(--wp-bronze); }
    .card-silver { border-top: 4px solid var(--wp-silver); }
    .card-gold { border-top: 4px solid var(--wp-gold); }
    .card-platinum { border-top: 4px solid var(--wp-platinum); }

    .card-bronze .btn-action { background: linear-gradient(135deg, #6e0e00, var(--wp-bronze)); color: #000000; }
    .card-silver .btn-action { background: linear-gradient(135deg, #d0d0d0, var(--wp-silver)); color: #000000; }
    .card-gold .btn-action { background: linear-gradient(135deg, #9f7a00, var(--wp-gold)); color: #000000; }
    .card-platinum .btn-action { background: linear-gradient(135deg, #a9a9a9, var(--wp-platinum)); color: #000000; }

    .card-diamond-patronin {
      border: 2px solid var(--wp-diamond);
      background: linear-gradient(145deg, #081018, #151515);
      box-shadow: 0 16px 42px rgba(0, 191, 255, 0.13);
    }

    .card-diamond-patronin h2 {
      color: var(--wp-diamond);
      text-shadow: 0 0 14px rgba(0, 191, 255, 0.25);
    }

    .card-diamond-patronin .wp-card-badge {
      border-color: rgba(0, 191, 255, 0.45);
      color: var(--wp-diamond);
    }

    .card-diamond-patronin .btn-action {
      background: linear-gradient(135deg, #00bfff, #008ec4);
      color: #000000;
      box-shadow: 0 8px 24px rgba(0, 191, 255, 0.18);
    }

    .card-sovereign-regent {
      border: 2px solid var(--wp-platinum);
      background: linear-gradient(145deg, #030812, #001730);
      box-shadow: 0 18px 48px rgba(0, 0, 0, 0.75), inset 0 0 22px rgba(0, 51, 102, 0.35);
    }

    .card-sovereign-regent h2 {
      color: var(--wp-platinum);
      text-shadow: 0 0 14px rgba(229, 228, 226, 0.24);
    }

    .card-sovereign-regent .wp-card-badge {
      border-color: rgba(229, 228, 226, 0.45);
      color: var(--wp-platinum);
      background: rgba(255, 255, 255, 0.04);
    }

    .card-sovereign-regent .btn-action {
      background: linear-gradient(135deg, #002244, #003d73);
      color: #ffffff;
      border-color: rgba(229, 228, 226, 0.5);
    }

    @media (max-width: 680px) {
      .wp-membership-section {
        padding: 44px 14px;
      }

      .wp-member-card {
        padding: 34px 22px 24px;
      }

      .wp-card-badge {
        position: static;
        align-self: flex-end;
        margin-bottom: 8px;
      }

      .wp-member-card h2 {
        min-height: auto;
      }
    }
	
	
/* ================================
   DEINE MITGLIEDSCHAFTS-FARBEN
================================ */

:root {
    --wp-bronze: #6e0e00;
    --wp-silver: #d0d0d0;
    --wp-gold: #cb8e00;
    --wp-platinum: #333230;
    --wp-diamond: #003366;
}


/* BRONZE */
.wp-member-card.card-bronze {
    border-top: 4px solid var(--wp-bronze);
}

.wp-member-card.card-bronze .wp-card-badge {
    border: 1px solid rgba(110, 14, 0, 0.55);
    color: var(--wp-bronze);
    background: rgba(110, 14, 0, 0.10);
}

.wp-member-card.card-bronze .wp-card-price,
.wp-member-card.card-bronze .wp-card-features li::before {
    color: var(--wp-bronze);
}


/* SILBER */
.wp-member-card.card-silver {
    border-top: 4px solid #C9C9C9;
}

.wp-member-card.card-silver .wp-card-badge {
    border: 1px solid rgba(201, 201, 201, 0.75);
    color: #d0d0d0;
    background: rgba(201, 201, 201, 0.12);
}

.wp-member-card.card-silver .wp-card-price,
.wp-member-card.card-silver .wp-card-features li::before {
    color: #C9C9C9;
}

.wp-member-card.card-silver .btn-action {
    background: linear-gradient(90deg, #8f8f8f, #C9C9C9);
    color: #000000;
}

.wp-member-card.card-silver .btn-action:hover {
    background: linear-gradient(90deg, #C9C9C9, #f2f2f2);
    color: #000000;
}

/* GOLD */
.wp-member-card.card-gold {
    border-top: 4px solid #A78B00;
}

.wp-member-card.card-gold .wp-card-badge {
    border: 1px solid rgba(167, 139, 0, 0.75);
    color: #f0d45a;
    background: rgba(167, 139, 0, 0.14);
}

.wp-member-card.card-gold .wp-card-price,
.wp-member-card.card-gold .wp-card-features li::before {
    color: #A78B00;
}

.wp-member-card.card-gold .btn-action {
    background: linear-gradient(90deg, #6f5c00, #A78B00);
    color: #ffffff;
}

.wp-member-card.card-gold .btn-action:hover {
    background: linear-gradient(90deg, #A78B00, #d6ba27);
    color: #000000;
}

/* PLATINUM */
.wp-member-card.card-platinum {
    border-top: 4px solid var(--wp-platinum);
}

.wp-member-card.card-platinum .wp-card-badge {
    border: 1px solid rgba(51, 50, 48, 0.75);
    color: #ffffff;
    background: var(--wp-platinum);
}

.wp-member-card.card-platinum .wp-card-price,
.wp-member-card.card-platinum .wp-card-features li::before {
    color: var(--wp-platinum);
}


/* DIAMOND */
.wp-member-card.card-diamond {
    border: 2px solid var(--wp-diamond);
    background: linear-gradient(135deg, #050505 0%, #001a33 45%, var(--wp-diamond) 100%);
    box-shadow:
        0 0 28px rgba(0, 51, 102, 0.35),
        inset 0 0 18px rgba(255, 255, 255, 0.04);
}

.wp-member-card.card-diamond .wp-card-badge {
    border: 1px solid rgba(0, 51, 102, 0.85);
    color: #ffffff;
    background: rgba(0, 51, 102, 0.45);
}

.wp-member-card.card-diamond .wp-card-price {
    color: #ffffff;
}

.wp-member-card.card-diamond .wp-card-price span {
    color: #ffffff;
}

.wp-member-card.card-diamond .wp-card-features li::before {
    color: #ffffff;
}

.wp-member-card.card-diamond h3,
.wp-member-card.card-diamond h2 {
    color: #d9ecff;
    text-shadow: 0 0 10px rgba(0, 51, 102, 0.6);
}
/* DIA_SOV_REG */
.wp-member-card.card-dia_sov_reg {
    border: 2px solid #3e4f67;
    background: linear-gradient(
        135deg,
        #050505 0%,
        #1f2b38 45%,
        #3e4f67 100%
    );
    box-shadow:
        0 0 28px rgba(62, 79, 103, 0.35),
        inset 0 0 18px rgba(255, 255, 255, 0.04);
}

.wp-member-card.card-dia_sov_reg .wp-card-badge {
    border: 1px solid rgba(62, 79, 103, 0.85);
    color: #ffffff;
    background: rgba(62, 79, 103, 0.45);
}

.wp-member-card.card-dia_sov_reg .wp-card-price {
    color: #ffffff;
}

.wp-member-card.card-dia_sov_reg .wp-card-price span {
    color: #ffffff;
}

.wp-member-card.card-dia_sov_reg .wp-card-features li::before {
    color: #ffffff;
}

.wp-member-card.card-dia_sov_reg h3,
.wp-member-card.card-dia_sov_reg h2 {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(62, 79, 103, 0.6);
}
ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
}

/* =========================================================
   WP V3 – Abstufung der regulären Mitgliedschaften
   Bronze -> Silber -> Gold -> Platinum
   Diamond bewusst in eigenem Bereich
   ========================================================= */

.wp-normal-ladder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.wp-normal-ladder .wp-member-card {
    width: 100%;
    box-sizing: border-box;
}

.wp-normal-ladder .card-bronze {
    max-width: 72%;
}

.wp-normal-ladder .card-silver {
    max-width: 81%;
}

.wp-normal-ladder .card-gold {
    max-width: 90%;
}

.wp-normal-ladder .card-platinum {
    max-width: 100%;
}

.wp-membership-subtitle {
    margin: 4px 0 22px;
    padding: 0 0 8px;
    border-bottom: 1px solid var(--wp-border);
    font-family: "Imprint MT Shadow", Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bolder;
    text-align: left;
    color: var(--wp-text);
}

.wp-diamond-area {
    margin-top: 46px;
    padding-top: 26px;
    border-top: 1px solid var(--wp-border);
}

.wp-diamond-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(285px, 1fr));
    gap: 28px;
    width: 100%;
    align-items: stretch;
}

@media (max-width: 680px) {
    .wp-normal-ladder .card-bronze,
    .wp-normal-ladder .card-silver,
    .wp-normal-ladder .card-gold,
    .wp-normal-ladder .card-platinum {
        max-width: 100%;
    }

    .wp-diamond-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   WP V3.2 – Farben direkt aus den verwendeten MGA-Icons
   Nur Darstellung. Keine Datenbank-/Rechte-/Preisänderung.
   ========================================================= */

.stern_36_img {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 46px;
}

/* BRONZE – Kupfer / Bronze aus dem B-Icon */
.wp-member-card.card-bronze {
    border-top-color: #8f2b16;
    border-color: rgba(143, 43, 22, 0.42);
    background: linear-gradient(145deg, #21100c 0%, #34140d 58%, #48190e 100%);
    box-shadow: 0 12px 30px rgba(88, 24, 8, 0.20);
}
.wp-member-card.card-bronze .wp-card-badge {
    color: #f2b08d;
    border-color: rgba(205, 91, 49, 0.58);
    background: linear-gradient(90deg, rgba(79, 16, 7, 0.92), rgba(145, 42, 18, 0.62));
}
.wp-member-card.card-bronze .wp-card-price,
.wp-member-card.card-bronze .wp-card-features li::before {
    color: #d87548;
}
.wp-member-card.card-bronze .wp-card-features li {
    color: #ead0c5;
}
.wp-member-card.card-bronze .wp-card-features strong {
    color: #fff1e9;
}

/* SILBER – Stahl / Silber aus dem S-Icon */
.wp-member-card.card-silver {
    border-top-color: #a5a8ab;
    border-color: rgba(165, 168, 171, 0.48);
    background: linear-gradient(145deg, #242628 0%, #3b3e41 58%, #53575a 100%);
    box-shadow: 0 12px 30px rgba(33, 35, 37, 0.22);
}
.wp-member-card.card-silver .wp-card-badge {
    color: #f2f2f2;
    border-color: rgba(216, 218, 220, 0.62);
    background: linear-gradient(90deg, rgba(72, 75, 78, 0.92), rgba(145, 148, 151, 0.52));
}
.wp-member-card.card-silver .wp-card-price,
.wp-member-card.card-silver .wp-card-features li::before {
    color: #d8dadd;
}
.wp-member-card.card-silver .wp-card-features li {
    color: #e1e2e3;
}
.wp-member-card.card-silver .wp-card-features strong {
    color: #ffffff;
}

/* GOLD – Gold / Bernstein aus dem G-Icon */
.wp-member-card.card-gold {
    border-top-color: #c68c1b;
    border-color: rgba(198, 140, 27, 0.48);
    background: linear-gradient(145deg, #251800 0%, #4a2b00 58%, #694000 100%);
    box-shadow: 0 12px 30px rgba(105, 64, 0, 0.22);
}
.wp-member-card.card-gold .wp-card-badge {
    color: #ffe08a;
    border-color: rgba(232, 180, 62, 0.64);
    background: linear-gradient(90deg, rgba(104, 57, 0, 0.92), rgba(185, 118, 0, 0.60));
}
.wp-member-card.card-gold .wp-card-price,
.wp-member-card.card-gold .wp-card-features li::before {
    color: #e8b43e;
}
.wp-member-card.card-gold .wp-card-features li {
    color: #ead9b4;
}
.wp-member-card.card-gold .wp-card-features strong {
    color: #fff4d5;
}

/* PLATINUM – Anthrazit / Stahlblau aus dem P-Icon */
.wp-member-card.card-platinum {
    border-top-color: #6684a2;
    border-color: rgba(102, 132, 162, 0.48);
    background: linear-gradient(145deg, #10161e 0%, #1d2b39 58%, #2e4357 100%);
    box-shadow: 0 12px 30px rgba(13, 27, 42, 0.26);
}
.wp-member-card.card-platinum .wp-card-badge {
    color: #d8e5ef;
    border-color: rgba(132, 165, 194, 0.60);
    background: linear-gradient(90deg, rgba(17, 31, 45, 0.94), rgba(49, 75, 99, 0.66));
}
.wp-member-card.card-platinum .wp-card-price,
.wp-member-card.card-platinum .wp-card-features li::before {
    color: #93b4d2;
}
.wp-member-card.card-platinum .wp-card-features li {
    color: #cfdae4;
}
.wp-member-card.card-platinum .wp-card-features strong {
    color: #eef6fb;
}

/* DIAMOND PATRONIN / PATRONUS – elektrisches Blau aus dem Diamond-Icon */
.wp-member-card.card-diamond {
    border-color: #087ac7;
    background: linear-gradient(145deg, #020b15 0%, #00234c 52%, #004f91 100%);
    box-shadow: 0 16px 38px rgba(0, 82, 160, 0.28);
}
.wp-member-card.card-diamond .wp-card-badge {
    color: #d9f2ff;
    border-color: rgba(46, 169, 255, 0.66);
    background: linear-gradient(90deg, rgba(0, 32, 72, 0.96), rgba(0, 103, 190, 0.62));
}
.wp-member-card.card-diamond .wp-card-price,
.wp-member-card.card-diamond .wp-card-price span,
.wp-member-card.card-diamond .wp-card-features li::before {
    color: #55bfff;
}
.wp-member-card.card-diamond .wp-card-features li {
    color: #d2e7f5;
}
.wp-member-card.card-diamond .wp-card-features strong {
    color: #ffffff;
}

/* SOVEREIGN REGENT / CAVALIER – dunkles Stahl-/Navyblau aus den Icons */
.wp-member-card.card-dia_sov_reg {
    border-color: #496b8e;
    background: linear-gradient(145deg, #050b13 0%, #122238 52%, #243f5a 100%);
    box-shadow: 0 16px 38px rgba(8, 29, 53, 0.32);
}
.wp-member-card.card-dia_sov_reg .wp-card-badge {
    color: #edf5fb;
    border-color: rgba(119, 151, 183, 0.62);
    background: linear-gradient(90deg, rgba(12, 29, 49, 0.96), rgba(54, 86, 117, 0.66));
}
.wp-member-card.card-dia_sov_reg .wp-card-price,
.wp-member-card.card-dia_sov_reg .wp-card-price span,
.wp-member-card.card-dia_sov_reg .wp-card-features li::before {
    color: #9ab9d4;
}
.wp-member-card.card-dia_sov_reg .wp-card-features li {
    color: #d2dce5;
}
.wp-member-card.card-dia_sov_reg .wp-card-features strong {
    color: #ffffff;
}


/* =========================================================
   WP FINAL DESIGN
   Helle Leseflächen, schwarze Schrift, MG-Farbe als Akzent
   ========================================================= */

.wp-membership-section {
    width: 100%;
}

.wp-membership-subtitle {
    margin: 34px 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #c9c9c9;
    font-family: "Imprint MT Shadow", Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: bolder;
    color: #222222;
}

.wp-normal-ladder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.wp-member-card {
    --wp-accent: #666666;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0;
    border: 1px solid rgba(0,0,0,0.12);
    border-top: 5px solid var(--wp-accent);
    border-radius: 18px;
    background: #f7f7f7;
    box-shadow: 0 12px 28px rgba(0,0,0,0.10);
    overflow: hidden;
    text-align: left;
}

.wp-member-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 17px 34px rgba(0,0,0,0.14);
}

.wp-member-card::before {
    display: none;
}

.wp-normal-ladder .card-bronze {
    --wp-accent: #9b3f23;
    width: 72%;
    max-width: 100%;
    background: linear-gradient(145deg, #fbf8f6 0%, #f4ece8 100%);
}

.wp-normal-ladder .card-silver {
    --wp-accent: #747b82;
    width: 81%;
    max-width: 100%;
    background: linear-gradient(145deg, #fbfbfb 0%, #eeeeee 100%);
}

.wp-normal-ladder .card-gold {
    --wp-accent: #b88616;
    width: 90%;
    max-width: 100%;
    background: linear-gradient(145deg, #fffdf7 0%, #f6efdc 100%);
}

.wp-normal-ladder .card-platinum {
    --wp-accent: #526f89;
    width: 100%;
    max-width: 100%;
    background: linear-gradient(145deg, #f9fbfc 0%, #e8edf2 100%);
}

.wp-card-head {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 15px 22px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    background: rgba(255,255,255,0.62);
}

.wp-card-head .stern_36_img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    flex: 0 0 54px;
}

.wp-card-name {
    min-width: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: var(--wp-accent);
}

.wp-card-price {
    margin: 0;
    text-align: right;
    white-space: nowrap;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: var(--wp-accent);
}

.wp-card-price span {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 400;
    color: #666666;
}

.wp-card-features {
    position: relative;
    z-index: 1;
    flex: 1;
    margin: 18px 20px 20px;
    padding: 18px 22px 12px;
    border: 0;
    border-left: 4px solid var(--wp-accent);
    border-radius: 10px;
    background: rgba(255,255,255,0.95);
    box-shadow: 0 7px 18px rgba(0,0,0,0.06);
    color: #202020;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.wp-card-features ul,
.wp-card-features ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wp-card-features li {
    position: relative;
    margin: 0 0 11px;
    padding: 0 0 0 18px;
    color: #202020 !important;
    font-size: 13px;
    line-height: 1.65;
}

.wp-card-features li::before {
    content: "â—†";
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 9px;
    color: var(--wp-accent) !important;
}

.wp-card-features strong {
    color: var(--wp-accent) !important;
    font-weight: 700;
}

.wp-diamond-area {
    margin-top: 48px;
    padding-top: 8px;
}

.wp-diamond-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(285px,1fr));
    gap: 26px;
    width: 100%;
}

.wp-diamond-grid .card-diamond {
    --wp-accent: #075e9d;
    width: 100%;
    border: 2px solid #075e9d;
    border-top-width: 5px;
    background: linear-gradient(145deg, #04111f 0%, #063b67 100%);
    box-shadow: 0 14px 32px rgba(7,94,157,0.20);
}

.wp-diamond-grid .card-dia_sov_reg {
    --wp-accent: #3f5872;
    width: 100%;
    border: 2px solid #3f5872;
    border-top-width: 5px;
    background: linear-gradient(145deg, #0a1118 0%, #273b50 100%);
    box-shadow: 0 14px 32px rgba(34,55,76,0.22);
}

.wp-diamond-grid .wp-card-head {
    background: rgba(255,255,255,0.08);
    border-bottom-color: rgba(255,255,255,0.12);
}

.wp-diamond-grid .wp-card-name,
.wp-diamond-grid .wp-card-price {
    color: #ffffff;
}

.wp-diamond-grid .wp-card-price span {
    color: #d9e1e8;
}

.wp-diamond-grid .wp-card-features {
    background: rgba(255,255,255,0.96);
    color: #202020;
}

.wp-diamond-grid .btn-action {
    width: auto;
    margin: 0 20px 20px;
}

@media (max-width: 760px) {
    .wp-normal-ladder .card-bronze,
    .wp-normal-ladder .card-silver,
    .wp-normal-ladder .card-gold,
    .wp-normal-ladder .card-platinum {
        width: 100%;
    }

    .wp-diamond-grid {
        grid-template-columns: 1fr;
    }

    .wp-card-head {
        grid-template-columns: auto minmax(0,1fr);
        gap: 12px;
    }

    .wp-card-price {
        grid-column: 1 / -1;
        padding-left: 66px;
        text-align: left;
    }
}


/* =========================================================
   WP Layout Update
   Bronze oben allein
   Silber + Gold + Platinum in einer Reihe
   ========================================================= */

.wp-bronze-single {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 24px;
}

.wp-bronze-single .card-bronze {
    width: 72%;
    max-width: 100%;
}

.wp-tier-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(240px, 1fr));
    gap: 24px;
    width: 100%;
    align-items: stretch;
}

.wp-tier-grid .card-silver,
.wp-tier-grid .card-gold,
.wp-tier-grid .card-platinum {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 980px) {
    .wp-tier-grid {
        grid-template-columns: repeat(2, minmax(240px, 1fr));
    }
}

@media (max-width: 760px) {
    .wp-bronze-single .card-bronze {
        width: 100%;
    }

    .wp-tier-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   WP – Diamond-Titel, Vetting & Ausbildung Wien
   ========================================================= */

.wp-diamond-grid .btn-vetting {
    width: auto;
    margin: 0 20px 20px;
    padding: 13px 18px;
    border-radius: 9px;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
    background: #303030;
    border: 1px solid rgba(255,255,255,0.16);
}

.wp-diamond-grid .btn-vetting:hover,
.wp-diamond-grid .btn-vetting:focus-visible {
    background: #444444;
}

.wp-training-area {
    margin-top: 30px;
}

.wp-training-card {
    --wp-accent: #5f6770;
    width: 100%;
    border-top: 5px solid var(--wp-accent);
    background: linear-gradient(145deg, #fafafa 0%, #eceff1 100%);
}

.wp-training-card .wp-card-head {
    grid-template-columns: minmax(0,1fr);
    background: rgba(255,255,255,0.76);
}

.wp-training-card .wp-card-name {
    color: #34383d;
}

.wp-training-card .wp-card-features {
    border-left-color: #5f6770;
}

.wp-training-card .wp-card-features strong,
.wp-training-card .wp-card-features li::before {
    color: #5f6770 !important;
}


/* =========================================================
   WP – Diamond Bereichsüberschrift
   mittig + Schatten in Diamond-Farben
   ========================================================= */

.wp-diamond-title {
    position: relative;
    margin: 46px auto 30px;
    padding: 8px 20px 15px;
    border-bottom: 0;
    text-align: center;
    font-family: "Imprint MT Shadow", Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 700;
    letter-spacing: 2px;
    color: #0a78b8;

    text-shadow:
        0 1px 0 #dff6ff,
        0 0 6px rgba(54, 184, 239, 0.75),
        0 0 14px rgba(8, 122, 199, 0.62),
        0 0 24px rgba(0, 70, 135, 0.42),
        2px 3px 3px rgba(0, 0, 0, 0.24);
}

.wp-diamond-title::after {
    content: "";
    display: block;
    width: min(320px, 72%);
    height: 2px;
    margin: 12px auto 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(65, 196, 255, 0.28) 12%,
        #19a7e0 35%,
        #075e9d 50%,
        #19a7e0 65%,
        rgba(65, 196, 255, 0.28) 88%,
        transparent 100%
    );
    box-shadow:
        0 0 7px rgba(25, 167, 224, 0.55),
        0 0 14px rgba(7, 94, 157, 0.30);
}


/* =========================================================
   WP – Ausbildung Wien / Masterclass
   Eigenständiger Bereich unter Diamond
   ========================================================= */

.wp-training-area {
    margin-top: 42px;
    padding-top: 4px;
}

.wp-training-area > .wp-membership-subtitle {
    margin-bottom: 20px;
}

.wp-training-masterclass {
    width: 100%;
    padding: 28px 30px;
    border: 1px solid #d2d2d2;
    border-radius: 18px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
    color: #222222;
}

.wp-training-masterclass .text_28 {
    margin-bottom: 18px;
}

.wp-training-masterclass .bewerbngs_text_header {
    margin-bottom: 22px;
}

.wp-training-masterclass .bewerbngs_text_16_b {
    margin-top: 24px;
    margin-bottom: 8px;
}

.wp-training-masterclass .bewerbngs_text_14 ul {
    margin: 0;
    padding-left: 22px;
}

.wp-training-masterclass .bewerbngs_text_14 li {
    margin-bottom: 8px;
    line-height: 1.55;
}

@media (max-width: 760px) {
    .wp-training-masterclass {
        padding: 22px 18px;
    }
}


/* =========================================================
   WP – Ausbildung Wien Design V2
   Eigenständiger Ausbildungsbereich, kein Karten-Fremdkörper
   ========================================================= */

.wp-training-area-v2 {
    margin-top: 48px;
    padding-top: 8px;
}

.wp-training-title-v2 {
    position: relative;
    margin: 0 auto 26px;
    padding: 8px 20px 14px;
    border: 0;
    text-align: center;
    font-family: "Imprint MT Shadow", Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: clamp(24px, 3.4vw, 32px);
    font-weight: 700;
    letter-spacing: 1px;
    color: #33424f;
    text-shadow:
        0 1px 0 #ffffff,
        1px 2px 3px rgba(0,0,0,0.18);
}

.wp-training-title-v2::after {
    content: "";
    display: block;
    width: min(270px, 68%);
    height: 2px;
    margin: 11px auto 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(82,111,137,0.40),
        #526f89,
        rgba(82,111,137,0.40),
        transparent
    );
}

.wp-training-shell-v2 {
    overflow: hidden;
    border: 1px solid #cfd4d8;
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,244,246,0.97));
    box-shadow:
        0 14px 34px rgba(26,39,50,0.12),
        inset 0 1px 0 rgba(255,255,255,0.95);
}

.wp-training-hero-v2 {
    position: relative;
    padding: 28px 34px 26px;
    text-align: center;
    background:
        linear-gradient(135deg, #16232d 0%, #2f4659 55%, #4b6579 100%);
    color: #ffffff;
}

.wp-training-hero-v2::after {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
}

.wp-training-kicker-v2 {
    margin: 0 0 5px;
    font-family: "Imprint MT Shadow", Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: clamp(22px, 3vw, 29px);
    font-weight: 700;
    letter-spacing: 0.7px;
    color: #ffffff;
    text-shadow: 1px 2px 4px rgba(0,0,0,0.35);
}

.wp-training-subline-v2 {
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #dce7ef;
}

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

.wp-training-content-v2 {
    padding: 28px 30px 30px;
}

.wp-training-columns-v2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.wp-training-panel-v2 {
    padding: 21px 22px 17px;
    border: 1px solid #d9dde0;
    border-radius: 14px;
    background: rgba(255,255,255,0.93);
    box-shadow: 0 7px 18px rgba(0,0,0,0.055);
}

.wp-training-panel-title-v2 {
    margin: 0 0 13px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d8dde1;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #3f596e;
}

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

.wp-training-list-v2 li {
    position: relative;
    margin: 0 0 10px;
    padding-left: 19px;
    font-size: 13px;
    line-height: 1.58;
    color: #242424;
}

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

.wp-training-process-v2 {
    margin-top: 22px;
    padding: 22px;
    border: 1px solid #d5dadd;
    border-radius: 15px;
    background:
        linear-gradient(180deg, rgba(250,251,252,0.98), rgba(240,243,245,0.98));
}

.wp-training-process-title-v2 {
    margin: 0 0 17px;
    text-align: center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #33424f;
}

.wp-training-days-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 14px;
}

.wp-training-day-v2 {
    position: relative;
    min-height: 126px;
    padding: 18px 17px 15px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #d7dde1;
    box-shadow: 0 5px 14px rgba(0,0,0,0.05);
}

.wp-training-day-label-v2 {
    margin-bottom: 9px;
    font-size: 13px;
    font-weight: 700;
    color: #526f89;
}

.wp-training-day-text-v2 {
    font-size: 12.5px;
    line-height: 1.55;
    color: #272727;
}

.wp-training-about-v2 {
    margin-top: 22px;
    padding: 18px 22px;
    border-left: 4px solid #526f89;
    border-radius: 10px;
    background: rgba(255,255,255,0.92);
    box-shadow: 0 5px 15px rgba(0,0,0,0.045);
}

.wp-training-about-v2 strong {
    display: block;
    margin-bottom: 7px;
    color: #3f596e;
    font-size: 15px;
}

.wp-training-about-v2 p {
    margin: 0;
    font-size: 13px;
    line-height: 1.65;
    color: #242424;
}

@media (max-width: 820px) {
    .wp-training-columns-v2,
    .wp-training-days-v2 {
        grid-template-columns: 1fr;
    }

    .wp-training-content-v2 {
        padding: 22px 18px 24px;
    }

    .wp-training-hero-v2 {
        padding: 24px 20px 22px;
    }

    .wp-training-day-v2 {
        min-height: 0;
    }
}


/* =========================================================
   WP – Diamond öffentlich gruppiert
   1 Feld Patronin + Patronus
   1 Feld Sovereign Regent + Sovereign Cavalier
   Vetting-Button bewusst stark hervorgehoben
   ========================================================= */

.wp-diamond-grid {
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    align-items: stretch;
}

.wp-card-head-dual {
    grid-template-columns: auto minmax(0, 1fr);
}

.wp-card-icons-dual {
    display: flex;
    align-items: center;
    gap: 7px;
}

.wp-card-icons-dual .stern_36_img {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
}

.wp-diamond-grid .wp-card-name {
    line-height: 1.35;
}

/* CTA: Vetting starten – soll sofort ins Auge fallen */
.wp-diamond-grid .btn-vetting {
    position: relative;
    width: auto;
    margin: 4px 20px 24px;
    padding: 17px 22px;
    display: block;
    overflow: hidden;

    border: 1px solid rgba(180, 232, 255, 0.82);
    border-radius: 12px;

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

    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    text-shadow: 0 1px 2px rgba(0,0,0,0.40);

    box-shadow:
        0 0 0 1px rgba(34, 176, 238, 0.20),
        0 0 16px rgba(24, 170, 234, 0.52),
        0 10px 24px rgba(0, 67, 121, 0.30);

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease;

    animation: wp-vetting-glow 2.8s ease-in-out infinite;
}

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

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

@keyframes wp-vetting-glow {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(34, 176, 238, 0.20),
            0 0 13px rgba(24, 170, 234, 0.42),
            0 10px 24px rgba(0, 67, 121, 0.28);
    }
    50% {
        box-shadow:
            0 0 0 1px rgba(180, 232, 255, 0.45),
            0 0 25px rgba(24, 170, 234, 0.68),
            0 12px 27px rgba(0, 67, 121, 0.34);
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .wp-diamond-grid .btn-vetting,
    .wp-diamond-grid .btn-vetting::before {
        animation: none;
    }
}

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


/* =========================================================
   WP – Kopfbereich Einstufung & Privilegien
   optisch angelehnt an Diamond und Ausbildung Wien
   ========================================================= */

.wp-regular-header-area {
    margin: 10px 0 34px;
    text-align: center;
}

.wp-regular-title {
    position: relative;
    margin: 0 auto 18px;
    padding: 8px 20px 14px;
    border: 0;
    text-align: center;

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

    color: #3e4f5f;

    text-shadow:
        0 1px 0 #ffffff,
        0 0 5px rgba(126, 151, 173, 0.38),
        1px 2px 3px rgba(0,0,0,0.20);
}

.wp-regular-title::after {
    content: "";
    display: block;
    width: min(330px, 72%);
    height: 2px;
    margin: 12px auto 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(116, 123, 130, 0.28) 12%,
        #747b82 35%,
        #526f89 50%,
        #747b82 65%,
        rgba(116, 123, 130, 0.28) 88%,
        transparent 100%
    );
    box-shadow:
        0 0 6px rgba(82,111,137,0.22),
        0 0 11px rgba(116,123,130,0.16);
}

.wp-regular-intro {
    max-width: 880px;
    margin: 0 auto;
    padding: 17px 22px 18px;

    border: 1px solid #d3d7da;
    border-radius: 14px;

    background: linear-gradient(
        145deg,
        rgba(255,255,255,0.94),
        rgba(243,245,247,0.92)
    );

    box-shadow:
        0 8px 20px rgba(0,0,0,0.06),
        inset 0 1px 0 rgba(255,255,255,0.95);

    color: #2a2a2a;
    font-size: 13px;
    line-height: 1.65;
    text-align: center;
}

.wp-regular-intro strong {
    display: block;
    margin-bottom: 6px;

    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    letter-spacing: 0.3px;

    color: #3f596e;
}

@media (max-width: 760px) {
    .wp-regular-intro {
        padding: 15px 16px 16px;
        text-align: left;
    }

    .wp-regular-intro strong {
        text-align: center;
    }
}


/* =========================================================
   WP – Preisdesign Silber / Gold / Platinum
   klarer Preisbaustein passend zum Kartendesign
   ========================================================= */

.wp-tier-grid .wp-tier-price {
    min-width: 112px;
    margin: 0;
    padding: 9px 12px 8px;

    border: 1px solid color-mix(in srgb, var(--wp-accent) 42%, white);
    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.92),
            rgba(255,255,255,0.70)
        );

    box-shadow:
        0 4px 11px rgba(0,0,0,0.055),
        inset 0 1px 0 rgba(255,255,255,0.95);

    text-align: center;
    white-space: normal;
}

.wp-tier-grid .wp-tier-price .wp-price-value {
    display: block;
    margin: 0;
    padding: 0;

    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: 0.15px;

    color: var(--wp-accent);
}

.wp-tier-grid .wp-tier-price .wp-price-period {
    display: block;
    margin: 5px 0 0;
    padding-top: 5px;

    border-top: 1px solid rgba(0,0,0,0.08);

    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;

    color: #666666;
}

/* Silber etwas stärker konturieren, damit es auf hellem Hintergrund sichtbar bleibt */
.wp-tier-grid .card-silver .wp-tier-price {
    border-color: rgba(116,123,130,0.42);
}

/* Gold */
.wp-tier-grid .card-gold .wp-tier-price {
    border-color: rgba(184,134,22,0.38);
}

/* Platinum */
.wp-tier-grid .card-platinum .wp-tier-price {
    border-color: rgba(82,111,137,0.38);
}

@media (max-width: 760px) {
    .wp-tier-grid .wp-tier-price {
        min-width: 0;
        width: 100%;
        max-width: 170px;
        margin-left: 66px;
        text-align: left;
    }

    .wp-tier-grid .wp-tier-price .wp-price-period {
        text-align: left;
    }
}

</style>

<!-- inhalt mitte text -->			
<link href="css/haupt_style.css" rel="stylesheet" type="text/css">
<meta charset="UTF-8">

<div id="inhalt_mitte">

<section class="wp-membership-section" aria-labelledby="membership-title">

<div class="wp-regular-header-area">
    <div class="wp-regular-title" id="membership-title">Einstufung &amp; Privilegien</div>

    <div class="wp-regular-intro">
        <strong>Reguläre Mitgliedschaften</strong>
        Jede reguläre Mitgliedschaft beginnt mit Bronze.
        Nach der Freischaltung kannst du – je nach gewünschtem Leistungsumfang – auf Silber, Gold oder Platinum wechseln.
    </div>
</div>

<div class="wp-bronze-single">

    <!-- Bronze -->
    <article class="wp-member-card card-bronze">
        <div class="wp-card-head">
            <img src="ima/wp_mga_02_bronze.png" class="stern_36_img" alt="">
            <div class="wp-card-name">
                The Essential - Bronze            </div>
            <div class="wp-card-price">
                0.00 €
            </div>
        </div>
        <div class="wp-card-features">
            <ul>
<li><strong>Mitgliederbereich:</strong> Eigener geschützter WP-Mitgliederbereich.</li>
<li><strong>Profil &amp; Account:</strong> Verwaltung der freigegebenen persönlichen Daten, des Profils und des Mitgliedschaftsstatus.</li>
<li><strong>Bronze-Basis:</strong> Nutzung der für MGA 2 freigegebenen WP-Grundfunktionen.</li>
<li><strong>Weitere Möglichkeiten:</strong> Anzeige weiterer WP-Angebote, Mitgliedschaften und Zusatzleistungen.</li>
<li><strong>Kostenregel:</strong> Sichtbare oder grundsätzlich nutzbare Zusatzangebote sind nicht automatisch im kostenlosen Bronze-Umfang enthalten. Welche Leistungen inklusive, limitiert oder zusätzlich kostenpflichtig sind, bestimmt die jeweils gültige WP-Leistungsmatrix.</li>
</ul>        </div>
    </article>

</div>

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

    <!-- Silber -->
    <article class="wp-member-card card-silver">
        <div class="wp-card-head">
            <img src="ima/wp_mga_03_silber.png" class="stern_36_img" alt="">
            <div class="wp-card-name">
                Advanced - Silber            </div>
            <div class="wp-card-price wp-tier-price">
                <span class="wp-price-value">24.99 €</span>
                <span class="wp-price-period">monatlich</span>
            </div>
        </div>
        <div class="wp-card-features">
            <ul>
<li><strong>Silber-Mitgliederbereich:</strong> Eigener geschützter Bereich mit den für MGA 3 freigegebenen Funktionen.</li>
<li><strong>Basis:</strong> Die vorgesehenen Grundfunktionen der regulären Mitgliedschaft bleiben erhalten.</li>
<li><strong>Erweiterter Umfang:</strong> Zusätzliche Profil-, Darstellungs-, Verwaltungs- und Plattformfunktionen gemäß der jeweils gültigen WP-Leistungsmatrix.</li>
<li><strong>Mitgliedschaftsverwaltung:</strong> Anzeige und Verwaltung der für Silber relevanten Account- und Mitgliedschaftsinformationen.</li>
<li><strong>Zusatzleistungen:</strong> Leistungen, die nicht ausdrücklich in Silber enthalten sind, können gesondert kostenpflichtig sein.</li>
</ul>        </div>
    </article>

    <!-- Gold -->
    <article class="wp-member-card card-gold">
        <div class="wp-card-head">
            <img src="ima/wp_mga_04_gold.png" class="stern_36_img" alt="">
            <div class="wp-card-name">
                Professional - Gold            </div>
            <div class="wp-card-price wp-tier-price">
                <span class="wp-price-value">34.99 €</span>
                <span class="wp-price-period">monatlich</span>
            </div>
        </div>
        <div class="wp-card-features">
            <ul>
<li><strong>Gold-Mitgliederbereich:</strong> Eigener geschützter Bereich mit den für MGA 4 freigegebenen Funktionen.</li>
<li><strong>Leistungsaufbau:</strong> Erweiterter Funktionsumfang gegenüber Silber.</li>
<li><strong>Professionelle Funktionen:</strong> Zusätzliche Profil-, Darstellungs-, Kommunikations-, Verwaltungs- und Business-Funktionen, soweit diese für Gold freigegeben sind.</li>
<li><strong>Sichtbarkeit &amp; Services:</strong> Erweiterte Möglichkeiten können je nach gültiger Leistungsdefinition inklusive, limitiert oder zusätzlich kostenpflichtig sein.</li>
<li><strong>Zusatzleistungen:</strong> Nicht im Gold-Umfang enthaltene Angebote werden gesondert abgerechnet.</li>
</ul>        </div>
    </article>

    <!-- Platinum -->
    <article class="wp-member-card card-platinum">
        <div class="wp-card-head">
            <img src="ima/wp_mga_05_platinum.png" class="stern_36_img" alt="">
            <div class="wp-card-name">
                Executive - Platinum            </div>
            <div class="wp-card-price wp-tier-price">
                <span class="wp-price-value">49.99 €</span>
                <span class="wp-price-period">monatlich</span>
            </div>
        </div>
        <div class="wp-card-features">
            <ul>
<li><strong>Platinum-Mitgliederbereich:</strong> Eigener geschützter Bereich mit den für MGA 5 freigegebenen Funktionen.</li>
<li><strong>Leistungsaufbau:</strong> Umfangreichster Funktionsrahmen der regulären Mitgliedschaften.</li>
<li><strong>Erweiterte Verwaltung:</strong> Zusätzliche Profil-, Termin-, Kontakt-, Verwaltungs- und Business-Funktionen, soweit für Platinum freigegeben.</li>
<li><strong>Präsentation &amp; Services:</strong> Erweiterte Darstellungs- und Serviceoptionen gegenüber Gold.</li>
<li><strong>Kostenregel:</strong> Auch bei Platinum können einzelne Produkte oder Sonderleistungen gesondert kostenpflichtig bleiben.</li>
</ul>        </div>
    </article>

</div>

<div class="wp-diamond-area">
    <div class="wp-membership-subtitle wp-diamond-title">Diamond</div>

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

        <!-- Patronin & Patronus – öffentlich ein gemeinsames Feld -->
        <article class="wp-member-card card-diamond">
            <div class="wp-card-head wp-card-head-dual">
                <div class="wp-card-icons-dual">
                    <img src="ima/wp_mga_06_diamond_patronin.png" class="stern_36_img" alt="">
                    <img src="ima/wp_mga_12_diamond_patronus.png" class="stern_36_img" alt="">
                </div>
                <div class="wp-card-name">Patronin &amp; Patronus</div>
            </div>

            <div class="wp-card-features">
                <ul>
<li><strong>Diamond-Bereich:</strong> Eigener geschützter Bereich für Profil, Verwaltung und die für Patronin / Patronus freigegebenen Diamond-Funktionen.</li>
<li><strong>Verifizierung:</strong> Identitäts- und Altersprüfung sowie weitere erforderliche Prüfungen nach dem vorgesehenen Verfahren.</li>
<li><strong>Kalender &amp; Termine:</strong> Verwaltung verfügbarer Termine und der dazugehörigen organisatorischen Abläufe.</li>
<li><strong>Buchung &amp; Vermittlung:</strong> Nutzung der für Patronin / Patronus / Patronus freigegebenen Buchungs- und Vermittlungsfunktionen.</li>
<li><strong>Zahlungsinformationen:</strong> Anzeige und Verwaltung von Anzahlungs- und Zahlungsstatus, soweit für die jeweilige Leistung vorgesehen.</li>
<li><strong>Support, Schutz &amp; Begleitung:</strong> Konkrete Schutz-, Begleit- oder Supportleistungen erfolgen nach Prüfung, Vereinbarung und Verfügbarkeit. Eine pauschale Schutz-, Vermittlungs- oder Erfolgsgarantie besteht nicht.</li>
</ul>            </div>

            <a href="https://women-protectors.com/online_bewerbung_haupt.php" class="btn-vetting" title="Digitales Vetting starten">Digitales Vetting starten</a>
        </article>

        <!-- Sovereign Regent & Sovereign Cavalier – öffentlich ein gemeinsames Feld -->
        <article class="wp-member-card card-dia_sov_reg">
            <div class="wp-card-head wp-card-head-dual">
                <div class="wp-card-icons-dual">
                    <img src="ima/wp_mga_11_sovereign_regent.png" class="stern_36_img" alt="">
                    <img src="ima/wp_mga_13_sovereign_cavalier.png" class="stern_36_img" alt="">
                </div>
                <div class="wp-card-name">Sovereign Regent &amp; Sovereign Cavalier</div>
            </div>

            <div class="wp-card-features">
                <ul>
<li><strong>Sovereign-Diamond-Bereich:</strong> Eigener geschützter Bereich mit den für Sovereign Regent / Sovereign Cavalier vorgesehenen Profil-, Verwaltungs-, Termin- und Organisationsfunktionen.</li>
<li><strong>Sonderfreigabe:</strong> Keine reguläre Buchung oder automatische Freischaltung; die Vergabe erfolgt ausschließlich nach dem vorgesehenen Auswahl- und Prüfverfahren.</li>
<li><strong>Kommunikation:</strong> Zugang zu den für diese Rolle freigegebenen geschützten Kommunikations- und Abstimmungsfunktionen.</li>
<li><strong>Betreuung:</strong> Erweiterte administrative und organisatorische Betreuung im jeweils vereinbarten Umfang.</li>
<li><strong>Sovereign Shield:</strong> Schutz- und Begleitkonzepte setzen eine gesonderte Risikoanalyse, Vereinbarung und Verfügbarkeit voraus. Eine pauschale Schutz- oder Erfolgsgarantie besteht nicht.</li>
</ul>            </div>

            <a href="https://women-protectors.com/online_bewerbung_haupt.php" class="btn-vetting" title="Digitales Vetting starten">Digitales Vetting starten</a>
        </article>

    </div>

    <!-- Ausbildung ist bewusst keine fünfte Diamond-Rolle -->
    <div class="wp-training-area-v2">

        <div class="wp-training-title-v2">Ausbildung Wien</div>

        <div class="wp-training-shell-v2">

            <div class="wp-training-hero-v2">
                <div class="wp-training-kicker-v2">
                    Die Masterclass für High-End Dienstleistungen
                </div>

                <div class="wp-training-subline-v2">
                    Dein sicherer Start in Wien, AT
                </div>

                <div class="wp-training-intro-v2">
                    Erfolg in der Premium-Erotik ist kein Zufall, sondern das Ergebnis von Strategie, Sicherheit und Klasse.
                    Wer glaubt, Erfahrung sei unnötig, scheitert am Markt. Wir bieten dir das Fundament, um von Tag eins an
                    souverän, geschützt und hochprofitabel zu arbeiten.
                </div>
            </div>

            <div class="wp-training-content-v2">

                <div class="wp-training-columns-v2">

                    <section class="wp-training-panel-v2">
                        <div class="wp-training-panel-title-v2">Dein Profil</div>
                        <ul class="wp-training-list-v2">
                            <li>Du bist zwischen 18 und 55 Jahren und suchst einen seriösen Mentor für deinen Einstieg</li>
                            <li>Du legst Wert auf ein gepflegtes, exklusives Erscheinungsbild</li>
                            <li>Du bist bereit, das „Handwerk“ der Kommunikation und Diskretion von Profis zu lernen</li>
                        </ul>
                    </section>

                    <section class="wp-training-panel-v2">
                        <div class="wp-training-panel-title-v2">Dein Nutzen (Die Ausbildung)</div>
                        <ul class="wp-training-list-v2">
                            <li>Business-Basis, Gewerbeanmeldung, Steuern, Versicherung – wir machen dich zur legalen Unternehmerin</li>
                            <li>Sicherheits-Check, Notfallstrategien, Kundenauswahl und Prävention</li>
                            <li>Perfektionierung, Outfit-Coaching, Verhandlungstaktik und professionelle Praktiken</li>
                            <li>Infrastruktur, Wir unterstützen dich bei der Suche nach diskreten Arbeitsräumen (kein Laufhaus, kein Strich)</li>
                        </ul>
                    </section>

                </div>

                <section class="wp-training-process-v2">
                    <div class="wp-training-process-title-v2">Der Ablauf</div>

                    <div class="wp-training-days-v2">
                        <div class="wp-training-day-v2">
                            <div class="wp-training-day-label-v2">1. Tag</div>
                            <div class="wp-training-day-text-v2">Strategiegespräch &amp; Zielsetzung</div>
                        </div>

                        <div class="wp-training-day-v2">
                            <div class="wp-training-day-label-v2">2. - 3. Tag</div>
                            <div class="wp-training-day-text-v2">Intensiv-Coaching (Umgang mit Kunden, Grenzen setzen, Profitmaximierung)</div>
                        </div>

                        <div class="wp-training-day-v2">
                            <div class="wp-training-day-label-v2">4. Tag</div>
                            <div class="wp-training-day-text-v2">Finale Abnahme deines Business-Profils für unsere Plattform</div>
                        </div>
                    </div>
                </section>

                <div class="wp-training-about-v2">
                    <strong>Ãœber uns</strong>
                    <p>
                        Wir sind dein eingespieltes Partnerteam. Wir sind keine Vermittler, wir sind deine Schirmherren.
                        Wir sorgen dafür, dass du in diesem Gewerbe mehr bist als nur eine Nummer.
                    </p>
                </div>

            </div>
        </div>

    </div>

</div>

</section>
</div>
<!-- ende /div id="inhalt_mitte" -->
<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>