/*** BANDS LINKS ***/

.bandtitel {
	font-size:50px;text-shadow: 3px 1px 0px #e8e8e8;color:#909090;font-family: bebas neue;letter-spacing:5px;
}

.bandttext {
	width:460px;padding:20px;background:#e8e8e8;text-align:justify;font-size:11px;
}

.memberdes {
	font-size:10px;
	font-style:italic;
	
}

.membernam {
	border-top:1px double #dbdbdb;
	border-bottom:1px double #dbdbdb;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-top:10px;
	margin-top:10px;
	text-transform:uppercase;
	font-weight:bolder;
	letter-spacing:2px;
	color:#a98c77;
	text-align:center;
}

.memberbg_l {
	width:500px;height:300px;position:relative;margin:auto}

.membertitel_l {
	left:0;
	top:0;background:#e8e8e8;display: flex;
  justify-content: center;
  align-items: center;
	position:absolute;
	width:250px;
	height:300px;
	line-height:37px;
}

.membertitel_l .titel {
	font-size:50px;text-shadow: 3px 1px 0px #e8e8e8;color:#909090;font-family: 'Noto Serif KR', serif;
}

.membertext_l {
	background:#e8e8e8;
	position:absolute;
	right:0;
	top:0;
	width:250px;
	height:300px;
}

.membertext_l .textbg {
	height:280px;width:230px;padding:10px;
}

.membertext_l .textbg .texttext {
	overflow:auto;scrollbar-width:thin;height:280px;text-align:justify;font-size:11px;line-height:17px;padding-right:10px;
}
.membertext_l .textbg .texttext b {
	color:#a98c77;
text-shadow: 3px 1px 0px #e8e8e8}


.memberhover_l {
	height:300px;width:250px;transition:1s;top:0px;right:0px;position:absolute;filter:saturate(1) contrast(50%) grayscale(100%) ;
}

.memberbg_l:hover .memberhover_l
{right:250px;filter: saturate(1) contrast(50%) grayscale(100%) opacity(30%);} 


/*** BANDS RECHTS ***/

.memberdes {
	font-size:10px;
	font-style:italic;
	
}

.membernam {
	border-top:1px double #dbdbdb;
	border-bottom:1px double #dbdbdb;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-top:10px;
	margin-top:10px;
	text-transform:uppercase;
	font-weight:bolder;
	letter-spacing:2px;
	color:#a98c77;
	text-align:center;
}

.memberbg {
	width:500px;height:300px;position:relative;margin:auto}

.membertitel {
	right:0;
	top:0;background:#e8e8e8;display: flex;
  justify-content: center;
  align-items: center;
	position:absolute;
	width:250px;
	height:300px;
	line-height:37px;
}

.membertitel .titel {
	font-size:50px;text-shadow: 3px 1px 0px #e8e8e8;color:#909090;font-family: 'Noto Serif KR', serif;
}

.membertext {
	background:#e8e8e8;
	position:absolute;
	left:0;
	top:0;
	width:250px;
	height:300px;
}

.membertext .textbg {
	height:280px;width:230px;padding:10px;
}

.membertext .textbg .texttext {
	overflow:auto;scrollbar-width:thin;height:280px;text-align:justify;font-size:11px;line-height:17px;padding-right:10px;
}
.membertext .textbg .texttext b {
	color:#a98c77;
text-shadow: 3px 1px 0px #e8e8e8}


.memberhover {
	height:300px;width:250px;transition:1s;top:0px;left:0px;position:absolute;filter:saturate(1) contrast(50%) grayscale(100%) ;
}

.memberbg:hover .memberhover 
{left:250px;filter: saturate(1) contrast(50%) grayscale(100%) opacity(30%);} 


/*** INFOS ***/

.inf1 {width:500px;background-color:#eee;text-align:justify;padding-top:10px;}
.inftitel_links {background-color: #f7f7f7;padding: 6px 0px 7px 0px;text-align: left;padding-left: 30px;color: #a98c77;font-weight: bold;text-transform: uppercase;letter-spacing: 0.5px;border-bottom:3px double #eee}
.inficon_rechts {margin:20px;margin-bottom:5px;float:right;height:80px;width:80px;background:#f7f7f7;font-size:20px;display: flex;justify-content: center;align-items: center;border-radius:100px;border:3px double #eee}
.inficon {color:#a98c77;text-shadow: 1px 1px 0px #e8e8e8;color:#a98c77;}
.inftitel_rechts {background-color: #f7f7f7;padding: 6px 0px 7px 0px;text-align: right;padding-right: 30px;color: #a98c77;font-weight: bold;text-transform: uppercase;letter-spacing: 0.5px;border-bottom:3px double #eee}
.inficon_links {margin:20px;margin-bottom:5px;float:left;height:80px;width:80px;background:#f7f7f7;font-size:20px;display: flex;justify-content: center;align-items: center;border-radius:100px;border:3px double #eee}




.tcatname {
	background-color:#e1e1e1;
	padding:5px;
	color: #a98c77;
font-weight: 700;
text-transform: uppercase;
	font-size:9px;
	letter-spacing:0.5px;
	padding-left:20px;
}

.trow_sepname {
	
	background: #ddd;
border-bottom: 1px solid #c5c5c5;
padding: 6px;
font-weight: 700;
text-transform: uppercase;
	font-size:9px;
	letter-spacing:0.5px;
	padding-left:20px;
}


.lists {
            width: 100%;
            display: flex;
            gap: 00px;
            justify-content: space-between;
            /* align-items: flex-start; Wenn du willst, dass das Menü in der Länge nicht mit dem Content-Block mitwächst. Ich empfehle dir, *hier dann das padding einzufügen, damit es nicht mit dem letzten Strich endet. */
        }
        
        /*         Menu        */
        
        .lists_menu {
            width: 20%;
            display: flex;
            flex-direction: column;
            gap: 10px;
            background: #efefef;
            align-items: flex-start;
        /* padding-bottom: 10px; * Hier nutzen, wenn du nicht willst, dass das Menü dieselbe Länge hat wie der Content-Block. */
        }
        
        .lists_menu-head {
            height: 20px;
            width: 100%;
           
            display: flex;
            justify-content: center;
            align-items: center;
            
			text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
			
            
			background: url(/images/seoulnights/thead.png);
			color: #d7d7d7 !important;
							font-style: italic;
        }
        
        .lists_menu-item {
            height: 25px;
            width: 90%;
            margin: 0 auto;
            padding: 10px 20px;
            display: flex;
            align-items: center;
            box-sizing: border-box;
            border-bottom: 1px solid #b4b4b4;
        }
        
        
        /*         Content       */
        
        
        .lists_content {
            width: 80%;
            box-sizing: border-box;
            background: #f0f0f0;
        }
        
        .lists_content-head {
            height: 50px;
            width: 100%;
            background: #b8b8b8;
            font-size: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .lists_content-description {
            padding: 20px 40px;
            text-align: justify;
            line-height: 180%;
        }
        
        .lists_content-bit {    
            padding: 0 40px 40px 40px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
        }
        
        .lists_content-block {
            width: 45%;    /* Wenn du drei Spalten willst, gib hier 30% an. Beachte, dass du diesen Wert je nach Breite des Forums und des Inhalts anpassen musst, um ein zufriedenstellendes Ergebnis zu erhalten. */
        }
        
        .lists_content-item {
            margin-bottom: 5px;
        }