@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
	
		* {
			box-sizing: border-box;
		}
        body {
            font-family: "Roboto", sans-serif;
            line-height: 1.6;
            margin: 10px 10px 100px 10px;
			font-size: 17px;
			position: relative;
		}
		h1, h2, h3, h4, h5, h6 {
			font-family: "Inter", sans-serif;
			font-weight: 900;
		}
        header {
            text-align: center;
            background-color: #f4f4f4;
            padding: 0;
            overflow: hidden; /* Ensures the image doesn't overflow the header */
        }
		header img {
            width: 100%;
            /*
			max-height: 300px; /* Maximum height for the image */
            object-fit: cover; /* Maintains aspect ratio and covers the header */
			*/
		}
        main {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
            max-width: 1000px;
            margin: 20px auto;
        }
		#loginpanel{
			max-width: 1000px;
			margin: 20px auto;
			text-align: center;
		}
		input{
			background-color: #f4f4f4;
			border: 0;
			padding: 9px;
			font-size: 1.3em;
			margin: 1px
		}		
        article {
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
        }
        article img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        article div {
            padding: 20px;
        }
        article.gesperrt {
            background-color: #ccc;
        }
		
		article.gesperrt a.button {
			color: #666;
            background-color: #EEEEEE;
        }
		
		topcode {
			border-radius: 8px;
			display: block;
			max-width: 1000px;
            margin: 20px auto;
			background-color: #cab5b5;
			padding: 40px;
		}
		bloghead, blogentry {
			border-radius: 8px;
			display: block;
			max-width: 1000px;
            margin: 20px auto;
			background-color: #EEE;
			padding: 40px;
		}
		
		bloghead img {width: 100%;}

		
        p { 
            color: #555;
        }
        .meta-info {
            display: flex;
            justify-content: space-between;
            margin-top: 0;
            color: #888;
			padding: 0;
        }
		
		a{
			color: #510000;
			text-decoration: none;
		}
		a:hover {
            color: #552222;
        }
		
        a.button {
            display: block;
            text-align: center;
            padding: 10px;
            background-color: #510000;
            color: white;
            text-decoration: none;
        }
		a.button:hover {
            background-color: #552222;
        }
		.error {
			color: red;
			transition: opacity 1s ease;
		}	
		
		.hidsec {
			color: #F0F0F0;
			position: absolute;
			right: 20px;
			bottom: -90px;
		}