
html, body {
    background-image:url(https://poppers-herrin.com/mydir/images/template/Poppers%20Herrin%20Header.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    background-color: #121212;
    background-attachment: scroll;
}

body {
    font-size:1em;
}

div, p, td, .ui-widget {
    font-family:"Roboto", sans-serif;
    font-size: 1rem;
    letter-spacing: 0.5px;
}

section {
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    margin-top: 10px; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    margin-left: 10px; 
    position: relative;
    grid-area: section;
}

header {
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    margin-top:0;
    margin-right:0;
    margin-bottom:0;
    margin-left:0;
    position: relative;
    grid-area: header;
    min-height: 278px;
    max-height: 278px;
}

footer {
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    margin-top:0;
    margin-right:0;
    margin-bottom:0;
    margin-left:0;
    position: relative;
    grid-area: footer;
}

nav {
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    margin-top:0;
    margin-right:0;
    margin-bottom:0;
    margin-left:0;
    position: relative;
    grid-area: nav;
}

aside {
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    margin-top:0;
    margin-right:0;
    margin-bottom:0;
    margin-left:0;
    position: relative;
    grid-area: aside;
}

aside.ui-widget-content {
    padding:0px;
}

.container {
    background-color: #transparent;
    margin: 0 auto 0 auto;
    max-width: 1920px;
    /* grid-template-rows: auto 1fr 100px; */
    grid-template-rows: auto 1fr 200px;
    grid-template-columns: 200px auto auto auto;
    grid-template-areas: "header header header header" "nav section section section" "footer footer footer footer";
    color: #f8f8fb;
    height:auto;
    display: grid;
}

.ui-widget-header {
    background-color: #121212;
    border: 1px solid #121212;
    color: #f8f8fb;
    font-size: 1rem;
    padding:5px 10px;
    box-sizing: border-box;
}

.ui-widget,
.ui-widget-content {
    background-color: #1e1e1e;
    border: 1px solid #1e1e1e;
    color: #f8f8fb;
    font-size: 1rem;
    padding:10px;
    box-sizing: border-box;
}

.erocms_layout_builder_container a,
.ui-widget-content a,
.kategorie_artikel a {
    color: #F9C74F;
    text-decoration:none;
}

.ui-widget-content .ui-state-default {
    font-weight: normal;
    background-color: #1e1e1e;
    border: 1px solid #1e1e1e;
    color: #f8f8fb;
}

table.dataTable tr.odd,
table.dataTable tr.odd td.sorting_1 {background-color: #f8f8fb !important;}
    
table.dataTable tr.odd td,
table.dataTable tr.odd td a,
table.dataTable tr.odd td.sorting_1,
table.dataTable tr.odd td.sorting_1 a {color: #1e1e1e !important;}

table.dataTable tr.even,
table.dataTable tr.even td.sorting_1 {background-color: #1e1e1e !important;}

table.dataTable tr.even td,
table.dataTable tr.even td a,
table.dataTable tr.even td.sorting_1,
table.dataTable tr.even td.sorting_1 a {color: #f8f8fb !important;}


/**
*   Schop-Menu-Tabs
**/
#shop_nav li {
    background-color: #0b0b0b;
    border: 1px solid #0b0b0b;
}

#shop_nav .ui-state-focus {
    background-color: #0b0b0b;
    border: 1px solid #0b0b0b;
}

#shop_nav li a {
    color: #F9C74F;
    font-size: 1rem;
    font-weight:normal;
}

#shop_nav li a:hover {
    color: #f5e2b8;
}

#shop_nav li ul {
    z-index:1;        
    background-color: #1e1e1e;
    border: 1px solid #1e1e1e;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    font-weight: normal;
    color: #f5e2b8;
}

.button {
    background-color: #1e1e1e !important;
    color: #F9C74F !important;
    border: 1px solid #F9C74F !important;
    font-size: 0.8rem;
    padding: 2px 5px;
}

.button:hover {
    color: #f5e2b8 !important;
    box-shadow: inset 0 0 0.8em #1e1e1e;
}

