.cta-hide{display:none !important}

.raincheck{position:relative;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgY2xhc3M9Imxkcy1yb2xsaW5nIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuY29sb3J9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIG5nLWF0dHItcj0ie3tjb25maWcucmFkaXVzfX0iIG5nLWF0dHItc3Ryb2tlLWRhc2hhcnJheT0ie3tjb25maWcuZGFzaGFycmF5fX0iIHN0cm9rZT0icmdiYSgyMTQsMjE0LDIxNCwwLjUpIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==");background-repeat:no-repeat;background-size:100px 100px;background-position:center center;transition:background-image 300ms ease-out}.raincheck .raincheck-inner{opacity:0;transition:opacity 300ms ease-out}.raincheck.loaded{background-image:none}.raincheck.loaded .raincheck-inner{opacity:1}







.mb-cloned .stacks_left{float:left;width:49%}.mb-cloned .stacks_right{float:right;width:49%}.movingbox{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;--caption-bg-color:rgba(0,0,0,0.5);--caption-color:#fff;--caption-size:1rem}.movingbox .caption{position:relative;margin:0;padding:0}.movingbox .caption .slide-caption{position:absolute;z-index:10;background-color:var(--caption-bg-color);color:var(--caption-color);font-size:var(--caption-size);padding:1rem;margin:0;transition:opacity 500ms ease 0s}.movingbox .caption.caption-static .slide-caption{position:relative}.movingbox .caption.caption-bottom .slide-caption{bottom:0;left:0;right:0}.movingbox .caption.caption-full .slide-caption{top:50%;left:0;right:0;text-align:center;translate:0 -50%;background:none}.movingbox .caption.caption-full::before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--caption-bg-color)}.movingbox .caption.caption-centered .slide-caption{top:50%;left:50%;text-align:center;translate:-50% -50%}.movingbox .caption.caption-hover .slide-caption{opacity:0}.mb-slide:not(.mb-active) .slide-caption{opacity:0}.mb-slide.mb-active:hover .caption.caption-hover .slide-caption{opacity:1}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand;cursor:grabbing}.slick-track{position:relative;left:0;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.mb-center{z-index:11;position:relative}.mb-slide{float:left;min-height:1px;display:none}.mb-slide .slick-loading img,.mb-slide .slick-loading video{display:none}.mb-slide .dragging img{pointer-events:none;-webkit-user-select:none;user-select:none}.mb-slide > div{overflow:hidden}.mb-slide:not(.mb-active) a{pointer-events:none}.centermode .mb-slide:not(.mb-current) a{pointer-events:none}.slick-initialized .mb-slide{display:block}.slick-loading .mb-slide{visibility:hidden}.slick-vertical .mb-slide{display:block;height:auto}.movingbox{position:relative}.movingbox.stretch-media .mb-slide img,.movingbox.stretch-media .mb-slide video{height:auto;width:100%;max-width:100%;display:block}.movingbox > .mb-slide{opacity:0}.movingbox > .mb-slide:first-child{opacity:1}.movingbox .image-slide img,.movingbox .video-slide video{display:block}.movingbox[dir=rtl]{text-align:end}.movingbox .mb-tap-target{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;margin:0;border:none;outline:none;z-index:1001;top:0;height:100%;width:50%}.movingbox .mb-tap-target.next{right:0}.movingbox .mb-tap-target.hide{display:none}.movingbox.slide-vert .mb-tap-target{height:50%;width:100%}.movingbox.slide-vert .mb-tap-target.next{bottom:0;right:auto;top:auto}.mb-animate.hide-on-load{opacity:0}





.oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important}

html{-ms-overflow-style:-ms-autohiding-scrollbar}.horizon-overflow{overflow-x:auto;overflow-y:hidden !important;-webkit-overflow-scrolling:touch}.horizon,.horizon > .gallery,.horizon > .total-blog-list,.horizon .clearing-assembled:not(.clearing-blackout) ul{display:flex !important;flex-wrap:nowrap !important}.horizon.hide-scrollbar::-webkit-scrollbar,.horizon > .gallery.hide-scrollbar::-webkit-scrollbar,.horizon > .total-blog-list.hide-scrollbar::-webkit-scrollbar,.horizon .clearing-assembled:not(.clearing-blackout) ul.hide-scrollbar::-webkit-scrollbar{display:none !important}.horizon > .totalcms-item,.horizon > .total-blog-list > .post,.horizon > .horizon-card,.horizon > .gallery > .cell,.horizon .clearing-assembled:not(.clearing-blackout) ul > li{flex-grow:0 !important;flex-shrink:0 !important}.horizon .clearing-assembled:not(.clearing-blackout) ul > li{float:none !important}@keyframes scroll-hint-appear{0%{transform:translateX(40px);opacity:0}10%{opacity:1}50%,100%{transform:translateX(-40px);opacity:0}}.scroll-hint.is-right-scrollable{background:linear-gradient(270deg,rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0))}.scroll-hint.is-right-scrollable.is-left-scrollable{background:linear-gradient(90deg,rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0)),linear-gradient(270deg,rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0))}.scroll-hint.is-left-scrollable{background:linear-gradient(90deg,rgba(0,0,0,0.15) 0,rgba(0,0,0,0) 16px,rgba(0,0,0,0))}.scroll-hint-icon{position:absolute;top:calc(50% - 25px);left:calc(50% - 60px);box-sizing:border-box;width:120px;height:80px;border-radius:5px;transition:opacity .3s;opacity:0;background:rgba(0,0,0,0.7);text-align:center;padding:20px 10px 10px 10px}.scroll-hint-icon-wrap{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;pointer-events:none;z-index:10}.scroll-hint-text{font-size:10px;color:#FFF;margin-top:5px}.scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:.8}.scroll-hint-icon:before{display:inline-block;width:40px;height:40px;color:#FFF;vertical-align:middle;text-align:center;content:"";background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=")}.scroll-hint-icon:after{content:"";width:34px;height:14px;display:block;position:absolute;top:10px;left:50%;margin-left:-20px;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==");opacity:0;transition-delay:2.4s}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after{opacity:1}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before{animation:scroll-hint-appear 1.2s linear;animation-iteration-count:2}.scroll-hint-icon-white{background-color:#FFF;box-shadow:0 4px 5px rgba(0,0,0,0.4)}.scroll-hint-icon-white:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=")}.scroll-hint-icon-white:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==")}.scroll-hint-icon-white .scroll-hint-text{color:#000}

/* Overlay-Hintergrund/Container */
.zapnap__overlay { 
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;

  
  
  
  background-color:#F1EEEB;
  
  
}

/* Edit-Preview-Container (Banner oben) */
.zapnap__edit-preview {
  background-image: url("../files/img/banner.png");
  background-repeat: repeat-x;
  background-color: #FFC80A;
  padding-top: 4px;
}

/* Statusbalken im Edit */
.zapnap__statusbar {
  position: relative;
  background-image: url("../rw_common/plugins/stacks/img/zapBalken.png");
  background-repeat: no-repeat;
  height: 30px;
  width: 100%;
  background-color: #FFC80A;
}

.zapnap__status--active {
  position: absolute;
  top: 3px;
  right: 6px;
  background-color: rgba(255,12,12,0.8);
  padding: 2px 12px 2px 12px;
  border-radius: 4px;
  color: #fff;
}

/* Maintenance-Preview im Edit */
.zapnap__maintenance-preview { 
  width: auto;
  height: auto;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 32px;

  
  
  
  background-color:#F1EEEB;
  
  
}

/* Infobox (Overlay) */
.zapnap__infobox {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.08);
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 10px;
  box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.08);
  text-align: center;
  max-width: 420px;
  width: 90%;
  font-family: inherit;
    	  z-index: 2147483647 !important; 

}

