:root{--blog-bg-color: #000000;--blog-text-color: #ffffff;--blog-accent-color: #0cf6e1;--blog-pink-accent: #ff0080;--blog-border-color: rgba(255, 255, 255, .1);--blog-card-bg: rgba(255, 255, 255, .05);--blog-card-hover-bg: rgba(255, 255, 255, .08);--blog-shadow: 0 8px 25px rgba(0, 0, 0, .3);--blog-shadow-hover: 0 15px 35px rgba(0, 0, 0, .4);--blog-glow-color: rgba(12, 246, 225, .3);--blog-pink-glow: rgba(255, 0, 128, .3);--blog-transition: all .3s cubic-bezier(.4, 0, .2, 1);--blog-border-radius: 16px;--blog-spacing: 2rem}.main-blog{background:var(--blog-bg-color);color:var(--blog-text-color);min-height:100vh;position:relative;overflow:visible}.main-blog:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(12,246,225,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,0,128,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(12,246,225,.02) 0%,transparent 50%);animation:blogBackgroundShift 30s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes blogBackgroundShift{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.02)}}.blog-header{text-align:center;margin-bottom:4rem;padding:0 var(--blog-spacing)}.blog-description{font-size:1.2rem;color:#fffc;line-height:1.6;max-width:800px;margin:0 auto;font-weight:400}.title--primary{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;text-align:center;margin-bottom:3rem;color:var(--blog-text-color);text-shadow:0 0 30px var(--blog-glow-color);position:relative}.title--primary:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:var(--blog-accent-color);border-radius:2px;box-shadow:0 0 10px var(--blog-glow-color)}.blog-articles{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 var(--blog-spacing);max-width:1400px;margin:0 auto;opacity:1!important;visibility:visible!important}.blog-articles__article{opacity:1!important;visibility:visible!important;display:block!important}.blog-articles--collage{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;max-width:none}.article-card-wrapper{position:relative;z-index:1;display:block}.article-card{background:var(--blog-card-bg);border:1px solid var(--blog-border-color);border-radius:var(--blog-border-radius);overflow:hidden;transition:var(--blog-transition);cursor:pointer;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--blog-shadow);height:100%;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-2px);background:var(--blog-card-hover-bg);border-color:var(--blog-accent-color);box-shadow:var(--blog-shadow-hover)}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0cf6e11a;opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.article-card:hover:before{opacity:1}.card__inner{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.article-card__image-wrapper{position:relative;overflow:hidden;border-radius:var(--blog-border-radius) var(--blog-border-radius) 0 0;opacity:1!important;visibility:visible!important;display:block!important}.article-card__image{transition:var(--blog-transition);position:relative;opacity:1!important;visibility:visible!important;display:block!important}.article-card__image img{width:100%;height:100%;object-fit:cover;transition:var(--blog-transition);opacity:1!important;visibility:visible!important;display:block!important}.card__media,.media,.media img,.card__media img,.article-card .media,.article-card .media img,.article-card .card__media,.article-card .card__media img{opacity:1!important;visibility:visible!important;display:block!important;width:100%!important;height:auto!important}.main-blog img,.blog-articles img,.article-card img,.main-blog .card__media img,.main-blog .media img,.main-blog .article-card__image img,.main-blog .card__media,.main-blog .media,.main-blog .article-card__image,.main-blog .article-card__image-wrapper,.main-blog .card__inner img,.main-blog .card img,.main-blog .card-wrapper img{opacity:1!important;visibility:visible!important;display:block!important;max-width:100%!important;height:auto!important;width:100%!important;position:relative!important;z-index:1!important}.main-blog .card__media,.main-blog .media,.main-blog .article-card__image-wrapper,.main-blog .article-card__image{opacity:1!important;visibility:visible!important;display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:250px!important;max-height:300px!important;background:transparent!important;overflow:hidden!important}.article-card:hover .article-card__image img{transform:scale(1.05)}.article-card__image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .3s ease}.article-card:hover .article-card__image:after{opacity:1}.card__content{padding:2rem;flex-grow:1;display:flex;flex-direction:column;position:relative;z-index:2;opacity:1!important;visibility:visible!important;min-height:120px!important}.card__information{flex-grow:1;display:flex;flex-direction:column}.card__heading{margin-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.3;opacity:1!important;visibility:visible!important;display:block!important}.card__heading a{color:var(--blog-text-color);text-decoration:none;transition:var(--blog-transition);position:relative;opacity:1!important;visibility:visible!important;display:block!important}.card__heading a:hover{color:var(--blog-accent-color);text-shadow:0 0 10px var(--blog-glow-color)}.article-card__info{margin-bottom:1rem;font-size:.9rem;color:#ffffffb3;display:flex;align-items:center;gap:.5rem;opacity:1!important;visibility:visible!important}.article-card__info .circle-divider{color:var(--blog-accent-color);font-weight:500}.article-card__excerpt{color:#fffc;line-height:1.6;margin-bottom:1.5rem;flex-grow:1;font-size:.95rem;opacity:1!important;visibility:visible!important;display:block!important}.article-card__footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#fff9}.article-card:after{content:"MEHR LESEN";position:absolute;bottom:2rem;right:2rem;background:var(--blog-accent-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;opacity:0;transform:translateY(10px);transition:var(--blog-transition);z-index:3;box-shadow:0 4px 15px #0cf6e14d}.article-card:hover:after{opacity:1;transform:translateY(0)}.blog-articles--collage>*:nth-child(3n+1) .article-card,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card{background:var(--blog-card-bg);border-color:var(--blog-accent-color)}.blog-articles--collage>*:nth-child(3n+1) .article-card:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card:before{background:#0cf6e11a}@media (max-width: 768px){.blog-articles{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 1}.title--primary{font-size:2rem;margin-bottom:2rem}.card__content{padding:1.5rem}.article-card:after{bottom:1.5rem;right:1.5rem;font-size:.7rem;padding:.4rem .8rem}.main-blog .card__media,.main-blog .media,.main-blog .article-card__image-wrapper{min-height:200px!important;max-height:250px!important}}@media (min-width: 1200px){.blog-articles{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (min-width: 1600px){.blog-articles{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (max-width: 480px){.blog-articles{padding:0 .5rem}.card__content{padding:1rem}.title--primary{font-size:1.8rem}}@media (prefers-reduced-motion: reduce){.article-card,.article-card__image img,.article-card:before,.article-card:after,.card__heading a,.main-blog:before{transition:none!important;animation:none!important}.article-card:hover,.article-card:hover .article-card__image img{transform:none!important}.article-card:hover:after{transform:none!important}}.article-card:focus-visible{outline:2px solid var(--blog-accent-color);outline-offset:2px}.card__heading a:focus-visible{outline:2px solid var(--blog-accent-color);outline-offset:2px}@media (prefers-contrast: high){.article-card{border-width:2px;border-color:var(--blog-text-color)}.article-card:hover{border-color:var(--blog-accent-color)}.card__heading a{color:var(--blog-text-color)}.card__heading a:hover{color:var(--blog-accent-color)}.article-card__excerpt{color:var(--blog-text-color)}}.article-card.loading{background:#ffffff1a;background-size:200% 100%;animation:blogLoading 1.5s infinite}@keyframes blogLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.main-blog img,.main-blog .card__media,.main-blog .media,.main-blog .article-card__image-wrapper{opacity:1!important;visibility:visible!important}.main-blog .card__content,.main-blog .card__information,.main-blog .card__heading,.main-blog .card__heading a,.main-blog .article-card__info,.main-blog .article-card__excerpt,.main-blog .article-card__footer,.main-blog .article-card__image-wrapper,.main-blog .article-card__image,.main-blog .article-card__image img,.main-blog .card__media,.main-blog .media,.main-blog .media img,.main-blog .card__inner,.main-blog .card__inner *{opacity:1!important;visibility:visible!important;display:block!important}@media print{.article-card{border:1px solid #000;box-shadow:none;background:#fff;color:#000}.article-card:hover{transform:none}.article-card:before,.article-card:after{display:none}.main-blog:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-modern-blog.css.map */