
#stacks_in_441 { position: absolute; z-index: 300; width: 180px; font-size: 16px; }

#stacks_in_441 { top: 3%; left: 3%; float: left; }



#stacks_in_430 {
	padding: 15px 0px 15px 0px;
}

#stacks_out_430 {
	margin-right:0;
}

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

#stacks_in_3 {
	text-transform: uppercase;
}

#stacks_in_333 {
	background-color: rgba(255, 255, 255, 0.90);
}
/*
1.0.2.2
- fixes shortcode typo
- after was not loading in if end date had already passed
- fixed a bug that could cause set timezone to miss-calculate if using non-repeating date and time
- updates timed-content.js with clock functions
*/
@font-face {
    font-family: '1ldclockmedium';
    src: url('tc-files/1ldclock-webfont.woff2') format('woff2'),
         url('tc-files/1ldclock-webfont.woff') format('woff'),
        url('tc-files/1ldclock-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*  */
/*  */
#stacks_in_424 .timed-content-progress-bar {
  display: none;
}
/*  */
#stacks_in_424,
#stacks_out_424,
#stacks_in_333 {
  overflow: visible;
  clear: both;
}
#stacks_in_424 .timed-content-number {
  box-shadow: 0px 1px 2px rgba(0,0,0,15%);
}
#stacks_in_424 .timed-content-rotate .timed-content-number {
  box-shadow: 0px 8px 10px 0px rgba(0,0,0,30%);
}
#stacks_in_424 .timed-content-rotate.rotate-smooth .timed-content-number:after {
  box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,30%),
              inset 0px -5px 5px -3px rgba(0,0,0,30%);
  /*  */
  background: linear-gradient(to bottom,  rgba(0,0,0,19.994999%) 0%,rgba(0,0,0,4.995000%) 20%,rgba(0,0,0,0%) 40%,rgba(0,0,0,4.995000%) 60%,rgba(0,0,0,15%) 80%,rgba(0,0,0,19.994999%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#stacks_in_424 .timed-content-fold .timed-content-number {
  box-shadow: 0px 2px 3px rgba(0,0,0,0.5),
              inset 0px 0px 5px rgba(0,0,0,0.5);
}
#stacks_in_424 .tc-dark-shadows.timed-content-fold .timed-content-number {
  box-shadow: 0px 2px 3px rgba(0,0,0,0.5),
              inset 0px 0px 5px rgba(0,0,0,0.5);
}
#stacks_in_424 .timed-content-inline .timed-content-number {
    box-shadow: none;
}
#stacks_in_424 .timed-content-countdown-wrap {
  color: rgba(154, 134, 72, 1.00);
  padding: 24px 0px;
  border-radius: 0px;
  background-color: rgba(249, 238, 212, 0.00);
}
#stacks_in_424 .timed-content-countdown-wrap * {
  font-family:  "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#stacks_in_424 .timed-content-digital .timed-content-number div span {
  font-family: '1ldclockmedium';
}
#stacks_in_424 .timed-content-digital .timed-content-number div span:before {
    content: "88";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: -1;
    color: rgba(255, 255, 255, 1.00);
    opacity: 0.2;
}
#stacks_in_424 .timed-content-digital .tc-digit-padding .timed-content-number div span:before {
    content: "888888888888888888888";
    overflow: hidden;
    left: 12px;
    right: 12px;
    width: auto;
    top: 0;
}
#stacks_in_424 .timed-content-number,
#stacks_in_424 .timed-content-number div,
#stacks_in_424 .timed-content-fold .timed-content-number > div:after,
#stacks_in_424 .timed-content-fold .timed-content-number > div:before,
#stacks_in_424 .timed-content-paper-fall .timed-content-number .timed-content-anim:before {
  background-color: #9A8648;
  color: rgba(255, 255, 255, 1.00);
  border-radius:  6px;
}
#stacks_in_424 .timed-content-number div span {
  color: rgba(255, 255, 255, 1.00);
}
#stacks_in_424 .timed-content-rotate .timed-content-number > div.state-after,
#stacks_in_424 .timed-content-rotate .timed-content-number > div.state-before {
  background-color: #9A8648;
  border-radius: 0px;
}
#stacks_in_424 .timed-content-fold .timed-content-number > div {
  border-radius:  6px 6px 0px 0px;
}
#stacks_in_424 .timed-content-countdown {
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(80px, max-content));
  /*  */
}
#stacks_in_424 .timed-content-part div.timed-content-title {
  font-size: 14px;
}
#stacks_in_424 .timed-content-number,
#stacks_in_424 .timed-content-number div,
#stacks_in_424 .timed-content-number div span,
#stacks_in_424 .timed-content-fold .timed-content-number > div:after,
#stacks_in_424 .timed-content-fold .timed-content-number > div:before,
#stacks_in_424 .timed-content-paper-fall .timed-content-number .timed-content-anim:before {
  width: auto;
  min-width: 80px;
  height: 60.000000px;
  line-height: 58.000000px; /* Adjusted for font */
  font-size: 50.000000px;
  font-weight: normal;
  letter-spacing: 0px;
}
#stacks_in_424 .timed-content-digital .timed-content-number div span {
  line-height: 60.000000px;
  font-size: 60.000000px;
  color:  rgba(255, 255, 255, 1.00);
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 1.00);
}
#stacks_in_424 .timed-content-number div span {
  min-width: 0px;
}
#stacks_in_424 .timed-content-number > div {
  padding: 0px 0px;
  box-sizing: border-box;
}
#stacks_in_424 .tc-digit-padding .timed-content-number > div {
  padding: 0px 12px;
}
#stacks_in_424 .tc-digit-padding .timed-content-number-5 {
  position: relative;
}
#stacks_in_424 .timed-content-part:before {
  background-color: rgba(0, 0, 0, 0.00);
  height: 60.000000px;
}
#stacks_in_424 .timed-content-number:after,
#stacks_in_424 .timed-content-number:before {
    width: 5px;
    height: 5px;
    background-color: rgba(154, 134, 72, 1.00);
    right: -10px;
    border-radius: 0px;
}
#stacks_in_424 .timed-content-fold .timed-content-number > div {
  height: 50%;
}
#stacks_in_424 .timed-content-rotate .timed-content-number div {
  background: transparent;
}
/*  */
#stacks_in_424 .timed-content-rotate .timed-content-countdown div {
   align-content: top;
   justify-content: top;
}
#stacks_in_424 .timed-content-rotate .timed-content-number div {
    display: inline-block;
    position: relative;
    margin-top: 0;
}
#stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-1 {
    top: 120.000000px;
}
#stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-2 {
    top: 60.000000px;
}
#stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-3 {
    top: 0px;
}
#stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-4 {
    top: -60.000000px;
}
#stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-5 {
    top: -120.000000px;
}
/*  */
#stacks_in_424 .timed-content-rotate .timed-content-number {
  perspective: 2000px;
  height: 120.000000px;/* double height */
}
#stacks_in_424 .timed-content-rotate .timed-content-number .state-out {
  transform: translate3D(0,-108.000000px,0) rotateX(75deg);
}
#stacks_in_424 .timed-content-rotate .timed-content-number .state-after {
  transform: translate3D(0,-60.000000px,0px) rotateX(37.5deg);
}
#stacks_in_424 .timed-content-rotate .timed-content-number .state-active {
  transform: translate3D(0,0,0px) rotateX(0deg);
}
#stacks_in_424 .timed-content-rotate .timed-content-number .state-before {
  transform: translate3D(0,60.000000px,0px) rotateX(-37.5deg);
}
#stacks_in_424 .timed-content-rotate .timed-content-number > div.state-in {
  transform: translate3D(0,108.000000px,0) rotateX(-75deg);
}
@media all and (max-width: 1000px) {
  #stacks_in_424 .timed-content-countdown {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(65px, max-content));
  }
  #stacks_in_424 .timed-content-part:before {
    height: 48.750000px;
  }
  #stacks_in_424 .timed-content-number,
  #stacks_in_424 .timed-content-number div,
  #stacks_in_424 .timed-content-number div span,
  #stacks_in_424 .timed-content-fold .timed-content-number > div:after,
  #stacks_in_424 .timed-content-fold .timed-content-number > div:before,
  #stacks_in_424 .timed-content-paper-fall .timed-content-number .timed-content-anim:before {
    width: auto;
    min-width: 65px;
    height: 48.750000px;
    line-height: 47.125000px; /* Adjusted for font */
    font-size: 40.625000px;
    letter-spacing: 0px;
  }
  #stacks_in_424 .timed-content-digital .timed-content-number div span {
    line-height: 48.750000px;
    font-size: 48.750000px;
  }
  #stacks_in_424 .timed-content-number:after,
  #stacks_in_424 .timed-content-number:before {
      width: 4px;
      height: 4px;
      right: -7px;
  }
  #stacks_in_424 .tc-digit-padding .timed-content-number > div {
    padding: 0px 6px;
  }
  #stacks_in_424 .timed-content-digital .tc-digit-padding .timed-content-number div span:before {
      left: 6px;
      right: 6px;
  }
  /*  */
  #stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-1 {
      top: 97.500000px;
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-2 {
      top: 48.750000px;
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-4 {
      top: -48.750000px;
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-5 {
      top: -97.500000px;
  }
  /*  */
  #stacks_in_424 .timed-content-rotate .timed-content-number {
    height: 97.500000px;/* double height */
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .state-out {
    transform: translate3D(0,-87.750000px,0) rotateX(75deg);
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .state-after {
    transform: translate3D(0,-48.750000px,0px) rotateX(37.5deg);
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .state-before {
    transform: translate3D(0,48.750000px,0px) rotateX(-37.5deg);
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number > div.state-in {
    transform: translate3D(0,87.750000px,0) rotateX(-75deg);
  }
}
@media all and (max-width: 600px) {
  #stacks_in_424 .timed-content-part div.timed-content-title {
    font-size: 12px;
  }
  #stacks_in_424 .timed-content-number,
  #stacks_in_424 .timed-content-number div,
  #stacks_in_424 .timed-content-fold .timed-content-number > div:after,
  #stacks_in_424 .timed-content-fold .timed-content-number > div:before,
  #stacks_in_424 .timed-content-paper-fall .timed-content-number .timed-content-anim:before {
    border-radius:  4.500000px;
  }
  #stacks_in_424 .timed-content-fold .timed-content-number > div {
    border-radius:  4.500000px 4.500000px 0px 0px;
  }
  #stacks_in_424 .timed-content-countdown {
    grid-gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
  }
  #stacks_in_424 .timed-content-part:before {
    height: 37.500000px;
  }
  #stacks_in_424 .timed-content-number,
  #stacks_in_424 .timed-content-number div,
  #stacks_in_424 .timed-content-number div span,
  #stacks_in_424 .timed-content-fold .timed-content-number > div:after,
  #stacks_in_424 .timed-content-fold .timed-content-number > div:before,
  #stacks_in_424 .timed-content-paper-fall .timed-content-number .timed-content-anim:before {
    width: auto;
    min-width: 50px;
    height: 37.500000px;
    line-height: 36.250000px; /* Adjusted for font */
    font-size: 31.250000px;
    letter-spacing: 0px;
  }
  #stacks_in_424 .timed-content-digital .timed-content-number div span {
    line-height: 37.500000px;
    font-size: 37.500000px;
  }
  #stacks_in_424 .timed-content-number:after,
  #stacks_in_424 .timed-content-number:before {
      width: 4px;
      height: 4px;
      right: -6px;
  }
  /*  */
  #stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-1 {
      top: 75.000000px;
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-2 {
      top: 37.500000px;
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-4 {
      top: -37.500000px;
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .timed-content-number-5 {
      top: -75.000000px;
  }
  /*  */
  #stacks_in_424 .timed-content-rotate .timed-content-number {
    height: 75.000000px;/* double height */
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .state-out {
    transform: translate3D(0,-67.500000px,0) rotateX(75deg);
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .state-after {
    transform: translate3D(0,-37.500000px,0px) rotateX(37.5deg);
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number .state-before {
    transform: translate3D(0,37.500000px,0px) rotateX(-37.5deg);
  }
  #stacks_in_424 .timed-content-rotate .timed-content-number > div.state-in {
    transform: translate3D(0,67.500000px,0) rotateX(-75deg);
  }
}
@media all and (max-width: 350px) {
  #stacks_in_424 .timed-content-part div.timed-content-title {
    font-size: 10px;
  }
}
#stacks_in_424 .timed-content-rotate .timed-content-number:after, #stacks_in_424 .timed-content-rotate .timed-content-number:before {
  width: 100%;
  height: 100%;
  right: auto;
  transform: translate(0,0);
  display: block;
  top: auto;
  background: transparent;
}
#stacks_in_424 .timed-content-rotate .timed-content-part:before {
  display: none;
}
/*  */
/* FancyLine Stack v1.2.2 */#stacks_in_453 hr {	height: 0;	border: 0;	    padding: 0;	border-top-width: 1px;	 border-top-style: solid;									border-top-color: #C4AC5A;					}	*:first-child+html #stacks_in_453 hr, * html  #stacks_in_453 hr {height: 1px /*IE7*/;}* html  #stacks_in_453 hr {line-height: 1px /*IE6*/;}/* End of FancyLine stack */
#stacks_in_359 {
	padding: 20px 0px 20px 0px;
}
/* FancyLine Stack v1.2.2 */#stacks_in_363 hr {	height: 0;	border: 0;	    padding: 0;	border-top-width: 1px;	 border-top-style: solid;									border-top-color: #C4AC5A;					}	*:first-child+html #stacks_in_363 hr, * html  #stacks_in_363 hr {height: 1px /*IE7*/;}* html  #stacks_in_363 hr {line-height: 1px /*IE6*/;}/* End of FancyLine stack */
#stacks_in_363 {
	padding: 0px 0px 40px 0px;
}
/* FancyLine Stack v1.2.2 */#stacks_in_364 hr {	height: 0;	border: 0;	    padding: 0;	border-top-width: 1px;	 border-top-style: solid;									border-top-color: #C4AC5A;					}	*:first-child+html #stacks_in_364 hr, * html  #stacks_in_364 hr {height: 1px /*IE7*/;}* html  #stacks_in_364 hr {line-height: 1px /*IE6*/;}/* End of FancyLine stack */
#stacks_in_364 {
	margin: 0px 0px 20px 0px;
	padding: 40px 0px 20px 0px;
}

