header { margin-top: 0 !important; padding-top: 0 !important; } body { font-family: monospace; } #contactform { width: 100%; background: rgb(49, 54, 59); margin: 2em 0; } #contactform textarea { width: 90%; height: 15em; margin: 1% 5%; } #contactform label { padding: 1em; display: inline-block; } #banner { display:block;  min-width:1024px;  margin:0px auto; } #searchresult li { background: rgb(49, 54, 59); margin:2em 1em; } @media(max-width: 1919px){ body { font-size:1.0em; } header { min-width:1024px; width:100%; background: transperant; } header img { width:1024px; height:120px; } #headnav ul { display:block; width:1024px; margin:0px auto; text-align:left; } #headnav ul img { height: 1.2em; width: unset; } #headnav a{ font-size: 1em; } #content { float: left; width:1024px; margin:10px 0; } #contentidx { float: left; width:754px; margin:10px 0; } #idxtags { text-align:center; float: left; width:258px; margin:30px 0 30px 10px; background: var(--color-bg-card); border-radius: 8px; border: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #main { display:block;  width:1024px;  margin:0px auto; } #ghost { display:inline-block; min-height:300px; height:20%; width:100%; min-width:1024px; } #footer { position:fixed; margin:50px 0 0 0; display:block; text-align:center; bottom:0px; background: rgba(49, 54, 59, 0.7); min-width:1024px; width:100%; height:50px; border-top: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } } @media(min-width: 1920px) and (max-width: 3839px){ body { font-size: 1.5em; } header { min-width:1440px; width:100%; background: transperant; } header img { width:1440px; height:205px; } #headnav ul { display:block; width:1440px; margin:0px auto; text-align:left; } #headnav a{ font-size: 1em; } #headnav ul img { height: 1.0em; width: unset; } #content { float: left; width:1440px; margin:10px 0; } #contentidx { float: left; width:1070px; margin:10px 0 0 0; } #idxtags { text-align:center; float: left; width:358px; margin:30px 0 30px 10px; background: var(--color-bg-card); border-radius: 8px; border: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #main { display:block;  width:1440px;  margin:0px auto; } #ghost { display:inline-block; min-height:300px; height:20%; width:100%; min-width:1440px; } #footer { position:fixed; margin:50px 0 0 0; display:block; text-align:center; bottom:0px; background: rgba(49, 54, 59, 0.7); min-width:1440px; width:100%; height:50px; border-top: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } } } @media(min-width: 3840px) { body { font-size: 1.5em; } header { min-width:3000px; width:100%; background: transperant; } header img { width:3000px; height:320px; } #headnav ul { display:block; width:3000px; margin:0px auto; text-align:left; } #headnav a{ font-size: 1.8em; } #headnav ul img { height: 1.8em; width: unset; } #content { float: left; width:3000px; margin:10px 0; } #contentidx { float: left; width:2500px; margin:10px 0; } #idxtags { text-align:center; float: left; width:456px; margin:30px 0 30px 10px; background: var(--color-bg-card); border-radius: 8px; border: 2px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #main { display:block; width:3000px; margin:0px auto; } #ghost { display:inline-block; min-height:300px; height:20%; width:100%; min-width:3000px; } #footer { position:fixed; margin:50px 0 0 0; display:block; text-align:center; bottom:0px; background: rgba(49, 54, 59, 0.7); min-width:3000px; width:100%; height:50px; border-top: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } } #headnav ul { display:flex; } #headnav li { float:left; padding: 0.1em 0.25em; } #headnav li.inactive:hover { background:rgb(35, 38, 41); border-top: solid 1px rgb(58, 212, 58); } #headnav li.active { border-top: solid 1px rgb(61, 174, 233); background:rgb(35, 38, 39); border-right:solid 1px rgb(34, 37, 41); } #headnav li.inactive { border-top:solid 1px rgb(35, 38, 39) transparent; } #headnav a:link { color:rgb(238, 238, 238); text-decoration: none; } #headnav a:visited { color:rgb(238, 238, 238); text-decoration: none; } #selectos li { display:block; } body { color: rgb(238, 238, 238); background: rgb(35, 38, 39) no-repeat url("background.webp"); background-size:cover; margin:0; padding:0; } a { text-decoration: none; color: rgb(58,212, 58); } #footer a.footer { margin:0 10px; } .blog_adminmenu { background: rgb(49, 54, 59); margin:20px 0px; } .blog_entry { margin:20px 0px; } .title { display:block; padding: 10px 0px; background: rgb(49, 54, 59, 0.7); width: 60%; border-radius: 0 10px 0 0; padding: 5px 2em 0; font-weight: 700; } .author { display:block; padding: 10px 0px; } #idxtags ul{ list-style-type: none; padding: 0 10px; display:inline-block; } #idxtags li{ text-align:left; float:left; margin: 0 10px; } #idxtags a{ display: inline-block; text-decoration:none; color:rgb(255, 255, 255); font-size: 1.0em; margin: 10px; } .staticpage { background: rgba(49, 54, 59, 0.7); border: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 8px; } .gameserver { background: rgb(49, 54, 59); margin:20px 0; } .kinfo { background: rgb(49, 54, 59); width:100%; } .projects { background: rgb(49, 54, 59); width:100%; margin:20px 0; } #pager { text-align: center; background: rgb(49, 54, 59, 0.7); border: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 0.5em; border-radius: 8px; } #settings { background: rgb(49, 54, 59); margin:20px 0; } #settings table{ width: 100%;  background: rgb(49, 54, 59);  margin:0; } #setnav { font-size: 1.5em; width:15%; padding:0; margin:0; } #setnav ul{ list-style: none; padding: 0; margin: 0; } #setnav li { list-style: none; background: rgb(35, 38, 39); height: 1.5em; border-top: solid rgb(49, 54, 59) 0.5em; border-bottom: solid rgb(49, 54, 59) 0.5em; width: 90%; text-align: center; font-size: 1.0em; } .upreview{ display: flex; width: 128px; height: 128px; float:left; } .upreview img{ display: flex; width: 128px; max-height: 128px; } .upreview video{ display: flex; width: 128px; max-height: 128px; } #viewmedia { display: inline-block; margin: 2em 0; } #nginxfiler { /* Container-Styling */ background: rgba(49, 54, 59, 0.7); margin: 2em 0; border-radius: 8px; border: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 1em;  list-style: none;  /* GRID LAYOUT: Flexible Spalten und gleiche Kachelbreite */ display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px;  } #nginxfiler ul { display: contents;  } #nginxfiler li { /* FLEXBOX: Vertikale Stapelung */ display: flex; flex-direction: column; align-items: center;  text-align: center;  padding: 10px; border-radius: 5px; } /* Selektor für das ICON (img-Tag) */ #nginxfiler li a img { /* Passt die Größe für die Galerieansicht an */ width: 48px;  height: 48px; /* Abstand zum darunter liegenden Text */ margin-bottom: 5px;  /* Stellt sicher, dass das Bild richtig skaliert wird */ object-fit: contain;  } /* Selektor für den Link (Dateiname) */ #nginxfiler li a { word-break: break-all; /* Wichtig für lange Dateinamen */ max-width: 100%; } .youtiem_head { display: block; margin: 40px; background: rgba(49, 54, 59, 0.7); padding: 10px; border-radius: 8px; border: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #youtube-pl li { background: rgba(49, 54, 59, 0.7); text-align: center; padding: 20px; margin: 40px 40px 40px 80px; border-radius: 8px; border: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #cookieoverlay { top:0px; bottom:0px; z-index:99; position:fixed; width:100%; height:100%; opacity:0.7; background:rgb(0,0,0); } #cookiecontent { position: fixed; bottom: 0px; margin: 0px auto; left: 35%; right: 35%; z-index: 100; color: rgb(58,212, 58); opacity: 1; background: rgb(0,0,0); padding: 20px; border-top: solid rgb(49, 54, 59) 1em; border-left: solid rgb(49, 54, 59) 1em; border-right: solid rgb(49, 54, 59) 1em; } #cookiecontent button { background: none; color: rgb(58,212, 58); border: double rgb(58,212, 58) 0.3em; margin: 1em; } #kinfo { font-size:1.2em; } #background-image { position:fixed;  z-index:-1;   width: 100%;  height: 100%;  left: 40%; top: 400px; } .blog_entry_idx_content { padding: 5px 3em 0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 8px; background: rgb(49, 54, 59, 0.7); border: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #headnav { width: 100%; margin: 0px auto; background: rgba(49, 54, 59, 0.7); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .readmore { font-size:1.2em; padding: 0.5vh 0; vertical-align: middle; display: block; } .entry_text { margin: 0.5vh 0; } .back_content { background: rgba(49, 54, 59, 0.7); padding: 0.5vh; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 8px; } #oscilloscope-container { background: rgba(255, 255, 255, 0.2); }