.topyenoh{opacity:0;position:absolute;top:0;left:0;height:0;width:0;padding:0;margin:0;z-index:-1}







.form-submit-success,.form-submit-error{opacity:0;transition:none;overflow:hidden}form:not(.success) .form-submit-success,form:not(.error) .form-submit-error{max-height:0;padding:0;margin:0;border-width:0px}form.success .form-submit-success,form.error .form-submit-error{opacity:1;transition:opacity 500ms ease}.form-submit-processing{opacity:0;pointer-events:none;transition:opacity 500ms ease}form:not(.processing) .form-submit-processing{max-height:0}form.processing *{pointer-events:none}form.processing .form-submit-processing{opacity:1;pointer-events:auto}.processing-modal.absolute,.processing-modal.fixed{background-color:var(--overlay-color);border-radius:inherit;position:absolute;top:0;left:0;right:0;bottom:0}.processing-modal.absolute .processing-circle,.processing-modal.fixed .processing-circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.processing-modal.fixed{position:fixed}
.play-wrapper{text-align:center;position:relative;overflow:hidden;background-color:black}.play-embed,.play-poster{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;padding:0;background:none;display:block;border:none;width:100%;height:100%}.play-embed iframe,.play-embed video,.play-poster iframe,.play-poster video{width:100%;height:100%;border:none}.play-poster{cursor:pointer;transition:opacity 600ms ease;transform:translateZ(0)}.play-poster img,.play-poster video{width:100%;height:auto;max-width:100%;display:block;margin:0 auto}.play-poster .play-button{background-color:rgba(0,0,0,0.8);position:absolute;display:block;top:50%;left:50%;width:15%;height:auto;min-height:15%;border-radius:3px;border-style:solid;border-width:0;border-color:rgba(255,255,255,0.3);background-clip:padding-box;font-size:0px;transform:translateX(-50%) translateY(-50%);transition:background 400ms ease,border-color 200ms ease,border-width 200ms ease;}.play-poster .play-button.circle{box-sizing:border-box;border-radius:50%;padding-top:15%;}.play-poster .play-button svg{fill:#fff;position:absolute;display:block;top:50%;left:50%;height:50%;transform:translateX(-40%) translateY(-50%);transition:color 400ms ease}.playing .play-poster{opacity:0;pointer-events:none}.playing .play-poster *{pointer-events:none}.animate-expand .play-button{transition:all 400ms cubic-bezier(0.68,-0.35,0.265,1.35) 100ms,border-color 200ms ease 100ms,border-width 200ms ease 100ms}.animate-expand .play-button svg{transition:all 400ms cubic-bezier(0.68,-0.35,0.265,1.35) 100ms}.animate-expand:hover .play-button{width:101% !important;min-height:101% !important;padding:0 !important;border-radius:0 !important;border-width:0 !important}.animate-expand:hover svg{height:50%}.animate-zoom img,.animate-zoom video{transition:transform 400ms cubic-bezier(0.68,0,0.265,1)}.animate-zoom:hover img,.animate-zoom:hover video{transform:scale(1.2)}:root{--caixa-backdrop:rgb(0 0 0 / 75%);--caixa-textcolor:rgb(34 34 34 / 100%);--caixa-exitcolor:rgb(34 34 34 / 100%);--caixa-background:rgb(255 255 255 / 100%);--caixa-max-width:1280px;--caixa-padding:0;--caixa-radius:0;--caixa-top:10%;--caixa-easing:cubic-bezier(0.165,0.840,0.440,1.000)}.caixa.play-lightbox{position:fixed;top:0;width:100vw;height:100vh;z-index:9998;overflow-y:scroll;transform:scale(0);background-color:var(--caixa-backdrop);cursor:zoom-out;display:flex;align-items:center;justify-content:center}.caixa.play-lightbox > .content{background:var(--caixa-background);padding:0;position:relative;color:var(--caixa-textcolor);overflow:visible;width:100%;height:auto;max-width:var(--caixa-max-width)}.caixa.play-lightbox > .content iframe,.caixa.play-lightbox > .content video{width:100%;height:100%;border:none}@media screen and (min-width:40em){.caixa.play-lightbox > .content{height:auto;width:90%;padding:var(--caixa-padding);border-radius:var(--caixa-radius)}}.caixa.play-lightbox > .caixa-exit{z-index:9999;margin:0;padding:1rem;position:absolute;border:none;right:0;bottom:calc(44px + 1rem);font-size:3rem;background:none;cursor:zoom-out;transition:opacity 200ms ease;opacity:0;color:var(--caixa-textcolor)}@media screen and (min-width:40em){.caixa.play-lightbox > .caixa-exit{padding:0 2rem 1rem 2rem;color:var(--caixa-exitcolor);top:0;bottom:auto}}.caixa.play-lightbox.enter,.caixa.play-lightbox.opened > .caixa-exit{opacity:1}.caixa.play-lightbox.opened{transform:scale(1)}.caixa.play-lightbox:not(.opened){pointer-events:none}.caixa.play-lightbox:not(.opened) *{pointer-events:none}.caixa.play-lightbox .embed{position:relative;width:100%;padding-bottom:56.25%}.caixa.play-lightbox .embed video,.caixa.play-lightbox .embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.caixa-fx-blur.enter{animation:blurIn 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-blur.exit{animation:blurOut 0.8s var(--caixa-easing) forwards}.caixa-fx-zoomIn.enter{animation:blowUp 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-zoomIn.exit{animation:blowDown 0.8s var(--caixa-easing) forwards}.caixa-fx-zoomOut.enter{animation:scaleOut 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-zoomOut.exit{animation:scaleIn 0.8s var(--caixa-easing) forwards}.caixa-fx-fade.enter{transform:scale(1);animation:caixaFadeIn 0.5s var(--caixa-easing) forwards}.caixa-fx-fade.enter > .content{opacity:0;transform:scale(0.6);animation:scaleInUp 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-fade.exit{animation:caixaFadeOut 0.5s 0.2s var(--caixa-easing) forwards}.caixa-fx-fade.exit > .content{animation:scaleOutDown 0.8s var(--caixa-easing) forwards}.caixa-fx-slideUp.enter{transform:scale(1);animation:caixaFadeIn 0.5s var(--caixa-easing) forwards}.caixa-fx-slideUp.enter > .content{transform:translateY(1000px);animation:slideUpIn 0.8s 0.2s var(--caixa-easing) forwards}.caixa-fx-slideUp.exit{transform:scale(1);animation:caixaFadeOut 0.5s 0.2s var(--caixa-easing) forwards}.caixa-fx-slideUp.exit > .content{animation:slideDownOut 0.8s var(--caixa-easing) forwards}.caixa-fx-fold.enter{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s var(--caixa-easing) forwards}.caixa-fx-fold.enter .content{transform:scale(0);animation:zoomIn 0.5s 0.8s var(--caixa-easing) forwards}.caixa-fx-fold.exit{transform:scale(1);animation:unfoldOut 1s 0.3s var(--caixa-easing) forwards}.caixa-fx-fold.exit .content{animation:zoomOut 0.5s var(--caixa-easing) forwards}.caixa-fx-race.enter{transform:scale(1);animation:caixaFadeIn 0.5s var(--caixa-easing) forwards}.caixa-fx-race.enter .content{opacity:1;transform:translateX(-1500px);animation:raceIn 0.3s 0.5s var(--caixa-easing) forwards}.caixa-fx-race.exit{transform:scale(1);animation:caixaFadeOut 0.5s 0.2s var(--caixa-easing) forwards}.caixa-fx-race.exit .content{opacity:1;animation:raceOut 0.5s var(--caixa-easing) forwards}@keyframes caixaFadeIn{0%{background:transparent}100%{background:var(--caixa-backdrop)}}@keyframes caixaFadeOut{0%{background:var(--caixa-backdrop)}100%{background:transparent}}@keyframes unfoldIn{0%{transform:scaleY(0.005) scaleX(0)}50%{transform:scaleY(0.005) scaleX(1)}100%{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(0.005) scaleX(1)}100%{transform:scaleY(0.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}@keyframes scaleInUp{0%{transform:scale(0.6) translateY(-100px);opacity:0}100%{transform:scale(1) translateY(0px);opacity:1}}@keyframes scaleOutDown{0%{transform:scale(1) translateY(0px);opacity:1}100%{transform:scale(0.6) translateY(-100px);opacity:0}}@keyframes slideUpIn{0%{transform:translateY(1000px)}100%{transform:translateY(0px)}}@keyframes slideDownOut{0%{transform:translateY(0px)}100%{transform:translateY(1000px)}}@keyframes raceIn{0%{transform:translateX(-1500px) skewX(30deg) scaleX(1.3)}70%{transform:translateX(30px) skewX(0deg) scaleX(0.9)}100%{transform:translateX(0px) skewX(0deg) scaleX(1)}}@keyframes raceOut{0%{transform:translateX(0px) skewX(0deg) scaleX(1)}30%{transform:translateX(-30px) skewX(-5deg) scaleX(0.9)}100%{transform:translateX(1500px) skewX(30deg) scaleX(1.3)}}@keyframes blurIn{0%{filter:blur(0px)}100%{filter:blur(10px)}}@keyframes blurOut{0%{filter:blur(10px)}100%{filter:blur(0px)}}@keyframes blowUp{0%{transform:scale(1);opacity:1}99.9%{transform:scale(2);opacity:0}100%{transform:scale(0)}}@keyframes blowDown{0%{transform:scale(2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}@keyframes scaleIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}

@charset "UTF-8";
:root{--light-gray:rgba(235, 235, 235, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(28, 39, 54, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 127, 255, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 97, 225, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(28, 39, 54, 1.00);--link-color-hover:rgba(28, 39, 54, 0.50);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:underline;--link-decoration-hover:underline;--overlay-color:rgba(0, 0, 0, 0.50);--radius:16px;--small-gutter:1.5rem;--medium-gutter:2.5rem;--large-gutter:2.5rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(255, 255, 255, 0.52);--link-decoration:underline;--link-decoration-hover:underline}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(36rem/16)}h2,.h2{font-size:calc(28rem/16)}h3,.h3{font-size:calc(24rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(55rem/16)}h2,.h2{font-size:calc(44rem/16)}h3,.h3{font-size:calc(40rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(74rem/16)}h2,.h2{font-size:calc(50rem/16)}h3,.h3{font-size:calc(40rem/16)}h4,.h4{font-size:calc(22rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(16rem/16)}body{background-color:rgba(11, 6, 15, 1.00);background-image:url('../files/bgimage-2-C39.jpg');background-repeat:no-repeat   ;background-size:  cover;background-position:center center;background-attachment:  fixed;background-origin:padding-box;background-blend-mode:normal;background-clip:border-box;}@media only screen and (min-width:40em){body{background-image:url('../files/bgimageMedium-2-C39.jpg')}}
/*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900}  
  h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6,  .menu li,   .button,.myclass{font-weight:700 ;line-height:1.10 ;}
.bigp{padding-top:1.5rem ;padding-bottom:1.5rem ;} @media only screen and (min-width:40em){.bigp{padding-top:3rem ;padding-bottom:3rem ;}}@media only screen and (min-width:64em){.bigp{padding-top:4rem ;padding-bottom:4rem ;}} 
            .bigger p, li{font-size:calc(20rem/16) ;}@media only screen and (min-width:40em) {            .bigger p, li{font-size:calc(24rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .bigger p, li{font-size:calc(24rem/16) ;line-height:1.50 }}
            .smaller p{font-size:calc(13rem/16) ;}@media only screen and (min-width:40em) {            .smaller p{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .smaller p{font-size:calc(14rem/16) ;line-height:1.50 }}

.foundation-text{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:text ;-webkit-text-fill-color:transparent;text-fill-color:transparent;}@media (hover:none) and (pointer:coarse){.foundation-text{background-attachment:scroll!important}}
.stacks-text{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:text ;-webkit-text-fill-color:transparent;text-fill-color:transparent;}@media (hover:none) and (pointer:coarse){.stacks-text{background-attachment:scroll!important}}
.stacks-text{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(90deg,rgba(0, 145, 103, 1.00) 0%,50%,rgba(0, 213, 150, 1.00) 100%) ;}
.foundation-text{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(90deg,rgba(0, 76, 209, 1.00) 0%,50%,rgba(171, 184, 255, 1.00) 100%) ;}
            p{line-height:1.50 ;}
.articleSlide{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(180deg,rgba(95, 86, 133, 0.90) 0%,50%,rgba(28, 23, 59, 0.90) 100%) ;}
.topMargin{margin-top:7.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% ;}@media only screen and (min-width:40em){.topMargin{margin-top:7.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% }}@media only screen and (min-width:64em){.topMargin{margin-top:5.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% }}

.glass{background-color:rgba(0, 0, 0, 0.11);}@supports (backdrop-filter:none){.glass{mix-blend-mode:normal;backdrop-filter:blur(6px)brightness(100%)contrast(100%)grayscale(0%)hue-rotate(0deg)invert(0%)opacity(100%)saturate(100%)sepia(0%);background-color:rgba(0, 0, 0, 0.11);}}
.glassWhite{background-color:rgba(255, 255, 255, 0.11);}@supports (backdrop-filter:none){.glassWhite{mix-blend-mode:normal;backdrop-filter:blur(6px)brightness(100%)contrast(100%)grayscale(0%)hue-rotate(0deg)invert(0%)opacity(100%)saturate(100%)sepia(0%);background-color:rgba(255, 255, 255, 0.11);}}
.glassBorder, .content ul li{border-color:rgba(255, 255, 255, 0.20) ;border-width:1px ;border-style:solid ;border-radius:24px ;}
.trenner{border-color:rgba(255, 255, 255, 0.20) ;border-width:1px ;border-style:solid ;}
.myclass{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}
select#input_project{margin-right:2rem !important;}  
select#input_project{padding-right:1.5rem !important;}  
.titleLogo{filter:drop-shadow(2px 20px 20px rgba(0, 0, 0, 0.60));}
            .header h1{font-size:calc(36rem/16) ;line-height:1.20 ;}@media only screen and (min-width:40em) {            .header h1{font-size:calc(50rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) {            .header h1{font-size:calc(58rem/16) ;line-height:1.20 }}
            .header h2{font-size:calc(20rem/16) ;}@media only screen and (min-width:40em) {            .header h2{font-size:calc(30rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .header h2{font-size:calc(30rem/16) ;line-height:1.50 }}
.stacks_in_1606 img{width:100%;max-width:200px}
.CTAButton{min-width:300.00px !important;max-width:100.00% !important;}
h1,h2,h3,h5,h6{margin-bottom:1.5rem !important;}  
.CTAButton{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(0deg,rgba(23, 28, 174, 1.00) 0%,50%,rgba(34, 78, 216, 1.00) 100%) ;}
a.CTAButton{text-shadow:0px 2px 5px rgba(0, 0, 0, 0.60);}
.ctaBorder{border-radius:25px ;}
.stacks_in_1983 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


.stacks_in_1749 {
  aspect-ratio: 16/10; }
  .stacks_in_1749 .play-poster .play-button {
    background-color: rgba(0, 0, 0, 0.44);
    width: 20%;
    min-height: 20%;
    border-color: rgba(255, 255, 255, 1.00);
    border-width: 0px;
    transition-duration: 500ms, 500ms; }
    .stacks_in_1749 .play-poster .play-button:not(.circle) {
      border-radius: 3px; }
    .stacks_in_1749 .play-poster .play-button.circle {
      padding-top: calc(20% - 0px); }
  .stacks_in_1749 .play-poster img, .stacks_in_1749 .play-poster video {
    transition-duration: 500ms; }
  .stacks_in_1749 .play-poster svg {
    fill: rgba(255, 255, 255, 0.90);
    transition-duration: 500ms; }
  .stacks_in_1749 .play-poster:hover svg {
    fill: rgba(255, 255, 255, 0.90); }
  .stacks_in_1749 .play-poster:hover .play-button {
    background-color: rgba(0, 0, 0, 0.44);
    border-color: rgba(255, 255, 255, 1.00); }
  .stacks_in_1749 .play-poster.animate-zoom:hover img, .stacks_in_1749 .play-poster.animate-zoom:hover video {
    transform: scale(1.01) rotate(0deg); }

/*   */
.caixa.play-lightbox {
  --caixa-backdrop: rgba(0, 0, 0, 0.81);
  --caixa-exitcolor: rgba(242, 242, 242, 1.00);
  --caixa-background: none;
  --caixa-padding: 0; }
  .caixa.play-lightbox > .content {
    aspect-ratio: 16/9; }
  .caixa.play-lightbox > * {
    --caixa-backdrop: rgba(0, 0, 0, 0.81);
    --caixa-exitcolor: rgba(242, 242, 242, 1.00);
    --caixa-background: none;
    --caixa-padding: 0; }

/*   */
.callout{background-color:rgba(220, 78, 74, 0.19) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.callout{background-attachment:scroll!important}}
.calloutText > h3{color:rgba(255, 174, 0, 1.00) !important;}
.callout{border-color:rgba(153, 153, 153, 0.38) ;border-width:1px ;border-radius:14px ;}
.videoImage{background:none ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.videoImage{background-attachment:scroll!important}}
.stacks_in_1645 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.stacks_in_1651{line-height:0}.stacks_in_1651 svg{display:inline-block;max-width:50px;height:auto;}.stacks_in_1651.full-width svg{width:100%;height:auto}.stacks_in_1651 svg *{fill:rgba(255, 174, 0, 1.00)}

.stacks_in_1795 {
  aspect-ratio: 16/10; }
  .stacks_in_1795 .play-poster .play-button {
    background-color: rgba(0, 0, 0, 0.44);
    width: 20%;
    min-height: 20%;
    border-color: rgba(255, 255, 255, 1.00);
    border-width: 0px;
    transition-duration: 500ms, 500ms; }
    .stacks_in_1795 .play-poster .play-button:not(.circle) {
      border-radius: 3px; }
    .stacks_in_1795 .play-poster .play-button.circle {
      padding-top: calc(20% - 0px); }
  .stacks_in_1795 .play-poster img, .stacks_in_1795 .play-poster video {
    transition-duration: 500ms; }
  .stacks_in_1795 .play-poster svg {
    fill: rgba(255, 255, 255, 0.90);
    transition-duration: 500ms; }
  .stacks_in_1795 .play-poster:hover svg {
    fill: rgba(255, 255, 255, 0.90); }
  .stacks_in_1795 .play-poster:hover .play-button {
    background-color: rgba(0, 0, 0, 0.44);
    border-color: rgba(255, 255, 255, 1.00); }
  .stacks_in_1795 .play-poster.animate-zoom:hover img, .stacks_in_1795 .play-poster.animate-zoom:hover video {
    transform: scale(1.01) rotate(0deg); }

/*   */
.caixa.play-lightbox {
  --caixa-backdrop: rgba(0, 0, 0, 0.81);
  --caixa-exitcolor: rgba(242, 242, 242, 1.00);
  --caixa-background: none;
  --caixa-padding: 0; }
  .caixa.play-lightbox > .content {
    aspect-ratio: 16/9; }
  .caixa.play-lightbox > * {
    --caixa-backdrop: rgba(0, 0, 0, 0.81);
    --caixa-exitcolor: rgba(242, 242, 242, 1.00);
    --caixa-background: none;
    --caixa-padding: 0; }

/*   */
.stacks_in_1682 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.stacks_in_1686{line-height:0}.stacks_in_1686 svg{display:inline-block;max-width:50px;height:auto;}.stacks_in_1686.full-width svg{width:100%;height:auto}.stacks_in_1686 svg *{fill:rgba(255, 174, 0, 1.00)}

#features .cell{padding:2rem ;} @media only screen and (min-width:40em){#features .cell{padding:2.5rem }}@media only screen and (min-width:64em){#features .cell{padding:2.5rem }} 

            .step p{font-size:calc(60rem/16) ;font-weight:700 ;line-height:1.00 ;}@media only screen and (min-width:40em) {            .step p{font-size:calc(80rem/16) ;line-height:1.00 }}@media only screen and (min-width:64em) {            .step p{font-size:calc(80rem/16) ;line-height:1.00 }}
.stacks_in_1610 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


.stacks_in_1621 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


.stacks_in_1631 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}



.stacks_in_1592 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.stacks_in_1598 img{width:100%;max-width:700px}


.accordionWrapper .accordion{background-position:left top !important;background-size:100% 100% !important;background-image:linear-gradient(0deg,rgba(19, 19, 19, 0.52) 0%,25%,rgba(26, 95, 177, 0.29) 100%) !important;}
.accordionWrapper .accordion-title{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(0deg,rgba(32, 26, 37, 1.00) 0%,50%,rgba(24, 26, 49, 1.00) 100%) ;}
.accordionWrapper .accordion-title:hover{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(0deg,rgba(32, 26, 37, 0.94) 0%,50%,rgba(0, 31, 68, 1.00) 100%) ;}
.accordionWrapper .accordion-content{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(0deg,rgba(32, 26, 37, 1.00) 0%,50%,rgba(32, 26, 37, 1.00) 100%) ;}
.accordionWrapper .accordion-title{border-color:rgba(205, 229, 255, 1.00) !important;border-width:1px 0px 0px 0px !important;border-style:solid solid none solid !important;border-radius:16px !important;}
.accordionWrapper .accordion-item.is-active>.accordion-title{border-color:rgba(205, 229, 255, 1.00) !important;border-radius:16px 16px 0px 0px !important;}
.accordionWrapper .accordion{border-color:rgba(205, 229, 255, 1.00) !important;border-width:1px 0px 0px 0px !important;border-style:solid solid none solid !important;border-radius:16px !important;}
.accordionWrapper .accordion-content{border-color:rgba(238, 214, 245, 1.00) !important;border-bottom-width:1px !important;border-style:none none solid none !important;border-radius:0px 0px 16px 16px !important;}
.accordionWrapper .accordion-title{color:rgba(178, 178, 178, 1.00) !important;}
.cardBoxWrapper .accordion-item.is-active>.accordion-title{color:rgba(178, 178, 178, 1.00) !important;}
.accordionWrapper .accordion-title{box-shadow:inset 0px 0px 0px 1px rgba(49, 49, 49, 0.80);}
.accordionWrapper .accordion-content{box-shadow: 0px 0px 0px 1px rgba(108, 108, 108, 0.36);}
.accordionWrapper ol li, ul li:before{box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.26);}
.accordionWrapper .cardBoxWrapper{box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.60);}
.accordionWrapper .accordion-item.is-active>.accordion-title{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00);}
.accordionWrapper .accordion-content{box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.60);}
            .accordionWrapper .accordion-title{font-size:calc(19rem/16) ;font-weight:600 ;line-height:1.20 ;}@media only screen and (min-width:40em) {            .accordionWrapper .accordion-title{font-size:calc(24rem/16) ;line-height:1.00 }}@media only screen and (min-width:64em) {            .accordionWrapper .accordion-title{font-size:calc(24rem/16) ;line-height:1.00 }}
