#stacks_in_11 {
	padding: 60px 0px 40px 40px;
}

#stacks_in_31 {
	background-color: rgba(255, 255, 255, 0.50);
	padding: 60px 0px 60px 0px;
}
/*
1.0.0
*/
.animfr_stacks_in_116 {
  position: relative;
  z-index: 100;
  margin: 0px 0px 0px 0px;
  
  width: 1000px;
  max-width: calc(100% -  0px - 0px);
  margin: 0px auto 0px auto;
  

}
.animfr_stacks_in_116 > .observer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.animfr_stacks_in_116 > .animfr-wrap-outer {
  position: absolute;
  left: -50px;
  top: -50px;
  bottom: -50px;
  right: -50px;
  
  
  z-index: 0;
  
  pointer-events: none;
  transition: opacity 300ms ease;
}
.animfr_stacks_in_116 > .animfr-wrap-outer > .animfr-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.animfr_stacks_in_116 > .animfr-wrap-outer > .animfr-wrap svg {
  width: 100%;
  height: 100%;
  stroke: none;
  fill: white;
  display: block;
}
.animfr_stacks_in_116 > .animfr-wrap-outer > .animfr-wrap > svg {
  width: 100%;
  overflow: visible;
}
/* .animfr_stacks_in_116 > .animfr-wrap-outer > .animfr-wrap:after {
  background: #FFFFFF;
} */
.animfr_stacks_in_116 .animfr-content-wrap {
  position: relative;
  z-index: 3;
  min-height: px;
  display: grid;
  align-items: center;
  
  grid-template-columns: minmax(100%,1040px);
  justify-items: center;
  
  /* margin: 0px 0px 0px 0px; */
}
.animfr_stacks_in_116 .animfr-wrap-card {
  opacity: 1.00;
}
.animfr_stacks_in_116 .animfr-content-wrap > div {
  
  width: 100%;
  max-width: calc(1040px + 0px + 0px);
  

  padding: 0px 0px 0px 0px ;
}
.animfr_stacks_in_116 .animfr-mask,
.animfr_stacks_in_116 image:not(.animfr-pattern):not(.animfr-off),
.animfr_stacks_in_116 image.animfr-off {
  transform-origin: center;
}
.animfr_stacks_in_116.layerTrue .animfr-content-wrap {
  height: calc(px + px);
}
.animfr_stacks_in_116.layerTrue .animfr-content-wrap > div {
  display: none;
}
#stacks_in_141{visibility:hidden}
#stacks_in_142>.s3_row {
	margin: 0 -0px;
}

#stacks_in_142>.s3_row>.s3_column_left {
	width: 30.00%;
}

#stacks_in_142>.s3_row>.s3_column_center {
	width: 40.000000%;
}

#stacks_in_142>.s3_row>.s3_column_right {
	width: 30.00%;
}

#stacks_in_142>.s3_row>.s3_column {
	padding: 0 0px;
}








@media only screen and (max-width: 770px) {



}



@media only screen and (max-width: 400px) {


	#stacks_in_142>.s3_row  {
		margin: -0px 0;
	}
	#stacks_in_142>.s3_row>.s3_column {
		padding: 0px 0;
		width:100%;
	}


}




#stacks_in_157 {
	padding: 20px 0px 0px 0px;
}

#stacks_out_157 {
	width: 150px;
	margin-left:0;
}

#stacks_in_144 {
	padding: 0px 0px 0px 40px;
}

#stacks_in_146 {
	margin: 20px 0px 15px 0px;
}
/* SocialDock – each.css */
/* ===== Basis & Variablen ===== */
.socialdock {
    --sd-gutter: 8px;
    --sd-radius: 8px;
    --sd-pad-y: 8px;
    --sd-pad-x: 10px;
    --sd-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    position: relative;
    display: block;
    font-family: var(--sd-font);
    line-height: 1;
}



/* ===== Layout Container ===== */
.socialdock .socialdock-inner {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: var(--sd-gutter);
    justify-content: flex-start; /* default */
  
}

