@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#fff;    background: #000000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#fff;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body {
    background: #000000; /* Reines Schwarz, typisch TikTok */
	color: #ffffff; /* Weißer Text für maximale Lesbarkeit */
	text-align: center;
    font:normal 87.5%/1.428 'Source Sans Pro',"Helvetica Neue",Helvetica,sans-serif;
}
p {
	margin: 5px 0;
	padding: 0;
	line-height: 180%;
}
strong {
    font-weight: bold;
}
hr{
	border: 0;
	border-bottom: 1px dashed #333333; /* Dunklere, subtile Trennlinie */
}
fieldset {
    border: 0px solid #1a1a1a; /* Sehr dunkles Grau */
    padding: 10px;
	border-radius: 5px;
}
legend {
	margin: 5px 0 0 0;
	padding: 3px 10px;
	background: #1a1a1a; /* Dunkler Hintergrund für Legenden */
	color: #fff;
	border-radius: 5px;
	width: 100%;
	background: #1a1a1a url(img/bg9.png) bottom left repeat-x; /* Dunkler Hintergrund beibehalten */
	border: 1px solid #fe2c55; /* TikTok Magenta Rand */
	color: #fff;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
	font-weight: bold;
	border-radius: 5px
}
label {display: block;font-weight:bold;margin: 10px 0 0 0;}
label.inlin {display:inline;}

a, a:link, a:visited, a:hover, a:active { color: #25f4ee; text-decoration: none; } /* TikTok Cyan als Hauptlinkfarbe */
a:hover { color: #fe2c55; } /* TikTok Magenta beim Hover */

#wrapper {
	border: 1px solid #333333; /* Dunklere, sichtbare Umrandung */
	margin: 0 auto 40px auto;
	padding: 5px;
	width: 950px;
	text-align: left;
    background: #0a0a0a; /* Sehr dunkler, fast schwarzer Hintergrund */
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.8); /* Starker, dunkler Schatten */
    border-radius: 5px;
}
#header {
	margin: 0 auto;
    height: 100px;
    width: 950px;
}
#headside {
    float: right;
    width: 470px;
    margin-top: 10px;
    text-align:right;
}
#headbanner {
/*	position: absolute;
	top: 55px;
	left: 50%; 
    width: 468px;
	margin-left: 10px;*/
    width: 468px;height:60px;
}
#logo {
    text-align: left;
    width: 400px;
    float:left;
}
#navigation {
	background: #1a1a1a; /* Dunkler Navigationshintergrund */
	color: #fff;
	height: 30px;
	margin: 1px 0px 8px 0px;
	padding:10px 10px 0 10px;
	text-align: left;
    border-radius: 5px;
}

/* Style Search Box */
#search {
	float: right;
	text-align:left;
    margin:-5px 0 0 0;
    padding: 0;
    width: 200px;
    height: 30px;
}
.searchbox {
    width:125px;
    background: #0d0d0d; /* Dunkles Suchfeld */
    border: 1px solid #333;
    color: #fff;
}
.searchgo {
    padding:5px 4px;
    font-weight:bold;
    cursor:pointer;
    background: #fe2c55; /* Magenta Button */
    color: #fff;
    border: none;
    border-radius: 5px;
}
/* Style Main Content Area */
#content {
	clear: both;
}
#main {
	margin-left: 300px;
}
/* Style Sidebar */
#sidebar {
	float: left;
	width: 280px;
	padding: 0 10px 0 0;
	margin: 0;
 	border-right: 1px solid #333333; /* Dunkle Trennlinie */
}
/* Style User Content Area */
#user_cp_content {
    padding: 0 20px 30px 0;
}
#user_cp_score {
    float: right;
    width: 200px; 
    padding: 0 0 10px 0;
}
/* Style Footer */
#foot {
	margin: 0px;
	padding: 20px 0;
	text-align: center;
    background: #000000; /* Reines Schwarz für den Footer */
    color: #fff; /* Footer Text in Weiß */
    border-top: 9px solid #1a1a1a; /* Dunklere Trennlinie */
}
#foot a, #foot a:link,#foot a:visited,#foot a:hover,#foot a:active {
    color: #25f4ee; /* TikTok Cyan für Footer-Links */	
    text-decoration: underline;
}
#foot a:hover {
    color: #fe2c55; /* TikTok Magenta beim Hover */	
}
#foot .box {
	min-height: 200px;
}
#foot h3 {
	color: #fff;
}
#foot li {
	padding: 3px;
}
#login-form {
	width: 560px;
	padding: 20px 0 0 0px;
    margin: 0 auto;
    background: #0a0a0a;
    display:none;
    border:1px solid #333333;

}