.accordion{background-color:transparent !important;background-color:rgba(204, 204, 204, 0.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.accordion{background-attachment:scroll!important}}
.accordion-content{background-color:transparent !important;background-color:rgba(204, 204, 204, 0.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.accordion-content{background-attachment:scroll!important}}
.accordion-content{padding:0.5rem ;}  
.accroContentWrapper{padding:0.75rem ;}  
.accordion{padding:0.5rem !important;}  
.accordion-title{margin-bottom:0.75rem ;}  
.accordion-item.is-active>.accordion-title{margin-bottom:0 ;}  
.accordion-content{margin-bottom:2rem ;}  
.accordionWrapper .accordion-content p{color:rgba(178, 178, 178, 1.00) ;}
.accordion-title:before{margin-top:-1rem ;}  
.stacks_in_1903 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.stacks_in_1914 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}






.stacks_in_1936 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}





.stacks_in_1557 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


            .subfooter p, .subfooter span, .subfooter a{font-size:calc(13rem/16) ;}@media only screen and (min-width:40em) {            .subfooter p, .subfooter span, .subfooter a{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .subfooter p, .subfooter span, .subfooter a{font-size:calc(14rem/16) ;line-height:1.50 }}
.footerTrenner{border-color:rgba(255, 255, 255, 0.15) !important;border-width:1px !important;border-style:solid !important;}
.subfooter a{color:rgba(255, 255, 255, 1.00) !important;}
.subfooter a:hover{color:rgba(255, 255, 255, 0.56) !important;}
@charset "UTF-8";
            .newsletter a{font-size:calc(15rem/16) ;}@media only screen and (min-width:40em) {            .newsletter a{font-size:calc(15rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .newsletter a{font-size:calc(15rem/16) ;line-height:1.50 }}
.form-button{background-color:rgba(0, 144, 103, 1.00);}@supports (backdrop-filter:none){.form-button{mix-blend-mode:normal;backdrop-filter:blur(25px)brightness(100%)contrast(100%)grayscale(0%)hue-rotate(0deg)invert(0%)opacity(100%)saturate(100%)sepia(0%);background-color:rgba(0, 144, 103, 1.00);}}
.form-button{border-color:rgba(249, 255, 231, 0.20) ;border-width:2px ;border-style:solid ;border-radius:24px ;}
.form-email:focus-within{background-color:rgba(204, 204, 204, 0.25) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.form-email{background-attachment:scroll!important}}
input{color:rgba(217, 217, 217, 0.15) !important;}
.newsletter > a{color:rgba(255, 255, 255, 1.00) !important;}
input:focus-within{color:rgba(255, 255, 255, 1.00) !important;}
            input{font-size:calc(16rem/16) !important;font-weight:700 !important;}@media only screen and (min-width:40em) {            input{font-size:calc(20rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) {            input{font-size:calc(20rem/16) !important;line-height:1.50 !important}}
.stacks_in_1868 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


/* SocialDock – each.css */
/* ===== Basis & Variablen ===== */
.socialdock {
    --sd-gutter: 16px;
    --sd-radius: 8px;
    --sd-pad-y: 12px;
    --sd-pad-x: 12px;
    --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"; }
/* 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"; }
/* 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_1713 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


.stacks_in_1720{line-height:0}.stacks_in_1720 svg{display:inline-block;max-width:80px;height:auto;}.stacks_in_1720.full-width svg{width:100%;height:auto}

.swirl-wrap {
  pointer-events: none;
  overflow: hidden;
}

.swirl-wrap.swirl-mode-page {
  position: fixed;
  inset: 0;
  z-index: -1;
}

.swirl-wrap.swirl-mode-local {
  position: relative;
  width: 100%;
  height: 100%;
}

.swirl-canvas {
  display: block;
  width: 100%;
  height: 100%;
}