.socialdock[data-align="center"] .socialdock-inner { justify-content: center; }
.socialdock[data-align="right"] .socialdock-inner { justify-content: flex-end; }
.socialdock[data-align="between"] .socialdock-inner { justify-content: space-between; }
.socialdock[data-align="around"] .socialdock-inner { justify-content: space-around; }
.socialdock[data-align="evenly"] .socialdock-inner { justify-content: space-evenly; }

/* ===== Stacked-Mode ===== */
.socialdock[data-stacked="true"] .socialdock-inner { flex-direction: column; }
.socialdock[data-stacked="true"][data-fullwidth="true"] .socialdock-inner { align-items: stretch; }

.socialdock[data-stacked="true"][data-fullwidth="true"] .sd-btn {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Stacked + nicht Fullwidth: horizontal per align-items */
.socialdock[data-stacked="true"]:not([data-fullwidth="true"]) .socialdock-inner { align-items: flex-start; }
.socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="center"] .socialdock-inner { align-items: center; }
.socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="right"] .socialdock-inner { align-items: flex-end; }

.socialdock[data-stacked="true"] .sd-btn { align-self: auto !important; }

/* ===== Buttons ===== */
.socialdock .sd-btn {
    width: var(--sd-btn-w, auto); /* equalWidth via JS */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
      border-width: var(--sd-border-w, 1px);
  border-style: var(--sd-border-style, solid);
  border-color: var(--sd-border-color, currentColor);
    border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px)));
      padding: var(--sd-pad-y, var(--sr-pad-y, var(--sd-pad-y-default, 8px))) var(--sd-pad-x, var(--sr-pad-x, var(--sd-pad-x-default, 10px)));
    transition: transform .08s ease, opacity .2s ease;
    font-weight: 600;
    white-space: nowrap;
}

.socialdock .sd-btn:focus { outline: 2px solid; outline-offset: 2px; }
.socialdock .sd-btn:hover { transform: translateY(-1px); }
.socialdock .sd-btn:active { transform: translateY(0); }

/* ===== Icons immer perfekt zentriert ===== */
.socialdock .sd-ic {
    font-size: var(--sd-icon-size, 19px); /* global steuerbar (px) */
    width: 1em;
    height: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center; /* zentriert SVG im Icon-Container */
}
.socialdock .sd-ic svg {
    width: 1em;
    height: 1em;
    display: block;
    overflow: visible; 
}
.socialdock .sd-lb {
    font-size: var(--sd-label-size, inherit);
}

/* ===== Labels & Hover-Animation ===== */
/* 1) Labels AUS (robust), wenn KEIN Hoverlabel aktiv ist */
.socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-lb { display: none !important; }
.socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn {
    gap: 0;           /* kein Phantomabstand */
    justify-content: center; /* Icon mittig */
}

/* 2) Hoverlabel aktiv + Labels nicht explizit an */
.socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-lb {
    display: inline-flex !important; /* sichtbar als Flex-Item */
    align-items: center;
    min-width: 0;      /* echtes Schrumpfen */
    max-width: 0;      /* eingefahren */
    overflow: hidden;
    opacity: 0;
    transform: translateX(-4px) scale(0.98);
    margin-left: 0;
    pointer-events: none;
    transition: max-width .25s ease, opacity .22s ease, transform .25s ease, margin-left .25s ease;
}
.socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn {
    gap: 0;           /* Platz entsteht durch margin-left beim Ausfahren */
    justify-content: center;
}
.socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:hover .sd-lb,
.socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:focus-visible .sd-lb {
    max-width: var(--sd-hoverlabel-max, 12ch);
    opacity: 1;
    transform: none;
    margin-left: .5em; /* wirkt wie gap */
}

/* ===== Größen ===== */
.socialdock[data-size="s"] .sd-btn {
  font-size: 12px;
  --sd-pad-y-default: 6px;
  --sd-pad-x-default: 8px;
  --sd-radius-default: 8px;
}

