html {
  background-color: #E6E6E6;
}

.Kopfleiste_Grundlage{ 
  position: sticky;
  top:0px;
  width: 20%;
  height:75px;
  float: left;
  text-align: center;
  background: linear-gradient(0deg,#49B5FF, #49E8FF);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid white;
  text-decoration: none;
  color: white;
  font-size: 22px;
  font-family: 'Noto Sans JP', sans-serif;
  }
  
  .Kopfleiste_Grundlage:hover { 
  background: linear-gradient(0deg,#497CFF, #49C6FF);
   }
  
  
  49D1FF
  .Kopfleiste_Grundlage_pause{
  background-color:white;
  position: sticky;
  top:0px;
  width:100%;
  height:75px;
  display:flex;
  justify-content:space-between; 
  }

.Kopfleiste_Felder_pause{
  position: relative;
  width:90%;
  height: 55px;
margin: 10px;}

.Kopfleiste_Felder{
  position: relative;
  
  
  margin: 10px;}

a#kopfzeile_l1 {
 background-color: #49D1FF;
 position: relative;
 top: 15px;
 border-style: solid;
 border-width: 2px;
 border-color: #49B2FF;
 text-decoration: none;
 color: white;
 height: 55px;
 width:95%;
 border
}

a#kopfzeile_l1-pause {
 background-color: #49D1FF;
 position: relative;
 top: 15px;
 padding: 15px 20% 15px 20%;
 border-style: solid;
 border-width: 2px;
 border-color: #49B2FF;
 border-radius: 10px;
 text-decoration: none;
 color: white;
}



body {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5;
	margin: 0px; 
	width: 100%;
	top: 0px;
	left: 0px;
	position:absolute;
}

h1 {
    margin-bottom: 0.2em;
	margin: 30px auto;
    padding: 0 20px;
	padding-left: 5%;
}

.meta {
    color: #555;
	padding-left: 5%;
}

a {
    color: inherit;
}

.backlink {
    margin-top: 2em;
	margin: 30px auto;
	padding: 0 20px;
    padding-left: 5%;
}

table {
    width: 100%;
    border-collapse: collapse;
	border: 3px solid;
	border-color:black;
	
}

th,
td {
    text-align: left;
    vertical-align: top;
    padding: 8px 10px;
    border-bottom: 1px solid #666;

}

th {
    background: #f3f3f3;
}

.stats-head th {
    background: linear-gradient(0deg,#49B5FF, #49E8FF);
    color: white;

}

.Uebersicht {
	width: 90%;
	max-width: 900px;
	align-content: left;
	margin-left: 5%;
	
 /*   padding: 0 20px; */
}

.entry-head th {
    background: linear-gradient(0deg,#49B5FF, #49E8FF);
    font-weight: bold;
	color: white;
}

.count-col {
    width: 110px;
    white-space: nowrap;
}

.type-col {
    width: auto;
}

.entry-table {
    width: 90%;
    border-collapse: collapse;
	margin-left: 5%;
    padding: 0 20px;
	}

.entry-link {
    width: 45%;
}

.entry-images {
    width: 55%;
}

.entry-title {
    font-weight: bold;
    margin-bottom: 4px;
    display: block;
}

.entry-path {
    color: #666;
    font-size: 0.92rem;
    word-break: break-word;
}

.thumb-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.thumb-box {
    width: 200px;
    min-height: 120px;
    border: 1px solid #bbb;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.thumb-box img {
    width: 100%;
    height: auto;
    display: block;
}

.thumb-placeholder {
    color: #777;
    font-size: 0.85rem;
    text-align: center;
    padding: 10px;
}