/**
*   Linkfarben
**/

/**
*   Navigation Menu (Sitebar)
**********************************************************************************/


ul.navi {
    list-style-type:none;
    background-color: #0b0b0b;
    border: 1px solid #292929;
    margin:0 0 10px 0;
}

ul.navi li {
    background-color: #0b0b0b;
    border: 1px solid #0b0b0b;
    margin-left: -40px;
}

ul.navi li ul {
    list-style: none;
}

ul.navi li:hover {
    background-color: #0b0b0b;
    border: 1px solid #0b0b0b;
}

ul.navi li.sub_sites {
    padding-left: 15px;
}

ul.navi li a {
    padding:5px 10px;
    display: block;
}

ul.navi li.navi_main_site a,
ul.navi li.navi_sub_site a {
    color: #F9C74F;
    font-size: 0.875rem;
    text-decoration:none;
}

ul.navi li.navi_main_site:hover a,
ul.navi li.navi_sub_site:hover a,
ul.navi li a.activelink {
    color: #f5e2b8;
    font-size: 0.875rem;
}

/* Links in Content-Boxen */
nav .ui-widget-content a,
.fotosuche_content li a,
.videothek_content li a,
.video_info_categories_content a,
.shop_bestellung_danke a,
.breadcrumbs a,
#blog_startseite_blogs a,
#blog_startseite_archiv a,
.login_site a,
.signup_form label, .signup_form a {
    color: #F9C74F;
    text-decoration: none;
    font-size: 0.875rem;
}


.shop_breadcrumb,
.shop_breadcrumb a {
    font-size: 0.9rem;
}

.shop_breadcrumb {
    color: #f8f8fb;
}

.shop_breadcrumb a {
    color: #F9C74F;
    text-decoration:none;
}

nav a:hover,
.fotosuche_content li a:hover,
.videothek_content li a:hover,
.video_info_categories_content a:hover,
.shop_breadcrumb a:hover,
.shop_bestellung_danke a:hover,
.kategorie_artikel a:hover,
.breadcrumbs a:hover,
#blog_startseite_blogs a:hover,
#blog_startseite_archiv a:hover,
.login_site a:hover,
.signup_form a:hover {
    color: #f5e2b8;
}

nav .nav_statistic {
    font-size: 0.875rem;
}


/**
*   Navigation Menu (Header)
**********************************************************************************/

