html, body {
    
    
    
    background-color: #000000;
    
}

body {
    font-size:1em;
}

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

section {
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    margin-top:0;
    margin-right:0;
    margin-bottom:0;
    margin-left: 15px; 
    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: 15px; 
    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: 10px; 
    margin-bottom:0;
    margin-left:0;
    position: relative;
    grid-area: aside;
}

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

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

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

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

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

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

table.dataTable tr.odd,
table.dataTable tr.odd td.sorting_1 {background-color: #d6d6d6 !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: #131313 !important;}

table.dataTable tr.even,
table.dataTable tr.even td.sorting_1 {background-color: #131313 !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: #d6d6d6 !important;}


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

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

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

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

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

.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: #de5d53;
}

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

.button:hover {
    color: #de5d53 !important;
    box-shadow: inset 0 0 0.8em #d6d6d6;
}

/**
*   Linkfarben
**/

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


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

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

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

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

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: #d6d6d6;
    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: #de5d53;
    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: #d6d6d6;
    text-decoration: none;
    font-size: 0.875rem;
}


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

.shop_breadcrumb {
    color: #d6d6d6;
}

.shop_breadcrumb a {
    color: ;
    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: #de5d53;
}

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


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

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

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

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

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

ul.header_menu li.sub_sites {
    display:none;
    width: 100%;
    box-sizing:border-box;
    bottom:0;
    position:absolute;
    z-index: 1;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

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: #d6d6d6;
    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: #de5d53;
    font-size: 0.875rem;
}


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

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

ul.login_menu li {
    background-color: #000000;
    border: 1px solid #000000;
    color: #d6d6d6;
    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: #000000;
    border: 1px solid #000000;
}

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

ul.login_menu li:hover a,
ul.login_menu li a.activelink {
    color: #de5d53;
    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: #d6d6d6;
    text-decoration:none;
}

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

.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: 1200px;
    height: 100%;
}


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

footer a:hover,
footer .ui-widget-content a:hover {
    color: #cccccc;
    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 #d6d6d6;
}

#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: #d6d6d6;}
.mein_account_breadcrumb ul li,
.mein_account_breadcrumb ul li a {font-size:0.9rem;}

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

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

.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: Montserrat;
    font-size: 3rem;
    font-weight:bold;
}

h2 {
    font-family: Montserrat;
    font-size: 2rem;
    font-weight:bold;
}

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

h4 {
    font-family: Montserrat;
    font-size: 1rem;
}

h5 {
    font-family: Montserrat;
    font-size: 1rem;
}

h6 {
    font-family: Montserrat;
    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://svetlanasubmissive.tv/templates/widescreen_mai_2019/images/cam_online.gif);
    background-position:top center;
    background-size: cover;
}

.messenger_status.messenger_online {
    border:none;
    background-repeat:no-repeat;
    background-image:url(https://svetlanasubmissive.tv/templates/widescreen_mai_2019/images/online.gif);
    background-position:top center;	
    background-size: cover;
}

.messenger_status.messenger_offline  {
    border:none;
    background-repeat:no-repeat;
    background-image:url(https://svetlanasubmissive.tv/templates/widescreen_mai_2019/images/offline.jpg);
    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(1200px - 20%);
    max-height:90%;
    margin: 5% auto;
}

.age_verification_popup .age_verification_popup_content a {color: #d6d6d6;}
.age_verification_popup .age_verification_popup_content a:hover {color: #de5d53;}

.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: #d6d6d6;
}

.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: #131313;
    color: #d6d6d6;
    position:relative;
    margin-left: 20px;
    padding: 0 0 0 15px;
    text-align:left;
    border-top:1px solid #d6d6d6;
    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: #131313;
    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: #d6d6d6;
    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 #d6d6d6 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;
    }

}