#stacks_in_456 {
	margin: 0px 0px 40px 0px;
	padding:  20px;
}

#stacks_in_460 {
	border: solid rgba(197, 171, 90, 1.00);
	border-width:  1px;
}

#stacks_in_454 {
	padding: 20px 20px 0px 20px;
}
#stacks_in_458_button {
	display:block;
	position: relative;
	text-align: center;
}


#stacks_in_458 a:link, #stacks_in_458 a:visited {
	 display:inline-block; 
	
	
	position: relative;
	text-decoration:none;
}
#stacks_in_458 a:hover, #stacks_in_458 a:active {
	color:#FFFFFF;
}







#stacks_in_458 a:link, #stacks_in_458 a:visited {
	background-color:#F6D570;
	background: -webkit-gradient(linear, left top, left bottom, from(#F6D570), to(#938043));
	border:1px solid #938043;
	padding:3px 20px;
	border-radius:30px;
	color:#FFFFFF;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px;
	margin:5px;
	font-weight:bold;
}
#stacks_in_458 a:hover {
	background-color:#FFE679;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFE679), to(#806F3A));
	box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px;
}
#stacks_in_458 a:active {
	background-color:#F6D570;
	box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset;
}




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

#stacks_in_67 {
	margin: 60px 0px 20px 0px;
	padding: 0px 10px 0px 10px;
}