ul.header_menu {
    list-style-type:none;
    background-color: #0b0b0b;
    border: 1px solid #292929;
    margin:0;
    padding:0;
    
    top: 0px;
    right: 0px;
    position: absolute;
    
    display:flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

ul.header_menu li {
    background-color: #0b0b0b;
    border: 1px solid #0b0b0b;
}

ul.header_menu li ul {
    list-style: none;
    padding: 0;
}

ul.header_menu li:hover {
    background-color: #0b0b0b;
    border: 1px solid #0b0b0b;
}

ul.header_menu li.sub_sites {
    display:none;
    width: auto;
    padding-right: 2rem;
    box-sizing:border-box;
    bottom:0;
    position:absolute;
    z-index: 1;
    border-left: 1px solid #292929;
    border-right: 1px solid #292929;
    border-bottom: 1px solid #292929;
}

ul.header_menu li a {
    padding:5px 10px;
    display: block;
}

ul.header_menu li.navi_main_site a,
ul.header_menu li.navi_sub_site a {
    color: #F9C74F;
    font-size: 0.875rem;
    text-decoration:none;
}

ul.header_menu li.navi_main_site:hover a,
ul.header_menu li.navi_sub_site:hover a,
ul.header_menu li a.activelink {
    color: #f5e2b8;
    font-size: 0.875rem;
}


/**
*   Login Menü
**********************************************************************************/

ul.login_menu,
div.gast_menu {
    background-color: #121212;
    border: 1px solid #121212;
    top: 224px;
    right: 0px;
    margin: 0;
    padding: 5px;
    list-style-type:none;
    position: absolute;
}

ul.login_menu li {
    background-color: #121212;
    border: 1px solid #121212;
    color: #F9C74F;
    margin-top:5px;
    margin-left:20px;
    display: inline-block;
}

ul.login_menu li img {
    height:20px;
    width:auto;
    vertical-align:middle;
}

ul.login_menu li .material-icons {
    vertical-align: middle;
    font-size: 2rem;
}


ul.login_menu li a:hover {
    background-color: #121212;
    border: 1px solid #121212;
}

ul.login_menu li a {
    color: #F9C74F;
    font-size: 1rem;
    text-decoration:none;
    vertical-align: middle;
}

ul.login_menu li:hover a,
ul.login_menu li a.activelink {
    color: #f5e2b8;
    font-size: 1rem;
}    

.gast_menu input {
    width: 150px;
    padding: 3px;
    font-size: 0.8em;
}

.gast_menu .ui-button {
    font-size: 20px;
    padding: 2px;
    margin: 0;
    vertical-align: bottom;
    border: 0px;
    color: white;
    background-color: green;
}

.gast_menu .registrieren {
    padding-top: 5px;
    text-align: center;
    font-size: 0.8em;
}

.gast_menu .registrieren a {
    color: #F9C74F;
    text-decoration:none;
}

.gast_menu .registrieren a:hover {
    color: #f5e2b8;
}  

.signup_form .input_fileds,
.login_form .input_fileds {
    position:relative;
}

.login_form .input_fileds input,
.signup_form .input_fileds input {
    width: 100%;
    padding: 6px 10px;
    font-size: 1em;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.signup_form .input_fileds .material-icons {
    cursor:pointer;
    position: absolute;
    right: -20px;
    top: 4px;
    color: darkgray;
    font-size: 26px;
}

header #site_logo {
    position:relative;
    display: inline-block;
    top: 0px;
    left: 0px;
    /* width: 100%; */
}

header #site_logo img {
    width: 1px;
    height: 1px;
}


footer a,
footer .ui-widget-content a {
    color: #f8f8f8;
    font-size: 0.75rem;
}

footer a:hover,
footer .ui-widget-content a:hover {
    color: #f5e2b8;
    font-size: 0.75rem;
}

/**
*   Kunde Mein Account
**********************************************************************************/

