/* =========================================================
   Blog-Stylesheet (dunkler Stil)
   Gilt ausschliesslich auf Seiten mit body.t2k-blog und
   beeinflusst den Rest der Website nicht.
   ========================================================= */

/* ---------- Design-Tokens ---------- */
body.t2k-blog{
  --navy-0:#050B1B;
  --navy-1:#060D20;
  --navy-2:#1C2A52;
  --gold-1:#FAE492; --gold-2:#E0AD43; --gold-line:#DBC379;
  --magenta-1:#D92B7B; --magenta-2:#E85C9E;
  --ink:#0C172E;
  /* abgeleitete Dark-Tokens */
  --surface:rgba(255,255,255,.035);
  --surface-2:rgba(255,255,255,.055);
  --hair:rgba(255,255,255,.09);
  --hair-strong:rgba(219,195,121,.28);
  --txt-2:rgba(255,255,255,.72);
  --txt-3:#B8BCCD;
  /* Lesetext: bewusst nicht reinweiss — reduziert das Flimmern auf dunklem Grund */
  --read:#E4E7F0;
  /* Akzent aller Themenbereiche: Gold */
  --acc:var(--gold-line);
  --glow:rgba(219,195,121,.30);
  --glow-2:rgba(219,195,121,.22);

  margin:0;
  background:#050B1B;
  color:#fff;
  font-family:"Montserrat",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* Sanftes Scrollen zu Ankern — nur aktiv, wenn die Blog-Seite geladen ist */
:root:has(body.t2k-blog){scroll-behavior:smooth}

/* =========================================================
   Medaillon und Icon je Themenbereich
   Alle Themenbereiche tragen den Gold-Akzent. Jeder Bereich hat ein
   Medaillon (--cbild) für Kacheln und Quernav und ein Linien-Icon
   (--cicon), das im Chip als CSS-Maske in --acc erscheint.
   Erste Selektor-Variante: Klasse am body (Einzelseite/Archiv).
   Zweite Variante: Klasse an Karte oder Loop-Item.
   ========================================================= */
body.t2k-blog.category-aussprache,
.t2k-blog .category-aussprache{
  /* sprechblase */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M5.6 4.2h12.8a2.2 2.2 0 0 1 2.2 2.2v7.9a2.2 2.2 0 0 1-2.2 2.2h-7.2l-4.4 3.5v-3.5H5.6a2.2 2.2 0 0 1-2.2-2.2V6.4a2.2 2.2 0 0 1 2.2-2.2z'/><circle cx='8.4' cy='10.35' r='1.15' fill='%23000' stroke='none'/><circle cx='12' cy='10.35' r='1.15' fill='%23000' stroke='none'/><circle cx='15.6' cy='10.35' r='1.15' fill='%23000' stroke='none'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='78' cy='118' rx='26' ry='3.4' fill='%23EAB84B' opacity='.3'/><rect x='36' y='34' width='88' height='56' rx='18' fill='%23EAB84B'/><path d='M50 89 L44 105 L66 89 Z' fill='%23EAB84B'/><circle cx='62' cy='62' r='6' fill='%23fff'/><circle cx='80' cy='62' r='6' fill='%23fff'/><circle cx='98' cy='62' r='6' fill='%23D92B7B'/><path d='M108 100 l4 -8 l4 8 l-4 8 z' fill='%23EAB84B'/></g></svg>")}
body.t2k-blog.category-grammatik,
.t2k-blog .category-grammatik{
  /* puzzle */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M4.5 7.6h4.1a1.9 1.9 0 1 1 3.8 0h4.1v4.1a1.9 1.9 0 1 1 0 3.8v4.1h-4.1a1.9 1.9 0 1 0-3.8 0H4.5z'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M24 118 H136' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='74' cy='118' rx='34' ry='3.4' fill='%23EAB84B' opacity='.28'/><path d='M38 76 H51.4 A7.6 7.6 0 0 0 66.6 76 H80 V89.4 A7.6 7.6 0 1 1 80 104.6 V118 H38 Z' fill='%23EAB84B'/><path d='M38 76 H51.4 A7.6 7.6 0 0 0 66.6 76 H80 V89.4 A7.6 7.6 0 1 1 80 104.6 V118 H38 Z' fill='none' stroke='%23fff' stroke-width='1.6' opacity='.35'/><g><g transform='rotate(12 102 58)'><path d='M81 36 H94.4 A7.6 7.6 0 0 0 109.6 36 H123 V49.4 A7.6 7.6 0 1 1 123 64.6 V78 H81 Z' fill='%23fff' stroke='%23E4D5B0' stroke-width='2'/><g transform='translate(102 58) scale(1.15)'><path d='M0 6 C-6 1.8 -8 -1 -8 -3.6 C-8 -6 -6.2 -7.6 -4 -7.6 C-2.3 -7.6 -.9 -6.7 0 -5.2 C.9 -6.7 2.3 -7.6 4 -7.6 C6.2 -7.6 8 -6 8 -3.6 C8 -1 6 1.8 0 6 Z' fill='%23D92B7B'/></g></g></g></g></svg>")}
body.t2k-blog.category-hoeren-lautbewusstheit,
.t2k-blog .category-hoeren-lautbewusstheit{
  /* ohr */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M9.4 9.4a5.1 5.1 0 0 1 10.2 0c0 3.1-2.6 4-3.1 6.4-.4 2-1.6 4-3.9 4a3 3 0 0 1-3-2.3'/><path d='M12.6 9.7a1.9 1.9 0 0 1 3.8.2c0 1.4-1.2 1.8-1.6 2.8'/><path d='M5.6 8.4a5.6 5.6 0 0 0 0 7.2'/><path d='M3 6.4a8.6 8.6 0 0 0 0 11.2'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='86' cy='118' rx='24' ry='3.4' fill='%23EAB84B' opacity='.3'/><path d='M48 54 A28 28 0 0 0 48 96' stroke='%23D92B7B' stroke-width='4.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><path d='M36 46 A40 40 0 0 0 36 104' stroke='%23D92B7B' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round' opacity='.45'/><path d='M86 30 C110 30 124 48 122 70 C121 86 110 92 105 101 C101 109 97 118 84 118 C73 118 66 110 66 101 C66 94 60 88 60 76 C58 50 66 30 86 30 Z' fill='%23FADC72'/><path d='M86 30 C110 30 124 48 122 70 C121 86 110 92 105 101 C101 109 97 118 84 118' stroke='%231E2857' stroke-width='5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><path d='M84 50 C97 50 106 58 104 71 C103 79 96 82 93 89 C91 94 92 98 88 101' stroke='%231E2857' stroke-width='6' fill='none' stroke-linecap='round' stroke-linejoin='round'/><circle cx='80' cy='68' r='7' fill='%23EAB84B'/></g></svg>")}
body.t2k-blog.category-late-talker,
.t2k-blog .category-late-talker{
  /* sanduhr */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M6.2 3.5h11.6M6.2 20.5h11.6'/><path d='M7.8 3.5v1.4c0 2.8 4.2 4.4 4.2 7.1s-4.2 4.3-4.2 7.1v1.4M16.2 3.5v1.4c0 2.8-4.2 4.4-4.2 7.1s4.2 4.3 4.2 7.1v1.4'/><path d='M9.6 18.6 12 16.6l2.4 2z' fill='%23000'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='80' cy='118' rx='28' ry='3.4' fill='%23EAB84B' opacity='.3'/><rect x='48' y='30' width='64' height='10' rx='4' fill='%231E2857'/><rect x='48' y='108' width='64' height='10' rx='4' fill='%231E2857'/><path d='M56 40 H104 C104 62 88 68 84 74 C88 80 104 86 104 108 H56 C56 86 72 80 76 74 C72 68 56 62 56 40 Z' fill='%23fff' stroke='%23D9CDB5' stroke-width='2'/><path d='M64 50 H96 C94 60 84 64 80 68 C76 64 66 60 64 50 Z' fill='%23EAB84B'/><path d='M62 106 C64 94 74 90 80 88 C86 90 96 94 98 106 Z' fill='%23EAB84B'/><path d='M80 70 V86' stroke='%23EAB84B' stroke-width='2.4' stroke-dasharray='2 4' stroke-linecap='round'/><circle cx='124' cy='52' r='4.5' fill='%23D92B7B'/></g></svg>")}
body.t2k-blog.category-logopaedie-untersuchungen,
.t2k-blog .category-logopaedie-untersuchungen{
  /* stethoskop */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M5.2 3.4h2.4M12.4 3.4h2.4'/><path d='M6.4 3.4v5.1a3.6 3.6 0 0 0 7.2 0V3.4'/><path d='M10 12.1v2.9a4.1 4.1 0 0 0 8.2 0v-1.6'/><circle cx='18.2' cy='11.4' r='2'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='84' cy='118' rx='30' ry='3.4' fill='%23EAB84B' opacity='.3'/><path d='M56 34 V58 C56 76 68 84 78 84 C88 84 100 76 100 58 V34' stroke='%231E2857' stroke-width='5.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><rect x='50' y='28' width='12' height='9' rx='4' fill='%23D9CDB5'/><rect x='94' y='28' width='12' height='9' rx='4' fill='%23D9CDB5'/><path d='M78 84 V96 C78 108 90 112 100 106' stroke='%231E2857' stroke-width='5.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><circle cx='108' cy='100' r='15' fill='%23EAB84B'/><circle cx='108' cy='100' r='7' fill='%23fff'/><path d='M36 74 C30 70 28 66 28 64 C28 62 29.5 60.5 31.5 60.5 C33 60.5 34.3 61.3 35 62.5 C35.7 61.3 37 60.5 38.5 60.5 C40.5 60.5 42 62 42 64 C42 66 40 70 36 74 Z' fill='%23D92B7B' transform='translate(-6 -10) scale(1.3)'/></g></svg>")}
body.t2k-blog.category-mehrsprachigkeit,
.t2k-blog .category-mehrsprachigkeit{
  /* gespraech */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M4.6 3.6h7.8a1.9 1.9 0 0 1 1.9 1.9v4.6a1.9 1.9 0 0 1-1.9 1.9H8.1l-3 2.4v-2.4h-.5a1.9 1.9 0 0 1-1.9-1.9V5.5a1.9 1.9 0 0 1 1.9-1.9z'/><path d='M11.6 11.8h7.8a1.9 1.9 0 0 1 1.9 1.9v4.6a1.9 1.9 0 0 1-1.9 1.9h-.5v2.4l-3-2.4h-4.3a1.9 1.9 0 0 1-1.9-1.9v-4.6a1.9 1.9 0 0 1 1.9-1.9z'/><path d='M12.6 15.1h5.8M12.6 17.6h3.6'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='80' cy='118' rx='34' ry='3.4' fill='%23EAB84B' opacity='.3'/><rect x='28' y='34' width='66' height='42' rx='13' fill='%23EAB84B'/><path d='M42 75 L36 91 L58 75 Z' fill='%23EAB84B'/><circle cx='48' cy='55' r='4.5' fill='%23fff'/><circle cx='61' cy='55' r='4.5' fill='%23fff'/><circle cx='74' cy='55' r='4.5' fill='%23fff'/><rect x='66' y='66' width='66' height='38' rx='13' fill='%23fff'/><path d='M102 103 L124 119 L118 103 Z' fill='%23fff'/><rect x='66' y='66' width='66' height='38' rx='13' fill='none' stroke='%23D9CDB5' stroke-width='2'/><path d='M78 80 H118 M78 90 H104' stroke='%231E2857' stroke-width='3.6' stroke-linecap='round' opacity='.55'/><path d='M116 94 l3 -6 l3 6 l-3 6 z' fill='%23D92B7B'/></g></svg>")}
body.t2k-blog.category-mundmotorik,
.t2k-blog .category-mundmotorik{
  /* mund */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M2.8 12c2.9-3.7 5.8-5.1 7.8-3.9L12 9l1.4-.9c2-1.2 4.9.2 7.8 3.9-2.9 3.9-5.8 5.6-9.2 5.6S5.7 15.9 2.8 12z'/><path d='M5.2 12.1c4.3 1.2 9.3 1.2 13.6 0'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='80' cy='118' rx='30' ry='3.4' fill='%23EAB84B' opacity='.3'/><path d='M36 76 C50 58 66 57 80 66 C94 57 110 58 124 76 C110 98 96 104 80 104 C64 104 50 98 36 76 Z' fill='%23EAB84B'/><path d='M42 77 C60 84 100 84 118 77' stroke='%231E2857' stroke-width='3.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><ellipse cx='94' cy='92' rx='9' ry='4' fill='%23fff' opacity='.55'/><path d='M132 58 v14 M140 62 v6 M124 54 v22' stroke='%23D92B7B' stroke-width='3.5' stroke-linecap='round'/></g></svg>")}
body.t2k-blog.category-redefluss,
.t2k-blog .category-redefluss{
  /* wiederholen */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M19.4 12a7.4 7.4 0 0 1-12.9 5'/><path d='M4.6 12a7.4 7.4 0 0 1 12.9-5'/><path d='M17.7 3.4V7h-3.6'/><path d='M6.3 20.6V17h3.6'/><circle cx='12' cy='12' r='1.3' fill='%23000' stroke='none'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='80' cy='118' rx='30' ry='3.4' fill='%23EAB84B' opacity='.3'/><path d='M46 74 A34 34 0 0 1 106 50' stroke='%23EAB84B' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/><path d='M112 34 L114 58 L91 54 Z' fill='%23EAB84B'/><path d='M114 82 A34 34 0 0 1 54 106' stroke='%23D92B7B' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/><path d='M48 122 L46 98 L69 102 Z' fill='%23D92B7B'/><circle cx='80' cy='78' r='11' fill='%23fff'/><circle cx='80' cy='78' r='5' fill='%231E2857'/></g></svg>")}
body.t2k-blog.category-sprache-diagnosen,
.t2k-blog .category-sprache-diagnosen{
  /* lupe */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='10.4' cy='10.4' r='6.2'/><path d='M15 15l5.2 5.2'/><path d='M7.6 8.6a3.3 3.3 0 0 1 2.6-1.6'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='84' cy='118' rx='30' ry='3.4' fill='%23EAB84B' opacity='.3'/><rect x='96' y='90' width='14' height='36' rx='7' fill='%231E2857' transform='rotate(-42 103 108)'/><circle cx='70' cy='66' r='30' fill='%23FADC72' opacity='.85'/><circle cx='70' cy='66' r='30' fill='none' stroke='%231E2857' stroke-width='9'/><path d='M56 54 a18 18 0 0 1 14 -8' stroke='%23fff' stroke-width='5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><path d='M58 72 h10 M58 80 h20 M74 72 h8' stroke='%231E2857' stroke-width='3.5' stroke-linecap='round' opacity='.45'/><circle cx='118' cy='40' r='5' fill='%23D92B7B'/></g></svg>")}
body.t2k-blog.category-sprachentwicklung,
.t2k-blog .category-sprachentwicklung{
  /* fortschritt */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3.8' y='14.6' width='3.6' height='5.6' rx='1'/><rect x='10.2' y='11.4' width='3.6' height='8.8' rx='1'/><rect x='16.6' y='8.2' width='3.6' height='12' rx='1'/><path d='M3.6 10.2 8.4 6.6l3 1.8 6.4-4.8'/><path d='M14.6 3.6h3.4V7'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='82' cy='118' rx='40' ry='3.4' fill='%23EAB84B' opacity='.3'/><rect x='44' y='88' width='20' height='30' rx='4' fill='%23FADC72'/><rect x='72' y='70' width='20' height='48' rx='4' fill='%23EAB84B'/><rect x='100' y='48' width='20' height='70' rx='4' fill='%231E2857'/><path d='M42 72 L70 52 L86 60 L112 34' stroke='%23D92B7B' stroke-width='5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><path d='M100 30 L116 30 L116 46' stroke='%23D92B7B' stroke-width='5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><path d='M128 70 l3 -6 l3 6 l-3 6 z' fill='%23EAB84B'/></g></svg>")}
body.t2k-blog.category-sprachfoerderung,
.t2k-blog .category-sprachfoerderung{
  /* spielen */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3.4' y='13.4' width='7.6' height='7' rx='1.3'/><rect x='4.6' y='5.6' width='5.6' height='5.6' rx='1.2' transform='rotate(-10 7.4 8.4)'/><circle cx='17' cy='16.4' r='4'/><path d='M17 12.4c-1.5 1.1-2.3 2.5-2.3 4s.8 2.9 2.3 4'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><rect x='40' y='98' width='44' height='20' rx='3' fill='%23D9CDB5'/><circle cx='52' cy='108' r='4.2' fill='%23fff' opacity='.85'/><rect x='66' y='104' width='9' height='8' rx='1.2' fill='%23EAB84B' opacity='.9'/><g transform='rotate(5 62 98)'><rect x='46' y='76' width='32' height='22' rx='3' fill='%23E4D6BC'/><path d='M62 81.5 L67.5 92 H56.5 Z' fill='%23EAB84B' opacity='.9'/><g transform='rotate(-11 62 76)'><rect x='50' y='56' width='24' height='20' rx='3' fill='%23EAB84B' opacity='.92'/><rect x='58' y='62' width='8' height='8' rx='1.2' fill='%23fff' opacity='.85'/><g transform='rotate(10 62 56)'><g><rect x='53' y='38' width='18' height='18' rx='3' fill='%23fff' stroke='%23E4D5B0' stroke-width='1.5'/><circle cx='62' cy='47' r='3.8' fill='%23D92B7B'/></g></g></g></g><path d='M44 36 q-3.5 4.5 0 9 M82 30 q3.5 4.5 0 9' fill='none' stroke='%231E2857' stroke-width='1.6' stroke-linecap='round' opacity='.3'/><circle cx='111' cy='104' r='14' fill='%23fff'/><path d='M111 90 A14 14 0 0 0 111 118 C 102 111.7, 102 96.3, 111 90 Z' fill='%23D9CDB5'/><path d='M111 90 A14 14 0 0 1 111 118 C 120 111.7, 120 96.3, 111 90 Z' fill='%23EAB84B' opacity='.8'/><circle cx='111' cy='104' r='14' fill='%231E2857' opacity='.04'/></g></svg>")}
body.t2k-blog.category-vorschule-schuleintritt,
.t2k-blog .category-vorschule-schuleintritt{
  /* ziel */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M6.4 20.6V3.6'/><path d='M6.4 4.4h11.4l-2.4 3.7 2.4 3.7H6.4'/><path d='M3.6 20.6h5.6'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='70' cy='118' rx='26' ry='3.4' fill='%23EAB84B' opacity='.3'/><path d='M50 118 C52 106 88 106 90 118 Z' fill='%23E4D6BC'/><rect x='66' y='28' width='6' height='84' rx='3' fill='%231E2857'/><path d='M72 32 C88 26 100 40 118 34 V70 C100 76 88 62 72 68 Z' fill='%23EAB84B'/><path d='M94 44 L96 49 L101 49.5 L97 53 L98.5 58 L94 55.5 L89.5 58 L91 53 L87 49.5 L92 49 Z' fill='%23fff'/><circle cx='69' cy='26' r='5' fill='%23EAB84B'/></g></svg>")}
body.t2k-blog.category-wortschatz,
.t2k-blog .category-wortschatz{
  /* buch */
  --cicon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 6.6C10 5 7 4.5 3.4 4.8v13.3c3.6-.3 6.6.2 8.6 1.8 2-1.6 5-2.1 8.6-1.8V4.8C17 4.5 14 5 12 6.6z'/><path d='M12 6.6v13.3'/><path d='M15.4 4.7v4.6l1.3-1 1.3 1V4.6'/></svg>");
  --cbild:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><circle cx='80' cy='80' r='80' fill='%23FFFFFF'/><defs><linearGradient id='g' x1='.33' y1='.03' x2='.67' y2='.97'><stop offset='0' stop-color='%23FDFAF4'/><stop offset='.55' stop-color='%23F4EAD6'/><stop offset='1' stop-color='%23EDE0C6'/></linearGradient><clipPath id='r'><circle cx='80' cy='80' r='73'/></clipPath><radialGradient id='s'><stop offset='0' stop-color='%23EAB84B' stop-opacity='.45'/><stop offset='.45' stop-color='%23EAB84B' stop-opacity='.18'/><stop offset='1' stop-color='%23EAB84B' stop-opacity='0'/></radialGradient></defs><circle cx='80' cy='80' r='74' fill='url(%23g)' stroke='%23EFE4CC' stroke-width='1.5'/><g clip-path='url(%23r)'><circle cx='78' cy='80' r='60' fill='url(%23s)'/><path d='M26 118 H134' stroke='%23E4D5B0' stroke-width='2' stroke-linecap='round'/><ellipse cx='80' cy='118' rx='42' ry='3.4' fill='%23EAB84B' opacity='.3'/><path d='M28 104 Q54 94 80 102 Q106 94 132 104 V114 Q106 104 80 112 Q54 104 28 114 Z' fill='%23EAB84B'/><path d='M32 50 Q55 41 78 52 V102 Q55 92 32 100 Z' fill='%23fff'/><path d='M82 52 Q105 41 128 50 V100 Q105 92 82 102 Z' fill='%23fff'/><path d='M78 52 V102 M82 52 V102' stroke='%23D9CDB5' stroke-width='1.6'/><path d='M40 60 Q55 55 70 61 M40 70 Q55 65 70 71 M40 80 Q55 75 66 80 M90 61 Q105 55 120 59 M90 71 Q105 65 120 69' stroke='%23E4D6BC' stroke-width='3' fill='none' stroke-linecap='round'/><path d='M108 44 V68 l5 -5 l5 5 V42' fill='%23D92B7B'/></g></svg>")}

/* =========================================================
   Seiten-Rahmen
   overflow:clip statt hidden — hidden wuerde jedes position:sticky
   darin ausschalten. clip kappt den Aurora-Blur genauso, erzeugt
   aber keinen Scroll-Container.
   ========================================================= */
.t2k-blog .t2k-page,
.t2k-blog .t2k-page *,
.t2k-blog .t2k-page *::before,
.t2k-blog .t2k-page *::after{box-sizing:border-box}

.t2k-blog .t2k-page{position:relative;overflow:hidden;overflow:clip;isolation:isolate;background:var(--navy-0)}
.t2k-blog .t2k-page::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(180deg, #050B1B 0, #050B1B 150px, rgba(5,11,27,0) 420px),
    radial-gradient(120% 80% at 50% 0%, #0E162F 0%, #060D20 42%, #050B1B 100%);
}
/* Aurora der Blog-Uebersicht (ohne Kategorie-Kontext) */
.t2k-blog .t2k-page::after{
  content:"";position:absolute;inset:-20% -10% auto -10%;height:1100px;z-index:-1;pointer-events:none;filter:blur(90px);opacity:.85;
  background:
    radial-gradient(38% 30% at 18% 12%, rgba(219,195,121,.24) 0%, transparent 70%),
    radial-gradient(34% 26% at 82% 6%,  rgba(234,184,75,.14) 0%, transparent 70%),
    radial-gradient(30% 24% at 60% 34%, rgba(217,43,123,.14) 0%, transparent 70%);
}
/* Aurora im Themenbereich und im Einzelbeitrag */
body.t2k-blog.category .t2k-page::after,
body.t2k-blog.single-post .t2k-page::after{
  height:900px;opacity:.9;
  background:
    radial-gradient(40% 34% at 22% 8%, var(--glow) 0%, transparent 70%),
    radial-gradient(32% 26% at 80% 4%, var(--glow-2) 0%, transparent 70%),
    radial-gradient(28% 22% at 58% 30%, rgba(217,43,123,.10) 0%, transparent 70%);
}
.t2k-blog .wrap{max-width:1160px;margin:0 auto;padding:0 28px}
.t2k-blog .sec{}

/* ---------- Lesefortschritt (fixe Leiste am oberen Rand) ---------- */
.t2k-blog .readbar{position:fixed;left:0;top:0;height:3px;width:0;z-index:99;
  background:linear-gradient(90deg,var(--acc),rgba(255,255,255,.55));
  box-shadow:0 0 12px var(--acc);transition:width .1s linear}

/* =========================================================
   Hero der Blog-Uebersicht
   ========================================================= */
.t2k-blog .hero{text-align:center}
.t2k-blog .eyebrow{
  display:inline-flex;align-items:center;gap:9px;margin:0 0 26px;
  font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.20);
  background:linear-gradient(90deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  padding:9px 20px;border-radius:100px;backdrop-filter:blur(6px);
}
.t2k-blog h1.big{
  font-size:clamp(40px,6vw,74px);line-height:1.04;font-weight:800;letter-spacing:-.032em;
  margin:0 auto 22px;max-width:16ch;
}
.t2k-blog .magenta{background:linear-gradient(180deg,var(--magenta-1) 0%,var(--magenta-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t2k-blog .gold{background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t2k-blog .hero .lead{max-width:62ch;margin:0 auto;font-size:17.5px;line-height:1.7;color:var(--txt-2);font-weight:400}

/* =========================================================
   Hero des Themenbereich-Archivs
   ========================================================= */
.t2k-blog .chero{max-width:860px}
.t2k-blog .crumbs{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.5);margin:0 0 22px;flex-wrap:wrap}
.t2k-blog .crumbs a{color:rgba(255,255,255,.72);text-decoration:none}
.t2k-blog .crumbs a:hover{color:var(--acc)}
.t2k-blog .crumbs svg{width:12px;fill:rgba(255,255,255,.28);flex:none}
/* aktueller Punkt: im Archiv in Akzentfarbe, im Beitrag gedaempft */
.t2k-blog .chero .crumbs .cur{color:var(--acc)}
.t2k-blog .ahead .crumbs .cur{color:rgba(255,255,255,.5)}
.t2k-blog .ceyebrow{
  display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;
  font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  padding:8px 18px;border-radius:100px;
}
/* Themenbereich-Icon als CSS-Maske: eine Regel, drei Themenbereiche — Farbe kommt aus --acc */
.t2k-blog .ceyebrow::before{
  content:"";width:17px;height:17px;flex:none;background:var(--acc);
  -webkit-mask:var(--cicon) center/contain no-repeat;
          mask:var(--cicon) center/contain no-repeat;
  filter:drop-shadow(0 0 6px var(--acc));
}
.t2k-blog .chero h1{font-size:clamp(36px,5.2vw,62px);line-height:1.06;font-weight:800;letter-spacing:-.03em;margin:0 0 20px}
.t2k-blog .chero .lead{font-size:17.5px;line-height:1.72;color:var(--txt-2);margin:0;max-width:64ch}
.t2k-blog .cstats{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin:32px 0 0;font-size:13.5px;color:rgba(255,255,255,.6);font-weight:500}
.t2k-blog .cstats b{color:#fff;font-weight:700}
.t2k-blog .cstats .dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.25)}

/* =========================================================
   Artikel-Kopf des Einzelbeitrags
   ========================================================= */
.t2k-blog .ahead{max-width:860px}
.t2k-blog .catpill{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;margin:0 0 20px;
  font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.96);
  padding:7px 16px;border-radius:100px;text-decoration:none;
  background:linear-gradient(145deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.06) 52%, rgba(255,255,255,.13) 100%);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(255,255,255,.10),
             inset 0 0 22px rgba(255,255,255,.06), 0 8px 22px -8px rgba(0,0,0,.75);
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
/* Kategorie-Schimmer statt Punkt — identisch zum Badge in der Uebersicht */
.t2k-blog .catpill::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:
    radial-gradient(135% 210% at 6% -45%, var(--glow) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(118deg, rgba(255,255,255,0) 26%, var(--glow) 47%, rgba(255,255,255,0) 66%);
  opacity:.9}
.t2k-blog .catpill::after{content:"";position:absolute;left:8%;right:8%;top:0;height:45%;pointer-events:none;
  border-radius:100px 100px 60% 60%/100px 100px 22px 22px;
  background:linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,0))}

.t2k-blog .ahead h1{font-size:clamp(34px,4.6vw,56px);line-height:1.08;font-weight:800;letter-spacing:-.03em;margin:0 0 20px}
.t2k-blog .ahead .lead{font-size:19px;line-height:1.68;color:var(--txt-2);margin:0;max-width:62ch}
.t2k-blog .ameta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:28px 0 0;
  font-size:13.5px;color:rgba(255,255,255,.58);font-weight:500}
.t2k-blog .ameta time,.t2k-blog .ameta b{color:rgba(255,255,255,.85);font-weight:600}
.t2k-blog .ameta .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.28);flex:none}
.t2k-blog .ameta svg{width:14px;fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.t2k-blog .ameta .av{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:10px;font-weight:800;color:var(--ink);background:linear-gradient(135deg,#E0AD43,#D92B7B)}

/* ---------- Beitragsbild mit Marken-Treatment ---------- */
.t2k-blog .hero-img{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;
  aspect-ratio:21/9;border:1px solid var(--hair);margin:0 0 64px;background:#090F23}
.t2k-blog .hero-img img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.82) contrast(1.06) brightness(.80)}
.t2k-blog .hero-img::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(180deg, rgba(5,11,27,.38) 0%, rgba(5,11,27,0) 34%, rgba(5,11,27,.58) 100%),
    radial-gradient(70% 60% at 82% 6%, var(--glow) 0%, rgba(0,0,0,0) 62%)}
.t2k-blog .hero-img::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;background:var(--acc);opacity:.9}

/* =========================================================
   Section-Kopf mit Haarlinie
   ========================================================= */
.t2k-blog .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 26px}
.t2k-blog .shead h2{font-size:clamp(23px,2.5vw,30px);line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:0}
.t2k-blog .shead p{margin:8px 0 0;color:var(--txt-3);font-size:15px;line-height:1.6;max-width:56ch}
/* Haarlinie in der Akzentfarbe der Seite (ohne Kategorie: Gold) */
.t2k-blog .hair{height:1px;border:0;margin:0 0 32px;
  background:linear-gradient(90deg,var(--acc) 0%,rgba(255,255,255,.10) 26%,transparent 100%);opacity:.75}
.t2k-blog .slink{white-space:nowrap;font-size:13.5px;font-weight:700;color:var(--gold-line);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.t2k-blog .slink:hover{color:var(--gold-1)}
.t2k-blog .slink svg{width:14px;fill:currentColor;transition:transform .18s}
.t2k-blog .slink:hover svg{transform:translateX(3px)}

/* =========================================================
   Themenbereich-Karten der Uebersicht
   ========================================================= */
/* Kompakte Karten: Icon neben dem Titel, Kurztext höchstens zwei Zeilen.
   Am Handy als Zeile ohne Kurztext. */
.t2k-blog .themen{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.t2k-blog .cl{
  position:relative;overflow:hidden;isolation:isolate;text-decoration:none;color:inherit;
  border:1px solid var(--hair);border-radius:18px;padding:20px 20px 16px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:12px 14px;
  transition:border-color .22s,box-shadow .22s;
}
.t2k-blog .cl::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.95;
  background:radial-gradient(at 100% 0%, var(--glow) 0%, rgba(255,255,255,0) 46%)}
/* Überfahren ändert nur Farben, nie Lage oder Größe */
.t2k-blog .cl:hover{border-color:rgba(219,195,121,.42);box-shadow:0 18px 40px -26px rgba(0,0,0,.85)}
/* Medaillon wie in den Karten der Website: weißer Ring, weicher Schatten */
.t2k-blog .cl .ico{width:60px;height:60px;border-radius:50%;display:block;flex:none;border:0;background:none;
  box-shadow:0 0 0 4px #FFFFFF,0 12px 22px -12px rgba(30,40,87,.45)}
.t2k-blog .cl .ico svg{width:22px;stroke:var(--acc);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.t2k-blog .cl .ico svg .dot{fill:var(--acc);stroke:none}
/* Die Zeile „Themenbereich“ steht schon über dem Raster */
.t2k-blog .cl .kicker{display:none}
.t2k-blog .cl h3{align-self:center;margin:0;font-size:17px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.t2k-blog .cl p{grid-column:1/-1;align-self:start;margin:0;font-size:13.5px;line-height:1.55;color:var(--txt-3);font-weight:500;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.t2k-blog .cl .foot{grid-column:1/-1;align-self:end;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.t2k-blog .cl .cnt{font-size:12px;font-weight:600;color:rgba(255,255,255,.5)}
.t2k-blog .cl .go{font-size:12.5px;font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:7px}
.t2k-blog .cl .go svg{width:13px;fill:var(--acc);transition:transform .18s}
.t2k-blog .cl:hover .go svg{transform:translateX(3px)}
@media(max-width:960px){.t2k-blog .themen{grid-template-columns:1fr 1fr}}
@media(max-width:767px){
  .t2k-blog .themen{grid-template-columns:1fr;gap:20px}
  .t2k-blog .cl{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px 14px;align-items:center;padding:14px 18px 14px 16px;border-radius:16px}
  .t2k-blog .cl .ico{grid-row:1/3;width:52px;height:52px;box-shadow:0 0 0 3px #FFFFFF,0 10px 18px -10px rgba(30,40,87,.45)}
  .t2k-blog .cl h3{grid-column:2;align-self:end;font-size:16px}
  .t2k-blog .cl p{display:none}
  .t2k-blog .cl .foot{display:contents}
  .t2k-blog .cl .cnt{grid-column:2;grid-row:2;align-self:start}
  /* In der Zeile steht nur der Pfeil, die Beschriftung bleibt für Screenreader Teil des Links */
  .t2k-blog .cl .go{grid-column:3;grid-row:1/3;font-size:0;gap:0}
}

/* =========================================================
   Bild-Treatment — Foto bleibt unangetastet, alles per CSS
   ========================================================= */
.t2k-blog .media{position:relative;overflow:hidden;background:#090F23;isolation:isolate;aspect-ratio:16/10}
.t2k-blog .media img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.82) contrast(1.06) brightness(.80);
  transition:transform .5s cubic-bezier(.2,.7,.3,1), filter .3s ease}
.t2k-blog .media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(180deg, rgba(5,11,27,.42) 0%, rgba(5,11,27,0) 34%, rgba(5,11,27,.62) 100%),
    radial-gradient(70% 60% at 82% 6%, var(--glow) 0%, rgba(0,0,0,0) 62%)}
.t2k-blog .media::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;background:var(--acc);opacity:.9}
.t2k-blog .card:hover .media img{filter:saturate(.9) contrast(1.06) brightness(.86)}

/* Leerer Themenbereich: Hinweis statt leerem Beitragsraster (Meldung des Loop-Grids) */
.t2k-blog .e-loop-nothing-found-message__text{margin:0;padding:26px 24px;border:1px solid var(--hair);border-radius:18px;
  text-align:center;font-size:15px;line-height:1.5;font-weight:600;color:var(--txt-3)}

/* ---------- Kategorie-Badge im Liquid-Glass-Stil ---------- */
.t2k-blog .cat{
  position:absolute;left:16px;top:16px;z-index:4;
  display:inline-flex;align-items:center;
  font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(255,255,255,.96);
  padding:7px 16px;border-radius:100px;
  background:linear-gradient(145deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.06) 52%, rgba(255,255,255,.13) 100%);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(16px) saturate(180%);
  -webkit-backdrop-filter:blur(16px) saturate(180%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(255,255,255,.10),
    inset 0 0 22px rgba(255,255,255,.06),
    0 8px 22px -8px rgba(0,0,0,.75);
  text-shadow:0 1px 2px rgba(0,0,0,.35);
  overflow:hidden;
}
/* Kategorie-Schimmer: zarter Schein in der Farbe des Themenbereichs —
   Lichtecke oben links plus diagonaler Glanzstreifen, Farbe aus --glow */
.t2k-blog .cat::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:
    radial-gradient(135% 210% at 6% -45%, var(--glow) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(118deg, rgba(255,255,255,0) 26%, var(--glow) 47%, rgba(255,255,255,0) 66%);
  opacity:.9;
}
/* Glanzkante oben — der Liquid-Effekt */
.t2k-blog .cat::after{
  content:"";position:absolute;left:8%;right:8%;top:0;height:45%;pointer-events:none;
  border-radius:100px 100px 60% 60%/100px 100px 22px 22px;
  background:linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,0));
}

/* =========================================================
   Beitrags-Raster + Kachel
   ========================================================= */
.t2k-blog .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.t2k-blog .card{
  display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit;
  border:1px solid var(--hair);border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  transition:.22s cubic-bezier(.2,.7,.3,1);
}
/* Überfahren ändert nur Rand und Schatten, nie Lage oder Größe */
.t2k-blog .card:hover{border-color:rgba(255,255,255,.18);box-shadow:0 26px 50px -28px rgba(0,0,0,.85)}
.t2k-blog .card .body{padding:24px;display:flex;flex-direction:column;gap:11px;flex:1}
.t2k-blog .card h3{font-size:19px;line-height:1.32;font-weight:700;letter-spacing:-.01em;margin:0}
.t2k-blog .card p{margin:0;font-size:14.5px;line-height:1.62;color:var(--txt-3);font-weight:500}

/* Meta-Zeile: Datum + Lesezeit */
.t2k-blog .meta{margin-top:auto;display:flex;align-items:center;gap:10px;padding:18px 24px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:rgba(255,255,255,.58);font-weight:500}
.t2k-blog .meta time{color:rgba(255,255,255,.82);font-weight:600}
.t2k-blog .meta .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.28);flex:none}
.t2k-blog .meta svg{width:13px;fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* =========================================================
   Mehr laden (Ghost-Button unter dem Raster)
   ========================================================= */
.t2k-blog .loadmore{display:flex;flex-direction:column;align-items:center;gap:16px;margin:46px 0 0}
.t2k-blog .lmcount{margin:0;font-size:13px;font-weight:500;color:rgba(255,255,255,.5);letter-spacing:.02em}
.t2k-blog .lmcount b{color:rgba(255,255,255,.85);font-weight:700}
.t2k-blog .lmbtn{
  position:relative;display:inline-flex;align-items:center;gap:10px;
  padding:13px 32px;border-radius:100px;cursor:pointer;
  font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.01em;
  color:var(--gold-line);background:rgba(255,255,255,.035);
  border:1px solid rgba(219,195,121,.38);
  transition:.2s cubic-bezier(.2,.7,.3,1);
}
.t2k-blog .lmbtn:hover:not(:disabled){color:var(--gold-1);border-color:var(--gold-line);
  background:rgba(219,195,121,.09)}
.t2k-blog .lmbtn:focus-visible{outline:2px solid var(--gold-line);outline-offset:3px}
.t2k-blog .lmarrow{width:15px;fill:currentColor;transition:transform .2s}
.t2k-blog .lmbtn:hover:not(:disabled) .lmarrow{transform:translateY(2px)}
.t2k-blog .lmspin{display:none;width:15px;height:15px;border-radius:50%;
  border:2px solid rgba(219,195,121,.28);border-top-color:var(--gold-line);
  animation:t2k-lmspin .7s linear infinite}
@keyframes t2k-lmspin{to{transform:rotate(360deg)}}
.t2k-blog .lmbtn.is-loading .lmarrow{display:none}
.t2k-blog .lmbtn.is-loading .lmspin{display:block}
.t2k-blog .lmbtn:disabled{cursor:default;color:rgba(255,255,255,.4);border-color:var(--hair);
  background:rgba(255,255,255,.02);transform:none}
.t2k-blog .lmbtn:disabled .lmarrow{display:none}
/* frisch nachgeladene Karten sanft einblenden */
.t2k-blog .card.is-new{animation:t2k-cardin .45s cubic-bezier(.2,.7,.3,1) both}
@keyframes t2k-cardin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* =========================================================
   Dreispalter: Inhaltsverzeichnis | Text | Sidebar
   Kein align-items:start — die Spalten muessen sich ueber die volle
   Zeilenhoehe strecken, sonst hat position:sticky keinen Laufweg.
   ========================================================= */
.t2k-blog .layout{
  display:grid;gap:38px;
  grid-template-columns:210px minmax(0,1fr) 250px;
  grid-template-areas:"toc main side";
}
.t2k-blog .col-toc {grid-area:toc}
.t2k-blog .col-main{grid-area:main;min-width:0}
.t2k-blog .col-side{grid-area:side}
/* Abstand nach oben: Unterkante der Kopfleiste plus Luft.
   --t2k-kopf meldet das Skript; ohne Kopfleiste greift der Ersatzwert. */
.t2k-blog{--t2k-oben:calc(var(--t2k-kopf,80px) + 60px)}
.t2k-blog .toc-sticky{position:sticky;top:var(--t2k-oben)}
.t2k-blog .side-inner{position:sticky;top:var(--t2k-oben);display:flex;flex-direction:column;gap:16px}
.t2k-blog .layout .prose{max-width:none}

/* ---------- Inhaltsverzeichnis ---------- */
.t2k-blog .toc .k{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--acc);margin:0 0 14px;padding-left:14px}
.t2k-blog .toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.t2k-blog .toc a{
  display:block;padding:8px 12px 8px 14px;font-size:13.5px;line-height:1.45;font-weight:600;
  color:rgba(255,255,255,.6);text-decoration:none;
  border-left:2px solid rgba(255,255,255,.10);transition:.18s ease;
}
.t2k-blog .toc a:hover{color:#fff;border-left-color:rgba(255,255,255,.35)}
.t2k-blog .toc a.is-active{color:#fff;border-left-color:var(--acc);background:linear-gradient(90deg,rgba(255,255,255,.07),transparent)}
/* Lesefortschritt unter dem Verzeichnis (optionales Element) */
.t2k-blog .toc .prog{height:2px;margin:14px 0 0 14px;border-radius:2px;background:rgba(255,255,255,.10);overflow:hidden}
.t2k-blog .toc .prog i{display:block;width:0;height:100%;border-radius:inherit;background:var(--acc)}
/* Ab Tablet ist das Verzeichnis immer offen, der Ausloeser wird ausgeblendet */
.t2k-blog .toc-d > summary{display:none}
.t2k-blog .toc-d > summary::-webkit-details-marker{display:none}
.t2k-blog .toc-d > ol{display:flex}

/* =========================================================
   Sticky-Inhaltsverzeichnis (Schaltflaeche + Panel)
   Die Schaltflaeche ist selbst das fixierte Element — links verankert,
   damit die Position unabhaengig von Scrollbalken konstant bleibt.
   ========================================================= */
.t2k-blog .sb-toc{
  position:fixed;top:14px;left:14px;z-index:120;display:none;
  align-items:center;justify-content:center;gap:9px;
  height:46px;padding:0 16px;border-radius:14px;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:700;color:#fff;letter-spacing:.01em;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(10,20,50,.72);
  backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 10px 26px -10px rgba(0,0,0,.85);
  transform-origin:left center;
  opacity:0;transform:translateY(-10px) scale(.96);pointer-events:none;
  /* bewusst nur diese drei Eigenschaften — ein pauschales transition
     wuerde auch die Breite animieren und die Schaltflaeche wandern lassen */
  transition:opacity .22s ease, transform .22s cubic-bezier(.2,.7,.3,1), border-color .18s ease;
}
.t2k-blog .sb-toc.is-visible{opacity:1;transform:none;pointer-events:auto}
.t2k-blog .sb-toc:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.t2k-blog .sb-toc svg{width:16px;flex:none;fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round}
.t2k-blog .sb-toc .chev{width:8px;height:8px;flex:none;margin-left:1px;
  border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s}
.t2k-blog .sb-toc.is-open{border-color:var(--acc)}
.t2k-blog .sb-toc.is-open .chev{transform:rotate(-135deg) translate(-3px,-3px)}

/* aufklappendes Panel der Sticky-Schaltflaeche */
.t2k-blog .tocsheet{
  position:fixed;top:68px;right:14px;left:14px;z-index:119;max-height:62vh;overflow-y:auto;
  border-radius:18px;padding:8px;
  border:1px solid rgba(255,255,255,.16);background:rgba(9,18,44,.94);
  backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);
  box-shadow:0 24px 50px -20px rgba(0,0,0,.9);
  opacity:0;transform:translateY(-8px);pointer-events:none;
  transition:opacity .2s ease, transform .2s cubic-bezier(.2,.7,.3,1);
}
.t2k-blog .tocsheet.is-open{opacity:1;transform:none;pointer-events:auto}
.t2k-blog .tocsheet ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:ts}
.t2k-blog .tocsheet a{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border-radius:12px;
  font-size:15px;line-height:1.4;font-weight:600;color:rgba(255,255,255,.78);text-decoration:none;transition:.16s}
.t2k-blog .tocsheet a::before{counter-increment:ts;content:counter(ts,decimal-leading-zero);
  font-size:11px;font-weight:800;color:var(--acc);flex:none;opacity:.75}
.t2k-blog .tocsheet a:hover{background:rgba(255,255,255,.06);color:#fff}
.t2k-blog .tocsheet a.is-active{background:rgba(255,255,255,.08);color:#fff}
.t2k-blog .tocsheet a.is-active::before{opacity:1}

/* ---------- Teilen: WhatsApp und Link als Zeilen ---------- */
.t2k-blog .share{margin-top:28px;padding-left:14px}
.t2k-blog .share .k{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin:0 0 11px}
.t2k-blog .share .row{display:flex;flex-direction:column;gap:8px}
.t2k-blog .share a{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:12px;
  font-size:13px;font-weight:600;color:rgba(255,255,255,.75);text-decoration:none;
  border:1px solid var(--hair);background:rgba(255,255,255,.035);transition:.18s}
.t2k-blog .share a:hover{color:#fff;background:rgba(255,255,255,.08)}
.t2k-blog .share svg{width:16px;flex:none;fill:rgba(255,255,255,.6);transition:.18s}
.t2k-blog .share a:hover svg{fill:#fff}
.t2k-blog .share .wa:hover{border-color:#25D366}
.t2k-blog .share .wa:hover svg{fill:#25D366}
.t2k-blog .share .lnk:hover{border-color:var(--acc)}
.t2k-blog .share .lnk:hover svg{fill:var(--acc)}
.t2k-blog .share .lnk.is-done{border-color:#3DDC97;color:#3DDC97}
.t2k-blog .share .lnk.is-done svg{fill:#3DDC97}

/* =========================================================
   Artikeltext / redaktioneller Inhalt
   18px / 1.78 / gedaempftes Weiss — die drei Werte, die dunkles Lesen tragen
   ========================================================= */
.t2k-blog .prose{max-width:80ch}
.t2k-blog #beitraege{scroll-margin-top:var(--t2k-oben)}
.t2k-blog .prose p{margin:0 0 20px;font-size:18px;line-height:1.78;color:var(--read)}
.t2k-blog .prose h2{font-size:clamp(24px,2.5vw,31px);line-height:1.24;font-weight:700;letter-spacing:-.022em;
  margin:52px 0 20px;color:#fff;scroll-margin-top:var(--t2k-oben)}
.t2k-blog .prose h2:first-child{margin-top:0}
.t2k-blog .prose h3{font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.012em;margin:34px 0 20px;color:#fff}
.t2k-blog .prose strong{color:#fff;font-weight:600}
.t2k-blog .prose em{color:#fff;font-style:italic}
.t2k-blog .prose a{color:var(--acc);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}
.t2k-blog .prose a:hover{border-bottom-color:var(--acc)}
.t2k-blog .prose ul{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:13px}
.t2k-blog .prose ul li{position:relative;padding-left:28px;font-size:17.5px;line-height:1.72;color:var(--read)}
.t2k-blog .prose ul li::before{content:"";position:absolute;left:5px;top:12px;width:7px;height:7px;border-radius:2px;
  background:var(--acc);transform:rotate(45deg)}

/* ---------- Antwort-Zuerst-Kasten ---------- */
.t2k-blog .tldr{
  position:relative;overflow:hidden;isolation:isolate;
  border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--acc);
  border-radius:6px 18px 18px 6px;padding:26px 30px;margin:0 0 34px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
}
.t2k-blog .tldr::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(at 0% 0%, var(--glow) 0%, rgba(255,255,255,0) 58%)}
.t2k-blog .tldr .k{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--acc);margin:0 0 10px}
.t2k-blog .tldr p{margin:0;font-size:16px;line-height:1.68;color:rgba(255,255,255,.94);font-weight:500}

/* ---------- Praxis-Tipp im Text ---------- */
.t2k-blog .tip{position:relative;border:1px solid var(--hair);border-radius:18px;padding:24px 28px;margin:0 0 24px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.t2k-blog .tip .k{display:flex;align-items:center;gap:9px;font-size:10.5px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--acc);margin:0 0 10px}
.t2k-blog .tip .k svg{width:15px;fill:none;stroke:var(--acc);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* Ohne eigene Schriftgroesse - der Kastentext folgt dem umgebenden
   Fliesstext. Auf Beitraegen sind das 18px, auf Themenbereichsseiten
   16,5px. Eine feste Angabe hier wuerde je nach Zusammenhang abweichen. */
.t2k-blog .tip p{margin:0;color:var(--txt-2)}

/* ---------- Tabelle (z. B. Meilensteine) ---------- */
.t2k-blog .tblwrap{overflow-x:auto;margin:0 0 20px;border:1px solid var(--hair);border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.t2k-blog table.mst{width:100%;border-collapse:collapse;min-width:540px;font-size:15px}
.t2k-blog table.mst th{
  text-align:left;padding:15px 20px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--acc);border-bottom:1px solid rgba(255,255,255,.12);white-space:nowrap}
.t2k-blog table.mst td{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--txt-2);line-height:1.6;vertical-align:top}
.t2k-blog table.mst tr:last-child td{border-bottom:0}
.t2k-blog table.mst td:first-child{color:#fff;font-weight:700;white-space:nowrap}

/* ---------- Medizinischer Hinweis am Textende ---------- */
.t2k-blog .disclaimer{display:flex;gap:14px;align-items:flex-start;margin:40px 0 0;padding:18px 22px;
  border:1px solid var(--hair);border-radius:14px;background:rgba(255,255,255,.025)}
.t2k-blog .disclaimer svg{width:18px;flex:none;margin-top:2px;fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.8;stroke-linecap:round}
.t2k-blog .disclaimer p{margin:0;font-size:14px;line-height:1.65;color:rgba(255,255,255,.55)}

/* ---------- Autorbox ---------- */
.t2k-blog .authorbox{display:flex;align-items:flex-start;gap:18px;margin:44px 0 0;padding:26px 28px;
  border:1px solid var(--hair);border-radius:18px;max-width:80ch;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018))}
.t2k-blog .authorbox .av{width:58px;height:58px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-size:18px;font-weight:800;color:var(--ink);background:linear-gradient(135deg,#E0AD43,#D92B7B);
  border:2px solid rgba(255,255,255,.14)}
.t2k-blog .authorbox .t{display:flex;flex-direction:column;gap:5px;min-width:0}
.t2k-blog .authorbox .role{font-size:10.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--acc)}
.t2k-blog .authorbox .nm{font-size:18px;font-weight:700;letter-spacing:-.01em;color:#fff;line-height:1.25}
.t2k-blog .authorbox p{margin:2px 0 0;font-size:14.5px;line-height:1.65;color:var(--txt-3)}
.t2k-blog .authorbox .more{margin-top:8px;font-size:13px;font-weight:700;color:var(--acc);text-decoration:none;
  display:inline-flex;align-items:center;gap:7px;align-self:flex-start;max-width:100%}
.t2k-blog .authorbox .more svg{width:13px;fill:currentColor;transition:transform .18s}
.t2k-blog .authorbox .more:hover svg{transform:translateX(3px)}

/* =========================================================
   Quellen-Box
   ========================================================= */
.t2k-blog .sources{margin:34px 0 0}
.t2k-blog .sources h2{font-size:clamp(21px,2.2vw,26px);line-height:1.26;font-weight:700;letter-spacing:-.02em;
  margin:0 0 6px;color:#fff;scroll-margin-top:var(--t2k-oben)}
.t2k-blog .sources .intro{margin:0 0 18px;font-size:14.5px;line-height:1.6;color:var(--txt-3)}
.t2k-blog .sources ul{list-style:none;margin:0;padding:0;
  border:1px solid var(--hair);border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.t2k-blog .sources li + li{border-top:1px solid rgba(255,255,255,.07)}
.t2k-blog .sources a{display:flex;align-items:baseline;gap:14px;padding:15px 20px;text-decoration:none;
  color:inherit;transition:.18s cubic-bezier(.2,.7,.3,1)}
.t2k-blog .sources a:hover{background:rgba(255,255,255,.05)}
.t2k-blog .sources .t{flex:1;min-width:0;font-size:15.5px;line-height:1.45;font-weight:600;color:rgba(255,255,255,.9)}
.t2k-blog .sources a:hover .t{color:#fff}
.t2k-blog .sources .src{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.45)}
.t2k-blog .sources .ext{flex:none;width:14px;align-self:center}
.t2k-blog .sources .ext svg{width:14px;fill:none;stroke:var(--acc);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* =========================================================
   FAQ
   ========================================================= */
.t2k-blog .faq-h{font-size:clamp(23px,2.4vw,30px);line-height:1.24;font-weight:700;letter-spacing:-.022em;margin:52px 0 8px}
.t2k-blog .faq-sub{margin:0 0 22px;color:var(--txt-3);font-size:15px;line-height:1.6}
.t2k-blog .faq{display:flex;flex-direction:column;gap:12px;max-width:900px}
.t2k-blog .faq details{
  border:1px solid var(--hair);border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));transition:.2s}
.t2k-blog .faq details[open]{border-color:rgba(255,255,255,.2)}
.t2k-blog .faq summary{
  list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;gap:14px;
  font-size:16.5px;font-weight:600;line-height:1.4;letter-spacing:-.01em}
.t2k-blog .faq summary::-webkit-details-marker{display:none}
.t2k-blog .faq summary::after{
  content:"";margin-left:auto;flex:none;width:10px;height:10px;
  border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s}
.t2k-blog .faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.t2k-blog .faq summary::before{content:"";width:5px;height:22px;border-radius:3px;background:var(--acc);flex:none;opacity:.8}
.t2k-blog .faq .a{padding:0 24px 22px 43px;margin:0;font-size:15px;line-height:1.72;color:var(--txt-3)}

/* =========================================================
   Sidebar-CTA — die grosse Abschluss-Box, auf 250px heruntergebrochen
   ========================================================= */
.t2k-blog .scta{position:relative;overflow:hidden;isolation:isolate;text-align:center;
  border:1px solid rgba(221,202,136,.18);border-radius:22px;
  background:radial-gradient(at center center,#0A1432 0%,#1C2A52 100%);
  box-shadow:0 5px 10px rgba(0,0,0,.5)}
/* dieselben Aurora-Baender wie in der grossen Box, nur enger */
.t2k-blog .scta::before{content:"";position:absolute;inset:-45%;z-index:-1;pointer-events:none;filter:blur(26px);
  background:
    linear-gradient(115deg,transparent 10%,rgba(120,110,255,.18) 14%,rgba(120,110,255,.18) 19%,transparent 23%),
    linear-gradient(115deg,transparent 40%,rgba(232,67,147,.16) 45%,rgba(232,67,147,.16) 49%,transparent 54%),
    linear-gradient(115deg,transparent 68%,rgba(90,140,255,.16) 72%,rgba(90,140,255,.16) 77%,transparent 81%)}
.t2k-blog .scta .pill{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;
  font-size:11px;font-weight:600;letter-spacing:.05em;color:rgba(255,255,255,.88);
  padding:7px 15px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}
.t2k-blog .scta .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#3DDC97;
  box-shadow:0 0 8px 1px rgba(61,220,151,.7)}
/* Tag-unabhaengig: die Boxtitel sind bewusst kein h3, damit die Gliederung
   nicht von h1 auf h3 springt. Die Pillen tragen .pill und bleiben aussen vor. */
.t2k-blog .scta h3,
.t2k-blog .scta .elementor-widget-heading:not(.pill) .elementor-heading-title{
  margin:0 0 10px;font-size:19px;line-height:1.24;font-weight:800;letter-spacing:-.03em}
.t2k-blog .scta > p{margin:0 0 18px;font-size:13px;line-height:1.6;color:rgba(255,255,255,.72)}

.t2k-blog .topics-k{display:block;font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  color:rgba(250,228,146,.85);margin:0 0 10px}
.t2k-blog .topics{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:7px}
.t2k-blog .topics li{display:flex;align-items:center;gap:9px;text-align:left;
  border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px 11px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  font-size:12.5px;font-weight:600;color:#fff;line-height:1.2}
/* Glas-Kachel: hebt sich vom Kartenhintergrund ab, Emojis bleiben lesbar */
.t2k-blog .topics li em{width:24px;height:24px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;
  font-style:normal;font-size:13px;line-height:1;
  background:linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.09) 100%);
  border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 2px 6px rgba(0,0,0,.25)}
.t2k-blog .topics li.more{justify-content:center;text-align:center;background:transparent;
  border:1px dashed rgba(250,228,146,.38);color:rgba(250,228,146,.9);font-size:11.5px;padding:9px 11px}

.t2k-blog .scta .sbtn{display:block;text-align:center;padding:12px 16px;border-radius:100px;
  font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;
  background-image:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 100%);
  border:1px solid var(--gold-line);box-shadow:0 10px 24px -10px rgba(219,195,121,.6);transition:.18s}
.t2k-blog .scta .sbtn:hover{box-shadow:0 14px 30px -10px rgba(219,195,121,.75)}

.t2k-blog .sticks{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.t2k-blog .sticks li{display:flex;gap:7px;align-items:center;font-size:12px;color:rgba(255,255,255,.82)}
.t2k-blog .sticks svg{width:11px;fill:#26AF39;flex:none}
.t2k-blog .ssocial{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 0;
  font-size:12.5px;color:rgba(255,255,255,.82)}
.t2k-blog .ssocial .avs{display:flex}
.t2k-blog .ssocial .avs i{width:26px;height:26px;border-radius:50%;border:2px solid #1C2A52;margin-left:-8px;display:block;
  background:linear-gradient(135deg,#8a9bb5,#c9b18a)}
.t2k-blog .ssocial .avs i:nth-child(2){background:linear-gradient(135deg,#8FC7C0,#5A8CFF)}
.t2k-blog .ssocial .avs i:nth-child(3){background:linear-gradient(135deg,#FAE492,#E0AD43)}
.t2k-blog .ssocial .avs i:first-child{margin-left:0}

/* =========================================================
   Kompakte Beitragsliste (Zeilen unter dem Raster)
   ========================================================= */
.t2k-blog .plist-k{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.45);margin:44px 0 14px}
.t2k-blog .plist{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.t2k-blog .plist li{border-bottom:1px solid var(--hair)}
/* Die Flaeche der Hervorhebung schliesst buendig mit der Liste ab und steht schon ohne Hover; beim Ueberfahren
   wechselt nur die Farbe. Hoehe und Lage der Zeile bleiben, nichts darunter rutscht. */
.t2k-blog .plist a{display:flex;align-items:center;gap:18px;padding:16px 12px;border-radius:10px;
  text-decoration:none;color:inherit;transition:background-color .18s ease}
.t2k-blog .plist a:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.05),transparent)}
.t2k-blog .plist .t{flex:1;min-width:0;font-size:16.5px;line-height:1.4;font-weight:600;color:rgba(255,255,255,.9)}
.t2k-blog .plist a:hover .t{color:#fff}
.t2k-blog .plist .m{display:flex;align-items:center;gap:9px;flex:none;font-size:12.5px;font-weight:500;
  color:rgba(255,255,255,.5);white-space:nowrap}
.t2k-blog .plist .m .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.28);flex:none}
.t2k-blog .plist .m svg{width:12px;fill:none;stroke:rgba(255,255,255,.4);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t2k-blog .plist .arr{flex:none;width:15px;opacity:0;transition:opacity .18s}
.t2k-blog .plist .arr svg{width:15px;fill:var(--acc)}
.t2k-blog .plist a:hover .arr{opacity:1}

/* =========================================================
   Quer-Navigation zu den anderen Themenbereichen
   ========================================================= */
.t2k-blog .cross{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.t2k-blog .xc{
  position:relative;overflow:hidden;isolation:isolate;text-decoration:none;color:inherit;
  border:1px solid var(--hair);border-radius:20px;padding:26px 28px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
  display:flex;align-items:center;gap:18px;transition:.22s cubic-bezier(.2,.7,.3,1)}
.t2k-blog .xc::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(at 100% 0%, var(--xglow) 0%, rgba(255,255,255,0) 52%)}
/* Überfahren wie bei den Themenbereich-Kacheln: nur Rand und Schatten */
.t2k-blog .xc:hover{border-color:rgba(219,195,121,.42);box-shadow:0 18px 40px -26px rgba(0,0,0,.85)}
.t2k-blog .xc .ico{width:52px;height:52px;flex:none;border-radius:50%;display:block;border:0;background:none;
  box-shadow:0 0 0 3px #FFFFFF,0 10px 18px -10px rgba(30,40,87,.45)}
.t2k-blog .xc .ico svg{width:22px;stroke:var(--xacc);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.t2k-blog .xc .ico svg .dot{fill:var(--xacc);stroke:none}
.t2k-blog .xc .t{display:flex;flex-direction:column;gap:4px}
.t2k-blog .xc .k{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--xacc)}
.t2k-blog .xc h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.t2k-blog .xc .cnt{font-size:12.5px;color:rgba(255,255,255,.5);font-weight:600}
.t2k-blog .xc .arr{margin-left:auto;flex:none}
.t2k-blog .xc .arr svg{width:16px;fill:var(--xacc);transition:transform .18s}
.t2k-blog .xc:hover .arr svg{transform:translateX(4px)}

/* =========================================================
   Abschluss-Box
   ========================================================= */
.t2k-blog .t2kbox{
  position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(at center center,#0A1432 0%,#1C2A52 100%);
  border:1px solid rgba(221,202,136,.18);border-radius:28px;
  box-shadow:0 5px 10px rgba(0,0,0,.5);
  padding:72px;text-align:center;
}
.t2k-blog .t2kbox::before{
  content:"";position:absolute;inset:-45%;z-index:-1;pointer-events:none;filter:blur(32px);
  background:
    linear-gradient(115deg,transparent 10%,rgba(120,110,255,.16) 14%,rgba(120,110,255,.16) 18%,transparent 22%),
    linear-gradient(115deg,transparent 38%,rgba(232,67,147,.14) 43%,rgba(232,67,147,.14) 46%,transparent 51%),
    linear-gradient(115deg,transparent 66%,rgba(90,140,255,.15) 70%,rgba(90,140,255,.15) 75%,transparent 79%);
}
.t2k-blog .t2kbox .glowbadge{
  display:inline-flex;align-items:center;gap:10px;width:max-content;margin:0 auto 20px;
  font-size:13px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  padding:8px 20px;border-radius:100px;
}
.t2k-blog .t2kbox .glowbadge::before{content:"";width:7px;height:7px;border-radius:50%;background:#3DDC97}
.t2k-blog .t2kbox h2{font-size:56px;line-height:1.1;font-weight:800;letter-spacing:-1.568px;margin:0 0 18px}
.t2k-blog .magenta-text{background:linear-gradient(180deg,#D92B7B 0%,#E85C9E 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t2k-blog .t2kbox .t2klead{max-width:820px;margin:0 auto;font-size:17px;line-height:1.65;color:rgba(255,255,255,.82);font-weight:400}
.t2k-blog .t2kbox .t2kbtn{
  display:inline-block;margin:26px 0 20px;padding:13px 34px;border-radius:100px;
  font-size:17px;font-weight:700;color:var(--ink);text-decoration:none;
  background-image:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 100%);
  border:1px solid var(--gold-line);box-shadow:0 12px 30px -10px rgba(219,195,121,.6);
}
.t2k-blog .t2kbox .ticks{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.t2k-blog .t2kbox .ticks li{display:flex;gap:8px;align-items:center;font-size:15px;color:rgba(255,255,255,.85)}
.t2k-blog .t2kbox .ticks svg{width:14px;fill:#26AF39;flex:none}
.t2k-blog .t2kbox .social{display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px;color:rgba(255,255,255,.85)}
.t2k-blog .t2kbox .social .avs{display:flex}
.t2k-blog .t2kbox .social .avs i{width:34px;height:34px;border-radius:50%;border:2px solid #1C2A52;margin-left:-10px;display:block;
  background:linear-gradient(135deg,#8a9bb5,#c9b18a)}
.t2k-blog .t2kbox .social .avs i:first-child{margin-left:0}

/* =========================================================
   Breakpoints
   ========================================================= */

/* ---- Tablet breit: Verzeichnis wird zur Pill-Reihe ueber dem Text ---- */
@media(max-width:1180px){
  .t2k-blog .layout{grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:"toc side" "main side";gap:28px 32px}
  .t2k-blog .col-toc{margin:0 0 4px}
  .t2k-blog .toc-sticky{position:static}
  .t2k-blog .share{display:none}
  .t2k-blog .toc .k{padding-left:0}
  .t2k-blog .toc ol{flex-direction:row;flex-wrap:wrap;gap:8px}
  .t2k-blog .toc a{border-left:0;border:1px solid var(--hair);border-radius:100px;padding:8px 15px;background:rgba(255,255,255,.03)}
  .t2k-blog .toc a.is-active{border-color:var(--acc);background:rgba(255,255,255,.07)}
  .t2k-blog .toc .prog{display:none}
}

@media(max-width:1024px){
  .t2k-blog .t2kbox{padding:38px}
  .t2k-blog .t2kbox h2{font-size:34px;letter-spacing:-.6px}
}

@media(max-width:960px){
  .t2k-blog .grid{grid-template-columns:1fr 1fr}
  .t2k-blog .cross{grid-template-columns:1fr}
}

/* Flache Bildschirme: Themenliste raus, damit die sticky Box nicht
   hoeher wird als das Fenster und unten abgeschnitten klebt */
@media(max-height:860px){
  .t2k-blog .topics,.t2k-blog .topics-k{display:none}
  .t2k-blog .scta > p{margin-bottom:16px}
}

/* ---- Mobil: alles untereinander, nichts sticky ---- */
@media(max-width:860px){
  .t2k-blog .layout{grid-template-columns:1fr;grid-template-areas:"toc" "main" "side";gap:26px}
  .t2k-blog .side-inner{position:static}
  .t2k-blog .grid{grid-template-columns:1fr}
  .t2k-blog .authorbox{flex-direction:column;gap:14px}

  /* Inhaltsverzeichnis aufklappbar — bei vielen Ueberschriften sonst zu lang */
  .t2k-blog .sb-toc{display:flex}
  .t2k-blog .toc{border:1px solid var(--hair);border-radius:16px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018))}
  .t2k-blog .toc-d > summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;
    padding:15px 18px;user-select:none}
  .t2k-blog .toc-d > summary .k{margin:0;padding:0}
  .t2k-blog .toc-d > summary .cnt{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.45)}
  .t2k-blog .toc-d > summary .chev{margin-left:auto;width:9px;height:9px;flex:none;
    border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);
    transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s}
  .t2k-blog .toc-d[open] > summary .chev{transform:rotate(-135deg) translate(-3px,-3px)}
  .t2k-blog .toc-d[open] > summary{border-bottom:1px solid var(--hair)}
  .t2k-blog .toc-d > ol{padding:12px 14px 14px}
  /* noetig, weil display:flex sonst die Browser-Regel fuer geschlossene details aushebelt */
  .t2k-blog .toc-d:not([open]) > ol{display:none}
  .t2k-blog .toc a{border-left:2px solid rgba(255,255,255,.10);border-radius:0;background:none;padding:9px 10px 9px 14px}
  .t2k-blog .toc a.is-active{border-left-color:var(--acc);background:linear-gradient(90deg,rgba(255,255,255,.07),transparent)}

  .t2k-blog .hero-img{aspect-ratio:16/10;margin-bottom:40px}
  .t2k-blog .prose p{font-size:17px}
}

@media(max-width:640px){
  .t2k-blog .shead{flex-direction:column;align-items:flex-start}
  .t2k-blog .t2kbox{padding:28px 20px}
  .t2k-blog .t2kbox h2{font-size:27px}
  .t2k-blog .faq summary{font-size:15.5px;padding:17px 18px}
  .t2k-blog .faq .a{padding:0 18px 20px 37px}
  .t2k-blog .sources a{padding:14px 16px}
  .t2k-blog .sources .t{font-size:15px}
  .t2k-blog .plist a{flex-wrap:wrap;gap:6px 14px;padding:14px 10px}
  .t2k-blog .plist .t{flex:1 0 100%;font-size:15.5px}
  .t2k-blog .plist .arr{display:none}
}

/* Fallback, wenn der Browser kein backdrop-filter kann */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .t2k-blog .cat,.t2k-blog .catpill{background:rgba(12,23,46,.72)}
}

/* Reduzierte Bewegung: keine Hover-Transformationen und Uebergaenge */
@media(prefers-reduced-motion:reduce){
  .t2k-blog .card,.t2k-blog .cl,.t2k-blog .xc,.t2k-blog .media img,.t2k-blog .readbar{transition:none}
  .t2k-blog .card:hover,.t2k-blog .cl:hover,.t2k-blog .xc:hover{transform:none}
  .t2k-blog .card:hover .media img{transform:none}
}

/* =========================================================
   ELEMENTOR-SHIMS
   Widget-Klassen liegen am Wrapper-Div — diese Regeln
   uebersetzen die Preview-Optik auf die Elementor-Struktur.
   ========================================================= */

/* Pillen auf Heading-Widgets */
.t2k-blog .elementor-widget.eyebrow,
.t2k-blog .elementor-widget.ceyebrow,
.t2k-blog .elementor-widget.pill{background:none;border:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex}
.t2k-blog .hero .elementor-widget.eyebrow,
.t2k-blog .t2kbox .elementor-widget.glowbadge{justify-content:center}
.t2k-blog .elementor-widget.eyebrow .elementor-heading-title{
  display:inline-flex;align-items:center;gap:9px;
  font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.20);
  background:linear-gradient(90deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  padding:9px 20px;border-radius:100px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.t2k-blog .elementor-widget.ceyebrow .elementor-heading-title{
  display:inline-flex;align-items:center;gap:9px;
  font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  padding:8px 18px;border-radius:100px}
.t2k-blog .elementor-widget.ceyebrow .elementor-heading-title::before{
  content:"";width:17px;height:17px;flex:none;background:var(--acc);
  -webkit-mask:var(--cicon) center/contain no-repeat;mask:var(--cicon) center/contain no-repeat;
  filter:drop-shadow(0 0 6px var(--acc))}
.t2k-blog .elementor-widget.glowbadge .elementor-heading-title{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  padding:8px 20px;border-radius:100px}
.t2k-blog .elementor-widget.glowbadge .elementor-heading-title::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#3DDC97}
.t2k-blog .scta .elementor-widget.pill{justify-content:center}
.t2k-blog .scta .elementor-widget.pill .elementor-heading-title{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:600;letter-spacing:.05em;color:rgba(255,255,255,.88);
  padding:7px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}
.t2k-blog .scta .elementor-widget.pill .elementor-heading-title::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#3DDC97;box-shadow:0 0 8px 1px rgba(61,220,151,.7)}

/* Hero-/Box-Ueberschriften */
.t2k-blog .elementor-widget.big .elementor-heading-title{
  font-size:clamp(40px,6vw,74px);line-height:1.04;font-weight:800;letter-spacing:-.032em;margin:0 auto;max-width:16ch}
.t2k-blog .t2kbox .elementor-heading-title{color:#fff}
.t2k-blog .ahead .elementor-widget-heading h1.elementor-heading-title{
  font-size:clamp(34px,4.6vw,56px);line-height:1.08;font-weight:800;letter-spacing:-.03em}
.t2k-blog .chero .elementor-widget-heading h1.elementor-heading-title{
  font-size:clamp(36px,5.2vw,62px);line-height:1.06;font-weight:800;letter-spacing:-.03em}
.t2k-blog .scta .elementor-widget-heading:not(.pill) .elementor-heading-title{
  font-size:19px;line-height:1.24;font-weight:800;letter-spacing:-.03em;color:#fff}
.t2k-blog .t2kbox .elementor-widget-heading h2.elementor-heading-title{
  font-size:56px;line-height:1.1;font-weight:800;letter-spacing:-1.568px;color:#fff}
@media(max-width:1024px){.t2k-blog .t2kbox .elementor-widget-heading h2.elementor-heading-title{font-size:34px;letter-spacing:-.6px}}
@media(max-width:640px){.t2k-blog .t2kbox .elementor-widget-heading h2.elementor-heading-title{font-size:27px}}

/* Buttons */
.t2k-blog .t2kbtn-w .elementor-button,
.t2k-blog .sbtn-w .elementor-button{
  background-image:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 100%);
  color:var(--ink);border:1px solid var(--gold-line);border-radius:100px;
  font-weight:700;transition:.18s ease;
  box-shadow:0 12px 30px -10px rgba(219,195,121,.6)}
.t2k-blog .t2kbtn-w .elementor-button{font-size:17px;padding:13px 34px}
.t2k-blog .sbtn-w{width:100%}
.t2k-blog .sbtn-w .elementor-button{display:block;width:100%;font-size:14px;padding:12px 16px;text-align:center;
  box-shadow:0 10px 24px -10px rgba(219,195,121,.6)}
.t2k-blog .t2kbtn-w .elementor-button:hover,
.t2k-blog .sbtn-w .elementor-button:hover{color:var(--ink)}
.t2k-blog .t2kbox .elementor-widget-button{display:flex;justify-content:center;margin:26px 0 20px}

/* Loop Grid */
.t2k-blog .t2k-grid .elementor-loop-container{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:960px){.t2k-blog .t2k-grid .elementor-loop-container{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.t2k-blog .t2k-grid .elementor-loop-container{grid-template-columns:1fr}}
.t2k-blog .t2k-grid .e-loop-item{display:flex}
.t2k-blog .t2k-grid .e-loop-item > div{width:100%}
.t2k-blog .t2k-loopwrap{padding:0}
.t2k-blog .t2k-grid .card{height:100%}
.t2k-blog .elementor-widget-loop-grid .e-load-more-spinner{color:var(--gold-line)}
.t2k-blog .elementor-widget-loop-grid > .elementor-widget-container > .elementor-button-wrapper{display:flex;justify-content:center;margin-top:46px}
.t2k-blog .elementor-widget-loop-grid .elementor-button-wrapper .elementor-button{
  background:rgba(255,255,255,.035);color:var(--gold-line);
  border:1px solid rgba(219,195,121,.38);border-radius:100px;
  font-size:15px;font-weight:700;padding:13px 32px;transition:.2s}
.t2k-blog .elementor-widget-loop-grid .elementor-button-wrapper .elementor-button:hover{
  color:var(--gold-1);border-color:var(--gold-line);background:rgba(219,195,121,.09)}

/* Medaillons in Themenbereich-Karten und Quernav: die Scheibe füllt den Kreis (108 %), den Ring macht der Schatten */
.t2k-blog .cl .ico .cicon,.t2k-blog .xc .ico .cicon{
  display:block;width:100%;height:100%;border-radius:50%;background:var(--cbild) center/108% no-repeat}

/* Breadcrumb (Rank Math) im Stil der Crumbs */
.t2k-blog .crumbs-wrap .rank-math-breadcrumb{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.5)}
.t2k-blog .crumbs-wrap .rank-math-breadcrumb p{margin:0;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.t2k-blog .crumbs-wrap .rank-math-breadcrumb a{color:rgba(255,255,255,.72);text-decoration:none}
.t2k-blog .crumbs-wrap .rank-math-breadcrumb a:hover{color:var(--acc)}
.t2k-blog .crumbs-wrap .rank-math-breadcrumb .separator{color:rgba(255,255,255,.28)}
.t2k-blog .crumbs-wrap .rank-math-breadcrumb .last{color:rgba(255,255,255,.5)}
.t2k-blog .chero .crumbs-wrap .rank-math-breadcrumb .last{color:var(--acc)}

/* Quellen: Redaktions-HTML aus dem Feld */
.t2k-blog .src-body ul{list-style:none;margin:0;padding:0;
  border:1px solid var(--hair);border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.t2k-blog .src-body li{margin:0}
.t2k-blog .src-body li + li{border-top:1px solid rgba(255,255,255,.07)}
.t2k-blog .src-body li a{display:block;padding:15px 20px;text-decoration:none;
  font-size:15.5px;line-height:1.45;font-weight:600;color:rgba(255,255,255,.9);
  transition:.18s cubic-bezier(.2,.7,.3,1)}
.t2k-blog .src-body li a:hover{background:rgba(255,255,255,.05);color:#fff}
.t2k-blog .src-body p{margin:0 0 12px;font-size:14.5px;color:var(--txt-3)}

/* FAQ-Antworten aus dem Renderer (div statt p) */
.t2k-blog .faq .a{padding:0 24px 22px 43px;font-size:15px;line-height:1.72;color:var(--txt-3)}
.t2k-blog .faq .a p{margin:0 0 10px}
.t2k-blog .faq .a p:last-child{margin:0}
@media(max-width:640px){.t2k-blog .faq .a{padding:0 18px 20px 37px}}

/* Meta-Zeile: Avatarbild */
.t2k-blog .ameta .who{display:flex;align-items:center;gap:9px}
.t2k-blog .ameta .who img.avimg{width:26px;height:26px;border-radius:50%;object-fit:cover}
.t2k-blog .authorbox .av--img{background:none;border:2px solid rgba(255,255,255,.14);overflow:hidden;padding:0}
.t2k-blog .authorbox .av--img img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Kleinkram */
.t2k-blog .t2k-hairwrap p{margin:0}
.t2k-blog .hero .elementor-widget-text-editor p{max-width:62ch;margin-left:auto;margin-right:auto}
.t2k-blog .t2kbox .elementor-widget-text-editor .t2klead{max-width:820px;margin:0 auto}
.t2k-blog .elementor-widget-theme-post-content.prose{max-width:none}
.t2k-blog .disclaimer p{margin:0}

/* =========================================================
   STRUKTUR-ANGLEICH AN DIE VORLAGEN
   Elementor-Container liefern nur das Geruest; Breiten,
   Abstaende und Farben kommen wie in den Vorlagen aus dem CSS.
   ========================================================= */

/* Die Innenabstaende aller Container liegen als Einstellung im Template und
   sind dort einstellbar. Hier steht nichts, was sie ueberschreibt. */
.t2k-blog .t2k-page > .e-con-inner{max-width:none;width:100%}

/* .sec uebernimmt die Rolle von .wrap aus den Vorlagen */
/* Breite und Zentrierung bleiben im Stylesheet, die Abstaende liegen
   als Container-Einstellung im Template und sind dort einstellbar. */
.t2k-blog .sec,
.t2k-blog .chero,
.t2k-blog .ahead,
.t2k-blog .hero{width:100%;max-width:1160px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.t2k-blog .hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}
.t2k-blog .chero{align-items:flex-start}
.t2k-blog .ahead{align-items:flex-start}
/* die Textbreite begrenzen, nicht den Container */
.t2k-blog .chero > *,
.t2k-blog .ahead > *{max-width:860px;width:100%}
.t2k-blog .hero > *{width:100%}


/* Dreispalter: Elementor-Spalten als echte Grid-Kinder */
.t2k-blog .layout{width:100%}
.t2k-blog .col-toc,
.t2k-blog .col-main,
.t2k-blog .col-side{display:block;width:auto;max-width:none}
.t2k-blog .col-main{min-width:0}
.t2k-blog .col-toc > .toc-sticky{display:block;width:auto}
.t2k-blog .col-side > .side-inner{display:flex;flex-direction:column;gap:16px;width:auto}

/* Ueberschriften: Elementors Kit-Farbe ueberschreiben */
.t2k-blog .elementor-widget-heading .elementor-heading-title{color:#fff}
.t2k-blog .shead .elementor-heading-title{
  font-size:clamp(23px,2.5vw,30px);line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:0}
.t2k-blog .shead{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 26px}
.t2k-blog .shead .elementor-widget-text-editor p{margin:0;color:var(--txt-3);font-size:15px;line-height:1.6;max-width:56ch}
.t2k-blog .eyebrow .elementor-heading-title,
.t2k-blog .ceyebrow .elementor-heading-title{color:inherit}
.t2k-blog .ceyebrow .elementor-heading-title{color:var(--acc)}
.t2k-blog .magenta{background:linear-gradient(180deg,var(--magenta-1) 0%,var(--magenta-2) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.t2k-blog .magenta-text{background:linear-gradient(180deg,#D92B7B 0%,#E85C9E 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Text-Widgets: Elementors Farbe raus, Vorlagenwerte rein */
.t2k-blog .elementor-widget-text-editor{color:var(--txt-2)}
.t2k-blog .lead .elementor-widget-container > p,
.t2k-blog .lead p{font-size:17.5px;line-height:1.7;color:var(--txt-2);margin:0}
.t2k-blog .ahead .lead p{font-size:19px;line-height:1.68}
.t2k-blog .hero .lead p{max-width:62ch;margin:0 auto}
.t2k-blog .chero .lead p{max-width:64ch}

/* Abstaende zwischen den Bausteinen wie in den Vorlagen */
.t2k-blog .hero .elementor-widget:not(:last-child){margin-bottom:0}
.t2k-blog .hero .eyebrow{margin-bottom:26px}
.t2k-blog .hero .big{margin-bottom:22px}
.t2k-blog .chero .crumbs-wrap{margin-bottom:22px}
.t2k-blog .chero .ceyebrow{margin-bottom:22px}
.t2k-blog .chero .elementor-widget-heading{margin-bottom:20px}
.t2k-blog .chero .lead{margin-bottom:32px}
.t2k-blog .ahead .crumbs-wrap{margin-bottom:22px}
.t2k-blog .ahead .elementor-widget-shortcode:first-of-type{margin-bottom:20px}
.t2k-blog .ahead .elementor-widget-heading{margin-bottom:20px}
.t2k-blog .ahead .lead{margin-bottom:28px}

/* Hairline-Trenner */
.t2k-blog .t2k-hairwrap{width:100%}
.t2k-blog .t2k-hairwrap hr.hair{margin:0 0 34px}

/* Beitragsbild der Einzelseite */
.t2k-blog .hero-img{width:100%;max-width:1160px;margin:0 auto 64px;padding:0 28px;box-sizing:border-box}
.t2k-blog .hero-img .elementor-widget-container{position:relative;overflow:hidden;isolation:isolate;
  border-radius:24px;border:1px solid var(--hair);background:#090F23;aspect-ratio:21/9}
.t2k-blog .hero-img img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.82) contrast(1.06) brightness(.80)}
.t2k-blog .hero-img .elementor-widget-container::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,11,27,.38) 0%,rgba(5,11,27,0) 34%,rgba(5,11,27,.58) 100%),
             radial-gradient(70% 60% at 82% 6%,var(--glow) 0%,rgba(0,0,0,0) 62%)}
.t2k-blog .hero-img .elementor-widget-container::before{content:"";position:absolute;left:0;right:0;bottom:0;
  height:2px;z-index:3;background:var(--acc);opacity:.9}
@media(max-width:860px){
  .t2k-blog .hero-img{margin-bottom:40px}
  .t2k-blog .hero-img .elementor-widget-container{aspect-ratio:16/10}
}
@media(max-width:640px){.t2k-blog .hero-img{padding:0 20px}}

/* Lesefortschritt ausserhalb des Textflusses */
.t2k-blog .t2k-readbarwrap{position:absolute;width:0;height:0;overflow:visible;margin:0;padding:0}

/* Sidebar-CTA: Elementor-Wrapper transparent halten */
.t2k-blog .scta > .elementor-widget,
.t2k-blog .t2kbox > .elementor-widget{width:100%}
.t2k-blog .t2kbox{text-align:center;align-items:center}
.t2k-blog .t2kbox .elementor-widget-text-editor{width:100%}
.t2k-blog .scta{text-align:center;align-items:center}

/* Spezifitaet gegen Elementors max-width-Regel fuer Widgets anheben */
.t2k-blog .t2k-page > .hero-img.elementor-widget.elementor-widget-image{
  width:100%;max-width:1160px;margin:0 auto 64px;padding:0 28px;box-sizing:border-box}
@media(max-width:860px){
  .t2k-blog .t2k-page > .hero-img.elementor-widget.elementor-widget-image{margin-bottom:40px}
}
@media(max-width:640px){
  .t2k-blog .t2k-page > .hero-img.elementor-widget.elementor-widget-image{padding:0 20px}
}

/* Doppelte Pille vermeiden: den Icon-/Rahmenstil traegt nur das Innenelement */
.t2k-blog .elementor-widget.ceyebrow::before,
.t2k-blog .elementor-widget.eyebrow::before,
.t2k-blog .scta .elementor-widget.pill::before{content:none}
.t2k-blog .elementor-widget.ceyebrow,
.t2k-blog .elementor-widget.eyebrow,
.t2k-blog .scta .elementor-widget.pill{
  border:0;background:none;padding:0;border-radius:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;width:100%}

/* =========================================================
   ANGLEICH AN DIE VORLAGEN — Schlussfassung
   ========================================================= */

/* ---------- Schriftart: Elementor-Globaltypografie ueberschreiben ---------- */
body.t2k-blog{
  --e-global-typography-primary-font-family:"Montserrat";
  --e-global-typography-secondary-font-family:"Montserrat";
  --e-global-typography-text-font-family:"Montserrat";
  --e-global-typography-accent-font-family:"Montserrat";
}
.t2k-blog .elementor-widget-heading .elementor-heading-title,
.t2k-blog .elementor-widget-text-editor,
.t2k-blog .elementor-widget-text-editor p,
.t2k-blog .elementor-widget-text-editor li,
.t2k-blog .elementor-button,
.t2k-blog .elementor-widget-loop-grid .elementor-button,
.t2k-blog .elementor-widget-shortcode,
.t2k-blog [class*="elementor-widget-t2k-"]{font-family:"Montserrat",system-ui,sans-serif}

/* ---------- Sticky wie in den Vorlagen ----------
   Beide Randspalten kleben bei 120px, auf Mobil erscheint
   die schwebende Inhalt-Schaltflaeche. */
.t2k-blog .toc-sticky{position:sticky;top:var(--t2k-oben)}
.t2k-blog .side-inner{position:sticky;top:var(--t2k-oben);display:flex;flex-direction:column;gap:16px}
@media(max-width:1180px){
  .t2k-blog .toc-sticky{position:static}
  .t2k-blog .share{display:none}
}
@media(max-height:860px){
  .t2k-blog .topics,.t2k-blog .topics-k{display:none}
  .t2k-blog .scta > p{margin-bottom:16px}
}
@media(max-width:860px){
  .t2k-blog .side-inner{position:static}
  .t2k-blog .sb-toc{display:flex}
}

/* ---------- Gold-Haarlinie wie in der Vorlage ---------- */
.t2k-blog .hair,
.t2k-blog .t2k-hairwrap hr.hair{
  opacity:1;
  background:linear-gradient(90deg,var(--gold-line) 0%,rgba(219,195,121,.22) 22%,rgba(255,255,255,.06) 60%,transparent 100%);
  margin:0 0 34px}

/* ---------- Abschnittskopf: Werte und Zeilenlayout ---------- */
.t2k-blog .shead{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}
.t2k-blog .shead > *{max-width:none}
.t2k-blog .shead .elementor-heading-title,
.t2k-blog .shead h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2}


/* ---------- Quer-Navigation: Glow, Kicker und Pfeil in Akzentfarbe ---------- */
.t2k-blog .xc{--xacc:var(--acc);--xglow:var(--glow)}
.t2k-blog .xc .arr svg{fill:var(--acc)}
.t2k-blog .xc .k{color:var(--acc)}
.t2k-blog .xc .ico svg{stroke:var(--acc)}

/* ---------- Gruene Haken ohne Markup-Eingriff ---------- */
.t2k-blog .t2kbox .ticks li,
.t2k-blog .sticks li{display:flex;align-items:center;gap:8px}
.t2k-blog .t2kbox .ticks li::before,
.t2k-blog .sticks li::before{
  content:"";flex:none;background:#26AF39;
  -webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M173.9 439.4 7.5 273c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2L210.1 439.4c-10 10-26.2 10-36.2 0z'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M173.9 439.4 7.5 273c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2L210.1 439.4c-10 10-26.2 10-36.2 0z'/></svg>") center/contain no-repeat}
.t2k-blog .t2kbox .ticks li::before{width:14px;height:14px}
.t2k-blog .sticks li::before{width:11px;height:11px}

/* ---------- Breadcrumb: Chevron statt Bindestrich ---------- */
.t2k-blog .crumbs-wrap .rank-math-breadcrumb .separator{font-size:0;display:inline-flex;align-items:center}
.t2k-blog .crumbs-wrap .rank-math-breadcrumb .separator::after{
  content:"";display:inline-block;width:12px;height:12px;background:rgba(255,255,255,.28);
  -webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.3 5.3 16 12l-6.7 6.7-1.4-1.4L13.2 12 7.9 6.7z'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.3 5.3 16 12l-6.7 6.7-1.4-1.4L13.2 12 7.9 6.7z'/></svg>") center/contain no-repeat}

/* ---------- Prosa: Themenbereich 16,5 px, Beitrag 18 px (wie die Vorlagen) ---------- */
.t2k-blog.archive .prose p{font-size:16.5px;line-height:1.78;color:var(--txt-2);margin:0 0 16px}
.t2k-blog.archive .prose h2{font-size:clamp(23px,2.4vw,30px);margin:46px 0 18px}
.t2k-blog.archive .prose h3{font-size:19px;margin:30px 0 18px}
/* Auf Themenbereichsseiten steht h2 auf 14px unten - die uebrigen ziehen mit. */
.t2k-blog.archive .prose h4{margin-bottom:20px}
.t2k-blog.archive .prose h5{margin-bottom:22px}
.t2k-blog.archive .prose h6{margin-bottom:24px}
.t2k-blog.archive .prose ul li{font-size:16px;padding-left:26px}
.t2k-blog.archive .prose ul li::before{left:4px;top:11px}
.t2k-blog.archive .tldr p{font-size:14.5px}
.t2k-blog.single .prose p{font-size:18px;line-height:1.78;color:var(--read);margin:0 0 20px}
.t2k-blog .tldr{margin:0 0 34px}
.t2k-blog .authorbox{margin:38px 0 0;padding:24px 26px}

/* =========================================================
   QUELLENVERZEICHNIS — bewusst zurueckhaltend
   Kein Karten-Look, sondern ein Verzeichnis: kleine Schrift,
   haengende Nummern, feine Trennlinien.
   ========================================================= */
.t2k-blog .sources{margin:44px 0 0;padding-top:26px;border-top:1px solid var(--hair)}
.t2k-blog .sources .src-h{
  font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.42);margin:0 0 16px;scroll-margin-top:var(--t2k-oben)}
.t2k-blog .srclist{list-style:none;margin:0;padding:0;counter-reset:none}
.t2k-blog .srclist li{margin:0;border:0;background:none}
.t2k-blog .srclist li + li{border-top:1px solid rgba(255,255,255,.05)}
/* Die Flaeche der Hervorhebung (Hover und Ziel einer Fussnote) schliesst buendig mit der Liste ab und steht
   schon ohne Hover; beim Ueberfahren wechseln nur die Farben. */
.t2k-blog .srclist li > a,
.t2k-blog .srclist li > .q-plain{
  display:flex;align-items:baseline;gap:12px;padding:9px 12px;border-radius:8px;text-decoration:none;
  color:rgba(255,255,255,.62);transition:color .18s ease,background-color .18s ease}
/* Die Spezifitaet muss .sources a:hover (0,3,1) schlagen, daher li > a. Sonst
   setzt die abgeloeste Regel einen Kasten ohne Radius. */
.t2k-blog .srclist li > a:hover{
  background:rgba(255,255,255,.05);color:rgba(255,255,255,.92)}
.t2k-blog .srclist .q-nr{
  flex:none;min-width:20px;font-size:11.5px;font-weight:700;line-height:1.7;
  color:var(--acc);opacity:.75;font-variant-numeric:tabular-nums}
.t2k-blog .srclist li > a:hover .q-nr{opacity:1}
.t2k-blog .srclist .q-t{flex:1;min-width:0;font-size:14px;line-height:1.55;font-weight:500}
.t2k-blog .srclist .q-src{
  display:block;margin-top:2px;font-size:11.5px;font-weight:500;
  color:rgba(255,255,255,.32);letter-spacing:.01em}
/* Ziel einer Fussnote kurz hervorheben */
/* Hervorhebung buendig in der Liste; sie verblasst nach gut zwei Sekunden. Ohne das Verblassen bliebe sie stehen,
   solange der Anker in der Adresse steht, und wirkt dann wie ein haengender Hover. */
@keyframes t2k-quelle-hervor{0%,45%{opacity:1}100%{opacity:0}}
.t2k-blog .srclist li:target{background:none}
.t2k-blog .srclist li:target > a,
.t2k-blog .srclist li:target > .q-plain{
  position:relative}
/* Eigene Ebene, damit die Deckkraft weich verblasst. Ein Verlauf laesst sich
   nicht zuverlaessig interpolieren, der Browser schaltet hart um. */
.t2k-blog .srclist li:target > a::before,
.t2k-blog .srclist li:target > .q-plain::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  border-radius:8px;
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,0));
  animation:t2k-quelle-hervor 2.6s ease-out forwards}
.t2k-blog .srclist li:target .q-nr{opacity:1}

/* ---------- Fussnote im Text: dezentes Liquid Glass ---------- */
.t2k-blog .t2k-fn{
  display:inline-block;vertical-align:super;line-height:1;margin-left:2px;
  font-size:10px;font-weight:700;letter-spacing:.02em}
.t2k-blog .t2k-fn a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:17px;height:17px;padding:0 4px;border-radius:6px;
  color:rgba(255,255,255,.9);text-decoration:none;
  background:linear-gradient(145deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 55%,rgba(255,255,255,.11) 100%);
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 2px 6px -2px rgba(0,0,0,.6);
  transition:.18s ease}
.t2k-blog .t2k-fn a:hover{
  color:#fff;border-color:var(--acc);
  background:linear-gradient(145deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 55%,rgba(255,255,255,.16) 100%)}
.t2k-blog .t2k-fn a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* ---------- FAQ-Unterzeile ---------- */
.t2k-blog .faq-sub{margin:0 0 22px;color:var(--txt-3);font-size:15px;line-height:1.6}

/* =========================================================
   KORREKTUREN NACH DEM LIVE-ABGLEICH
   Elementor 4.2 rendert kein .elementor-widget-container mehr —
   Widget-Innenraum wird direkt am Widget-Element gestaltet.
   ========================================================= */

/* ---------- Haarlinie: liegt auf dem Widget selbst ---------- */
.t2k-blog .t2k-hairwrap{
  height:1px;margin:0 0 34px;border:0;
  background:linear-gradient(90deg,var(--gold-line) 0%,rgba(219,195,121,.22) 22%,rgba(255,255,255,.06) 60%,transparent 100%)}
.t2k-blog.archive .t2k-hairwrap,
.t2k-blog.single .t2k-hairwrap{
  background:linear-gradient(90deg,var(--acc) 0%,rgba(255,255,255,.10) 26%,transparent 100%)}
.t2k-blog .t2k-hairwrap hr.hair,
.t2k-blog .t2k-hairwrap p{display:none}

/* ---------- Beitragsbild: Rahmen gehoert ans Bild, nicht an den Kasten ---------- */
.t2k-blog .hero-img,
.t2k-blog .t2k-page > .hero-img.elementor-widget.elementor-widget-image{
  border:0;border-radius:0;aspect-ratio:auto;background:none;overflow:visible;isolation:auto;box-shadow:none}
.t2k-blog .hero-img::before,
.t2k-blog .hero-img::after{content:none}
/* Das ganze Beitragsbild zeigen (16:10 wie erzeugt), in voller Inhaltsbreite – buendig mit
   Inhaltsverzeichnis und Seitenbox. Ein Breitbild-Rahmen (21:9) schnitt oben und unten rund 30 % ab. */
.t2k-blog .hero-img img{
  display:block;width:100%;aspect-ratio:16/10;object-fit:cover;
  border-radius:24px;border:1px solid var(--hair);background:#090F23;
  filter:saturate(.82) contrast(1.06) brightness(.80)}

/* ---------- Seitenhintergrund ----------
   Muss dem Ton der Seiten-Huelle entsprechen. Die Huelle deckt praktisch die
   ganze Seite ab; der Body wird nur dort sichtbar, wo sie nicht hinreicht:
   auf iOS hinter der Adressleiste und beim Ueberscrollen. Ein abweichender
   Ton erscheint dort als dunklerer Streifen. Auch html einfaerben, damit die
   Leinwand nicht von der Weitergabe des Body-Hintergrunds abhaengt. */
html:has(body.t2k-blog){background-color:#050B1B}
body.t2k-blog.t2k-blog{background-color:#050B1B}

/* ---------- Leere Abschnitte einklappen ----------
   Liefert ein eigenes Widget keinen Inhalt, laesst Elementor es
   vollstaendig weg. Ein als optional markierter Abschnitt ohne
   eigenes Widget hat also nichts zu zeigen. */
.t2k-blog .elementor-widget-shortcode:has(> .elementor-shortcode:empty){display:none}
.t2k-blog .sec:has(> .shead + .t2k-hairwrap + .elementor-widget-shortcode:has(> .elementor-shortcode:empty)){display:none}

/* ---------- Praxis-Tipp und Hinweis: Symbole per Maske ---------- */
.t2k-blog .disclaimer{align-items:flex-start}
.t2k-blog .disclaimer::before{
  content:"";flex:none;width:18px;height:18px;margin-top:2px;background:rgba(255,255,255,.45);
  -webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M12 8h.01M11 12h1v4h1'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M12 8h.01M11 12h1v4h1'/></svg>") center/contain no-repeat}

/* ---------- Aktualisiert-Angabe mit Symbol ---------- */
.t2k-blog .t2k-updated{display:inline-flex;align-items:center;gap:7px}
.t2k-blog .t2k-updated::before{
  content:"";flex:none;width:14px;height:14px;background:rgba(255,255,255,.45);
  -webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20.5 12a8.5 8.5 0 1 1-2.5-6'/><path d='M18.5 3v3.2h-3.2'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20.5 12a8.5 8.5 0 1 1-2.5-6'/><path d='M18.5 3v3.2h-3.2'/></svg>") center/contain no-repeat}

/* ---------- Abstand Breadcrumb -> Kategorie-Pille ---------- */
.t2k-blog .ahead .crumbs-wrap{margin-bottom:22px}
.t2k-blog .ahead .elementor-widget-shortcode:first-of-type{margin-bottom:22px}

/* ---------- Tote Regeln neutralisieren ---------- */
.t2k-blog .authorbox{max-width:none}

/* Optionale Abschnitte verschwinden, wenn ihr Inhalt leer bleibt */
.t2k-blog .t2k-optional:has(> .elementor-widget-shortcode > .elementor-shortcode:empty),
.t2k-blog .t2k-optional:not(:has([class*="elementor-widget-t2k-"])){display:none}

/* =========================================================
   STICKY-VORAUSSETZUNG
   Das Theme kappt waagerechten Ueberlauf mit overflow-x:hidden.
   Dadurch wird der Body selbst zum Scroll-Container, waehrend
   tatsaechlich das Fenster scrollt — position:sticky bekommt so
   nie einen Versatz und bleibt wirkungslos.
   clip kappt genauso, erzeugt aber keinen Scroll-Container.
   ========================================================= */
@supports (overflow:clip){
  body.t2k-blog{overflow-x:clip;overflow-y:visible}
}

/* ---------- Sticky-Schaltflaeche unter der Kopfzeile der Website ----------
   In den Vorlagen sitzt sie 14 px unter der Fensterkante. Live liegt dort
   die fixierte Kopfleiste; --t2k-kopf meldet deren Unterkante, sodass der
   Abstand derselbe bleibt. Ohne Kopfzeile faellt der Wert auf 0 zurueck. */
.t2k-blog .sb-toc{top:calc(14px + var(--t2k-kopf,80px))}
.t2k-blog .tocsheet{top:calc(68px + var(--t2k-kopf,80px));max-height:calc(84vh - var(--t2k-kopf,80px))}

/* ---------- Autorenarchiv ----------
   Die Kurzvorstellung kommt als dynamisches Feld ohne Absatz-Auszeichnung.
   Deshalb greift die Vorlagen-Typografie hier direkt am Widget-Innenkasten. */
.t2k-blog .hero .lead > .elementor-widget-container:not(:has(p)){
  font-size:17.5px;line-height:1.7;color:var(--txt-2);max-width:62ch;margin:0 auto}
.t2k-blog .chero .lead > .elementor-widget-container:not(:has(p)),
.t2k-blog .ahead .lead > .elementor-widget-container:not(:has(p)){
  font-size:19px;line-height:1.68;color:var(--txt-2);max-width:64ch}
/* Autorenname im Archivtitel ohne eigene Auszeichnung */
.t2k-blog .hero .big .elementor-heading-title .vcard{font-style:normal}

/* ---------- Vorteilsliste in der Sidebar-Box ---------- */
.t2k-blog .scta .scta-liste{margin-top:14px;text-align:left}

/* ---------- Hinweisboxen: Varianten ----------
   Beschriftung und Zeichen beziehen ihre Farbe aus --acc. Es genuegt also,
   diese Variable an der Box zu setzen. Der Praxis-Tipp behaelt bewusst die
   Akzentfarbe des Themenbereichs, die beiden neuen tragen eine feste Farbe,
   damit sie ueberall auseinanderzuhalten sind. */
.t2k-blog .tip--wissen{--acc:#8FB0FF;border-color:rgba(143,176,255,.24)}
.t2k-blog .tip--mehr{--acc:#E85C9E;border-color:rgba(232,92,158,.24)}

/* =========================================================
   VIDEO-EINBETTUNG
   Der Rahmen traegt dieselbe Bildbehandlung wie Kacheln und
   Beitragsbild: entsaettigt und abgedunkelt, Verlauf nach unten,
   Leuchten in der Farbe des Themenbereichs, Akzentkante unten.
   Nach dem Klick verschwinden die Auflagen, damit sie nicht
   ueber dem laufenden Bild liegen.
   ========================================================= */
.t2k-blog .vid{margin:0 0 30px}
.t2k-blog .vid--hero{margin:0 0 34px}

.t2k-blog .vid .vid-rahmen{position:relative;overflow:hidden;isolation:isolate;
  aspect-ratio:16/9;border-radius:24px;border:1px solid var(--hair);background:#090F23}
.t2k-blog .vid .vid-bild{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.62) contrast(1.04) brightness(.66);transition:filter .3s ease}
/* Schleier in Navy mit dem Farbton des Themenbereichs, zur Mitte hin dichter:
   Das Vorschaubild tritt zurueck, der goldene Knopf steht davor. */
.t2k-blog .vid .vid-rahmen::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(34% 48% at 50% 50%,rgba(5,11,27,.46) 0%,rgba(5,11,27,0) 100%),
    linear-gradient(180deg,rgba(5,11,27,.67) 0%,rgba(5,11,27,.46) 46%,rgba(5,11,27,.91) 100%),
    linear-gradient(var(--glow-2),var(--glow-2)),
    radial-gradient(70% 60% at 82% 6%,var(--glow) 0%,rgba(0,0,0,0) 62%)}
.t2k-blog .vid .vid-rahmen::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  z-index:3;background:var(--acc);opacity:.9}

/* ---------- Infoleiste ueber der Einbettung ----------
   Klebt am Rahmen: oben gerundet, unten gerade, ohne Trennkante dazwischen. */
.t2k-blog .vid .vid-kopf{padding:16px 20px 15px;
  border:1px solid var(--hair);border-bottom:0;border-radius:24px 24px 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}
.t2k-blog .vid .vid-zeile{display:flex;align-items:center;gap:10px;margin:0 0 9px}
.t2k-blog .vid .vid-marke{display:inline-flex;align-items:center;gap:7px;
  font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.t2k-blog .vid .vid-marke svg{width:14px;flex:none;fill:none;stroke:var(--acc);
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.t2k-blog .vid .vid-dauer{margin-left:auto;display:inline-flex;align-items:center;gap:5px;
  font-size:11.5px;font-weight:600;color:rgba(255,255,255,.45)}
.t2k-blog .vid .vid-dauer svg{width:12px;flex:none;fill:none;stroke:rgba(255,255,255,.45);
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.t2k-blog .vid .vid-titel{display:block;margin:0 0 5px;font-size:16px;line-height:1.34;
  font-weight:700;letter-spacing:-.012em;color:#fff}
.t2k-blog .vid .vid-info{display:block;font-size:13.5px;line-height:1.6;color:var(--txt-3)}
.t2k-blog .vid--kopf .vid-rahmen{border-radius:0 0 24px 24px}

/* ---------- Abspielknopf ---------- */
.t2k-blog .vid .vid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:4;width:76px;height:76px;padding:0;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--gold-line);
  background-image:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 100%);
  box-shadow:0 14px 34px -12px rgba(219,195,121,.75);
  transition:transform .2s cubic-bezier(.2,.7,.3,1), box-shadow .2s ease}
.t2k-blog .vid .vid-play span{display:block;width:0;height:0;margin-left:5px;
  border-top:13px solid transparent;border-bottom:13px solid transparent;
  border-left:21px solid var(--ink)}
.t2k-blog .vid .vid-play:hover{transform:translate(-50%,-50%) scale(1.06);
  box-shadow:0 18px 40px -12px rgba(219,195,121,.9)}
.t2k-blog .vid .vid-play:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
.t2k-blog .vid:hover .vid-bild{filter:saturate(.7) contrast(1.04) brightness(.74)}

/* ---------- Nach dem Klick ---------- */
.t2k-blog .vid .vid-rahmen.is-an::before,
.t2k-blog .vid .vid-rahmen.is-an::after{content:none}
.t2k-blog .vid .vid-rahmen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- Bildunterschrift ---------- */
.t2k-blog .vid figcaption{margin:8px 0 0;font-size:13.5px;line-height:1.6;color:var(--txt-3)}

@media(max-width:640px){
  .t2k-blog .vid,.t2k-blog .vid--hero{margin-bottom:24px}
  .t2k-blog .vid .vid-rahmen{border-radius:18px}
  .t2k-blog .vid .vid-kopf{padding:14px 16px 13px;border-radius:18px 18px 0 0}
  .t2k-blog .vid--kopf .vid-rahmen{border-radius:0 0 18px 18px}
  .t2k-blog .vid .vid-titel{font-size:15px}
  .t2k-blog .vid .vid-play{width:62px;height:62px}
  .t2k-blog .vid .vid-play span{border-top-width:11px;border-bottom-width:11px;border-left-width:17px}
}

/* ---------- Seitenbox im Beitragstext ----------
   Auf schmalen Breiten wandert dieselbe Box aus der Seitenspalte in den
   Text. Dort darf sie die volle Spaltenbreite nutzen und braucht Luft
   nach oben und unten statt des Spaltenabstands. */
.t2k-blog .scta--im-text{max-width:none;margin:38px 0}
.t2k-blog .prose > .scta--im-text{margin:38px 0}
.t2k-blog .prose > .scta--im-text + h2{margin-top:0}

/* ---------- Boxen im Beitragstext: Feinschliff ----------
   Im Prosa-Fluss greifen die Regeln fuer Aufzaehlungen des Fliesstexts.
   Deren Punkte und Einzuege duerfen weder auf die Themen-Kacheln noch auf
   die Vorteilsliste durchschlagen, darum werden die Werte der Box hier
   ausdruecklich wiederhergestellt. */
.t2k-blog .prose .scta--im-text.scta ul,
.t2k-blog .prose .scta--im-text.scta ol{margin:0;padding:0;list-style:none}
.t2k-blog .prose .scta--im-text.scta li::before{content:none}
.t2k-blog .prose .scta--im-text.scta li{position:static;font-size:inherit;line-height:inherit;color:inherit}
.t2k-blog .prose .scta--im-text.scta .topics{margin:0 0 20px;display:flex;flex-direction:column;gap:7px}
.t2k-blog .prose .scta--im-text.scta .topics li{padding:8px 11px;font-size:12.5px;line-height:1.2;color:#fff}
.t2k-blog .prose .scta--im-text.scta .topics li.more{padding:9px 11px;font-size:11.5px}
.t2k-blog .prose .scta--im-text.scta .elementor-icon-list-items li{padding:0}

/* Schaltflaeche in der breiteren Box nicht ueber die volle Breite ziehen */
.t2k-blog .scta.scta--im-text .sbtn-w{width:auto;max-width:100%;text-align:center}
.t2k-blog .scta.scta--im-text .sbtn-w .elementor-button,
.t2k-blog .scta.scta--im-text .sbtn-w a.elementor-button{
  display:inline-block;width:auto;padding:13px 34px;white-space:nowrap}

/* Dasselbe unabhaengig davon, ob das Skript die Box in den Text verschieben
   konnte. Es findet nur dann ein Ziel, wenn genug Zwischenueberschriften oder
   ein FAQ- beziehungsweise Quellenblock vorhanden sind. Auf kurzen Seiten
   blieb die Box sonst breit und die Schaltflaeche zog sich mit. Massgeblich
   ist die Bildschirmbreite, nicht die Position im Dokument. */
@media(max-width:860px){
  .t2k-blog .scta .sbtn-w{width:auto;max-width:100%;text-align:center}
  .t2k-blog .scta .sbtn-w .elementor-button,
  .t2k-blog .scta .sbtn-w a.elementor-button{
    display:inline-block;width:auto;padding:13px 34px;white-space:nowrap}
}
/* =========================================================
   UEBERNOMMENE CTA-BOX DER UEBERSICHT
   Die Box stammt 1:1 von der Startseite und bringt ihre
   Gestaltung selbst mit. Hier steht bewusst nichts, was in
   sie hineinregiert — Beschriftungen, Abstaende und Farben
   werden ausschliesslich in der Startseite gepflegt und
   wandern von dort mit.
   ========================================================= */
.t2k-blog .sec > .e-con.e-child{width:100%}

/* Abstand unter der Haarlinie (Elementor setzt Widget-Margins zurueck) */
.t2k-blog .sec > .t2k-hairwrap,
.t2k-blog .t2k-page .t2k-hairwrap{margin-bottom:34px}

/* =========================================================
   WHATSAPP-COMMUNITY-BOX IN DER SEITENSPALTE
   Gleicher Aufbau wie die Plattform-Box, nur in der
   Signalfarbe des Kanals statt in Gold.
   ========================================================= */
.t2k-blog .scta--wa{border-color:rgba(37,211,102,.26)}
.t2k-blog .scta--wa::before{
  background:
    linear-gradient(115deg,transparent 10%,rgba(37,211,102,.20) 14%,rgba(37,211,102,.20) 19%,transparent 23%),
    linear-gradient(115deg,transparent 44%,rgba(61,220,151,.15) 48%,rgba(61,220,151,.15) 53%,transparent 57%),
    linear-gradient(115deg,transparent 70%,rgba(90,140,255,.14) 74%,rgba(90,140,255,.14) 79%,transparent 83%)}

/* Kanal-Zeichen statt Punkt in der Auszeichnung */
.t2k-blog .scta--wa .pill::before{
  width:13px;height:13px;border-radius:0;background:#25D366;box-shadow:none;
  -webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/></svg>") center/contain no-repeat}

/* Farbverlauf fuer die hervorgehobenen Woerter der Ueberschrift */
.t2k-blog .wa-text{
  background:linear-gradient(180deg,#4AE884 0%,#22C55E 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Schaltflaeche in der Kanalfarbe statt in Gold */
.t2k-blog .sbtn-wa .elementor-button,
.t2k-blog .sbtn-wa a.elementor-button{
  background-image:linear-gradient(180deg,#3EE07A 0%,#1FAF52 100%);
  border-color:rgba(37,211,102,.55);color:#052915;
  box-shadow:0 10px 24px -10px rgba(37,211,102,.65)}
.t2k-blog .sbtn-wa .elementor-button:hover,
.t2k-blog .sbtn-wa a.elementor-button:hover{
  color:#052915;box-shadow:0 14px 30px -10px rgba(37,211,102,.8)}

/* Die Seitenspalte bleibt auch mit zwei Boxen im Sichtfeld */
.t2k-blog .side-inner{
  max-height:calc(100vh - var(--t2k-oben) - 24px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.t2k-blog .side-inner::-webkit-scrollbar{width:6px}
.t2k-blog .side-inner::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px}
.t2k-blog .side-inner::-webkit-scrollbar-track{background:transparent}
@media(max-width:860px){
  .t2k-blog .side-inner{max-height:none;overflow:visible}
}

/* =========================================================
   t2k-ctatitel-mobil
   Auf schmalen Bildschirmen deutlich groessere Boxtitel.
   Ausgangswert 19 Pixel, hier 24. Betrifft beide CTA-Boxen, die im ganzen
   Blog vorkommen: Plattform und WhatsApp-Gruppe.
   Die Pillen darueber bleiben unveraendert, daher :not(.pill).
   ========================================================= */
@media(max-width:640px){
  .t2k-blog .scta .elementor-widget-heading:not(.pill) .elementor-heading-title{
    font-size:24px;line-height:1.14;letter-spacing:-.025em;margin-bottom:14px}
  .t2k-blog .scta h3{font-size:24px;line-height:1.14;letter-spacing:-.025em;margin-bottom:14px}
}


/* =========================================================
   t2k-cta-in-prosa
   Wird eine CTA-Box in den Fliesstext verschoben, erbt sie dessen
   Typografie: Absaetze 18px/1.78 statt 16px/1.5, dazu die Abstaende
   der Aufzaehlungen. Die Box bringt ihre eigene Gestaltung mit und
   soll unabhaengig davon aussehen, wo sie steht.
   ========================================================= */
.t2k-blog .prose .scta--im-text.scta p{font-size:16px;line-height:1.5}
.t2k-blog .prose .scta--im-text.scta .elementor-icon-list-items{gap:0}
.t2k-blog .prose .scta--im-text.scta .elementor-icon-list-item{margin:0;padding:0 0 2.5px}
.t2k-blog .prose .scta--im-text.scta .elementor-icon-list-text{font-size:12px;line-height:1.5}

/* =========================================================
   t2k-kopfabstand
   Der Artikelkopf stand zu luftig: 40px zwischen Titel und Vorspann,
   56px zwischen Vorspann und Angabenzeile. Beides zusammengezogen.
   ========================================================= */
.t2k-blog .ahead h1{margin-bottom:0}
.t2k-blog .ahead .lead{margin-bottom:16px}
.t2k-blog .ahead .ameta{margin-top:16px}

/* =========================================================
   t2k-cheroabstand
   Themenbereichs-Kopf stand zu luftig: 40px zwischen Titel und
   Vorspann, 64px zwischen Vorspann und Kennzahlen, 58px bis zum
   naechsten Abschnitt. Gleiche Werte wie im Artikelkopf.
   ========================================================= */
.t2k-blog .chero h1{margin-bottom:0}
.t2k-blog .chero .lead{margin-bottom:16px}
.t2k-blog .chero .cstats{margin-top:16px}
.t2k-blog .chero{padding-bottom:36px}

/* =========================================================
   t2k-cstats-enger
   Beitragszahl und Aktualisierung standen mit 26px Abstand weit
   auseinander und brachen dadurch schon bei 375px um - der Trennpunkt
   blieb dann am Zeilenende haengen. Enger gesetzt; auf sehr schmalen
   Geraeten zusaetzlich eine Stufe kleiner, damit die Zeile haelt.
   ========================================================= */
.t2k-blog .chero .cstats{gap:10px 12px}
@media(max-width:400px){
  .t2k-blog .chero .cstats{font-size:12px;gap:8px 7px}
}

/* =========================================================
   t2k-krume-kleiner
   Brotkrume zwei Stufen zurueckgenommen: 12,5 auf 10,5 Pixel,
   Zeilenhoehe 18,75 auf 16,75 Pixel, mehr Luft bei Umbruch.
   ========================================================= */
/* Insgesamt flacher: engere Zeilenhoehe und wenig Luft beim Umbruch. */
.t2k-blog .crumbs,
.t2k-blog .crumbs-wrap .rank-math-breadcrumb{font-size:11.5px;line-height:15px}
@media(max-width:640px){
  .t2k-blog .crumbs,
  .t2k-blog .crumbs-wrap .rank-math-breadcrumb{font-size:10.5px;line-height:14px}
}
.t2k-blog .crumbs,
.t2k-blog .crumbs-wrap .rank-math-breadcrumb p{row-gap:4px}
.t2k-blog .chero .crumbs-wrap,
.t2k-blog .ahead .crumbs-wrap{margin-bottom:16px}


/* =========================================================
   t2k-cstats-datum
   Zwischen der Beschriftung und dem fetten Datum stand nur ein
   Leerzeichen. Durch den Wechsel der Strichstaerke wirkt das zu eng.
   Gilt nur fuer die Aktualisierung, nicht fuer die Beitragszahl -
   dort steht die fette Zahl vorn.
   ========================================================= */
.t2k-blog .chero .cstats > span:last-child b{margin-left:5px}

/* =========================================================
   t2k-ameta-mobil
   Auf schmalen Schirmen fester Umbruch statt Zufall:
   Zeile 1  Autorin - Veroeffentlichungsdatum
   Zeile 2  Aktualisierung - Lesezeit  (ohne Aktualisierung nur Lesezeit)

   Der Trennpunkt hinter dem Datum wird dafuer zum Umbruch: volle
   Breite, keine Hoehe, kein Hintergrund. Er verschwindet damit optisch
   und schiebt alles Folgende in die naechste Zeile. Das wirkt in beiden
   Faellen, weil der Punkt immer direkt hinter dem Datum steht.
   ========================================================= */
@media(max-width:640px){
  .t2k-blog .ameta{gap:6px 7px}
  .t2k-blog .ameta .who{flex:0 0 auto}
  .t2k-blog .ameta .dot{display:block}
  .t2k-blog .ameta > time + .dot{flex:0 0 100%;width:100%;height:0;background:none;margin:0}
}

/* Auf sehr schmalen Geraeten eine Stufe kleiner, damit Aktualisierung
   und Lesezeit gemeinsam in Zeile zwei passen. */
/* Auf Telefonen muessen Aktualisierung und Lesezeit gemeinsam in Zeile zwei
   passen. Schrift und Abstaende dafuer eine Stufe zurueck. */
@media(max-width:440px){
  .t2k-blog .ameta{font-size:11.5px;gap:5px 6px}
  .t2k-blog .ameta .rt svg,
  .t2k-blog .ameta .t2k-updated svg{width:11px}
}
@media(max-width:375px){
  .t2k-blog .ameta{font-size:11px;gap:5px 5px}
  /* Reicht der Platz hier immer noch nicht, bekommt die Lesezeit eine
     eigene Zeile - besser als ein Umbruch mit haengendem Trennpunkt. */
  .t2k-blog .ameta .t2k-updated + .dot{flex:0 0 100%;width:100%;height:0;background:none;margin:0}
}

/* =========================================================
   t2k-liste-zentriert
   In den CTA-Boxen ist alles mittig gesetzt, nur die Haekchenliste
   stand links. Zentriert wird der Block als Ganzes, nicht jede Zeile
   einzeln - so bleiben die Haken untereinander in einer Flucht.
   Nur auf Desktop, wo die Box in der Seitenspalte steht.
   ========================================================= */
@media(min-width:861px){
  .t2k-blog .scta .scta-liste{text-align:center}
  .t2k-blog .scta .scta-liste .elementor-icon-list-items{
    display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left}
}

/* =========================================================
   t2k-h-stufen
   h4 bis h6 waren im Fliesstext nicht definiert und fielen auf die
   Theme-Vorgaben zurueck: grau statt weiss, Gewicht 500 statt 700 -
   und h4 mit 24px groesser als h3 mit 20px. Die Rangfolge stand also
   auf dem Kopf. Jetzt eine durchgehende Leiter, jede Stufe eine Spur
   kleiner und leichter als die vorherige.

     h2  31 / 700     h3  20 / 700
     h4  18 / 650     h5  16,5 / 600     h6  15 / 600
   ========================================================= */
.t2k-blog .prose h4{
  font-size:18px;line-height:1.4;font-weight:650;letter-spacing:-.008em;
  margin:28px 0 22px;color:#fff}
.t2k-blog .prose h5{
  font-size:16.5px;line-height:1.45;font-weight:600;letter-spacing:-.004em;
  margin:24px 0 24px;color:#fff}
.t2k-blog .prose h6{
  font-size:15px;line-height:1.5;font-weight:600;letter-spacing:0;
  margin:22px 0 26px;color:#fff}

@media(max-width:640px){
  .t2k-blog .prose h4{font-size:17px;margin:24px 0 22px}
  .t2k-blog .prose h5{font-size:16px;margin:21px 0 24px}
  .t2k-blog .prose h6{font-size:14.5px;margin:19px 0 26px}
}


/* =========================================================
   t2k-tip-abschluss
   Der Innenabstand der Stilmittelkaesten ist 24px oben und 28px
   seitlich. Unten kam der Aussenabstand des letzten Absatzes hinzu,
   in Summe 44px - der Kasten wirkte dadurch unten aufgerissen.

   Die boxeigene Regel .tip p (0,2,1) verliert gegen die spaetere
   Fliesstextregel .t2k-blog.single .prose p (0,3,1). Deshalb hier
   ueber das letzte Kind: 0,4,0 und damit ausreichend gewichtet.
   Gilt fuer alle drei Varianten, da sie sich .tip teilen.
   ========================================================= */
.t2k-blog .prose .tip > *:last-child,
.t2k-blog .tip > *:last-child{margin-bottom:0}

/* =========================================================
   t2k-tip-schrift
   Kastentext zwei Pixel kleiner als der Fliesstext ringsum.
   Der Fliesstext ist nicht ueberall gleich gross, deshalb je
   Zusammenhang gesetzt: Beitrag 18 -> 16, Themenbereich 16,5 -> 14,5.

   Die Spezifitaet muss .t2k-blog.single .prose p (0,3,1) schlagen,
   daher .prose .tip p an spaeterer Stelle beziehungsweise mit
   .archive davor. Zeilenhoehe bleibt im Verhaeltnis des Fliesstextes.
   ========================================================= */
.t2k-blog .prose .tip p{font-size:16px;line-height:1.78}
.t2k-blog.archive .prose .tip p{font-size:14.5px;line-height:1.78}

/* =========================================================
   GOLD-SCHALTFLAECHEN: SAUBERE KANTE
   Das Elementor-Kit gibt Schaltflaechen seine Werksfarbe Gruen als
   Hintergrund; unter dem Gold-Verlauf blitzte sie an den runden Kanten
   durch (gruenlicher Schimmer, im hellen Thema wie ein dunkler Rand).
   Daher ohne Grundfarbe und mit hellerem Rand. Auf dunklem Grund wirkte
   der goldene Schatten grau-gruenlich, dort ein neutraler, dunkler Schatten.
   ========================================================= */
.t2k-blog .t2kbtn-w .elementor-button,
.t2k-blog .sbtn-w:not(.sbtn-wa) .elementor-button,
.t2k-blog .scta .sbtn,
.t2k-blog .t2kbox .t2kbtn{background-color:transparent;border-color:#E6D49A}
html:not([data-t2k-thema="hell"]) .t2k-blog .t2kbtn-w .elementor-button,
html:not([data-t2k-thema="hell"]) .t2k-blog .sbtn-w:not(.sbtn-wa) .elementor-button,
html:not([data-t2k-thema="hell"]) .t2k-blog .scta .sbtn,
html:not([data-t2k-thema="hell"]) .t2k-blog .t2kbox .t2kbtn{box-shadow:0 10px 22px -10px rgba(0,0,0,.6)}
html:not([data-t2k-thema="hell"]) .t2k-blog .t2kbtn-w .elementor-button:hover,
html:not([data-t2k-thema="hell"]) .t2k-blog .sbtn-w:not(.sbtn-wa) .elementor-button:hover,
html:not([data-t2k-thema="hell"]) .t2k-blog .scta .sbtn:hover{box-shadow:0 14px 28px -10px rgba(0,0,0,.65)}

/* FAQ: Die Frage steht als h3 in der summary, damit sie in der Gliederung unter
   "Haeufige Fragen" erscheint. Sie uebernimmt Schrift, Farbe und Abstand der summary. */
.t2k-blog .faq summary .faq-q{margin:0;padding:0;font:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit}

/* =========================================================
   Nachthimmel im Dark Mode (ganzer Wissensbereich: Uebersicht,
   Themenbereiche, Beitraege): leise Sterne oben
   in der Vignette, blenden beim Laden ein, einige funkeln,
   selten eine Sternschnuppe; nach unten auslaufend.
   Bewegung entfaellt bei prefers-reduced-motion (im SVG).
   ========================================================= */
html:not([data-t2k-thema="hell"]) body.t2k-blog .t2k-page::before{
  --t2k-sterne:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 720%22%3E%3Cstyle%3E.k%7Bopacity:0%7D.ruhig%7Bdisplay:none%7D@media (prefers-reduced-motion:reduce)%7B.ruhig%7Bdisplay:inline%7D.bewegt,.k%7Bdisplay:none%7D%7D%3C/style%3E%3Cdefs%3E%3CradialGradient id=%22s%22%3E%3Cstop offset=%220%22 stop-color=%22%23FFF4D6%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23FFF4D6%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22sl%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23FFFFFF%22 stop-opacity=%22.9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23FFFFFF%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg class=%22h%22%3E%3Canimate attributeName=%22opacity%22 values=%220;1%22 keyTimes=%220;1%22 calcMode=%22spline%22 keySplines=%220 0 .58 1%22 dur=%222.6s%22 fill=%22freeze%22/%3E%3Cg class=%22bewegt%22%3E%3Ccircle cx=%22299.5%22 cy=%2224.2%22 r=%221.21%22 fill=%22%23FFF1CF%22 opacity=%220.5%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2211.1s%22 begin=%22-4.35s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle fill-opacity=%220.795%22 cx=%22111.8%22 cy=%22400.7%22 r=%221.28%22 fill=%22%23FFF1CF%22 opacity=%220.59%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%226.3s%22 begin=%22-5.85s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle fill-opacity=%220.845%22 cx=%22137.3%22 cy=%22382.0%22 r=%221.13%22 fill=%22%23FFFFFF%22 opacity=%220.59%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2211.1s%22 begin=%22-9.15s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221557.0%22 cy=%2248.4%22 r=%220.9%22 fill=%22%23FFFFFF%22 opacity=%220.57%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2211.1s%22 begin=%22-2.85s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221389.4%22 cy=%22240.9%22 r=%221.3%22 fill=%22%23FFFFFF%22 opacity=%220.63%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2211.1s%22 begin=%22-9.45s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221503.1%22 cy=%2255.2%22 r=%221.18%22 fill=%22%23FFFFFF%22 opacity=%220.55%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%226.3s%22 begin=%22-7.8s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221351.7%22 cy=%2219.5%22 r=%220.59%22 fill=%22%23FFFFFF%22 opacity=%220.6%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2211.1s%22 begin=%22-4.35s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle fill-opacity=%220.419%22 cx=%221506.4%22 cy=%22541.7%22 r=%220.58%22 fill=%22%23FFFFFF%22 opacity=%220.36%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%229.45s%22 begin=%22-4.35s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221511.1%22 cy=%22292.9%22 r=%220.68%22 fill=%22%23FFFFFF%22 opacity=%220.53%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%227.65s%22 begin=%22-2.25s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%2250.1%22 cy=%22121.9%22 r=%220.8%22 fill=%22%23FFFFFF%22 opacity=%220.4%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2211.1s%22 begin=%22-10.5s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle fill-opacity=%220.876%22 cx=%22178.4%22 cy=%22370.3%22 r=%221.04%22 fill=%22%23FFFFFF%22 opacity=%220.66%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%229.45s%22 begin=%22-1.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221300.7%22 cy=%22319.9%22 r=%220.84%22 fill=%22%23FFFFFF%22 opacity=%220.79%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%227.65s%22 begin=%22-10.05s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%2260.3%22 cy=%2287.8%22 r=%220.89%22 fill=%22%23FFFFFF%22 opacity=%220.84%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%227.65s%22 begin=%22-6.15s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%2247.8%22 cy=%22310.9%22 r=%220.97%22 fill=%22%23FFF1CF%22 opacity=%220.64%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%229.45s%22 begin=%22-10.35s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle fill-opacity=%220.240%22 cx=%22188.4%22 cy=%22608.5%22 r=%220.6%22 fill=%22%23FFFFFF%22 opacity=%220.64%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%227.65s%22 begin=%22-4.95s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221574.9%22 cy=%2221.1%22 r=%220.75%22 fill=%22%23E4DCFF%22 opacity=%220.76%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%227.65s%22 begin=%22-2.85s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22981.8%22 cy=%228.4%22 r=%220.62%22 fill=%22%23FFFFFF%22 opacity=%220.4%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%227.65s%22 begin=%22-0.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%221080.3%22 cy=%2225.5%22 r=%220.48%22 fill=%22%23FFFFFF%22 opacity=%220.29%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%229.45s%22 begin=%22-6.75s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle fill-opacity=%220.564%22 cx=%22742.9%22 cy=%22487.4%22 r=%220.69%22 fill=%22%23E4DCFF%22 opacity=%220.25%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%229.45s%22 begin=%22-2.25s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle fill-opacity=%220.787%22 cx=%221132.5%22 cy=%22403.9%22 r=%220.72%22 fill=%22%23FFF1CF%22 opacity=%220.19%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2211.1s%22 begin=%22-0.15s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22935.8%22 cy=%2231.2%22 r=%220.75%22 fill=%22%23E4DCFF%22 opacity=%220.22%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%226.3s%22 begin=%22-8.1s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22710.1%22 cy=%2238.3%22 r=%220.56%22 fill=%22%23FFFFFF%22 opacity=%220.29%22%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%227.65s%22 begin=%22-4.05s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Cg%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2210.2s%22 begin=%220s%22 repeatCount=%22indefinite%22/%3E%3Ccircle cx=%22118%22 cy=%2296%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%22118%22 cy=%2296%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2212.3s%22 begin=%22-1.95s%22 repeatCount=%22indefinite%22/%3E%3Ccircle cx=%22232%22 cy=%22318%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%22232%22 cy=%22318%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2211.4s%22 begin=%22-3.9s%22 repeatCount=%22indefinite%22/%3E%3Ccircle cx=%221466%22 cy=%22150%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%221466%22 cy=%22150%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2213.65s%22 begin=%22-5.85s%22 repeatCount=%22indefinite%22/%3E%3Ccircle fill-opacity=%220.792%22 cx=%221378%22 cy=%22402%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle fill-opacity=%220.792%22 cx=%221378%22 cy=%22402%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%229.3s%22 begin=%22-7.8s%22 repeatCount=%22indefinite%22/%3E%3Ccircle cx=%221540%22 cy=%22262%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%221540%22 cy=%22262%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Canimate attributeName=%22opacity%22 values=%221;.25;1%22 keyTimes=%220;.5;1%22 calcMode=%22spline%22 keySplines=%22.42 0 .58 1;.42 0 .58 1%22 dur=%2213.2s%22 begin=%22-9.75s%22 repeatCount=%22indefinite%22/%3E%3Ccircle fill-opacity=%220.610%22 cx=%2264%22 cy=%22470%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle fill-opacity=%220.610%22 cx=%2264%22 cy=%22470%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22ruhig%22%3E%3Ccircle cx=%22299.5%22 cy=%2224.2%22 r=%221.21%22 fill=%22%23FFF1CF%22 opacity=%220.5%22/%3E%3Ccircle fill-opacity=%220.795%22 cx=%22111.8%22 cy=%22400.7%22 r=%221.28%22 fill=%22%23FFF1CF%22 opacity=%220.59%22/%3E%3Ccircle fill-opacity=%220.845%22 cx=%22137.3%22 cy=%22382.0%22 r=%221.13%22 fill=%22%23FFFFFF%22 opacity=%220.59%22/%3E%3Ccircle cx=%221557.0%22 cy=%2248.4%22 r=%220.9%22 fill=%22%23FFFFFF%22 opacity=%220.57%22/%3E%3Ccircle cx=%221389.4%22 cy=%22240.9%22 r=%221.3%22 fill=%22%23FFFFFF%22 opacity=%220.63%22/%3E%3Ccircle cx=%221503.1%22 cy=%2255.2%22 r=%221.18%22 fill=%22%23FFFFFF%22 opacity=%220.55%22/%3E%3Ccircle cx=%221351.7%22 cy=%2219.5%22 r=%220.59%22 fill=%22%23FFFFFF%22 opacity=%220.6%22/%3E%3Ccircle fill-opacity=%220.419%22 cx=%221506.4%22 cy=%22541.7%22 r=%220.58%22 fill=%22%23FFFFFF%22 opacity=%220.36%22/%3E%3Ccircle cx=%221511.1%22 cy=%22292.9%22 r=%220.68%22 fill=%22%23FFFFFF%22 opacity=%220.53%22/%3E%3Ccircle cx=%2250.1%22 cy=%22121.9%22 r=%220.8%22 fill=%22%23FFFFFF%22 opacity=%220.4%22/%3E%3Ccircle fill-opacity=%220.876%22 cx=%22178.4%22 cy=%22370.3%22 r=%221.04%22 fill=%22%23FFFFFF%22 opacity=%220.66%22/%3E%3Ccircle cx=%221300.7%22 cy=%22319.9%22 r=%220.84%22 fill=%22%23FFFFFF%22 opacity=%220.79%22/%3E%3Ccircle cx=%2260.3%22 cy=%2287.8%22 r=%220.89%22 fill=%22%23FFFFFF%22 opacity=%220.84%22/%3E%3Ccircle cx=%2247.8%22 cy=%22310.9%22 r=%220.97%22 fill=%22%23FFF1CF%22 opacity=%220.64%22/%3E%3Ccircle fill-opacity=%220.240%22 cx=%22188.4%22 cy=%22608.5%22 r=%220.6%22 fill=%22%23FFFFFF%22 opacity=%220.64%22/%3E%3Ccircle cx=%221574.9%22 cy=%2221.1%22 r=%220.75%22 fill=%22%23E4DCFF%22 opacity=%220.76%22/%3E%3Ccircle cx=%22981.8%22 cy=%228.4%22 r=%220.62%22 fill=%22%23FFFFFF%22 opacity=%220.4%22/%3E%3Ccircle cx=%221080.3%22 cy=%2225.5%22 r=%220.48%22 fill=%22%23FFFFFF%22 opacity=%220.29%22/%3E%3Ccircle fill-opacity=%220.564%22 cx=%22742.9%22 cy=%22487.4%22 r=%220.69%22 fill=%22%23E4DCFF%22 opacity=%220.25%22/%3E%3Ccircle fill-opacity=%220.787%22 cx=%221132.5%22 cy=%22403.9%22 r=%220.72%22 fill=%22%23FFF1CF%22 opacity=%220.19%22/%3E%3Ccircle cx=%22935.8%22 cy=%2231.2%22 r=%220.75%22 fill=%22%23E4DCFF%22 opacity=%220.22%22/%3E%3Ccircle cx=%22710.1%22 cy=%2238.3%22 r=%220.56%22 fill=%22%23FFFFFF%22 opacity=%220.29%22/%3E%3Cg%3E%3Ccircle cx=%22118%22 cy=%2296%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%22118%22 cy=%2296%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Ccircle cx=%22232%22 cy=%22318%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%22232%22 cy=%22318%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Ccircle cx=%221466%22 cy=%22150%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%221466%22 cy=%22150%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Ccircle fill-opacity=%220.792%22 cx=%221378%22 cy=%22402%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle fill-opacity=%220.792%22 cx=%221378%22 cy=%22402%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Ccircle cx=%221540%22 cy=%22262%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%221540%22 cy=%22262%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3Cg%3E%3Ccircle fill-opacity=%220.610%22 cx=%2264%22 cy=%22470%22 r=%225%22 fill=%22url(%23s)%22/%3E%3Ccircle fill-opacity=%220.610%22 cx=%2264%22 cy=%22470%22 r=%221.5%22 fill=%22%23FFF8E6%22/%3E%3C/g%3E%3C/g%3E%3Ccircle cx=%22142.8%22 cy=%2292.1%22 r=%220.62%22 fill=%22%23FFFFFF%22 opacity=%220.71%22/%3E%3Ccircle cx=%221498.6%22 cy=%22264.0%22 r=%220.92%22 fill=%22%23FFFFFF%22 opacity=%220.55%22/%3E%3Ccircle cx=%22296.6%22 cy=%22449.8%22 r=%220.61%22 fill=%22%23FFFFFF%22 opacity=%220.398%22/%3E%3Ccircle cx=%221447.9%22 cy=%2233.8%22 r=%221.22%22 fill=%22%23FFFFFF%22 opacity=%220.39%22/%3E%3Ccircle cx=%221382.2%22 cy=%22443.2%22 r=%220.69%22 fill=%22%23FFFFFF%22 opacity=%220.334%22/%3E%3Ccircle cx=%2250.0%22 cy=%22448.2%22 r=%220.61%22 fill=%22%23FFFFFF%22 opacity=%220.521%22/%3E%3Ccircle cx=%2247.8%22 cy=%2237.7%22 r=%220.7%22 fill=%22%23FFFFFF%22 opacity=%220.51%22/%3E%3Ccircle cx=%22266.0%22 cy=%22422.7%22 r=%220.84%22 fill=%22%23FFFFFF%22 opacity=%220.346%22/%3E%3Ccircle cx=%2294.9%22 cy=%22593.7%22 r=%220.75%22 fill=%22%23FFFFFF%22 opacity=%220.176%22/%3E%3Ccircle cx=%2293.5%22 cy=%22289.7%22 r=%220.82%22 fill=%22%23FFFFFF%22 opacity=%220.41%22/%3E%3Ccircle cx=%2231.3%22 cy=%22228.3%22 r=%220.58%22 fill=%22%23FFF1CF%22 opacity=%220.4%22/%3E%3Ccircle cx=%22154.1%22 cy=%22365.9%22 r=%220.75%22 fill=%22%23FFFFFF%22 opacity=%220.675%22/%3E%3Ccircle cx=%221577.3%22 cy=%22161.7%22 r=%221.33%22 fill=%22%23E4DCFF%22 opacity=%220.5%22/%3E%3Ccircle cx=%221549.7%22 cy=%2256.7%22 r=%221.22%22 fill=%22%23FFF1CF%22 opacity=%220.72%22/%3E%3Ccircle cx=%22105.0%22 cy=%2214.6%22 r=%220.77%22 fill=%22%23FFFFFF%22 opacity=%220.67%22/%3E%3Ccircle cx=%22170.6%22 cy=%22615.8%22 r=%221.29%22 fill=%22%23E4DCFF%22 opacity=%220.104%22/%3E%3Ccircle cx=%221350.9%22 cy=%22195.5%22 r=%220.6%22 fill=%22%23FFFFFF%22 opacity=%220.47%22/%3E%3Ccircle cx=%221516.2%22 cy=%22119.6%22 r=%220.75%22 fill=%22%23FFFFFF%22 opacity=%220.71%22/%3E%3Ccircle cx=%221367.6%22 cy=%22568.5%22 r=%221.13%22 fill=%22%23FFFFFF%22 opacity=%220.191%22/%3E%3Ccircle cx=%22246.9%22 cy=%22190.4%22 r=%220.62%22 fill=%22%23FFFFFF%22 opacity=%220.46%22/%3E%3Ccircle cx=%2268.9%22 cy=%2210.5%22 r=%220.68%22 fill=%22%23E4DCFF%22 opacity=%220.56%22/%3E%3Ccircle cx=%221428.1%22 cy=%22355.4%22 r=%220.61%22 fill=%22%23FFF1CF%22 opacity=%220.440%22/%3E%3Ccircle cx=%22224.7%22 cy=%22167.0%22 r=%220.86%22 fill=%22%23FFF1CF%22 opacity=%220.51%22/%3E%3Ccircle cx=%22163.9%22 cy=%2214.6%22 r=%221.13%22 fill=%22%23FFFFFF%22 opacity=%220.52%22/%3E%3Ccircle cx=%2262.2%22 cy=%22141.8%22 r=%220.92%22 fill=%22%23FFFFFF%22 opacity=%220.51%22/%3E%3Ccircle cx=%22189.5%22 cy=%2210.4%22 r=%220.81%22 fill=%22%23FFFFFF%22 opacity=%220.44%22/%3E%3Ccircle cx=%22141.5%22 cy=%22157.0%22 r=%220.67%22 fill=%22%23FFF1CF%22 opacity=%220.71%22/%3E%3Ccircle cx=%221462.2%22 cy=%22246.1%22 r=%221.23%22 fill=%22%23E4DCFF%22 opacity=%220.37%22/%3E%3Ccircle cx=%221461.0%22 cy=%2269.9%22 r=%220.86%22 fill=%22%23FFFFFF%22 opacity=%220.59%22/%3E%3Ccircle cx=%221537.6%22 cy=%22250.1%22 r=%221.16%22 fill=%22%23E4DCFF%22 opacity=%220.84%22/%3E%3Ccircle cx=%22227.3%22 cy=%22509.2%22 r=%220.69%22 fill=%22%23FFFFFF%22 opacity=%220.217%22/%3E%3Ccircle cx=%2249.5%22 cy=%22242.8%22 r=%220.56%22 fill=%22%23FFF1CF%22 opacity=%220.54%22/%3E%3Ccircle cx=%22218.9%22 cy=%2215.0%22 r=%220.78%22 fill=%22%23FFFFFF%22 opacity=%220.53%22/%3E%3Ccircle cx=%22277.6%22 cy=%22638.2%22 r=%221.21%22 fill=%22%23FFFFFF%22 opacity=%220.100%22/%3E%3Ccircle cx=%221567.2%22 cy=%22378.5%22 r=%221.22%22 fill=%22%23FFFFFF%22 opacity=%220.299%22/%3E%3Ccircle cx=%221393.9%22 cy=%2235.1%22 r=%220.75%22 fill=%22%23FFF1CF%22 opacity=%220.84%22/%3E%3Ccircle cx=%221442.4%22 cy=%22232.0%22 r=%221.25%22 fill=%22%23FFFFFF%22 opacity=%220.39%22/%3E%3Ccircle cx=%2272.0%22 cy=%2264.3%22 r=%220.71%22 fill=%22%23FFFFFF%22 opacity=%220.8%22/%3E%3Ccircle cx=%221529.5%22 cy=%2274.6%22 r=%220.72%22 fill=%22%23FFFFFF%22 opacity=%220.75%22/%3E%3Ccircle cx=%2286.9%22 cy=%22187.4%22 r=%220.67%22 fill=%22%23E4DCFF%22 opacity=%220.54%22/%3E%3Ccircle cx=%221368.7%22 cy=%22433.4%22 r=%221.08%22 fill=%22%23FFFFFF%22 opacity=%220.255%22/%3E%3Ccircle cx=%22273.1%22 cy=%22115.9%22 r=%220.61%22 fill=%22%23FFFFFF%22 opacity=%220.41%22/%3E%3Ccircle cx=%2258.3%22 cy=%2266.3%22 r=%220.96%22 fill=%22%23FFFFFF%22 opacity=%220.39%22/%3E%3Ccircle cx=%221314.2%22 cy=%22618.0%22 r=%220.98%22 fill=%22%23E4DCFF%22 opacity=%220.077%22/%3E%3Ccircle cx=%22199.7%22 cy=%2223.1%22 r=%221.0%22 fill=%22%23E4DCFF%22 opacity=%220.6%22/%3E%3Ccircle cx=%2250.6%22 cy=%2216.9%22 r=%221.19%22 fill=%22%23FFFFFF%22 opacity=%220.66%22/%3E%3Ccircle cx=%221521.3%22 cy=%2233.2%22 r=%221.04%22 fill=%22%23E4DCFF%22 opacity=%220.4%22/%3E%3Ccircle cx=%22279.4%22 cy=%2224.2%22 r=%220.78%22 fill=%22%23E4DCFF%22 opacity=%220.67%22/%3E%3Ccircle cx=%221463.9%22 cy=%2284.1%22 r=%220.74%22 fill=%22%23FFFFFF%22 opacity=%220.65%22/%3E%3Ccircle cx=%22232.3%22 cy=%22614.0%22 r=%220.93%22 fill=%22%23FFF1CF%22 opacity=%220.183%22/%3E%3Ccircle cx=%22291.7%22 cy=%22122.2%22 r=%221.16%22 fill=%22%23FFFFFF%22 opacity=%220.81%22/%3E%3Ccircle cx=%221428.8%22 cy=%22126.8%22 r=%220.61%22 fill=%22%23E4DCFF%22 opacity=%220.45%22/%3E%3Ccircle cx=%221404.1%22 cy=%22429.6%22 r=%220.59%22 fill=%22%23FFF1CF%22 opacity=%220.438%22/%3E%3Ccircle cx=%22180.8%22 cy=%22371.3%22 r=%221.29%22 fill=%22%23FFF1CF%22 opacity=%220.323%22/%3E%3Ccircle cx=%22405.6%22 cy=%2263.7%22 r=%220.92%22 fill=%22%23FFFFFF%22 opacity=%220.4%22/%3E%3Ccircle cx=%22650.4%22 cy=%2215.8%22 r=%220.49%22 fill=%22%23FFF1CF%22 opacity=%220.29%22/%3E%3Ccircle cx=%221165.3%22 cy=%22189.3%22 r=%220.9%22 fill=%22%23FFFFFF%22 opacity=%220.36%22/%3E%3Ccircle cx=%221077.0%22 cy=%22166.1%22 r=%220.73%22 fill=%22%23FFFFFF%22 opacity=%220.26%22/%3E%3Ccircle cx=%221258.3%22 cy=%22101.6%22 r=%220.59%22 fill=%22%23FFFFFF%22 opacity=%220.36%22/%3E%3Ccircle cx=%22374.0%22 cy=%22180.0%22 r=%220.61%22 fill=%22%23FFFFFF%22 opacity=%220.19%22/%3E%3Ccircle cx=%22537.5%22 cy=%22145.3%22 r=%220.56%22 fill=%22%23FFF1CF%22 opacity=%220.23%22/%3E%3Ccircle cx=%22692.3%22 cy=%2260.1%22 r=%220.53%22 fill=%22%23FFFFFF%22 opacity=%220.27%22/%3E%3Ccircle cx=%221213.3%22 cy=%2254.6%22 r=%220.48%22 fill=%22%23FFFFFF%22 opacity=%220.28%22/%3E%3Ccircle cx=%22342.1%22 cy=%22398.6%22 r=%220.88%22 fill=%22%23FFFFFF%22 opacity=%220.184%22/%3E%3Ccircle cx=%221097.5%22 cy=%228.6%22 r=%220.65%22 fill=%22%23FFFFFF%22 opacity=%220.38%22/%3E%3Ccircle cx=%22478.0%22 cy=%22181.3%22 r=%220.67%22 fill=%22%23E4DCFF%22 opacity=%220.3%22/%3E%3Ccircle cx=%22680.8%22 cy=%2250.8%22 r=%220.66%22 fill=%22%23FFFFFF%22 opacity=%220.32%22/%3E%3Ccircle cx=%22323.4%22 cy=%2263.8%22 r=%220.66%22 fill=%22%23FFFFFF%22 opacity=%220.4%22/%3E%3Ccircle cx=%22928.5%22 cy=%22263.5%22 r=%220.91%22 fill=%22%23FFF1CF%22 opacity=%220.27%22/%3E%3Ccircle cx=%22342.3%22 cy=%22201.9%22 r=%220.75%22 fill=%22%23E4DCFF%22 opacity=%220.41%22/%3E%3Ccircle cx=%22449.5%22 cy=%2220.2%22 r=%220.72%22 fill=%22%23E4DCFF%22 opacity=%220.36%22/%3E%3Ccircle cx=%22665.8%22 cy=%2232.9%22 r=%220.63%22 fill=%22%23FFF1CF%22 opacity=%220.21%22/%3E%3Ccircle cx=%22848.1%22 cy=%22424.2%22 r=%220.69%22 fill=%22%23FFFFFF%22 opacity=%220.212%22/%3E%3Ccircle cx=%22776.1%22 cy=%2218.3%22 r=%220.54%22 fill=%22%23FFFFFF%22 opacity=%220.41%22/%3E%3Ccircle cx=%22822.1%22 cy=%22100.1%22 r=%220.86%22 fill=%22%23E4DCFF%22 opacity=%220.38%22/%3E%3Ccircle cx=%22751.2%22 cy=%22105.7%22 r=%220.69%22 fill=%22%23FFFFFF%22 opacity=%220.26%22/%3E%3Ccircle cx=%22396.1%22 cy=%2215.2%22 r=%220.92%22 fill=%22%23FFFFFF%22 opacity=%220.31%22/%3E%3Ccircle cx=%22714.4%22 cy=%2269.8%22 r=%220.7%22 fill=%22%23FFFFFF%22 opacity=%220.38%22/%3E%3Ccircle cx=%221264.0%22 cy=%2223.8%22 r=%220.59%22 fill=%22%23FFFFFF%22 opacity=%220.32%22/%3E%3Ccircle cx=%221151.4%22 cy=%2267.4%22 r=%220.88%22 fill=%22%23E4DCFF%22 opacity=%220.38%22/%3E%3Ccircle cx=%22710.3%22 cy=%2211.7%22 r=%220.59%22 fill=%22%23E4DCFF%22 opacity=%220.38%22/%3E%3Ccircle cx=%22348.3%22 cy=%22186.9%22 r=%220.67%22 fill=%22%23FFF1CF%22 opacity=%220.27%22/%3E%3Cg class=%22k%22%3E%3Canimate attributeName=%22opacity%22 values=%220;0;.85;0;0%22 keyTimes=%220;.9;.91;.96;1%22 dur=%2217s%22 begin=%220s%22 repeatCount=%22indefinite%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22translate%22 values=%220 0;0 0;-150 66;-150 66%22 keyTimes=%220;.9;.96;1%22 dur=%2217s%22 begin=%220s%22 repeatCount=%22indefinite%22/%3E%3Cpath d=%22M1480 120 l110 -48%22 stroke=%22url(%23sl)%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 transform=%22rotate(0)%22/%3E%3C/g%3E%3Cg class=%22k%22%3E%3Canimate attributeName=%22opacity%22 values=%220;0;.85;0;0%22 keyTimes=%220;.9;.91;.96;1%22 dur=%2223s%22 begin=%229s%22 repeatCount=%22indefinite%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22translate%22 values=%220 0;0 0;-150 66;-150 66%22 keyTimes=%220;.9;.96;1%22 dur=%2223s%22 begin=%229s%22 repeatCount=%22indefinite%22/%3E%3Cpath d=%22M260 70 l96 -42%22 stroke=%22url(%23sl)%22 stroke-width=%221.2%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background:
    var(--t2k-sterne) 50% 0 / 1600px 720px repeat-x,
    linear-gradient(180deg, #050B1B 0, #050B1B 150px, rgba(5,11,27,0) 420px),
    radial-gradient(120% 80% at 50% 0%, #0E162F 0%, #060D20 42%, #050B1B 100%);
}
/* Schmale Fenster zeigen sonst nur die sternarme Mitte: linken und rechten
   Sternenrand uebereinanderlegen, damit Handy und Tablet genug Sterne haben */
@media (max-width:1100px){
  html:not([data-t2k-thema="hell"]) body.t2k-blog .t2k-page::before{
    background:
      var(--t2k-sterne) 0 0 / 1600px 720px no-repeat,
      var(--t2k-sterne) 100% 0 / 1600px 720px no-repeat,
      linear-gradient(180deg, #050B1B 0, #050B1B 150px, rgba(5,11,27,0) 420px),
      radial-gradient(120% 80% at 50% 0%, #0E162F 0%, #060D20 42%, #050B1B 100%);
  }
}

/* Videos auf Themenbereichsseiten: Der Pillartext steht dort nicht im Beitragsinhalt-Widget, deshalb setzt Elementor
   den Abstand jeder figure auf 0 und der folgende Absatz klebt am Video. Gleiche Abstaende wie im Beitrag. */
body.t2k-blog .elementor .t2k-pillar figure.vid{margin:0 0 30px}
@media(max-width:640px){
  body.t2k-blog .elementor .t2k-pillar figure.vid{margin-bottom:24px}
}

/* „Mehr laden“ im Dark Mode: Beim Darüberfahren oder Antippen färbt die allgemeine Knopfregel (t2k-seiten.css) den
   Knopf golden; die Schrift wird dann Navy wie bei den übrigen Goldknöpfen statt hellgold auf Gold. */
html:not([data-t2k-thema="hell"]) body.t2k-blog .elementor-widget-loop-grid .elementor-button-wrapper .elementor-button:is(:hover,:focus-visible){color:#0C172E;border-color:#DDCA88}

/* Themenbereichskopf: Kopfzeile im Format der Beitraege (Autorin, Beitragszahl,
   Aktualisierung, Lesezeit); Abstand wie bisher die Kennzahlen, Autorin verlinkt. */
.t2k-blog .chero .ameta{margin-top:16px}
.t2k-blog .ameta .who a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
/* Themenbereichskopf am Handy: Zeile 1 Autorin und Beitragszahl, Zeile 2 Aktualisierung und Lesezeit.
   Der Trennpunkt hinter der Beitragszahl wird zum Umbruch, damit er nicht am Zeilenende haengt. */
@media(max-width:640px){
  .t2k-blog .chero .ameta > span:not([class]) + .dot{flex:0 0 100%;width:100%;height:0;background:none;margin:0}
}