#stacks_in_405 {
	background-color: rgba(255, 255, 255, 0.90);
	padding: 60px 0px 30px 0px;
}
#stacks_in_232>.s3_row {
	margin: 0 -10px;
}

#stacks_in_232>.s3_row>.s3_column_left {
	width: 60.00%;
}

#stacks_in_232>.s3_row>.s3_column_right {
	width: 40.000000%;
}




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










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



}



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



}






#stacks_in_235 {
	margin: 30px 0px 0px 0px;
}

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

#stacks_out_233 {
	width: 75px;
	margin-left:0;
}

#stacks_in_178 {
	margin: 40px 0px 40px 0px;
}

#stacks_in_71 {
	margin: 0px 0px 20px 10px;
}
:root {
  --multi_columns_stacks_in_115:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
#multi_columns_stacks_in_115 {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: var(--multi_columns_stacks_in_115);
  grid-gap: 16px;
  
  align-items: center;
  
  
  
  
}
#multi_columns_stacks_in_115 > div {
  min-width: 0;
}
#multi_columns_stacks_in_115 + .deluxe-columns {
  margin-top: 16px;
}
#multi_columns_stacks_in_115 > div img {
  max-width: 100%;
}
#multi_columns_stacks_in_115 > div:not(.nav-column):not(.column-sticky) {
  position: relative;
}



