@keyframes gmRing{0%,8%{stroke-dashoffset:100}40%,85%{stroke-dashoffset:calc(100 - var(--p))}100%{stroke-dashoffset:100}}@keyframes gmVer{0%,100%{box-shadow:0 0 0 0 rgba(237,22,125,.35)}50%{box-shadow:0 0 0 10px rgba(237,22,125,0)}}@keyframes gmSwA{0%,35%{opacity:1}42%,92%{opacity:0}100%{opacity:1}}@keyframes gmSwB{0%,35%{opacity:0}42%,92%{opacity:1}100%{opacity:0}}@keyframes gmCard{0%,35%{border-color:#ffb3d4;background:#fff6fa}42%,92%{border-color:#bfe8d4;background:#fff}100%{border-color:#ffb3d4;background:#fff6fa}}@keyframes gmStar{0%,10%{transform:scale(0);opacity:0}18%,90%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}@keyframes gmReply{0%,45%{opacity:0;transform:translateY(10px)}55%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(10px)}}@keyframes gmShim{0%{background-position:-200px 0}100%{background-position:200px 0}}@keyframes gmCount{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}@media (max-width:767px){body .bl-content .gm-lead{font-size:18px}body .bl-content .gm-kurz{padding:22px 20px 16px}body .bl-content .gm-toc ol{columns:1}body .bl-content .gm-rf{grid-template-columns:1fr}body .bl-content .gm-rf-c{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;text-align:left;align-items:center}body .bl-content .gm-rf-c svg{grid-row:1/4;width:72px;height:72px;margin:0}body .bl-content .gm-ver{grid-template-columns:1fr}body .bl-content .gm-nap{grid-template-columns:1fr;padding:14px}body .bl-content .gm-gal{grid-template-columns:repeat(2,minmax(0,1fr))}body .bl-content .gm-rev{grid-template-columns:1fr;padding:16px}body .bl-content .gm-faq summary{font-size:16px}}@media (prefers-reduced-motion:reduce){body .bl-content [class*="gm-"],body .bl-content [class*="gm-"] *{animation:none}body .bl-content .gm-rf-v{stroke-dashoffset:calc(100 - var(--p))}body .bl-content .gm-nap-sw span:first-child,body .bl-content .gm-nap-b span:first-child{opacity:0}body .bl-content .gm-nap-sw span:last-child,body .bl-content .gm-nap-b span:last-child{opacity:1}body .bl-content .gm-rev-r{opacity:1}} .bl-content .gm-lead { font-size: 20px; line-height: 1.75; color: #33415a;} .bl-content .gm-kurz { margin: 8px auto 30px; padding: 28px 30px 20px; border-radius: 24px; background-image: linear-gradient(135deg,#7b2cbf 0%,#ed167d 100%); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; color: #fff; box-shadow: 0 30px 60px -36px rgba(123,44,191,.9);} .bl-content .gm-kurz-t { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 13px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #fff;} .bl-content .gm-kurz ul { margin: 0;} .bl-content .gm-kurz li { color: #fff3f8; font-size: 16.5px; line-height: 1.6;} .bl-content .gm-kurz li::before { background: #fff;} .bl-content .gm-kurz b { color: #fff;} .bl-content .gm-stand { margin: 4px 0 0; font-size: 12px; font-weight: 700; color: #ffd6ea;} .bl-content .gm-toc { margin: 0 auto 10px; padding: 22px 26px; border: 1px solid #e3e8f0; border-radius: 20px; background: #f8fafd;} .bl-content .gm-toc p { margin: 0 0 10px; font-size: 13px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #1661ab;} .bl-content .gm-toc ol { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 28px; counter-reset: gt;} .bl-content .gm-toc li { margin: 0 0 6px; padding: 0; break-inside: avoid; font-size: 15px; counter-increment: none;} .bl-content .gm-toc li::before { content: none;} .bl-content .gm-toc a { color: #0d1930; font-weight: 700; text-decoration: none; border-bottom: 2px solid rgba(237,22,125,.25);} .bl-content .gm-toc a:hover { color: #ed167d; border-color: #ed167d;} .bl-content :is(h2,h3)[id] { scroll-margin-top: 130px;} .bl-content .gm-cap { grid-column: 1/-1; margin: 12px 0 0; font-size: 12px; font-weight: 700; color: #7a8699; text-align: center;} .bl-content .gm-note { margin: 10px 0 0; font-size: 14px; color: #7a8699;} .bl-content .gm-rf { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 24px auto 18px;} .bl-content .gm-rf-c { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 22px 18px; border-radius: 22px; background: #fff; border: 1px solid #e3e8f0; text-align: center; box-shadow: 0 20px 40px -32px rgba(13,25,48,.6);} .bl-content .gm-rf-c svg { width: 96px; height: 96px; margin-bottom: 6px; transform: rotate(-90deg);} .bl-content .gm-rf-bg { fill: none; stroke: #eef2f8; stroke-width: 12;} .bl-content .gm-rf-v { fill: none; stroke: var(--c); stroke-width: 12; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; animation: gmRing 7s ease infinite;} .bl-content .gm-rf-c:nth-child(2) .gm-rf-v { animation-delay: .4s;} .bl-content .gm-rf-c:nth-child(3) .gm-rf-v { animation-delay: .8s;} .bl-content .gm-rf-c b { font-size: 19px; font-weight: 900; color: #0d1930;} .bl-content .gm-rf-c span { font-size: 14.5px; line-height: 1.5; color: #33415a;} .bl-content .gm-rf-c small { margin-top: 4px; font-size: 12px; font-weight: 700; line-height: 1.45; color: #7a8699;} .bl-content .gm-ver { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 20px auto 0;} .bl-content .gm-ver-i { display: grid; grid-template-columns: 44px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 14px; padding: 16px 18px; border-radius: 18px; background: #f2f5fa;} .bl-content .gm-ver-i i { grid-row: 1/3; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 14px; background: #fff; font-style: normal; font-size: 20px;} .bl-content .gm-ver-i b { font-size: 16px; font-weight: 900; color: #0d1930;} .bl-content .gm-ver-i span { font-size: 14.5px; line-height: 1.55; color: #4d5a70;} .bl-content .gm-ver-i--hi { grid-column: 1/-1; background: #0b1d38;} .bl-content .gm-ver-i--hi i { background: #ed167d; animation: gmVer 2.4s ease infinite;} .bl-content .gm-ver-i--hi b { color: #fff;} .bl-content .gm-ver-i--hi span { color: #c9d1de;} .bl-content .gm-nap { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 22px auto 18px; padding: 20px; border-radius: 24px; background: #0b1d38;} .bl-content .gm-nap-c { position: relative; padding: 16px 16px 14px; border-radius: 16px; background: #fff; border: 2px solid #bfe8d4; font-size: 14px; line-height: 1.45; color: #0d1930;} .bl-content .gm-nap-c small { display: block; margin-bottom: 8px; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #1661ab;} .bl-content .gm-nap-c p { margin: 0 0 4px; font-size: 14px;} .bl-content .gm-nap-c>b { position: absolute; right: 12px; top: 12px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #34d399; color: #fff; font-size: 13px;} .bl-content .gm-nap-c--x { animation: gmCard 6s ease infinite;} .bl-content .gm-nap-sw { position: relative; display: block; height: 42px;} .bl-content .gm-nap-sw span { position: absolute; inset: 0;} .bl-content .gm-nap-sw span:first-child { color: #ed167d; font-weight: 800; animation: gmSwA 6s ease infinite;} .bl-content .gm-nap-sw span:last-child { opacity: 0; animation: gmSwB 6s ease infinite;} .bl-content .gm-nap-b { background: none!important;} .bl-content .gm-nap-b span { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%;} .bl-content .gm-nap-b span:first-child { background: #ed167d; animation: gmSwA 6s ease infinite;} .bl-content .gm-nap-b span:last-child { background: #34d399; opacity: 0; animation: gmSwB 6s ease infinite;} .bl-content .gm-nap .gm-cap { color: #8f9bb0;} .bl-content .gm-desc { margin: 22px auto 10px; overflow: hidden; border-radius: 22px; border: 1px solid #e3e8f0; background: #fff;} .bl-content .gm-desc-h { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 14px 20px; background: #f2f5fa;} .bl-content .gm-desc-h small { font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #1661ab;} .bl-content .gm-desc-n { font-size: 13px; font-weight: 700; color: #7a8699;} .bl-content .gm-desc-n b { color: #34a36f; animation: gmCount 2s ease infinite;} .bl-content .gm-desc>p { margin: 0; padding: 18px 20px 0; font-size: 17px; font-style: italic; color: #0d1930;} .bl-content .gm-desc .gm-desc-f { padding: 12px 20px 18px; font-size: 15px; font-style: normal; color: #4d5a70;} .bl-content .gm-gal { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 22px auto 12px;} .bl-content .gm-ph { margin: 0; display: flex; flex-direction: column; gap: 8px;} .bl-content .gm-ph img { display: block; width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: 16px; box-shadow: 0 18px 30px -22px rgba(13,25,48,.7); transition: transform .35s ease;} .bl-content .gm-ph:hover img { transform: translateY(-4px);} .bl-content .gm-ph figcaption { font-size: 13px; line-height: 1.45; color: #4d5a70;} .bl-content .gm-ph figcaption b { display: block; color: #0d1930;} .bl-content .gm-posts { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px auto 18px;} .bl-content .gm-posts span { padding: 9px 14px; border-radius: 999px; background: #fff; border: 1px solid #e3e8f0; font-size: 14.5px; font-weight: 700; color: #0d1930; transition: transform .25s ease,border-color .25s ease;} .bl-content .gm-posts span:hover { transform: translateY(-3px); border-color: #ed167d;} .bl-content .gm-rev { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 14px; align-items: end; margin: 22px auto 18px; padding: 22px; border-radius: 24px; background: #f2f5fa;} .bl-content .gm-rev-c { padding: 18px; border-radius: 18px; background: #fff; box-shadow: 0 16px 30px -24px rgba(13,25,48,.6);} .bl-content .gm-rev-r { padding: 18px; border-radius: 18px; background: #fff; box-shadow: 0 16px 30px -24px rgba(13,25,48,.6);} .bl-content .gm-rev-h { display: flex; align-items: center; gap: 10px; margin-bottom: 10px;} .bl-content .gm-rev-a { width: 36px; height: 36px; border-radius: 50%; background-image: linear-gradient(135deg,#45c5ff,#1661ab); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;} .bl-content .gm-rev-l { display: flex; flex-direction: column; gap: 6px; flex: 1;} .bl-content .gm-rev-l i { display: block; height: 9px; border-radius: 5px; background: linear-gradient(90deg,#e3e8f0 0,#f4f7fb 50%,#e3e8f0 100%); background-size: 200px 100%; animation: gmShim 1.8s linear infinite;} .bl-content .gm-rev-t i { display: block; height: 9px; border-radius: 5px; background: linear-gradient(90deg,#e3e8f0 0,#f4f7fb 50%,#e3e8f0 100%); background-size: 200px 100%; animation: gmShim 1.8s linear infinite;} .bl-content .gm-rev-l i:first-child { width: 55%;} .bl-content .gm-rev-l i:last-child { width: 30%;} .bl-content .gm-rev-s { display: flex; gap: 4px; margin-bottom: 12px;} .bl-content .gm-rev-s i { width: 18px; height: 18px; background: #ffb82e; clip-path: polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%); animation: gmStar 6s ease infinite;} .bl-content .gm-rev-s i:nth-child(2) { animation-delay: .1s;} .bl-content .gm-rev-s i:nth-child(3) { animation-delay: .2s;} .bl-content .gm-rev-s i:nth-child(4) { animation-delay: .3s;} .bl-content .gm-rev-s i:nth-child(5) { animation-delay: .4s;} .bl-content .gm-rev-t { display: flex; flex-direction: column; gap: 7px;} .bl-content .gm-rev-t i:nth-child(2) { width: 85%;} .bl-content .gm-rev-t i:nth-child(3) { width: 60%;} .bl-content .gm-rev-r { border-left: 4px solid #ed167d; animation: gmReply 6s ease infinite;} .bl-content .gm-rev-r small { display: block; margin-bottom: 10px; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #ed167d;} .bl-content .gm-tpl { margin: 12px auto 10px; padding: 20px 22px; border-radius: 18px; background: #fff; border: 2px dashed #d6dde8;} .bl-content .gm-tpl p { margin: 0 0 10px; font-size: 17px; color: #0d1930;} .bl-content .gm-tpl mark { padding: 1px 8px; border-radius: 6px; background: rgba(237,22,125,.12); color: #ed167d; font-weight: 800;} .bl-content .gm-tpl small { display: block; font-size: 13.5px; line-height: 1.55; color: #7a8699;} .bl-content .gm-news { position: relative; display: flex; flex-direction: column; gap: 14px; margin: 20px auto 18px; padding-left: 26px;} .bl-content .gm-news::before { content: ""; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 3px; border-radius: 3px; background: linear-gradient(180deg,#1661ab,#ed167d);} .bl-content .gm-news-i { position: relative; padding: 16px 20px; border-radius: 18px; background: #fff; border: 1px solid #e3e8f0;} .bl-content .gm-news-i::before { content: ""; position: absolute; left: -26px; top: 20px; width: 15px; height: 15px; border-radius: 50%; background: #fff; border: 4px solid #ed167d;} .bl-content .gm-news-i small { font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #1661ab;} .bl-content .gm-news-i b { display: block; margin: 4px 0 6px; font-size: 17px; font-weight: 900; color: #0d1930;} .bl-content .gm-news-i p { margin: 0; font-size: 15.5px; line-height: 1.6; color: #4d5a70;} .bl-content .gm-hint { margin: 26px auto; padding: 22px 24px; border-radius: 20px; background: #0b1d38;} .bl-content .gm-hint p { margin: 0; font-size: 16.5px; color: #dfe5f2;} .bl-content .gm-hint b { color: #fff;} .bl-content .gm-hint a { color: #ff8fc3;} .bl-content .gm-faq { margin: 18px auto 24px; display: flex; flex-direction: column; gap: 10px;} .bl-content .gm-faq details { border: 1px solid #e3e8f0; border-radius: 18px; background: #fff; transition: border-color .25s ease,box-shadow .25s ease;} .bl-content .gm-faq details[open] { border-color: rgba(237,22,125,.35); box-shadow: 0 18px 34px -26px rgba(237,22,125,.5);} .bl-content .gm-faq summary { position: relative; display: block; padding: 18px 54px 18px 22px; font-size: 17px; font-weight: 800; line-height: 1.4; color: #0d1930; cursor: pointer; list-style: none;} .bl-content .gm-faq summary::-webkit-details-marker { display: none;} .bl-content .gm-faq summary i { position: absolute; right: 20px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; background: rgba(237,22,125,.1);} .bl-content .gm-faq summary i::before { content: ""; position: absolute; left: 6px; top: 10px; width: 10px; height: 2px; border-radius: 2px; background: #ed167d; transition: transform .25s ease;} .bl-content .gm-faq summary i::after { content: ""; position: absolute; left: 6px; top: 10px; width: 10px; height: 2px; border-radius: 2px; background: #ed167d; transition: transform .25s ease;} .bl-content .gm-faq summary i::after { transform: rotate(90deg);} .bl-content .gm-faq details[open] summary i::after { transform: rotate(0);} .bl-content .gm-faq details p { margin: 0; padding: 0 22px 20px; font-size: 16.5px; line-height: 1.7; color: #33415a;} .bl-content .gm-src { margin: 20px auto 0; padding: 18px 22px; border-radius: 18px; background: #f8fafd; border: 1px dashed #d6dde8;} .bl-content .gm-src p { margin: 0 0 8px; font-size: 13px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #7a8699;} .bl-content .gm-src ul { margin: 0;} .bl-content .gm-src li { margin: 0 0 4px; font-size: 14px; line-height: 1.5;}