#meine_startseite .meine_startseite_row {
    display: table;
    height: 100%;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell {
    display: table-cell;
    height: 100%;
    padding-left: 20px;
    width: 34%;
    min-width:300px;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell a:before,
#meine_startseite .meine_startseite_row .meine_startseite_cell a:after {
    display: table;
    content: "";
    line-height: 0;
    font-size: 0;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell a:after {clear:both;}

#meine_startseite .meine_startseite_row .meine_startseite_cell:first-child {
    padding-left: 0;
    width: 33%;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell a {
    display:block;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell a:hover {
    box-shadow: inset 0 0 0.8em #1e1e1e;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell a .meine_startseite_cell_icon {
    float:left;
    width:23%;
    padding-right:10px;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell a .meine_startseite_cell_icon .material-icons {font-size:4.5rem;}

#meine_startseite .meine_startseite_row .meine_startseite_cell a .meine_startseite_cell_content {
    float:right;
    width: calc(77% - 10px);
    padding-top: 10px;
}


#meine_startseite .meine_startseite_row .meine_startseite_cell a .meine_startseite_cell_content div {font-weight:bold}
#meine_startseite .meine_startseite_row .meine_startseite_cell a .meine_startseite_cell_content span {
    font-size: 0.8rem;
    padding-top: 10px;
    display: block;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell a .meine_startseite_cell_profilfoto {
    aspect-ratio: 1/1;
}

#meine_startseite .meine_startseite_row .meine_startseite_cell a .meine_startseite_cell_profilfoto img {
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1;
    border: 3px solid #c3c1b3;
    border-radius: 50%;
    width: 90%;
}

/**
*   Kunde meine Account - Breadcrumb
**********************************************************************************/

.mein_account_breadcrumb {margin-bottom:20px;}
.mein_account_breadcrumb ul:before,
.mein_account_breadcrumb ul:after {
    display: table;
    content: "";
    line-height: 0;
    font-size: 0;
}

.mein_account_breadcrumb ul:after {clear:both;}

.mein_account_breadcrumb ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mein_account_breadcrumb ul li {
    margin-right: .4235em;
    float: left;
}

.mein_account_breadcrumb ul li {color: #f8f8fb;}
.mein_account_breadcrumb ul li,
.mein_account_breadcrumb ul li a {font-size:0.9rem;}

.mein_account_breadcrumb ul li a {
    color: #F9C74F;
    text-decoration:none;
}

.mein_account_breadcrumb ul li a:hover {color: #f8f8fb;}

.mein_account_breadcrumb ul li.mein_account_breadcrumb_divider {
    position: relative;
    top: -1px;
}

.mein_account_breadcrumb ul li:last-child {margin-right: 0;}

/**
*   Kunde meine Daten
**********************************************************************************/

.reg_reihe {
    width:100%;
    padding-top:15px;
}
.reg_lable {
    font-weight:bold;
    width:200px;
    float:left;
    padding-right:7px;
    text-align:right;
    font-size:12px;
}
.reg_feld {
    width:auto;
}



.error_box,
.ui-state-error {
    background-image:none !important;
    background-color: #ffecec !important;
    border: 1px solid #d60000 !important;
    color: #d60000 !important;
    font-size: 1rem !important;
}


.success_box,
.ui-state-highlight {
    background-image:none !important;
    background-color: #cdf2a1 !important;
    border: 1px solid #008000 !important;
    color: #008000 !important;
    font-size: 1rem !important;
}

.success_box a,
.ui-state-highlight a {
    color: #333333;
}

h1 {
    font-family: Open Sans;
    font-size: 1.4rem;
    font-weight:bold;
}

h2 {
    font-family: Open Sans;
    font-size: 1.2rem;
    font-weight:bold;
}

h3 {
    font-family: Open Sans;
    font-size: 1rem;
    font-weight:bold;
}

h4 {
    font-family: Open Sans;
    font-size: 1rem;
}

h5 {
    font-family: Open Sans;
    font-size: 1rem;
}

h6 {
    font-family: Open Sans;
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

.messenger_status  {
    margin-bottom:10px;
    text-align:center;
    cursor:pointer;
}

.messenger_status.webcam_online   {
    border:none;
    background-repeat:no-repeat;
    background-image:url(https://poppers-herrin.com/mydir/images/template/chat_cam_2025.gif);
    background-position:top center;
    background-size: cover;
}

.messenger_status.messenger_online {
    border:none;
    background-repeat:no-repeat;
    background-image:url(https://poppers-herrin.com/mydir/images/template/chat_on_2025.gif);
    background-position:top center;	
    background-size: cover;
}

.messenger_status.messenger_offline  {
    border:none;
    background-repeat:no-repeat;
    background-image:url(https://poppers-herrin.com/mydir/images/template/chat_off_2025.gif);
    background-position:top center;	
    background-size: cover;
}

.messenger_status_sitebar  {
    margin-bottom:10px;
    text-align:center;
    cursor:pointer;
}

.soeben_gekauft_video_anfang {
    margin-top:0 !important;
}    

/*
 * Overlays
 */
.age_verification_popup {
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    overflow: auto;
}

.age_verification_popup .age_verification_popup_content {
    width:90%;
    max-width: calc(1920px - 20%);
    max-height:90%;
    margin: 5% auto;
}

.age_verification_popup .age_verification_popup_content a {color: #F9C74F;}
.age_verification_popup .age_verification_popup_content a:hover {color: #f5e2b8;}

.age_verification_popup .age_verification_popup_content .buttons {
    font-weight:bold;
    text-align:center;
}

.age_verification_popup .age_verification_popup_content .buttons #close_age_verification_popup div {
    background-color: #cdf2a1;
    border: 1px solid #008000;
    color: #008000;
}

.age_verification_popup .age_verification_popup_content .buttons #leave_site div {
    background-color: #ffecec;
    border: 1px solid #d60000;
    color: #d60000;
}

.age_verification_popup .age_verification_popup_content .buttons #close_age_verification_popup div,
.age_verification_popup .age_verification_popup_content .buttons #leave_site div {
    font-size:1rem;
    padding:15px;
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
}

/**
 *  Video- & Fotoalbenslider
 */
.lof-slidecontent ul.navigator-wrap-inner li.active .textblock {
    background-color: #121212;
    color: #1e1e1e;
}

.lof-slidecontent ul.navigator-wrap-inner li {position:relative;}
.lof-slidecontent ul.sliders-wrap-inner li {height: 240px;}

.lof-slidecontent ul.navigator-wrap-inner  li > .textblock {
    background-color: #1e1e1e;
    color: #f8f8fb;
    position:relative;
    margin-left: 20px;
    padding: 0 0 0 15px;
    text-align:left;
    border-top:1px solid #1e1e1e;
    height:90px !important;
}

.lof-slidecontent ul.navigator-wrap-inner li .textblock h3 {
    padding: 0px;
    margin: 10px 0 5px 0;
}

.lof-slidecontent .main-slider-content ul.sliders-wrap-inner div {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    background-color: #1e1e1e;
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    width: 100%;
    text-align: center;
}

.lof-slidecontent .main-slider-content ul.sliders-wrap-inner div a {
    color: #f8f8fb;
    font-size: 1.3em;
}

        
.lof-slidecontent ul.navigator-wrap-inner li.active .triangle {
    position:absolute;
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 40px 20px 40px 0;
    border-color: transparent #1e1e1e transparent transparent;
}



@media (max-device-width: 639px) {

    .age_verification_popup .age_verification_popup_content {
        max-width: 90%;
    }

    .age_verification_popup_content .ui-widget-header,
    .age_verification_popup_content .ui-widget-content,
    .age_verification_popup_content .buttons div {
        font-size: 2rem;
    }

    .age_verification_popup .age_verification_popup_content .buttons #close_age_verification_popup div,
    .age_verification_popup .age_verification_popup_content .buttons #leave_site div {
        font-size:3rem;
    }

}


.gast_menu {
    background-color: transparent !important;
    border:none !important;
	font-weight: bold !important;
	top: unset !important;
    bottom: 0;
    right: calc(50vw - 500px) !important;
}

.gast_menu input {
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
    border-radius: 20px;
    line-height: normal !important;
}

.gast_menu .ui-button {
	color:#121212 !important;
    padding: .4em 1em !important;
    border-radius: 20px !important;
    background-color: #f4d980 !important;
}


.gast_menu .registrieren a {
    color: #020202 !important;
}

ul.login_menu {
    background-color: transparent !important;
    border:none !important;
    top: unset !important;
	bottom: 0;
    right: unset !important;
    left: 800px !important;
    transform: translateX(-50%);
}

ul.login_menu li {
    background-color: transparent !important;
    border: none !important;
	color: #f4d980 !important;
	font-weight: bold !important;
}

ul.login_menu li a:hover {
    background-color: transparent !important;
    border: none !important;
	color: #f8f8fb !important
}

ul.login_menu li img {
    height: 30px !important
}


header #site_logo {
    top: 10px !important;
	left: 5px !important;
    z-index: 3;
}

#home_videothek_content .grid-item,
#home_shop_content .grid-item,
#home_fotoalben_content .grid-item {
	margin-left: 10px !important;
    width: 31% !important;
}

.shop_kategorien ul li {
	width: 234px !important;
	height: 210px !important;
}

.shop_kategorien .icon {
	width:223px !important;
	height:164px !important;
}

#shop_artikel #shop_artikel_image #artikel_img_prev {display:none !important;}
#shop_artikel #shop_artikel_image,
#shop_artikel #shop_artikel_image #artikel_img {
	width:500px !important;
}

#shop_artikel #shop_artikel_image img:last-child {display:none;}
#shop_artikel #shop_artikel_infos {width: calc(100% - 510px) !important; margin-left:10px;}

/* Registrierung - "Achtung Hinweis" */
#site_create_account #scroll_bis_hier .ui-state-error {
	background-color: #ffeebb !important;
	color: #ff9800 !important;
	border: 1px solid #ff9800 !important;
}


/* Top Menü */
ul.header_menu {
	width:100%;
	justify-content: center;
	position: fixed;
	z-index:2;
}


ul.header_menu li.navi_main_site a,
ul.header_menu li.navi_main_site:hover a {
	font-family: 'Playfair Display', serif;
	padding:1rem;
	font-size: 1.1rem;
	text-transform: uppercase;
	font-weight:normal !important;
}


ul.header_menu li.navi_sub_site a,
ul.header_menu li.navi_sub_site:hover a {
	font-size: 1.0rem;
}



.container {
	color: #E0E0E0;
	margin-top:56px;
}

.rounded-5 {
	border-radius: 1.5rem;
}

.erocms_layout_builder_column.ui-widget-header {
	padding:0;
	margin-bottom:1rem;
}

.erocms_layout_builder_column p {
	font-family: 'Inter', 'Helvetica New', sans-serif;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 1px;
} 


/********************************************
 *  STARTSEITE
 *	- Exklusive fetisch Videos
 *  - Meine Aufgaben Shop
 *  - Neue Fotogalerien
 *  - Diene mir
 *  - HD-Livecam
 *  - Telefonerziehung Voice
 *  - Erziehung Contract
 *  - Keuschhaltung Wichskontrolle
 *  - Findom Paradies
 *  - Sissyerziehung Feminisierung
 *  - Telegram Exklusiveinblick
 *  - Bildung la.net
 *  - Telegram Navi Li
 *******************************************/
.exclusive-clips-txt,
.meine-aufgaben-txt,
.exclusive-fotogalerien-txt,
.bildung-lanet-txt{
	padding: 2rem;
}

.exclusive-clips-txt,
.meine-aufgaben-txt,
.exclusive-fotogalerien-txt,
.bildung-lanet-txt,
.diene-mir,
.hd-livecam,
.telefonerziehung-voice,
.erziehung-contract,
.keuschhaltung-wichskontrolle,
.findom-paradies,
.sissyerziehung-feninisierung,
.telegram-navi-li {
	color: #f9d774;
	text-align: center;
	font-family: 'Playfair Display', serif;
}

.exclusive-clips-txt h2,
.meine-aufgaben-txt h2,
.exclusive-fotogalerien-txt h2,
.bildung-lanet-txt h2 {
	margin-bottom: 1.5rem;
}

.exclusive-clips-txt h2,
.meine-aufgaben-txt h2,
.exclusive-fotogalerien-txt h2,
.bildung-lanet-txt h2,
.diene-mir h3,
.hd-livecam h3,
.telefonerziehung-voice h3,
.erziehung-contract h3,
.keuschhaltung-wichskontrolle h3,
.findom-paradies h3,
.sissyerziehung-feninisierung h3,
.telegram-exklusiveinblick h2,
.telegram-navi-li h3 {
	font-size: 2.0rem;
	line-height: 1.1;
	font-weight: normal;
}

.exclusive-clips-txt .subtitle,
.meine-aufgaben-txt .subtitle,
.exclusive-fotogalerien-txt .subtitle,
.bildung-lanet-txt .subtitle {
	color: #e0e0e0;
	letter-spacing: 2px;
	font-family: 'Inter', sans-serif;
	margin-bottom: 1.5rem;
	font-size: 0.9rem;
}

.exclusive-clips-txt em,
.meine-aufgaben-txt em,
.exclusive-fotogalerien-txt em,
.bildung-lanet-txt em,
.diene-mir em,
.hd-livecam em,
.telefonerziehung-voice em,
.erziehung-contract  em,
.keuschhaltung-wichskontrolle em,
.findom-paradies em,
.sissyerziehung-feninisierung em,
.telegram-exklusiveinblick em,
.telegram-navi-li em {
  	font-style: italic;
}

.exclusive-clips-txt span,
.meine-aufgaben-txt span,
.exclusive-fotogalerien-txt span 
.bildung-lanet-txt span {
  	font-size:2.5rem
}

.exclusive-button {
	display: inline-block;
	background-color: #f9d774;
	color: #1a1a1a !important; 
	padding: 0.7rem 1.5rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
    width: inherit;
}


/* Exklusive fetisch Videos */
.exclusive-clips-txt h2 em:first-of-type {
  padding-right: 4rem;
}

.exclusive-clips-txt h2 em:last-of-type {
  padding-right: 0.5rem;
}


/* Meine Aufgaben */
.meine-aufgaben-txt h2 span:first-of-type {
  padding-right: 2rem;
}

/* Exklusive Fotogalerien */
.exclusive-fotogalerien-txt h2 em:first-of-type {
  padding-right: 4rem;
}

.exclusive-fotogalerien-txt h2 em:last-of-type {
  padding-right: 0.5rem;
}

/* Bildung LA.net */
.bildung-lanet-txt h2 em:first-of-type {
  padding-right: 4rem;
}

.bildung-lanet-txt h2 em:last-of-type {
  padding-right: 0.5rem;
}

/* Diene mir */

.diene-mir {
	position:relative;	
	padding:0 10px;
}

.diene-mir h3 {
	position: absolute;
    bottom: 1rem;
	left: 30px;
	text-align:left;
}

.diene-mir img {
	width:100%;
}

.diene-mir-button {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    border-radius: 50px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #e0e0e0 !important;
    border: 1px solid #f4d980;
}

/* HD-Livecam */

.hd-livecam {
	position:relative;	
	padding:0 10px;
}

.hd-livecam h3 {
	position: absolute;
    bottom: 1rem;
	left: 30px;
	text-align:left;
}

.hd-livecam img {
	width:100%;
}

.hd-livecam-button {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    border-radius: 50px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #e0e0e0 !important;
    border: 1px solid #f4d980;
}

/* Telefonerziehung Voice */

.telefonerziehung-voice {
	position:relative;	
	padding:0 10px;
}

.telefonerziehung-voice h3 {
	position: absolute;
    bottom: 1rem;
	left: 30px;
	text-align:left;
}

.telefonerziehung-voice img {
	width:100%;
}

.telefonerziehung-voice-button {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    border-radius: 50px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #e0e0e0 !important;
    border: 1px solid #f4d980;
}

/* Erziehung Contract */

.erziehung-contract {
	position:relative;	
	padding:0 10px;
}

.erziehung-contract h3 {
	position: absolute;
    bottom: 1rem;
	left: 30px;
	text-align:left;
}

.erziehung-contract img {
	width:100%;
}

.erziehung-contract-button {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    border-radius: 50px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #e0e0e0 !important;
    border: 1px solid #f4d980;
}

/* Keuschhaltung Wichskontrolle */

.keuschhaltung-wichskontrolle {
	position:relative;	
	padding:0 10px;
}

.keuschhaltung-wichskontrolle h3 {
	position: absolute;
    bottom: 1rem;
	left: 30px;
	text-align:left;
}

.keuschhaltung-wichskontrolle img {
	width:100%;
}

.keuschhaltung-wichskontrolle-button {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    border-radius: 50px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #e0e0e0 !important;
    border: 1px solid #f4d980;
}

/* Findom Paradies */

.findom-paradies {
	position:relative;	
	padding:0 10px;
}

.findom-paradies h3 {
	position: absolute;
    bottom: 1rem;
	left: 30px;
	text-align:left;
}

.findom-paradies img {
	width:100%;
}

.findom-paradies-button {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    border-radius: 50px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #e0e0e0 !important;
    border: 1px solid #f4d980;
}

/* Sissyerziehung Feminisierung */

.sissyerziehung-feninisierung {
	position:relative;	
	padding:0 10px;
}

.sissyerziehung-feninisierung h3 {
	position: absolute;
    bottom: 1rem;
	left: 30px;
	text-align:left;
}

.sissyerziehung-feninisierung img {
	width:100%;
}

.sissyerziehung-feninisierung-button {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    border-radius: 50px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #e0e0e0 !important;
    border: 1px solid #f4d980;
}

/* Telegram Exklusiveinblick */
.telegram-exklusiveinblick {
  	display: flex;
	position: relative;
	align-items: center;
}

.telegram-exklusiveinblick img {
  width: 50%;
  display: block;
  flex-shrink: 0;
}

.telegram-exklusiveinblick > div {
	flex: 1;
	position: absolute;
	display: flex;
	flex-direction: column;
	left:40%;
}


.telegram-exklusiveinblick h3 {
	font-size: 3rem;
	line-height: 1.1;
	font-weight: normal;
	color: #f9d774;
}

.telegram-exklusiveinblick h3 em {
  font-style: italic;
}

.telegram-exklusiveinblick .subtitle {
	color: #e0e0e0;
	letter-spacing: 2px;
	font-family: 'Inter', sans-serif;
	margin-bottom: 1.5rem;
	font-size: 1rem;
}


.telegram-exklusiveinblick-button {
	align-self: flex-start;
	padding: 14px 32px;
	border: 1px solid #f7d779;
	border-radius: 30px;
	text-decoration: none;
	letter-spacing: 1px;
	transition: background 0.3s, color 0.3s;
	background-color: #121212
}


/* Duftshop Auktionen */
.duftshop-auktionen {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}

.duftshop-auktionen img {
    display: block;
    max-width: 100%;
    max-height: 340px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin-left: auto;
    z-index: 0;
}

.duftshop-auktionen > div {
    position: absolute;
    top: 50%;
    left: 20px;            /* linksbündig mit 20px Abstand */
    transform: translateY(-50%); /* vertikal mittig */
    width: 60%;
    z-index: 1;            /* über dem Bild */
}


.duftshop-auktionen h2 {
	font-size: 2.5rem;
	line-height: 1.1;
	font-weight: normal;
	color: #f9d774;
}

.duftshop-auktionen h2 em {
  	font-style: italic;
}

.duftshop-auktionen .subtitle {
	color: #e0e0e0;
	letter-spacing: 2px;
	font-family: 'Inter', sans-serif;
	margin-bottom: 1.5rem;
	font-size: 1rem;
}


.duftshop-auktionen-button {
	align-self: flex-start;
	padding: 14px 32px;
	border: 1px solid #f7d779;
	border-radius: 30px;
	text-decoration: none;
	letter-spacing: 1px;
	transition: background 0.3s, color 0.3s;
	background-color: #121212
}


/* Telegram Navigation Li */

.telegram-navi {
	position: relative;
	display: inline-block;
	font-family: 'Playfair Display', serif;
}

.telegram-navi img {
	display: block;
	width: 100%;
	height: auto;
}

.telegram-navi .subtitle {
	position: absolute;
	top: 15px;
	left: 15px;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.9rem;
}

.telegram-navi h3 {
	position: absolute;
	top: 35px;
	left: 15px;
	margin: 0;
	color: #f9d774;
	font-size: 1.7rem;
	line-height: 1.1;
}

.telegram-navi .exclusive-button {
	position:absolute;	
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}

/* Standard-btn */

.standard_btn {
	position:relative;	
	padding:0 10px;
}

.standard_btn h3 {
	position: absolute;
    bottom: 1rem;
	left: 30px;
	text-align:left;
}

.standard_btn img {
	width:100%;
}

.standard_btn {
	align-self: flex-start;
	padding: 14px 32px;
	border: 1px solid #f7d779;
	border-radius: 30px;
	text-decoration: none;
	letter-spacing: 1px;
	transition: background 0.3s, color 0.3s;
	background-color: #121212
}