@media all and (min-width: 901px) {
  #multi_columns_stacks_in_115 .hide-mobile {
    display: inherit;
  }
  #multi_columns_stacks_in_115 .hide-tablet {
    display: inherit;
  }
  #multi_columns_stacks_in_115 .hide-mobile {
    display: inherit;
  }
  #multi_columns_stacks_in_115 .hide-desktop {
    display: none;
  }
}
@media all and (max-width: 900px) and (min-width: 501px) {
  #multi_columns_stacks_in_115 .column-tablet-top {
    grid-row: 1;
  }
  #multi_columns_stacks_in_115 .hide-desktop {
    display: inherit;
  }
  #multi_columns_stacks_in_115 .hide-mobile {
    display: inherit;
  }
  #multi_columns_stacks_in_115 .hide-tablet {
    display: none;
  }
}
@media all and (max-width: 500px) {
  #multi_columns_stacks_in_115 .column-mobile-top {
    grid-row: 1;
  }
  #multi_columns_stacks_in_115 .hide-tablet {
    display: inherit;
  }
  #multi_columns_stacks_in_115 .hide-desktop {
    display: inherit;
  }
  #multi_columns_stacks_in_115 .hide-mobile {
    display: none;
  }
}

@media all and (max-width: 900px) {
  #multi_columns_stacks_in_115 {
    grid-template-columns: repeat(1, 1fr);
    
  }
  #multi_columns_stacks_in_115 + .deluxe-columns {
    
  }
  #multi_columns_stacks_in_115 > div:last-child {
    grid-column: span 1;
  }
  
  #multi_columns_stacks_in_115 > div > * {position: relative;}
  #multi_columns_stacks_in_115 > div > * > * {transform: translate(0,0);}
  
}
@media all and (max-width: 500px) {
  #multi_columns_stacks_in_115 {
    grid-template-columns: repeat(1, 1fr);
  }
  #multi_columns_stacks_in_115 > div:last-child {
    grid-column: span 1;
  }
  
  #multi_columns_stacks_in_115 > div > * {position: relative;}
  #multi_columns_stacks_in_115 > div > * > * {transform: translate(0,0);}
  
}


