.city_cat {
    position: relative;
    width: 100%;
    min-height: 300px;
    box-sizing: border-box;
    padding: 20px;
    border: 2px solid var(--dkborder2);
	background: var(--dkborder);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px auto;
	color: var(--text);
}

.lists {
            width: 100%;
            display: flex;
            gap: 20px;
            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;
			box-sizing: border-box;
			padding: 10px;
            flex-direction: column;
            gap: 10px;
            background: var(--dkborder);
            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: 50px;
            width: 100%;
            background: var(--dkborder);
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .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 var(--text);
        }
        
        
        /*         Content       */
        
        
        .lists_content {
            width: 80%;
            box-sizing: border-box;
            background-image:var(--imgsmallbg);
            background-size: cover;
        }
        
        .lists_content-head {
            height: 50px;
            width: 100%;
            background:var(--dkborder);
            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;
			color: var(--text);
            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: 30%;
			flex-grow: 1;/* 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 {
			color: var(--text);
			width:100%;
			text-align:left;
            margin-bottom: 5px;
        }

.lists_content-block section {
	-webkit-column-count: 3;
  -webkit-column-gap: 10px;
  -webkit-column-rule: 1px solid var(--text);
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  -moz-column-rule: 1px solid var(--text);
  column-count: 3;
  column-gap: 20px;
  column-rule: 1px solid var(--text);
  text-align: justify;

}

.clabout {white-space: pre-line;}

.lis h1 {
    display: block;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'raleway';
    color: var(--accent);
    padding: 0;
    margin: 0 0 10px 0;
    letter-spacing: 1px;
    text-align: left;
}

.lis h2 {
    display: block;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'raleway';
    color: var(--text);
    padding: 0;
    margin: 0 0 10px 0;
    letter-spacing: 1px;
    text-align: left;
	border-bottom: 2px solid var(--dkborder2);
}

.lis h3 {
    font-size: 40px;
    font-family: 'bokor';
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--accent);
    line-height: 110%;
    z-index: 1;
    opacity: .4;
}

lishr {
	width:100%;
	height:2px;
	opacity: .2;
	background: var(--accent);
}