/* Infobox in der Edit-Preview */
.zapnap__infobox--preview {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.08);
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 10px;
  box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.08);
  text-align: center;
  max-width: 420px;
  width: 90%;
  font-family: inherit;
}

/* Icon + Texte */
.zapnap__icon { margin-bottom: 24px; }

.zapnap__headline  {
  display: inline-block;
  font-size: 28px; 
  margin-bottom: 20px;
  color: rgba(30, 89, 76, 1.00);
  font-weight: bold;
}

.zapnap__para {
  font-size: 16px; 
  line-height: 1.5;   
  color: rgba(30, 89, 76, 1.00);
  margin-bottom: 0;
}

/* CMS-Warnbox (nur im Edit) */
.zapnap__cms-warning {
  position: fixed;
  bottom: 16px;
  left: 16px;
  width: auto;
  max-width: 320px;
  background: #FFF3CD !important;
  border-left: 4px solid #FFECB5 !important;
  padding: 8px 8px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 99999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  z-index: 2147483647 !important; 
}

.zapnap__cms-warning span {
  font-family: sans-serif;
  font-size: 11px !important;
  color: #856404 !important; 
}

.zapnap__cms-warning button {
  background: none !important; 
  border: none !important; 
  color: #856404 !important; 
  font-size: 18px !important; 
  line-height: 1 !important; 
  cursor: pointer !important;
}

/* Global: Seite initial verstecken (bis Overlay-Entscheid) */
#foundation-content, .site-wrapper, .main-content {
  visibility: hidden !important;
}

/* Utility-States (entsprechen JS) */
.zapnap--hidden { display: none !important; }

.zapnap--live body,
.zapnap--live html {
  overflow: hidden !important;
}

/* Animation/Particles nur im Publish */