.basebox {
    margin:0;
    padding: 20px;
    background: #1a1a1a; /* Dunkelgrauer Hintergrund */
    border-top:1px solid #333333;
    text-align: right;
}

.formbox {	
	background: #0a0a0a;
	border-right: 2px solid #333333;
	width: 250px;
	float: left;
	margin: 0 20px 0 0;
}
#social_block {
/* position: absolute;
    top: 275px;
    left: 50%;
    margin-left: 480px;*/
    width: 60px;
    padding: 9px;
    border: 0px solid #333333;
    border-left: 0;
    box-shadow: 0px 0px 0px #000000;
    float:right;
}
.social_pages {
     height: 25px;
     margin-top: 10px;
}
a.stats_vote {
    background: #fe2c55; /* TikTok Magenta als Button */
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0 0 3px rgba(37, 244, 238, 0.7); /* Cyan Schatten für Tiefe */
    display: block;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    margin: 15px 0;
    font-weight: bold;
}
a.stats_vote:hover {
    background: #d42249; /* Dunkleres Magenta beim Hover */
    box-shadow: 0 0 5px rgba(37, 244, 238, 0.9);
}
/* Style Boxes */
.box {
	border-right: 1px solid #fe2c55; /* TikTok Magenta Rand */
	border-left: 1px solid #25f4ee; /* TikTok Cyan Rand */
	padding: 20px;
	text-align: left;
    background: #0d0d0d; /* Dunkler Kasten-Hintergrund */
    color: #fff;
}
.third {
	margin: 0;
	width: 265px;
	float: left;
}
.start {border-left: 0;border-top:0;}
.end {border-right: 0;border-bottom:0;}
/* Headings */
h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
  color: #ffffff; /* Weiße Überschriften */
  font-weight:bolder;
}
h1 {
    font-size:20px;
    margin: 5px 0; 
}
h2 {
    font-size:18px;
    margin: 5px 0; 
}
h3 {
    font-size:16px;
    margin: 5px 0;
	padding: 4px; 
}
h1.heading  { 
	background: #1a1a1a; /* Dunkler Heading-Hintergrund */
	border: 1px solid #fe2c55; /* Magenta Rand */
	color: #fff;
	padding: 5px 0 5px 5px;
	margin: 0px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
    border-radius:5px;
}
h3.heading  { 
	background: #1a1a1a; /* Dunkler Heading-Hintergrund */
	border: 1px solid #25f4ee; /* Cyan Rand */
	color: #fff;
	padding: 5px 0 5px 5px;
	margin: 5px 0;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
    border-radius:5px;
}
.heading a {
	text-decoration: none;
	color: #25f4ee; /* Cyan für Heading-Links */
}
.heading a:hover {
	color:#fff; 
}
/* Hyper Links */
#login  {
    border: 1px solid #333333;
    border-top:0;
    border-radius:5px;
    padding: 2px 10px;
	background: #0a0a0a; /* Sehr dunkler Login-Hintergrund */
    cursor:pointer;
    color: #fff;
}
#login:hover {
    border: 1px solid #fe2c55; /* Magenta Rand beim Hover */
    border-top:0;
	background: #1a1a1a; /* Etwas hellerer Hintergrund beim Hover */
}
#navigation li a { 
	color: #fff;
	padding: 11px;
	margin: 0px 0px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
	font: bold 14px 'Source Sans Pro',tahoma,sans-serif;
    border: 0;
}
#navigation li a:hover {
	color: #fff;
	background: #fe2c55; /* Magenta beim Hover */
	background: #fe2c55 url(img/bg9.png) bottom left repeat-x;
	background: #fe2c55 url(img/bg8.png)  top left repeat-x;
    border-radius: 5px;
	border: 0px solid #25f4ee; /* Cyan Rand beim Hover */
	text-shadow: -1px -1px 2px #000;
}
.user_cp_main_menu {
    font-size: 12px;
    margin-top: -8px;
    padding: 10px;
    border: 1px solid #1a1a1a;
 	background: #0d0d0d;  /* Dunkler Hintergrund */
    color: #fff;
}
.user_cp_main_menu a {
    padding: 9px;
    background: transparent url(img/sm-bullet.png) top left no-repeat; 
    background-position: 1px 9px;    
    color: #ccc;
}
.user_cp_main_menu li {
    display: -moz-inline-stack;
	display: inline-block;
    zoom:1;
    *display:inline;
}
#topmenu ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#chart_div {z-index:1;position:relative;}
#dropuser {display:none;z-index: 9999;position:relative;}
#dropuser ul.user_cp_main_menu li a {background:none;padding:1px;list-style-image:none;list-style:none;}
#dropuser ul.user_cp_main_menu {
    width: 200px;
    margin:0;
    padding:0;
    border:1px solid #333333;
    position:absolute;
    left:50%;
    top:0px;
}
#dropuser ul.user_cp_main_menu li {
    display:block;
    clear:left;
    padding:0;
    text-align:left;
    font-size:120%;
}
#dropuser ul.user_cp_main_menu li a {
    display:block;
    padding:5px;
    border-bottom:1px solid #333333;
    color: #fff;
}
#dropuser ul.user_cp_main_menu li a:hover {
    background: #25f4ee; /* Cyan beim Hover */
    background: -moz-linear-gradient(top,  #25f4ee 0%, #15e5e0 50%, #05d0cc 51%, #00a09c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25f4ee), color-stop(50%,#15e5e0), color-stop(51%,#05d0cc), color-stop(100%,#00a09c));
    background: -webkit-linear-gradient(top,  #25f4ee 0%,#15e5e0 50%,#05d0cc 51%,#00a09c 100%);
    background: -o-linear-gradient(top,  #25f4ee 0%,#15e5e0 50%,#05d0cc 51%,#00a09c 100%);
    background: -ms-linear-gradient(top,  #25f4ee 0%,#15e5e0 50%,#05d0cc 51%,#00a09c 100%);
    background: linear-gradient(to bottom,  #25f4ee 0%,#15e5e0 50%,#05d0cc 51%,#00a09c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25f4ee', endColorstr='#00a09c',GradientType=0 );
    color: #000; /* Schwarzer Text auf Cyan */
}
/* Menu Manager */
/* Each menu created in the admin panel
   will be assigned a class ending with
   the menu's unique id.  menu-0, menu-1 etc */
.menu-0 li{
	margin: 1px 0;
	padding: 3px 3px 3px 20px;
    color: #fff;
}
/*Category Menu*/
.category_menu li,.topref li{
	margin: 1px 0;
	padding: 3px 3px 3px 20px;
    color: #fff;
}
/* */
.topref li span {float:right;margin: 0 8px 0 0; color: #fe2c55;} /* Magenta für Zählungen/Span im Menü */
.site-list li {
      display: -moz-inline-stack;
	display: inline-block;
      zoom:1;
      *display:inline;
}
.site-list li a,.site-list a{
	display: block;
	width: 270px;
	padding: 8px;
	margin: 4px;
	border: 1px solid #333333;
	text-align: center;
	border-radius: 5px;
    color: #fff;
    background: #0d0d0d;
}
.method_sort {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: transparent url('img/tick.png') no-repeat; /* Icon beibehalten */
}
/* Table Defaults */
table { width: 100%; clear:none;}
td {vertical-align: middle;
padding: 8px 2px;
text-align: center;
border-bottom: 1px solid #222222; /* Dunklere Trennlinien */
border-top: 1px solid #0a0a0a;}
th {
	white-space:nowrap;
	text-align: center;
	padding: 10px 13px;
	background: #1a1a1a; /* Dunkler Tabellenkopf */
	border-right: 1px solid #0d0d0d;
	border-bottom: 1px solid #0d0d0d;
	border-top: 1px solid #222222;
	font-weight: bold;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
}
/* Stats Style */
.premium_side {
	width: 300px;
	float:right;
}
.premium_table_top {
    margin: 0px 0 20px 0;
    background: #0a0a0a url('img/gold-band.png') top right no-repeat; /* Goldband beibehalten */
    border:  1px solid #25f4ee; padding: 0px; /* Cyan Akzent für Premium */

}
.premium_title {
        font-weight:bold;
        border: 1px solid #1a1a1a; 
    	color: #fff;
        padding: 10px;
	background: #25f4ee; /* Cyan Hintergrund für Premium Titel */
    	text-shadow: 1px 1px 2px #000;
        color: #000; /* Schwarzer Text auf Cyan */
}
.premium_inside_border {
    padding: 0;
    border: 2px solid #fe2c55; /* Magenta Akzent */ 
    border-top: 0;
}
.premium_inside {
    	color: #fff;
        padding: 10px;
	background: #0d0d0d; /* Dunkler Hintergrund */
}
.premium_inside span {
    font: 65px tahoma, sans-serif;float: left; color: #fe2c55; text-shadow: 1px 1px 4px #25f4ee; margin: 0 15px 15px 0; /* Pink und Cyan Akzente */
}
.premium_badge {
	margin-top: -68px; 
	text-align: center;
	background: transparent url(img/strap3.png) top center no-repeat; /* Badge beibehalten */
	height: 150px;
	width: 80px;
	padding: 10px 0 0 12px;
}
.stats_inline_block {
      display: inline-block;
      width: 100%;
}
.lightbg1 {
	background: transparent url('img/lightbg1.png') top center no-repeat; /* Beibehalten, falls es ein Bild ist */
	padding: 20px 0 20px 0;
}
.breadcrumb {font-size: 11px; color: #aaa;}
/* table top Style */
.table_top {
    margin: 0px 0 20px 0;
    background: #0a0a0a url('img/gold-band.png') top right no-repeat; /* Goldband beibehalten */
    border:  1px solid #333333; padding: 0px; 
}
.table_top_title {
    font-weight:bold;
    color: #fff;
    padding: 10px 0 10px 5px;
	background: #1a1a1a; /* Dunkler Titel-Hintergrund */
	text-shadow: 1px 1px 2px #000;
}
.table_top_inside_border {
    padding: 0;
    border: 1px solid #333333; 
}
.table_top_inside {
    color: #fff;
    padding: 10px;
	background: #0d0d0d; /* Dunkler Hintergrund */
}
span.rank {
	text-shadow: none;
    position: relative;
	top:  -1px; 
	left: -3px;
	font: bold 11px tahoma, sans-serif;
 	margin: 0px;
 	padding: 3px;
    color: #fe2c55; /* Magenta für Rang-Zahlen */
}
td span.rank {

}
.badge {
	margin-top: -69px; 
	text-align: center;
	background: transparent url(img/strap2.png) top center no-repeat; /* Badge beibehalten */
	height: 150px;
	width: 80px;
	padding: 10px 0 0 12px;
}
.rankshot {border: 1px inset #222222; width:  70px;}
/* common backgrounds */
.darkbg {
  background-color: #1a1a1a; /* Einheitlich dunkler Hintergrund */
}
.mediumbg {
	background: #fe2c55; /* TikTok Magenta */
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.lightbg {
	color: #fff;
	background: #0d0d0d; /* Sehr dunkler Hintergrund */
}
.lightbgalt {
	color: #ccc;
	background: #1a1a1a; /* Dunklerer Alt-Hintergrund */
}
/* PAGINATION*/
.pagination {
	text-align: center;
	padding: 20px 0;
}
.pagination li {
	float:left;
}
.pagination li a {
	padding: 4px;
	border: 1px solid #333333;
	background: #1a1a1a; /* Dunkler Hintergrund für Pagination-Links */
	color: #fff;
	display: block;
	margin: 1px;
}
.pagination li.disabled a {
    pointer-events: none;
    cursor: auto;
    background: #0d0d0d;
    color: #555;
}
.pagination li:not(.active):not(.disabled) a:hover {
	box-shadow: 0 0 5px #fe2c55; /* Magenta Schatten beim Hover */
}
.pagination li.active a { /* Aktiver Paginations-Link */
    background: #fe2c55;
    border-color: #25f4ee;
    color: #fff;
    font-weight: bold;
}

textarea:focus, input:focus{
    outline: none;
    box-shadow: 0 0 5px #25f4ee; /* Cyan Fokus-Schatten */
}
textarea, input{
	font-family: sans-serif;
	font-size: 12px;
	padding: 6px;
	border: 1px solid #333333;
    border-radius:5px;
	color: #fff;
    background: #0d0d0d; /* Dunkler Input-Hintergrund */
    /* Hier einen dezenten, dunklen Gradienten für Tiefe */
    background: linear-gradient(to bottom,  #0d0d0d 0%,#0a0a0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#0a0a0a',GradientType=0 );
}
 select {
 	border: 1px solid #333333;
	border-radius: 5px;
	padding: 4px;
	color: #fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    background: #0d0d0d;
 }
option, .op option {color: #fff; padding: 3px; font-size: smaller; background: #0d0d0d;}
option[selected=selected] {width: 200px;}
input:focus,input:hover {box-shadow: 0 0 3px #25f4ee;} /* Cyan Schatten */
textarea:focus {box-shadow: 0 0 5px #fe2c55;} /* Magenta Schatten */
.join_edit_error {
	background-color: #fe2c55; /* Magenta für Fehler */
	border: 1px solid #25f4ee; /* Cyan Rand */
	padding: 2px;
    margin: 5px 0;
    color: #fff;
    font-weight: bold;
}

.in1, .custom_input {
    width: 200px;
}

a.callbutton {
    background: linear-gradient(to right, #25f4ee 0%, #fe2c55 100%); /* Farbverlauf Cyan zu Magenta */
    padding:5px;
    border-radius:5px;
    border:1px solid #fe2c55; /* Magenta Rand */
    box-shadow:0 0 5px rgba(37, 244, 238, 0.5); /* Cyan Schatten */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    font-weight:bold;
    text-transform:uppercase;
    color: #fff; /* Weißer Text für Kontrast */
    transition: all 0.2s ease-in-out;
}
a.callbutton:hover {
    background: linear-gradient(to right, #fe2c55 0%, #25f4ee 100%); /* Farbverlauf umkehren beim Hover */
    border:1px solid #25f4ee; /* Cyan Rand beim Hover */
    box-shadow:0 0 7px rgba(254, 44, 85, 0.7); /* Magenta Schatten beim Hover */
    color: #000; /* Schwarzer Text auf hellem Hover */
}

.terms {height: 120px; overflow: auto; font-size: 9px; color: #aaa;}
a.help { color: #fe2c55; font-weight: bold; text-decoration: none; }
a.help:hover { color: #25f4ee; }
.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}
.left {
	float: left;
	margin: 0 10px 10px 0;
}
.right {
	float:right;
}
.center {
    text-align: center;
}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}

.small {
	font-size: 11px;
    color: #ccc;
}

.screenshot {
	border: 3px solid #1a1a1a;
	box-shadow: 2px 0px 5px #000000;
    border-radius:5px;
}
.screen1 img {
    width: 100px;
    border-radius:5px;
}
ul.newmembers img.screenshot { 
   width: 200px;
}

#tiptip_content {
    width: 400px;
    background: #0d0d0d;
    color: #fff;
    border: 1px solid #333;
}
.button1 {
	background: #fe2c55; /* Magenta Button */
	border: 1px solid #25f4ee; /* Cyan Rand */
	color: #fff;
	padding: 5px;
	margin: 5px 0;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
    font-weight:bold;
    border-radius:5px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.button1:hover {
box-shadow: 0 0 7px #25f4ee; /* Cyan Schatten beim Hover */
background: #d42249;
}

a.but {
    padding: 7px;
    background: #1a1a1a;
    border:1px solid #333333;
    border-radius:5px;
    font-weight:bold;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

a.but:hover {
    padding: 7px;
    background: #0d0d0d;
    border:1px solid #fe2c55; /* Magenta Rand beim Hover */
    border-radius:5px;
    color: #25f4ee; /* Cyan Text beim Hover */
}


ul.tabs li {
    display:inline-block;
    padding:0px;
    margin:20px 1px 9px 1px;    
}
ul.tabs li a {
    border: 1px solid #333333;
    border-bottom:0;
    padding: 10px;
    background: #1a1a1a;
    font-weight:bold;
    color: #ccc;
    border-top-left-radius: 5px; /* Abgerundete Tabs oben links */
    border-top-right-radius: 5px; /* Abgerundete Tabs oben rechts */
    transition: all 0.2s ease-in-out;
}
ul.tabs li a.active {
    background: #0a0a0a;
    border-color: #fe2c55; /* Aktiver Tab mit Magenta Rand */
    color: #fff;
    font-weight: bold;
    box-shadow: 0 -2px 5px rgba(254, 44, 85, 0.3); /* Subtiler Schatten nach oben */
}

/* Join form */
#regform #left_side {
    width: 310px;
}
#regform #right_side {
    width: 310px;
    float: right;
}

/* Fluid video/img */
.video-fluid,
.site-image-container video:not(.video-fluid) {
  max-width: 100%;
}
.img-fluid,
.site-image-container img:not(.img-fluid) {  
  height: auto;
} 
@supports (--custom:property) {
	
	.site-image-container {
		position: relative;
		display: block;
		max-width: var(--site-image-aspect-base);
	}
	.site-image-container::before {
		content: "";
		display: block;
		padding-bottom: calc(100% / (var(--site-image-aspect-ratio)));
	}  
	.site-image-container img,
	.site-image-container video {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		object-fit: fill;
	}  
}