.page-container{max-width:1600px;margin:0 auto;padding-top:70px;background-color:#f4f4f4}.section-title{text-align:center;font-size:2.5em;margin-bottom:40px}.tips-container{display:flex;flex-wrap:wrap;gap:20px}.tips-column{width:calc(50% - 10px)}.tip-post{background-color:#fff;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:20px}.tip-post:hover{transform:translateY(-5px)}.tip-post img{width:100%;max-height:500px;object-fit:cover;display:block}.tip-post h3{font-size:1.4em;margin:15px 15px 10px;text-align:left}.tip-post .date{font-size:.85em;color:#777;margin:0 15px 10px}.tip-post .summary{font-size:1em;line-height:1.6;margin:0 15px 15px}.tip-post .read-more{display:inline-block;background-color:#007bff;color:#fff;padding:10px 15px;margin:0 15px 15px;text-align:center;text-decoration:none;border-radius:4px;font-weight:700;transition:background-color .3s ease}.tip-post .read-more:hover{background-color:#0056b3}@media(max-width:768px){.section-title{font-size:2em}.tips-column{width:100%}.tip-post h3{font-size:1.2em}.tip-post .summary{font-size:.95em}}@media(max-width:480px){.page-container{padding-top:70px}.tips-container{gap:15px}.tip-post h3{font-size:1.1em}}.article-header-image{width:100%;max-height:450px;object-fit:cover;margin-bottom:25px}.article-page-container{max-width:1600px;margin:0 auto;padding:0 20px}.section-article{max-width:1600px;margin:0 auto;padding:0 20px;background:#fff}.article-layout{padding-top:20px;display:flex;flex-wrap:wrap;gap:30px}.article-main-content{flex:3;min-width:0}.article-sidebar{flex:1;min-width:280px;background-color:#f8f9fa;padding:20px;border-radius:8px;height:fit-content}.article-main-content h1{font-size:2.2em;margin-bottom:8px;font-weight:400}.article-main-content .date{margin-bottom:20px;font-style:italic;font-size:.9em}.article-main-content p,.article-main-content ul,.article-main-content ol{line-height:1.7;margin-bottom:15px}.article-main-content h2{margin-top:30px;margin-bottom:15px;font-size:1.8em;text-align:left;font-weight:400}.article-sidebar h3{margin-top:0;margin-bottom:15px;font-size:1.4em}.article-sidebar ul{list-style:none;padding:0}.article-sidebar ul li{margin-bottom:10px}.article-sidebar ul li a{text-decoration:none;color:var(--dark-red)}.article-sidebar ul li a:hover{text-decoration:underline}.back-to-tipps-link{display:inline-block;margin-bottom:25px;color:var(--dark-red);text-decoration:none;font-weight:700}.back-to-tipps-link:hover{text-decoration:underline}@media(max-width:768px){.article-layout{flex-direction:column}.article-sidebar{margin-top:20px}}.category-details{border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:12px;padding-bottom:8px}.category-details[open]{padding-bottom:12px}.category-summary{display:flex;justify-content:space-between;align-items:center;font-size:1.1em;font-weight:500;cursor:pointer;list-style:none;color:var(--dark-grey);padding:4px 0;outline:none;transition:color .2s ease}.category-summary::-webkit-details-marker{display:none}.category-summary:hover{color:var(--dark-red)}.category-summary .chevron{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease-in-out;margin-right:8px;margin-top:-2px}.category-details[open] .category-summary .chevron{transform:rotate(-135deg);margin-top:2px}.category-posts{margin-top:8px;padding-left:12px!important;border-left:2px solid var(--light-grey)}.category-posts li{margin-bottom:8px!important;font-size:.95em}.category-posts li a{color:#555!important;transition:all .2s ease;text-decoration:none}.category-posts li a:hover,.category-posts li a.active{color:var(--dark-red)!important;font-weight:600;text-decoration:none}.recent-posts-section{margin-top:35px}.recent-posts-section h3{margin-bottom:15px;border-bottom:2px solid var(--dark-red);padding-bottom:6px}.recent-post-item{margin-bottom:14px}.recent-post-item a{display:block;font-size:.95em;color:var(--dark-grey);font-weight:500;line-height:1.35;text-decoration:none;transition:color .2s ease}.recent-post-item a:hover{color:var(--dark-red);text-decoration:underline}.recent-post-item .recent-post-date{font-size:.8em;color:#888;margin-top:3px;display:block}