.zapnap__overlay-animation {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.zapnap__particles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.zapnap__particles span {
  position: absolute;
  width: 30px;
  height: 30px;
  background: radial-gradient(circle, rgba(255,255,255,0.8), rgba(255,255,255,0));
  border-radius: 50%;
  animation:
    pulseParticle 2s ease-in-out infinite,
    floatParticle 6s ease-in-out infinite,
    rotateParticle 10s linear infinite;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 6px rgba(255,255,255,0.4));
  transform-origin: center;
  will-change: transform, opacity;
}

@keyframes pulseParticle {
  0%, 100% { transform: scale(0.9); opacity: 0.3; }
  50%      { transform: scale(2.8); opacity: 1; }
}

@keyframes floatParticle {
  0%   { transform: translate(0px, 0px); }
  25%  { transform: translate(1px, -1px); }
  50%  { transform: translate(-1px, 1px); }
  75%  { transform: translate(1px, 2px); }
  100% { transform: translate(0px, 0px); }
}

@keyframes rotateParticle {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}


/* Wenn Bypass aktiv ist → Seite freischalten, Overlay aus */
.zapnap--bypass #foundation-content,
.zapnap--bypass .site-wrapper,
.zapnap--bypass .main-content {
  visibility: visible !important;
}

.zapnap--bypass .zapnap__overlay {
  display: none !important;
}

.zapnap--bypass #foundation-content,
.zapnap--bypass .site-wrapper,
.zapnap--bypass .main-content { visibility: visible !important; }
.zapnap--bypass .zapnap__overlay { display: none !important; }