#stacks_in_121 {
	background-color: rgba(252, 255, 255, 1.00);
}

#stacks_in_124 {
	background-color: rgba(204, 204, 204, 1.00);
}

#stacks_in_127 {
	background-color: rgba(252, 255, 255, 1.00);
}

#stacks_in_130 {
	background-color: rgba(252, 255, 255, 1.00);
}

#stacks_in_133 {
	background-color: rgba(252, 255, 255, 1.00);
}

#stacks_in_151 {
	background-color: rgba(252, 255, 255, 1.00);
}
:root {
  --multi_columns_stacks_in_141:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
#multi_columns_stacks_in_141 {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: var(--multi_columns_stacks_in_141);
  grid-gap: 16px;
  
  align-items: center;
  
  
  
  
}
#multi_columns_stacks_in_141 > div {
  min-width: 0;
}
#multi_columns_stacks_in_141 + .deluxe-columns {
  margin-top: 16px;
}
#multi_columns_stacks_in_141 > div img {
  max-width: 100%;
}
#multi_columns_stacks_in_141 > div:not(.nav-column):not(.column-sticky) {
  position: relative;
}



@media all and (min-width: 901px) {
  #multi_columns_stacks_in_141 .hide-mobile {
    display: inherit;
  }
  #multi_columns_stacks_in_141 .hide-tablet {
    display: inherit;
  }
  #multi_columns_stacks_in_141 .hide-mobile {
    display: inherit;
  }
  #multi_columns_stacks_in_141 .hide-desktop {
    display: none;
  }
}
@media all and (max-width: 900px) and (min-width: 501px) {
  #multi_columns_stacks_in_141 .column-tablet-top {
    grid-row: 1;
  }
  #multi_columns_stacks_in_141 .hide-desktop {
    display: inherit;
  }
  #multi_columns_stacks_in_141 .hide-mobile {
    display: inherit;
  }
  #multi_columns_stacks_in_141 .hide-tablet {
    display: none;
  }
}
@media all and (max-width: 500px) {
  #multi_columns_stacks_in_141 .column-mobile-top {
    grid-row: 1;
  }
  #multi_columns_stacks_in_141 .hide-tablet {
    display: inherit;
  }
  #multi_columns_stacks_in_141 .hide-desktop {
    display: inherit;
  }
  #multi_columns_stacks_in_141 .hide-mobile {
    display: none;
  }
}