.socialdock[data-size="m"] .sd-btn {
  font-size: 14px;
  --sd-pad-y-default: 8px;
  --sd-pad-x-default: 10px;
  --sd-radius-default: 8px;
}

.socialdock[data-size="l"] .sd-btn {
  font-size: 16px;
  --sd-pad-y-default: 10px;
  --sd-pad-x-default: 12px;
  --sd-radius-default: 12px;
}



/* ===== Formen ===== */
.socialdock[data-shape="square"] .sd-btn { border-radius: 0px; }
.socialdock[data-shape="pill"]   .sd-btn { border-radius: 999px; }

/* optional, nur zur Klarheit – identisch zur Basis: */
.socialdock[data-shape="rounded"] .sd-btn {
  border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px)));
}


/* ===== Theme-Variablen (Light/Dark/Auto) – nur wenn Brand AUS ===== */
.socialdock[data-theme="light"]:not([data-brand]) .sd-btn,
.socialdock[data-theme="light"][data-brand="off"] .sd-btn {
  color: var(--sd-light-fg, #111);
  background: var(--sd-light-bg, #fff);
}
.socialdock[data-theme="dark"]:not([data-brand]) .sd-btn,
.socialdock[data-theme="dark"][data-brand="off"] .sd-btn {
  color: var(--sd-dark-fg, #eee);
  background: var(--sd-dark-bg, #111);
}
@media (prefers-color-scheme: light) {
  .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn,
  .socialdock[data-theme="auto"][data-brand="off"] .sd-btn {
    color: var(--sd-light-fg, #111);
    background: var(--sd-light-bg, #fff);
  }
}
@media (prefers-color-scheme: dark) {
  .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn,
  .socialdock[data-theme="auto"][data-brand="off"] .sd-btn {
    color: var(--sd-dark-fg, #eee);
    background: var(--sd-dark-bg, #111);
  }
}

/* ===== Brandfarben (pro Service) ===== */
.sd-btn.sd-x         { --sd-brand: #000000; }
.sd-btn.sd-facebook  { --sd-brand: #1877f2; }
.sd-btn.sd-linkedin  { --sd-brand: #0a66c2; }
.sd-btn.sd-whatsapp  { --sd-brand: #25d366; }
.sd-btn.sd-telegram  { --sd-brand: #24a1de; }
.sd-btn.sd-pinterest { --sd-brand: #e60023; }
.sd-btn.sd-mail      { --sd-brand: #6c757d; }
.sd-btn.sd-copy      { --sd-brand: #6c757d; }
.sd-btn.sd-print     { --sd-brand: #6c757d; }
.sd-btn.sd-webshare  { --sd-brand: #6c757d; }
.sd-btn.sd-threads   { --sd-brand: #000000; }
.sd-btn.sd-bluesky   { --sd-brand: #1185fe; }
.sd-btn.sd-reddit    { --sd-brand: #ff4500; }
.sd-btn.sd-hn        { --sd-brand: #ff6600; }
.sd-btn.sd-pocket    { --sd-brand: #ef4056; }
.sd-btn.sd-flipboard { --sd-brand: #e12828; }
.sd-btn.sd-vk        { --sd-brand: #4c75a3; }
.sd-btn.sd-line      { --sd-brand: #00c300; }
.sd-btn.sd-weibo     { --sd-brand: #e6162d; }
.sd-btn.sd-xing      { --sd-brand: #026466; }
.sd-btn.sd-mastodon  { --sd-brand: #6364ff; }
.sd-btn.sd-youtube   { --sd-brand: #ff0000; }
.sd-btn.sd-instagram { --sd-brand: #E1306C; }
.sd-btn.sd-tiktok    { --sd-brand: #000000; }
.sd-btn.sd-github    { --sd-brand: #24292e; }
.sd-btn.sd-website   { --sd-brand: #6c757d; } /* generisch */


.socialdock[data-brand="fg"] .sd-btn {
    color: var(--sd-brand, currentColor);
    border-color: var(--sd-brand, currentColor);
    background: transparent;
}
.socialdock[data-brand="bg"] .sd-btn {
    background: var(--sd-brand, #555);
    border-color: var(--sd-brand, #555);
    color: #fff;
}

/* ⬇️ NEU: Per-Button Brand-Style (überschreibt Theme) */
/* Nach deinen Theme-Regeln einfügen */
.socialdock[data-theme] .sd-btn[data-brand="bg"] {
  background: var(--sd-brand, #555);
  border-color: var(--sd-brand, #555);
  color: #fff;
}

.socialdock[data-theme] .sd-btn[data-brand="fg"] {
  color: var(--sd-brand, currentColor);
  border-color: var(--sd-brand, currentColor);
  background: transparent;
}


.socialdock[data-brand="fg"] .sd-btn:hover { opacity: .95; }
.socialdock[data-brand="fg"] .sd-btn:active { opacity: .9; }
.socialdock[data-brand="bg"] .sd-btn:hover { filter: brightness(.97); }
.socialdock[data-brand="bg"] .sd-btn:active { filter: brightness(.92); }

/* ===== Toast ===== */
.socialdock .socialdock-toast {
    position: absolute;
    margin-top: 8px;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 12px;
    opacity: 0;
    transform: translateY(-4px);
    transition: all .18s ease;
}
.socialdock .socialdock-toast.show {
    opacity: 1;
    transform: translateY(0);
}

/* Basis: Icon-Größe unabhängig vom Label steuern */
.socialdock .sd-ic {
  /* skaliert NUR das Icon (SVG bleibt 1em innerhalb) */
  font-size: var(--sd-icon-size, 19px);
  width: 1em;
  height: 1em;
}

/* ===== Icon-only: kein Hintergrund, kein Rand – Labels bleiben ===== */
.socialdock[data-appearance="true"] .sd-btn {
  background: transparent !important;
  --sd-border-w: 0;
  box-shadow: none !important;
  padding: var(--sd-icon-pad, 0);   /* unsichtbare Klickfläche (0–8px) */
  gap: 8px;                         /* Abstand Icon ↔ Label */
  transform: none;
}

/* Icon im icon-only Modus größer machen */
.socialdock[data-appearance="true"] { --sd-icon-size: 26px; }
/* Optional pro Buttongröße feinabstimmen */
.socialdock[data-appearance="true"][data-size="s"] { --sd-icon-size: 17px; }
.socialdock[data-appearance="true"][data-size="m"] { --sd-icon-size: 22px; }
.socialdock[data-appearance="true"][data-size="l"] { --sd-icon-size: 29px; }

/* Fokus sichtbar (A11y) */
.socialdock[data-appearance="true"] .sd-btn:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Falls im icon-only Modus Brand-Farbe erzwungen werden soll */
.socialdock[data-appearance="true"][data-brand="fg"] .sd-btn { color: var(--sd-brand) !important; }
.socialdock[data-appearance="true"][data-brand="bg"] .sd-btn {
  background: transparent !important;
  border: 0 !important;
  /* wahlweise: color: var(--sd-brand) !important; */
}

/* 1) SVG darf über den ViewBox-Rand schauen (kein Clipping der Strokes) */
.socialdock .sd-ic svg {
  overflow: visible;        /* verhindert "angeschnittene" Kanten */
  display: block;
}

/* 2) Icon-Flexitem nicht schrumpfen lassen, immer genug Platz geben */
.socialdock .sd-ic {
  flex: 0 0 auto;           /* nicht zusammenquetschen */
  min-width: 1em;           /* nie kleiner als die Icon-Größe */
  min-height: 1em;
  padding: .08em;           /* optischer "Bleed" */
}

/* 3) Sicherheitshalber: Buttons haben wirklich kompakte Line-Box */
.socialdock .sd-btn { line-height: 1; }

/* 4) Im Icon-only Modus darf das Icon größer sein, ohne Clipping */
.socialdock[data-appearance="true"] { --sd-icon-size: 26px; }
.socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; }

/* Icon-only Modus: Sicherheits-Inset */
.socialdock[data-appearance="true"]{
  --sd-edge-safety: 2px;         /* ggf. 1px–3px testen */
  padding-inline: var(--sd-edge-safety);
  overflow-x: clip;
}
@supports not (overflow-x: clip){
  .socialdock[data-appearance="true"]{ overflow-x: hidden; }
}

/* Monochrome Icons – sicher */
.socialdock .sd-ic svg,
.socialdock .sd-ic svg * {
  fill: currentColor !important;
  stroke: none !important;
}

/* Perfekte Kreise, wenn Option aktiv UND Labels komplett aus (kein Hoverlabel) */
.socialdock[data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn {
  /* Kreisgröße: Icon + vertikales Padding */
  --sd-circle: calc(var(--sd-icon-size, 19px) + (var(--sd-pad-y) * 2));

  /* Equal-Width übersteuern: Breite = Höhe = --sd-circle */
  --sd-btn-w: var(--sd-circle);
  height: var(--sd-circle);

  /* gleiches Padding auf allen Seiten -> optisch zentriert */
  padding: var(--sd-pad-y);

  border-radius: 50%;
  gap: 0;                /* kein „Phantom“-Abstand */
  justify-content: center;
}

/* Optional: auch im icon-only Erscheinungsbild kreisrund */
.socialdock[data-appearance="true"][data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn {
  border-radius: 50%;
}
/* Mini-Zeile: edel, freundlich, sehr kompakt */
.sd-item-mini{
  --sd-brand:#6c757d;           /* Fallback Brand */
  --sd-bg:#f6f8fc;              /* freundliches Hell */
  --sd-bd:#e6ecf5;              /* sanfte Linie */
  --sd-fg:#243449;              /* statt Schwarz: edles Slate */
  --sd-badge-bg-share:#eef3ff;  --sd-badge-fg-share:#2a5bd7;  --sd-badge-bd-share:#e2e9ff;
  --sd-badge-bg-link:#e8f7f1;   --sd-badge-fg-link:#0b7b54;   --sd-badge-bd-link:#d6f2e7;

  display:flex; align-items:center; gap:8px;
  padding:4px 8px; margin:2px 0;
  border:0px solid var(--sd-bd); border-radius:4px;
  background:var(--sd-bg); color:var(--sd-fg);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  font-size:12px; line-height:1.2; max-width:100%;
}
.sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; }
.sd-item-mini .sd-badge{
  font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px;
  border:1px solid var(--sd-bd);
}
.sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); }
.sd-item-mini.is-link  .sd-badge{ background:var(--sd-badge-bg-link);  color:var(--sd-badge-fg-link);  border-color:var(--sd-badge-bd-link);  }

.sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; }

/* Service-Namen hübsch anzeigen:
   - wenn kein Label gesetzt ist, erzeugen wir Text via ::after
   - Standard: capitalize
   - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */
.sd-item-mini .sd-svc::after{
  content: attr(data-svc);
  text-transform: capitalize;
  letter-spacing:.2px;
}

/* Ausnahmen/Mappings auf echte Markennamen */
.sd-item-mini.sd--youtube  .sd-svc::after{ content:"YouTube"; }
.sd-item-mini.sd--hn       .sd-svc::after{ content:"Hacker News"; }
.sd-item-mini.sd--line     .sd-svc::after{ content:"LINE"; }
.sd-item-mini.sd--vk       .sd-svc::after{ content:"VK"; }
.sd-item-mini.sd--xing     .sd-svc::after{ content:"XING"; }
.sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; }
.sd-item-mini.sd--x        .sd-svc::after{ content:"X"; }

/* Dark-Mode (freundlich, nicht pechschwarz) */
@media (prefers-color-scheme: dark){
  .sd-item-mini{
    --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3;
    --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a;
    --sd-badge-bg-link:#0f221b;  --sd-badge-fg-link:#86d6b7;  --sd-badge-bd-link:#153428;
  }
}

/* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */
.sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2}
.sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366}
.sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023}
.sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d}
.sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe}
.sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600}
.sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828}
.sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300}
.sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466}
.sd-item-mini.sd--mastodon{--sd-brand:#6364ff}
/* Link-Only & generisch */
.sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00}
.sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e}
.sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d}


/* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */
.sd-preview .sd-auto-label::after{
  content: attr(data-svc);
  text-transform: capitalize;
  letter-spacing: .2px;
}

/* Ausnahmen für Markennamen */
.sd-preview .sd-btn.sd-youtube  .sd-auto-label::after{ content: "YouTube"; }
.sd-preview .sd-btn.sd-hn       .sd-auto-label::after{ content: "Hacker News"; }
.sd-preview .sd-btn.sd-line     .sd-auto-label::after{ content: "LINE"; }
.sd-preview .sd-btn.sd-vk       .sd-auto-label::after{ content: "VK"; }
.sd-preview .sd-btn.sd-xing     .sd-auto-label::after{ content: "XING"; }
.sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; }
.sd-preview .sd-btn.sd-x        .sd-auto-label::after{ content: "X"; }

/* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */
.sd-preview .sd-btn{
  padding: 6px 10px;       /* etwas schlanker */
  gap: 6px;                /* engerer Abstand Icon/Label */
  font-size: 13px;         /* kompakt, aber lesbar */
}
.sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); }

/* Legenden-Container kompakt lassen */
.sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; }

/* Button im Editor kompakt */
.sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; }
.sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); }
.sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); }

/* Kleine Legende: „Share/Link · Service“ */
.sd-edit-legend{
  --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc;
  --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */
  --fgLink:#0b7b54;

  display:inline-flex; align-items:center; gap:4px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  font-size:11px; line-height:1.1; color:var(--fg);
  padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg);
  white-space:nowrap; max-width:100%;
}

.sd-edit-legend .sd-legend-mode{
  font-weight:700;
  /* Modus-Farbe */
}
.sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); }
.sd-edit-legend.is-link  .sd-legend-mode{ color:var(--fgLink); }

.sd-edit-legend .sd-legend-sep{ opacity:.5; }

/* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */
.sd-edit-legend .sd-legend-svc{
  font-size:11px;
  font-weight:700;
  overflow:hidden; text-overflow:ellipsis; max-width:32ch;
  text-transform:capitalize; /* hübscher als alles klein */
}

/* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */
.sd-edit-legend .sd-legend-svc:empty::after{
  content: attr(data-svc);
  text-transform: capitalize;
  letter-spacing:.2px;
}

/* Markennamen-Sonderfälle für den Fallback-Text */
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; }
/* Mini-Zeile: edel, freundlich, sehr kompakt */
.sd-item-mini{
  --sd-brand:#6c757d;           /* Fallback Brand */
  --sd-bg:#f6f8fc;              /* freundliches Hell */
  --sd-bd:#e6ecf5;              /* sanfte Linie */
  --sd-fg:#243449;              /* statt Schwarz: edles Slate */
  --sd-badge-bg-share:#eef3ff;  --sd-badge-fg-share:#2a5bd7;  --sd-badge-bd-share:#e2e9ff;
  --sd-badge-bg-link:#e8f7f1;   --sd-badge-fg-link:#0b7b54;   --sd-badge-bd-link:#d6f2e7;

  display:flex; align-items:center; gap:8px;
  padding:4px 8px; margin:2px 0;
  border:0px solid var(--sd-bd); border-radius:4px;
  background:var(--sd-bg); color:var(--sd-fg);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  font-size:12px; line-height:1.2; max-width:100%;
}
.sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; }
.sd-item-mini .sd-badge{
  font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px;
  border:1px solid var(--sd-bd);
}
.sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); }
.sd-item-mini.is-link  .sd-badge{ background:var(--sd-badge-bg-link);  color:var(--sd-badge-fg-link);  border-color:var(--sd-badge-bd-link);  }

.sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; }

/* Service-Namen hübsch anzeigen:
   - wenn kein Label gesetzt ist, erzeugen wir Text via ::after
   - Standard: capitalize
   - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */
.sd-item-mini .sd-svc::after{
  content: attr(data-svc);
  text-transform: capitalize;
  letter-spacing:.2px;
}

/* Ausnahmen/Mappings auf echte Markennamen */
.sd-item-mini.sd--youtube  .sd-svc::after{ content:"YouTube"; }
.sd-item-mini.sd--hn       .sd-svc::after{ content:"Hacker News"; }
.sd-item-mini.sd--line     .sd-svc::after{ content:"LINE"; }
.sd-item-mini.sd--vk       .sd-svc::after{ content:"VK"; }
.sd-item-mini.sd--xing     .sd-svc::after{ content:"XING"; }
.sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; }
.sd-item-mini.sd--x        .sd-svc::after{ content:"X"; }

/* Dark-Mode (freundlich, nicht pechschwarz) */
@media (prefers-color-scheme: dark){
  .sd-item-mini{
    --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3;
    --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a;
    --sd-badge-bg-link:#0f221b;  --sd-badge-fg-link:#86d6b7;  --sd-badge-bd-link:#153428;
  }
}

/* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */
.sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2}
.sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366}
.sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023}
.sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d}
.sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe}
.sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600}
.sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828}
.sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300}
.sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466}
.sd-item-mini.sd--mastodon{--sd-brand:#6364ff}
/* Link-Only & generisch */
.sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00}
.sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e}
.sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d}


/* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */
.sd-preview .sd-auto-label::after{
  content: attr(data-svc);
  text-transform: capitalize;
  letter-spacing: .2px;
}

/* Ausnahmen für Markennamen */
.sd-preview .sd-btn.sd-youtube  .sd-auto-label::after{ content: "YouTube"; }
.sd-preview .sd-btn.sd-hn       .sd-auto-label::after{ content: "Hacker News"; }
.sd-preview .sd-btn.sd-line     .sd-auto-label::after{ content: "LINE"; }
.sd-preview .sd-btn.sd-vk       .sd-auto-label::after{ content: "VK"; }
.sd-preview .sd-btn.sd-xing     .sd-auto-label::after{ content: "XING"; }
.sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; }
.sd-preview .sd-btn.sd-x        .sd-auto-label::after{ content: "X"; }

/* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */
.sd-preview .sd-btn{
  padding: 6px 10px;       /* etwas schlanker */
  gap: 6px;                /* engerer Abstand Icon/Label */
  font-size: 13px;         /* kompakt, aber lesbar */
}
.sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); }

/* Legenden-Container kompakt lassen */
.sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; }

/* Button im Editor kompakt */
.sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; }
.sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); }
.sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); }

/* Kleine Legende: „Share/Link · Service“ */
.sd-edit-legend{
  --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc;
  --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */
  --fgLink:#0b7b54;

  display:inline-flex; align-items:center; gap:4px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  font-size:11px; line-height:1.1; color:var(--fg);
  padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg);
  white-space:nowrap; max-width:100%;
}

.sd-edit-legend .sd-legend-mode{
  font-weight:700;
  /* Modus-Farbe */
}
.sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); }
.sd-edit-legend.is-link  .sd-legend-mode{ color:var(--fgLink); }

.sd-edit-legend .sd-legend-sep{ opacity:.5; }

/* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */
.sd-edit-legend .sd-legend-svc{
  font-size:11px;
  font-weight:700;
  overflow:hidden; text-overflow:ellipsis; max-width:32ch;
  text-transform:capitalize; /* hübscher als alles klein */
}

/* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */
.sd-edit-legend .sd-legend-svc:empty::after{
  content: attr(data-svc);
  text-transform: capitalize;
  letter-spacing:.2px;
}

/* Markennamen-Sonderfälle für den Fallback-Text */
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; }
.sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after,
.sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; }

#stacks_in_153 {
	margin: 10px 0px 0px 0px;
}

#stacks_out_153 {
	width: 250px;
	margin-left:0;
}

#stacks_in_155 {
	margin: 20px 0px 0px 0px;
}

#stacks_out_155 {
	width: 50px;
	margin-left:0;
}