.zapnap__edit-stealthlink,
.zapnap__edit-stealthlink * {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.previewContainer, .previewContainer * {
  user-select:text !important;
  -webkit-user-select:text !important;
  cursor:auto !important;
}

.zapnap__preview-link {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647; 
  }
  
    

    


    


    /* ORBIT */





:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(30, 89, 76, 1.00);--secondary:rgba(172, 58, 41, 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(255, 255, 255, 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, 59, 46, 1.00);--secondary-dark:rgba(142, 28, 11, 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(30, 89, 76, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(104, 104, 104, 1.00);--link-color:rgba(30, 89, 76, 1.00);--link-color-hover:rgba(4, 42, 31, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--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(203, 182, 168, 1.00);--link-color-hover:rgba(203, 182, 168, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(26rem/16)}h2,.h2{font-size:calc(28rem/16)}h3,.h3{font-size:calc(22rem/16)}h4,.h4{font-size:calc(22rem/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(20rem/16)}h1,.h1{font-size:calc(40rem/16)}h2,.h2{font-size:calc(32rem/16)}h3,.h3{font-size:calc(28rem/16)}h4,.h4{font-size:calc(25rem/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(20rem/16)}h1,.h1{font-size:calc(40rem/16)}h2,.h2{font-size:calc(38rem/16)}h3,.h3{font-size:calc(28rem/16)}h4,.h4{font-size:calc(25rem/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(3rem/16)}body{}
/*!* 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 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@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}  

form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}
 p,.p, h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6,     .myclass{font-weight:600 ;}
 p,.p,       blockquote, .menu li, li, form, .button,.myclass{font-weight:300 !important;}
            .bigger p{font-size:calc(20rem/16) ;}@media only screen and (min-width:40em) {            .bigger p{font-size:calc(24rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .bigger p{font-size:calc(24rem/16) ;line-height:1.50 }}

@font-face{font-family:Outfit;font-style:normal;font-weight:normal;src:url("https://sommelier-am-see.de/fonts/outfit-v15-latin-300.woff2") format("woff2");}@font-face{font-family:Outfit;font-style:normal;font-weight:bold;src:url("https://sommelier-am-see.de/fonts/outfit-v15-latin-600.woff2") format("woff2");}
 html,body, h1,.font-family-h1,h1 a,.font-family-h1 a, h2,.font-family-h2,h2 a,.font-family-h2 a, h3,.font-family-h3,h3 a,.font-family-h3 a, h4,.font-family-h4,h4 a,.font-family-h4 a, h5,.font-family-h5,h5 a,.font-family-h5 a, h6,.font-family-h6,h6 a,.font-family-h6 a, blockquote, a, ul,ul li,ol,ol li,dl,dl dd, fieldset,input,textarea,form label,input + label,fieldset label,input + datalist,legend, button,.button,.btn, p:not(.custom-font),.font-family-text,.text_stack:not(.custom-font),.fontpro-stacks_in_473_53{font-family:"Outfit",sans-serif }p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-family:"Outfit",sans-serif }
.beige{background-color:rgba(241, 238, 235, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.beige{background-attachment:scroll!important}}
.gruen{background-color:rgba(30, 89, 76, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.gruen{background-attachment:scroll!important}}
.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:6rem ;padding-bottom:6rem ;}} 
.smallp{padding-top:1.5rem ;padding-bottom:1.5rem ;} @media only screen and (min-width:40em){.smallp{padding-top:1.5rem ;padding-bottom:1.5rem ;}}@media only screen and (min-width:64em){.smallp{padding-top:3rem ;padding-bottom:3rem ;}} 
.braun{background-color:rgba(172, 58, 41, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.braun{background-attachment:scroll!important}}
.circle{border-radius:100% / 100% ;}
.boxshadow{filter:drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.12));}
@media screen and (min-width: 40em){.boxshadowZert{box-shadow: 30px 30px 40px 0px rgba(0, 0, 0, 0.27);}}
@media screen and (max-width: 39.9375em){.boxshadowZert{box-shadow: 12px 12px 40px 0px rgba(0, 0, 0, 0.27);}}
.divider{border-color:rgba(30, 89, 76, 0.12) ;}
            .button,.myclass{font-weight:700 ;}
.content .box{border-radius:10px ;}

body{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(315deg,rgba(255, 255, 255, 0.62) 4%, rgba(255, 255, 255, 0.74) 48%, rgba(241, 238, 235, 0.39) 100%,rgba(241, 238, 235, 0.41) 54%) ;}
body:before{background-position:left top ;background-size:100% 100% ;background-image:radial-gradient(circle at 10% 10%,rgba(241, 238, 235, 0.67) 10%,rgba(255, 255, 255, 0.54) 46%),radial-gradient(circle at 90% 50%,rgba(241, 238, 235, 0.57) 36%,rgba(255, 255, 255, 0.61) 74%),radial-gradient(circle at 80% 80%,rgba(241, 238, 235, 0.79) 40%,rgba(241, 238, 235, 0.55) 57%);}
body:before{position:fixed    ;z-index:-1 ;top:0px ;bottom:unset ;left:0px ;right:unset ;}
body:before{width:100% ;}  
body:before{height:100% ;}  
{min-height:100% ;max-height:100% ;}
@charset "UTF-8";
.sticker{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00);}
.sticker.is-stuck{box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.05);}
.is-stuck .topMenu>.menu a,.is-stuck .menu.topMenu a{--menu-link-color:rgba(30, 89, 76, 1.00);--menu-link-color-hover:rgba(4, 42, 31, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-border-accent:2px solid var(--menu-link-color)}.is-stuck .topMenu>.menu .menu-text,.is-stuck .menu.topMenu .menu-text{--menu-text-color:rgba(30, 89, 76, 1.00)}.is-stuck .topMenu>.menu>li>a,.is-stuck .menu.topMenu>li>a{padding-top:1rem;padding-bottom:1rem}.is-stuck .topMenu>.menu .submenu>li>a,.is-stuck .menu.topMenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem}.is-stuck .topMenu>.menu li.active>a,.is-stuck .topMenu>.menu li.is-active>a,.is-stuck .topMenu>.menu a.is-active,.is-stuck .menu.topMenu li.active>a,.is-stuck .menu.topMenu li.is-active>a,.is-stuck .menu.topMenu a.is-active{--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(172, 58, 41, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(172, 58, 41, 1.00)}.is-stuck .topMenu>.menu .submenu li.active>a,.is-stuck .topMenu>.menu .submenu li.is-active>a,.is-stuck .topMenu>.menu .submenu a.is-active,.is-stuck .menu.topMenu .submenu li.active>a,.is-stuck .menu.topMenu .submenu li.is-active>a,.is-stuck .menu.topMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)}.is-stuck .topMenu>.menu .submenu a,.is-stuck .menu.topMenu .submenu a{--menu-caret-color:rgba(255, 255, 255, 1.00)}.is-stuck .topMenu>.menu .submenu,.is-stuck .menu.topMenu .submenu{--submenu-bg-color:rgba(255, 255, 255, 0.00);--submenu-border:0px solid rgba(202, 202, 202, 1.00)}.is-stuck .topMenu>.menu .submenu a,.is-stuck .menu.topMenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(30, 89, 76, 1.00);--menu-link-color-hover:rgba(4, 42, 31, 1.00)}.is-stuck .topMenu>.menu .submenu .menu-text,.is-stuck .menu.topMenu .submenu .menu-text{--menu-text-color:rgba(30, 89, 76, 1.00)}.is-stuck .topMenu>.menu .submenu li.active>a,.is-stuck .topMenu>.menu .submenu li.is-active>a,.is-stuck .topMenu>.menu .submenu a.is-active,.is-stuck .menu.topMenu .submenu li.active>a,.is-stuck .menu.topMenu .submenu li.is-active>a,.is-stuck .menu.topMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(172, 58, 41, 1.00);--menu-link-color-hover:rgba(172, 58, 41, 1.00)}.is-stuck .topMenu>.menu a::after,.is-stuck .menu.topMenu a::after{display:none!important}
 .topMenu>.menu a, .menu.topMenu a{--menu-link-color:rgba(30, 89, 76, 1.00);--menu-link-color-hover:rgba(4, 42, 31, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .topMenu>.menu .menu-text, .menu.topMenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .topMenu>.menu>li>a, .menu.topMenu>li>a{padding-top:1rem;padding-bottom:1rem} .topMenu>.menu .submenu>li>a, .menu.topMenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .topMenu>.menu li.active>a, .topMenu>.menu li.is-active>a, .topMenu>.menu a.is-active, .menu.topMenu li.active>a, .menu.topMenu li.is-active>a, .menu.topMenu a.is-active{--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(172, 58, 41, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(172, 58, 41, 1.00)} .topMenu>.menu .submenu li.active>a, .topMenu>.menu .submenu li.is-active>a, .topMenu>.menu .submenu a.is-active, .menu.topMenu .submenu li.active>a, .menu.topMenu .submenu li.is-active>a, .menu.topMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .topMenu>.menu .submenu a, .menu.topMenu .submenu a{--menu-caret-color:rgba(255, 255, 255, 1.00)} .topMenu>.menu .submenu, .menu.topMenu .submenu{--submenu-bg-color:rgba(255, 255, 255, 0.00);--submenu-border:0px solid rgba(202, 202, 202, 1.00)} .topMenu>.menu .submenu a, .menu.topMenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(30, 89, 76, 1.00);--menu-link-color-hover:rgba(4, 42, 31, 1.00)} .topMenu>.menu .submenu .menu-text, .menu.topMenu .submenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .topMenu>.menu .submenu li.active>a, .topMenu>.menu .submenu li.is-active>a, .topMenu>.menu .submenu a.is-active, .menu.topMenu .submenu li.active>a, .menu.topMenu .submenu li.is-active>a, .menu.topMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(172, 58, 41, 1.00);--menu-link-color-hover:rgba(172, 58, 41, 1.00)} .topMenu>.menu a::after, .menu.topMenu a::after{display:none!important}
.sticker, .sticker.ist-stuck{transition:all 1200ms ease 0ms }
.sticker{border-color:rgba(255, 255, 255, 0.00) ;border-width:1px ;border-style:solid ;border-radius:10px ;}
.sticker.is-stuck{border-color:rgba(255, 255, 255, 0.20) ;border-width:1px ;border-style:solid ;border-radius:10px ;}
.sticker{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.sticker{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.sticker{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}
.sticker.is-stuck{margin-top:16.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.sticker.is-stuck{margin-top:16.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.sticker.is-stuck{margin-top:16.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}
.sticker{padding-top:0.25rem ;padding-right:0 ;padding-bottom:0.25rem ;padding-left:0 ;}  
.sticker.is-stuck{padding-top:0.5rem ;padding-right:1.25rem ;padding-bottom:0.5rem ;padding-left:1.25rem ;}  

.mobileMenu{min-height:0px ;max-height:0px ;}
.mobileMenuHeight{min-height:0px ;max-height:2000px ;}
 .accoMenu>.menu a, .menu.accoMenu a{--menu-link-color:rgba(30, 89, 76, 1.00);--menu-link-color-hover:rgba(4, 42, 31, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(30, 89, 76, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .accoMenu>.menu .menu-text, .menu.accoMenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .accoMenu>.menu>li>a, .menu.accoMenu>li>a{padding-top:1rem;padding-bottom:1rem} .accoMenu>.menu .submenu>li>a, .menu.accoMenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .accoMenu>.menu li.active>a, .accoMenu>.menu li.is-active>a, .accoMenu>.menu a.is-active, .menu.accoMenu li.active>a, .menu.accoMenu li.is-active>a, .menu.accoMenu a.is-active{--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(172, 58, 41, 1.00);--menu-caret-color:rgba(30, 89, 76, 1.00);--menu-link-color-hover:rgba(172, 58, 41, 1.00)} .accoMenu>.menu .submenu li.active>a, .accoMenu>.menu .submenu li.is-active>a, .accoMenu>.menu .submenu a.is-active, .menu.accoMenu .submenu li.active>a, .menu.accoMenu .submenu li.is-active>a, .menu.accoMenu .submenu a.is-active{--menu-caret-color:rgba(30, 89, 76, 1.00)} .accoMenu>.menu .submenu a, .menu.accoMenu .submenu a{--menu-caret-color:rgba(30, 89, 76, 1.00)} .accoMenu>.menu .submenu, .menu.accoMenu .submenu{--submenu-bg-color:rgba(255, 255, 255, 0.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .accoMenu>.menu .submenu a, .menu.accoMenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(30, 89, 76, 1.00);--menu-link-color-hover:rgba(4, 42, 31, 1.00)} .accoMenu>.menu .submenu .menu-text, .menu.accoMenu .submenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .accoMenu>.menu .submenu li.active>a, .accoMenu>.menu .submenu li.is-active>a, .accoMenu>.menu .submenu a.is-active, .menu.accoMenu .submenu li.active>a, .menu.accoMenu .submenu li.is-active>a, .menu.accoMenu .submenu a.is-active{--menu-caret-color:rgba(30, 89, 76, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(172, 58, 41, 1.00);--menu-link-color-hover:rgba(172, 58, 41, 1.00)}
.mobileMenu, .mobileMenuHeight{transition:all 800ms cubic-bezier(1.000, 0.000, 0.000, 1.000) 0ms }
.sticker{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){.sticker{background-attachment:scroll!important}}
.sticker.is-stuck{background-color:var(--white) ;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){.sticker{background-attachment:scroll!important}}
.stacks_in_2425 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

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

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


.hamburger {
  padding: 5px 8px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover, .hamburger:focus, .hamburger:active {
    background-color: transparent; }
  .hamburger.burger-left {
    display: block;
    margin-right: auto; }
  .hamburger.burger-right {
    display: block;
    margin-left: auto; }
  .hamburger.burger-center {
    display: block;
    margin-right: auto;
    margin-left: auto; }
  .hamburger:hover {
    opacity: 0.9; }
  .hamburger.is-active:hover {
    opacity: 0.9; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #1E594C; }

.hamburger-box {
  width: 35px;
  height: 21px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 35px;
    height: 3px;
    background-color: #1E594C;
    border-radius: 3px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -9px; }
  .hamburger-inner::after {
    bottom: -9px; }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 9px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 18px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(-270deg);
    transition-delay: 0.075s; }
.stacks_in_2564{line-height:0}.stacks_in_2564 svg{display:inline-block;max-width:500px;height:auto;}.stacks_in_2564.full-width svg{width:100%;height:auto}
.stacks_in_1411 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.stacks_in_3393 img{width:100%;max-width:300px}

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

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


.raincheck.stacks_in_3440{transition:background-image 300ms ease-out;}.raincheck.stacks_in_3440 .raincheck-inner{transition:opacity 300ms ease-out}

.blogGridCell{padding:1.5rem ;}  
.blogGridCell{border-radius:10px ;}
.blogGridCell{background-color:var(--white) ;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){.blogGridCell{background-attachment:scroll!important}}
.sectionCont{padding:1.25rem ;} @media only screen and (min-width:40em){.sectionCont{padding:2rem }}@media only screen and (min-width:64em){.sectionCont{padding:2.5rem }} 
.sectionCont{border-radius:10px ;}
.sectionCont{margin-bottom:2.5rem ;}  
.stacks_in_3256 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.raincheck.stacks_in_3442{transition:background-image 300ms ease-out;min-height:0px;}.raincheck.stacks_in_3442 .raincheck-inner{transition:opacity 300ms ease-out}
.stacks_in_3259 img{width:100%;max-width:150px}

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


.roundImage{border-radius:50% ;}
.stacks_in_3244 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.raincheck.stacks_in_3444{transition:background-image 300ms ease-out;min-height:0px;}.raincheck.stacks_in_3444 .raincheck-inner{transition:opacity 300ms ease-out}
.stacks_in_3251 img{width:100%;max-width:150px}

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




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



.accordion-title{background-color:rgba(241, 238, 235, 1.00) ;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){.accordion-title{background-attachment:scroll!important}}
.accordion-item.is-active>.accordion-title{background-color:var(--white) ;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){.accordion-item.is-active>.accordion-title{background-attachment:scroll!important}}
.accordion{background:none !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}}
.myclass:hover{color:rgba(255, 255, 255, 1.00) ;}
.myclass{color:rgba(255, 255, 255, 1.00) ;}
.myclass{color:rgba(255, 255, 255, 1.00) ;}

            .accordion-title{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em) {            .accordion-title{font-size:calc(26rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) {            .accordion-title{font-size:calc(28rem/16) ;line-height:1.10 }}
.accordion-item.is-active>.accordion-title{border-bottom:unset !important}
.accordion-title{padding-top:1.25rem !important;padding-right:1rem !important;padding-bottom:1.25rem !important;padding-left:1rem !important;}  
.accordion-content{padding:1.25rem ;} @media only screen and (min-width:40em){.accordion-content{padding:2.5rem }}@media only screen and (min-width:64em){.accordion-content{padding:2.5rem }} 
.accordion-title{transition:all 250ms ease 0ms }
.accordion-title:before{margin-top:-10.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.accordion-title:before{margin-top:-10.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.accordion-title:before{margin-top:-10.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}
.accordion-content{margin-bottom:1.25rem !important;}  
.accordion-title{margin-bottom:1.25rem !important;}  

.accordion-content{background-color:var(--white) ;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){.accordion-content{background-attachment:scroll!important}}
{color:rgba(255, 255, 255, 1.00) ;}
{color:rgba(255, 255, 255, 1.00) ;}
.myclass{color:rgba(255, 255, 255, 1.00) ;}
            .description a{font-weight:700 ;}
.accordion-title{border-radius:10px !important;}
.accordion-content{border-style:none !important;border-radius:10px !important;}
.weinbg{background-image:url('../files/bgimage-3405.jpg') ;background-repeat:no-repeat    ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:  fixed ;background-clip:border-box ; background-size:  cover ; }@media (hover:none) and (pointer:coarse){.weinbg{background-attachment:scroll!important}}
.weinbg{position:relative;z-index:0}.weinbg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.85 ;background-color:rgba(227, 217, 200, 1.00) ;}
.hcard{background-color:var(--white) ;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){.hcard{background-attachment:scroll!important}}
.horizon > .horizon-card:nth-child(2n of .horizon-card):nth-child(even){background-color:rgba(30, 89, 76, 0.05) ;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){.horizon > .horizon-card:nth-child(2n of .horizon-card){background-attachment:scroll!important}}
.hcard{width:250.00px !important;}@media only screen and (min-width:40em){.hcard{width:500.00px !important}}@media only screen and (min-width:64em){.hcard{width:500.00px !important}}
.hcard{padding:0.75rem !important;} @media only screen and (min-width:40em){.hcard{padding:2rem !important}}@media only screen and (min-width:64em){.hcard{padding:2.5rem !important}} 
.hcard, .hcardImage{margin-right:1.5rem !important;margin-left:1.5rem !important;}  
.hcard{border-radius:10px ;}
.callout{border-radius:10px ;}
.stacks_in_2197{height:auto}.stacks_in_2197.styled-scrollbar,.stacks_in_2197.styled-scrollbar > .gallery,.stacks_in_2197.styled-scrollbar > .total-blog-list{height:calc(auto + 12px + 4px)}.stacks_in_2197.styled-scrollbar::-webkit-scrollbar,.stacks_in_2197.styled-scrollbar > .gallery::-webkit-scrollbar,.stacks_in_2197.styled-scrollbar > .total-blog-list::-webkit-scrollbar{width:12px}.stacks_in_2197.styled-scrollbar::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .gallery::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .total-blog-list::-webkit-scrollbar-track{background-color:rgba(34, 34, 34, 0.50)}.stacks_in_2197.styled-scrollbar::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .gallery::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .total-blog-list::-webkit-scrollbar-thumb{background-color:rgba(187, 170, 160, 1.00)}.stacks_in_2197.styled-scrollbar.scrollbar-on-hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar.scrollbar-on-hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar.scrollbar-on-hover > .gallery::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar.scrollbar-on-hover > .gallery::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar.scrollbar-on-hover > .total-blog-list::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar.scrollbar-on-hover > .total-blog-list::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover > .gallery::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover > .gallery::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover > .total-blog-list::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover > .total-blog-list::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover > .gallery::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover > .gallery::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover > .total-blog-list::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover > .total-blog-list::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0);-webkit-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}.stacks_in_2197.styled-scrollbar.scrollbar-on-hover:hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar.scrollbar-on-hover > .gallery:hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar.scrollbar-on-hover > .total-blog-list:hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover:hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover > .gallery:hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover > .total-blog-list:hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover:hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover > .gallery:hover::-webkit-scrollbar-track,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover > .total-blog-list:hover::-webkit-scrollbar-track{background-color:rgba(34, 34, 34, 0.50)}.stacks_in_2197.styled-scrollbar.scrollbar-on-hover:hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar.scrollbar-on-hover > .gallery:hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar.scrollbar-on-hover > .total-blog-list:hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover:hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover > .gallery:hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .gallery.scrollbar-on-hover > .total-blog-list:hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover:hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover > .gallery:hover::-webkit-scrollbar-thumb,.stacks_in_2197.styled-scrollbar > .total-blog-list.scrollbar-on-hover > .total-blog-list:hover::-webkit-scrollbar-thumb{background-color:rgba(187, 170, 160, 1.00)}.stacks_in_2197 > .horizon-card,.stacks_in_2197 > .totalcms-item,.stacks_in_2197 > .total-blog-list > .post,.stacks_in_2197 > .gallery > .cell,.stacks_in_2197 .clearing-assembled:not(.clearing-blackout) ul > li{margin:0px;padding:0px;height:auto;width:auto;}.stacks_in_2197.scale-image-height img{object-fit:cover;width:auto !important;height:auto !important;}.stacks_in_2197.scale-image-height .clearing-blackout img{height:auto !important}
.raincheck.stacks_in_3446{transition:background-image 300ms ease-out;min-height:0px;}.raincheck.stacks_in_3446 .raincheck-inner{transition:opacity 300ms ease-out}
.stacks_in_2202 img{width:100%;max-width:120px}
.oton{height:auto !important;min-height:fit-content !important;max-height:none !important;}  
@charset "UTF-8";.movingbox.stacks_in_3409{--wait-time:5000ms;--animation-speed:1.00s}  
/* SocialDock – each.css */
/* ===== Basis & Variablen ===== */
.socialdock {
    --sd-gutter: 0px;
    --sd-radius: 8px;
    --sd-pad-y: 0px;
    --sd-pad-x: 0px;
    --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, 1.2em); /* global steuerbar */
    width: 1.2em;
    height: 1.2em;
    display: inline-flex;
    align-items: center;
    justify-content: center; /* zentriert SVG in 1.2em */
}
.socialdock .sd-ic svg {
    width: 1em;
    height: 1em;
    display: block;
    overflow: visible; 
}

/* ===== 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, 1em);
  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: 1.6em; }
/* Optional pro Buttongröße feinabstimmen */
.socialdock[data-appearance="true"][data-size="s"] { --sd-icon-size: 1.4em; }
.socialdock[data-appearance="true"][data-size="m"] { --sd-icon-size: 1.6em; }
.socialdock[data-appearance="true"][data-size="l"] { --sd-icon-size: 1.8em; }

/* 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: 1.6em; }
.socialdock .sd-ic { font-size: var(--sd-icon-size, 1em); 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, 1.2em) + (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: 1.2em; } /* Icon etwas kleiner im Edit */

/* 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:1.1em; }

/* 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"; }.closy{position:fixed    ;z-index:1 ;top:8px ;bottom:unset ;left:unset ;right:8px ;}
.button-group .button{margin-right:0.5rem ;}  
            .copyr p, .button-group.large .button{font-size:calc(14rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .copyr p, .button-group.large .button{font-size:calc(14rem/16) ;line-height:2.00 }}@media only screen and (min-width:64em) {            .copyr p, .button-group.large .button{font-size:calc(14rem/16) ;line-height:2.00 }}
.portButton{box-shadow: 4px 5px 0px 0px rgba(6, 108, 80, 1.00);}
.portButton:hover{box-shadow: 0px 0px 0px 0px rgba(6, 108, 80, 1.00);}
.portButton, .portButton:hover{transition:all 260ms ease 0ms }
            .portButton{font-weight:700 ;}
            .sectionCont a{font-weight:600 !important;}
.stacks_in_3340 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


/* SocialDock – each.css */
/* ===== Basis & Variablen ===== */
.socialdock {
    --sd-gutter: 20px;
    --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, 1.2em); /* global steuerbar */
    width: 1.2em;
    height: 1.2em;
    display: inline-flex;
    align-items: center;
    justify-content: center; /* zentriert SVG in 1.2em */
}
.socialdock .sd-ic svg {
    width: 1em;
    height: 1em;
    display: block;
    overflow: visible; 
}

/* ===== 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, 1em);
  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: 1.6em; }
/* Optional pro Buttongröße feinabstimmen */
.socialdock[data-appearance="true"][data-size="s"] { --sd-icon-size: 1.4em; }
.socialdock[data-appearance="true"][data-size="m"] { --sd-icon-size: 1.6em; }
.socialdock[data-appearance="true"][data-size="l"] { --sd-icon-size: 1.8em; }

/* 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: 1.6em; }
.socialdock .sd-ic { font-size: var(--sd-icon-size, 1em); 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, 1.2em) + (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: 1.2em; } /* Icon etwas kleiner im Edit */

/* 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:1.1em; }

/* 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: 1.2em; } /* Icon etwas kleiner im Edit */

/* 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:1.1em; }

/* 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: 1.2em; } /* Icon etwas kleiner im Edit */

/* 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:1.1em; }

/* 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: 1.2em; } /* Icon etwas kleiner im Edit */

/* 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:1.1em; }

/* 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_1871 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

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




.closy, .closy:hover{color:var(--primary) ;}
.closy{background-color:rgba(0, 0, 0, 0.06) ;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){.closy{background-attachment:scroll!important}}
            .closy{font-size:calc(50rem/16) ;line-height:1.00 ;}@media only screen and (min-width:40em) {            .closy{font-size:calc(60rem/16) ;line-height:0.20 }}@media only screen and (min-width:64em) {            .closy{font-size:calc(60rem/16) ;line-height:1.00 }}
.closy{border-radius:50% ;}
.closy{width:60.00px ;}@media only screen and (min-width:40em){.closy{width:60.00px }}@media only screen and (min-width:64em){.closy{width:60.00px }}
.closy{height:60.00px ;}@media only screen and (min-width:40em){.closy{height:60.00px }}@media only screen and (min-width:64em){.closy{height:60.00px }}






.closy:hover

{
    transform-origin: 50% 50% ;
    transform-style: flat ;
    transform :
        
        
        translateZ(0)
        
        
        
        rotateX(0deg) rotateY(0deg) rotateZ(45deg)
        
        
        ;
}

.closy, .closy:hover{transition:all 240ms ease 0ms }
.agent-hide{display:none !important}