@media all and (max-width: 900px) {
  #multi_columns_stacks_in_141 {
    grid-template-columns: repeat(1, 1fr);
    
  }
  #multi_columns_stacks_in_141 + .deluxe-columns {
    
  }
  #multi_columns_stacks_in_141 > div:last-child {
    grid-column: span 1;
  }
  
  #multi_columns_stacks_in_141 > div > * {position: relative;}
  #multi_columns_stacks_in_141 > div > * > * {transform: translate(0,0);}
  
}
@media all and (max-width: 500px) {
  #multi_columns_stacks_in_141 {
    grid-template-columns: repeat(1, 1fr);
  }
  #multi_columns_stacks_in_141 > div:last-child {
    grid-column: span 1;
  }
  
  #multi_columns_stacks_in_141 > div > * {position: relative;}
  #multi_columns_stacks_in_141 > div > * > * {transform: translate(0,0);}
  
}


#stacks_in_154 {
	background-color: rgba(252, 255, 255, 1.00);
}

#stacks_in_349 {
	background-color: rgba(255, 255, 255, 1.00);
}

#stacks_in_346 {
	background-color: rgba(252, 255, 255, 1.00);
}

#stacks_in_163 {
	background-color: rgba(252, 255, 255, 1.00);
}

#stacks_in_352 {
	background-color: rgba(252, 255, 255, 1.00);
}

#stacks_in_463 {
	background-color: rgba(252, 255, 255, 1.00);
}
#stacks_in_501{visibility:hidden}
#stacks_in_502>.s3_row {
	margin: 0 -0px;
}

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

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

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

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








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



}



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


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


}




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

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

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

#stacks_in_506 {
	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_513 {
	margin: 10px 0px 0px 0px;
}

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

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

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