/* * mb-arrows */ .movingbox{--arrow-size:40px;--arrow-block-size:40px;--arrow-color:hsla(0,0%,0%,0.85);--arrow-bg-color:hsla(0,0%,70%,0.5);--arrow-x-custom:50px;--arrow-y-custom:50px;--arrow-disabled:0.5}.single-slide .mb-arrow{display:none}.mb-arrow{display:block;line-height:1;cursor:pointer;background-color:transparent;padding:0;margin:0;border:none;opacity:0;transition:opacity 500ms ease 0s;appearance:none}.mb-arrow:hover{background-color:transparent}.slick-initialized .mb-arrow:not(.arrow-hover){opacity:1}.mb-arrow.slick-disabled{cursor:default;opacity:var(--arrow-disabled) !important}.mb-arrow:not(.custom-arrow){position:absolute;z-index:53;width:var(--arrow-size);height:var(--arrow-size);font-size:var(--arrow-size);color:var(--arrow-color)}.mb-arrow:not(.custom-arrow) > *{transition:color 200ms linear}.mb-arrow:not(.custom-arrow) > svg{max-width:var(--arrow-size);max-height:var(--arrow-size)}.mb-arrow:not(.custom-arrow) > svg [fill]{transition:fill 200ms linear}.arrow-hide{display:none}.arrow-block{background-color:var(--arrow-bg-color);transform:none !important}.arrow-block:hover{background-color:var(--arrow-bg-color)}.movingbox:not(.slide-vert) .arrow-block{height:100%;min-width:var(--arrow-size);width:var(--arrow-block-size);top:0 !important}.movingbox:not(.slide-vert) .arrow-block.mb-next{right:0}.movingbox.slide-vert .arrow-block{width:100%;height:var(--arrow-block-size);min-height:var(--arrow-size)}.movingbox.slide-vert .arrow-block.mb-prev{top:0 !important}.movingbox.slide-vert .arrow-block.mb-next{bottom:0 !important}.mb-arrow.arrow-hover{opacity:0;transition:opacity 500ms ease}.movingbox:hover .mb-arrow.arrow-hover{opacity:1}.arrow-y-custom.mb-prev{top:var(--arrow-y-custom)}.arrow-y-custom.mb-next{bottom:var(--arrow-y-custom)}.arrow-y-custom.arrow-flush-top{top:var(--arrow-y-custom);bottom:auto}.arrow-y-custom.arrow-flush-bottom{bottom:var(--arrow-y-custom);top:auto}.arrow-x-custom.mb-prev{left:var(--arrow-x-custom)}.arrow-x-custom.mb-next{right:var(--arrow-x-custom)}.arrow-x-custom.arrow-flush-left{right:auto;left:var(--arrow-x-custom)}.arrow-x-custom.arrow-flush-right{left:auto;right:var(--arrow-x-custom)}.arrow-y-outside.mb-prev{top:0;transform:translateY(-100%)}.arrow-y-outside.mb-next{bottom:0;transform:translateY(100%)}.arrow-y-inside.mb-prev{top:0}.arrow-y-inside.mb-next{bottom:0}.arrow-y-center{top:50%;transform:translateY(-50%)}.arrow-x-outside.mb-prev{left:0;transform:translateX(-100%)}.arrow-x-outside.mb-next{right:0;transform:translateX(100%)}.arrow-x-outside.arrow-y-center.mb-prev{transform:translateX(-100%) translateY(-50%)}.arrow-x-outside.arrow-y-center.mb-next{transform:translateX(100%) translateY(-50%)}.arrow-x-outside.arrow-y-outside.mb-prev{transform:translateX(-100%) translateY(-100%)}.arrow-x-outside.arrow-y-outside.mb-next{transform:translateX(100%) translateY(100%)}.arrow-x-inside.mb-prev{left:0}.arrow-x-inside.mb-next{right:0}.arrow-x-center{right:50%;transform:translateX(50%)}.arrow-x-center.arrow-block{right:0}.arrow-x-center.arrow-y-outside.mb-prev{transform:translateY(-100%) translateX(50%)}.arrow-x-center.arrow-y-outside.mb-next{transform:translateY(100%) translateX(50%)}.arrow-flush-left{right:auto !important;left:0 !important}.arrow-flush-left.arrow-x-outside{transform:translateX(-100%)}.arrow-flush-left.arrow-x-outside.arrow-y-outside.mb-prev{transform:translateX(-100%) translateY(-100%)}.arrow-flush-left.arrow-x-outside.arrow-y-outside.mb-next{transform:translateX(-100%) translateY(100%)}.arrow-flush-right{right:0 !important;left:auto !important}.arrow-flush-right.arrow-x-outside{transform:translateX(100%)}.arrow-flush-right.arrow-x-outside.arrow-y-outside.mb-prev{transform:translateX(100%) translateY(-100%)}.arrow-flush-right.arrow-x-outside.arrow-y-outside.mb-next{transform:translateX(100%) translateY(100%)}.arrow-flush-top{top:0 !important;bottom:auto !important}.arrow-flush-top.arrow-y-outside{transform:translateY(-100%)}.arrow-flush-top.arrow-y-outside.arrow-x-outside.mb-prev{transform:translateX(-100%) translateY(-100%)}.arrow-flush-top.arrow-y-outside.arrow-x-outside.mb-next{transform:translateX(100%) translateY(-100%)}.arrow-flush-bottom{top:auto !important;bottom:0 !important}.arrow-flush-bottom.arrow-y-outside{transform:translateY(100%)}.arrow-flush-bottom.arrow-y-outside.arrow-x-outside.mb-prev{transform:translateX(-100%) translateY(100%)}.arrow-flush-bottom.arrow-y-outside.arrow-x-outside.mb-next{transform:translateX(100%) translateY(100%)}.movingbox.smart-margins:has(.arrow-y-outside){padding-top:var(--arrow-size);padding-bottom:var(--arrow-size)}.movingbox.smart-margins:has(.arrow-y-outside):has(.arrow-block){padding-top:var(--arrow-block-size);padding-bottom:var(--arrow-block-size)}.movingbox.smart-margins:has(.arrow-y-outside):has(.arrow-flush-top){padding-bottom:0}.movingbox.smart-margins:has(.arrow-y-outside):has(.arrow-flush-bottom){padding-top:0}.movingbox.smart-margins:has(.arrow-x-outside){margin-left:var(--arrow-size);margin-right:var(--arrow-size)}.movingbox.smart-margins:has(.arrow-x-outside):has(.arrow-block){margin-left:var(--arrow-block-size);margin-right:var(--arrow-block-size)}.movingbox.smart-margins:has(.arrow-x-outside):has(.arrow-flush-left){margin-right:0}.movingbox.smart-margins:has(.arrow-x-outside):has(.arrow-flush-right){margin-left:0} /* * mb-dots */ .mb-dots-container{--dot-align:center;--dot-color:hsla(0,0%,0%,0.5);--dot-num-color:hsla(0,0%,100%,0.8);--dot-size:20px;--dot-num-size:calc(var(--dot-size) / 2);height:0}.single-slide .mb-dots{display:none}.mb-dots{text-align:var(--dot-align);position:absolute;list-style:none;display:block;z-index:50;margin:0;padding:0;width:100%;opacity:0;transition:opacity 500ms ease 0s}.slick-initialized .mb-dots{opacity:1}.mb-dots li{position:relative;display:inline-block;vertical-align:bottom;margin:0 5px;padding:0px;cursor:pointer}.mb-dots li button{border:0;background:transparent;display:block;height:var(--dot-size);width:var(--dot-size);line-height:0;font-size:0;color:transparent;text-align:center;padding:5px;margin:0;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mb-dots svg{max-height:var(--dot-size);max-width:var(--dot-size)}.mb-dots .mb-dot,.mb-dots .mb-dot-active{color:var(--dot-color);font-size:var(--dot-size);position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;display:inline-flex;align-items:center;justify-content:center}.mb-dots .mb-dot-active{display:none}.mb-dots .mb-active .mb-dot{display:none}.mb-dots .mb-active .mb-dot-active{display:inline-flex}.dot-numbers .mb-dots li button{line-height:var(--dot-size);z-index:1;padding:0;color:var(--dot-num-color);font-size:var(--dot-num-size)}.dot-numbers.dot-none .mb-dots li button{font-size:var(--dot-size)}.dot-numbers.dot-none .mb-dots li button > *{display:none}.dot-hover{opacity:0;transition:opacity 500ms ease 0s}.movingbox:hover .dot-hover{opacity:1}.dot-top .mb-dots{top:0}.dot-top.dot-outside .mb-dots{transform:translateY(-120%)}.dot-bottom .mb-dots{bottom:0}.dot-bottom.dot-outside .mb-dots{transform:translateY(120%)}.dot-right .mb-dots,.dot-left .mb-dots{top:50%;width:auto;transform:translateY(-50%)}.dot-right .mb-dots li,.dot-left .mb-dots li{display:block}.dot-left .mb-dots{left:0}.dot-left.dot-outside .mb-dots{transform:translateY(-50%) translateX(-100%)}.dot-right .mb-dots{right:0}.dot-right.dot-outside .mb-dots{transform:translateY(-50%) translateX(100%)}.dot-center-arrows.dot-top.dot-outside .mb-dots{transform:translateY(-100%)}.dot-center-arrows.dot-bottom.dot-outside .mb-dots{transform:translateY(100%)}.movingbox.smart-margins:has(.dot-outside){--smart-dot-margin:calc(var(--dot-size) * 1.2)}.dot-bottom .movingbox.smart-margins:has(.dot-outside){margin-bottom:var(--smart-dot-margin)}.dot-top .movingbox.smart-margins:has(.dot-outside){margin-top:var(--smart-dot-margin)}.dot-left .movingbox.smart-margins:has(.dot-outside){margin-left:var(--smart-dot-margin)}.dot-right .movingbox.smart-margins:has(.dot-outside){margin-right:var(--smart-dot-margin)}.dot-center-arrows.dot-top .mb-dots li,.dot-center-arrows.dot-top .mb-dots li button,.dot-center-arrows.dot-bottom .mb-dots li,.dot-center-arrows.dot-bottom .mb-dots li button{height:var(--arrow-size)}.dot-center-arrows.dot-left .mb-dots li,.dot-center-arrows.dot-left .mb-dots li button,.dot-center-arrows.dot-right .mb-dots li,.dot-center-arrows.dot-right .mb-dots li button{width:var(--arrow-size);margin:5px 0} .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} @charset "UTF-8"; @charset "UTF-8"; :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(255, 255, 255, 1.00);--white-color:var(--white);--primary:rgba(15, 23, 36, 1.00);--secondary:rgba(25, 36, 53, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(234, 123, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(255, 255, 255, 1.00);--warning-contrast:rgba(255, 255, 255, 1.00);--alert-contrast:rgba(255, 255, 255, 1.00);--primary-dark:rgba(0, 0, 6, 1.00);--secondary-dark:rgba(0, 6, 23, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(204, 93, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(234, 123, 36, 1.00);--link-color-hover:rgba(15, 23, 36, 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:7px;--small-gutter:2rem;--medium-gutter:2.5rem;--large-gutter:3rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(234, 123, 36, 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(16rem/16)}h1,.h1{font-size:calc(28rem/16)}h2,.h2{font-size:calc(28rem/16)}h3,.h3{font-size:calc(24rem/16)}h4,.h4{font-size:calc(20rem/16)}h5,.h5{font-size:calc(18rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(17rem/16)}.button.tiny{font-size:calc(15rem/16)}.button.small{font-size:calc(16rem/16)}.button.large{font-size:calc(18rem/16)}@media only screen and (min-width:40em){body{font-size:calc(17rem/16)}h1,.h1{font-size:calc(32rem/16)}h2,.h2{font-size:calc(32rem/16)}h3,.h3{font-size:calc(26rem/16)}h4,.h4{font-size:calc(22rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(17rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(35rem/16)}h2,.h2{font-size:calc(35rem/16)}h3,.h3{font-size:calc(28rem/16)}h4,.h4{font-size:calc(24rem/16)}h5,.h5{font-size:calc(21rem/16)}h6,.h6{font-size:calc(18rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-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(7rem/16)}body{background-color:rgba(255, 255, 255, 1.00);} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight: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} .accordion-title:before{font-family:'Font Awesome 5 Pro' !important;font-weight:900} @font-face{font-family:Montserrat Regular;font-style:normal;font-weight:normal;src:url("https://www.ahg-hoffmann.de/webfonts/Montserrat-Regular.ttf") format("truetype");}@font-face{font-family:Montserrat Regular;font-style:normal;font-weight:bold;src:url("https://www.ahg-hoffmann.de/webfonts/Montserrat-SemiBold.ttf") format("truetype");}@font-face{font-family:Montserrat Regular;font-style:italic;font-weight:normal;src:url("https://www.ahg-hoffmann.de/webfonts/Montserrat-Italic.ttf") format("truetype");}@font-face{font-family:Montserrat Regular;font-style:italic;font-weight:bold;src:url("https://www.ahg-hoffmann.de/webfonts/Montserrat-SemiBoldItalic.ttf") format("truetype");} 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, ul,ul li,ol,ol li,dl,dl dd, p:not(.custom-font),.font-family-text,.text_stack:not(.custom-font),.fontpro-stacks_in_2651_7{font-family:"Montserrat Regular",sans-serif }p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-family:"Montserrat Regular",sans-serif } .mainmenu, .fontpro-stacks_in_2651_10{line-height:1.60 ;letter-spacing:0.01em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; } .mainmenu>br, .fontpro-stacks_in_2651_10 > br{display:block;content:' ';padding-bottom:0.00em } .orange{color:rgba(234, 123, 36, 1.00) ;} .claim{font-size:calc(13rem/16) ;}@media only screen and (min-width:40em) { .claim{font-size:calc(13rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .claim{font-size:calc(14rem/16) ;line-height:1.50 }} h4,.h4, h5,.h5, h6,.h6, .button,.mainmenu{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { h4,.h4, h5,.h5, h6,.h6, .button,.mainmenu{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h4,.h4, h5,.h5, h6,.h6, .button,.mainmenu{font-size:calc(16rem/16) ;line-height:1.50 }} h2{margin-bottom:1rem ;} .headerpic-text p, .fontpro-stacks_in_2651_17{line-height:1.25 ;letter-spacing:0.00em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:25.00px ; color:rgba(255, 255, 255, 1.00) ;text-decoration-color:rgba(0, 0, 0, 1.00) ;} .headerpic-text p>br, .fontpro-stacks_in_2651_17 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:34.375000em){ .headerpic-text p, .fontpro-stacks_in_2651_17{font-size:32.00px }} @media only screen and (min-width:48.000000em){ .headerpic-text p, .fontpro-stacks_in_2651_17{font-size:37.00px }} @media only screen and (min-width:75.000000em){ .headerpic-text p, .fontpro-stacks_in_2651_17{font-size:40.00px }} .mb-image{height:370.00px ;min-height:370px ;max-height:620px ;}@media only screen and (min-width:48em){.mb-image{height:480.00px }}@media only screen and (min-width:64em){.mb-image{height:620.00px }} .vert-grid-pad{padding-top:6.00% ;padding-right:0.00% ;padding-bottom:6.00% ;padding-left:0.00% ;}@media only screen and (min-width:40em){.vert-grid-pad{padding-top:5.00% ;padding-right:0.00% ;padding-bottom:5.00% ;padding-left:0.00% }}@media only screen and (min-width:64em){.vert-grid-pad{padding-top:4.00% ;padding-right:0.00% ;padding-bottom:4.00% ;padding-left:0.00% }} .headerpic-text{text-shadow:1px 1px 0px rgba(0, 0, 0, 1.00);} .cta-button{padding-top:13.00px ;padding-right:14.00px ;padding-bottom:13.00px ;padding-left:14.00px ;}@media only screen and (min-width:40em){.cta-button{padding-top:12.00px ;padding-right:16.00px ;padding-bottom:12.00px ;padding-left:16.00px }}@media only screen and (min-width:64em){.cta-button{padding-top:11.00px ;padding-right:16.00px ;padding-bottom:11.00px ;padding-left:16.00px }} .cta-button{font-size:calc(16rem/16) !important;}@media only screen and (min-width:40em) { .cta-button{font-size:calc(17rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) { .cta-button{font-size:calc(17rem/16) !important;line-height:1.50 !important}} .elevator-to-top{position:fixed !important;z-index:5 !important;top:unset !important;bottom:146px !important;left:unset !important;right:8px !important;} .centered-head{position: absolute ;z-index:10 ;top:43% ;bottom:unset ;left:unset ;right:unset ;} .newsticker{font-size:calc(15rem/16) ;}@media only screen and (min-width:40em) { .newsticker{font-size:calc(15rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .newsticker{font-size:calc(16rem/16) ;line-height:1.50 }} .newsticker{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(16, 50, 79, 1.00);--link-color-hover:rgba(15, 23, 36, 1.00);--link-decoration:none;--link-decoration-hover:none} @charset "UTF-8"; .mainmenu>.menu a, .menu.mainmenu a{--menu-link-color:rgba(241, 246, 250, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(0, 147, 221, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mainmenu>.menu .menu-text, .menu.mainmenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mainmenu>.menu>li>a, .menu.mainmenu>li>a{padding-top:0.5rem;padding-bottom:0.5rem} .mainmenu>.menu .submenu>li>a, .menu.mainmenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mainmenu>.menu li.active>a, .mainmenu>.menu li.is-active>a, .mainmenu>.menu a.is-active, .menu.mainmenu li.active>a, .menu.mainmenu li.is-active>a, .menu.mainmenu a.is-active{--menu-bg-color:rgba(0, 147, 221, 0.00);--menu-link-color:rgba(234, 123, 36, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(234, 123, 36, 1.00)} .mainmenu>.menu .submenu li.active>a, .mainmenu>.menu .submenu li.is-active>a, .mainmenu>.menu .submenu a.is-active, .menu.mainmenu .submenu li.active>a, .menu.mainmenu .submenu li.is-active>a, .menu.mainmenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mainmenu>.menu .submenu a, .menu.mainmenu .submenu a{--menu-caret-color:rgba(0, 147, 221, 1.00)} .mainmenu>.menu .submenu, .menu.mainmenu .submenu{--submenu-bg-color:rgba(15, 23, 36, 1.00);--submenu-border:0px solid rgba(202, 202, 202, 1.00)} .mainmenu>.menu .submenu a, .menu.mainmenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(241, 246, 250, 1.00);--menu-link-color-hover:rgba(234, 123, 36, 1.00)} .mainmenu>.menu .submenu .menu-text, .menu.mainmenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mainmenu>.menu .submenu li.active>a, .mainmenu>.menu .submenu li.is-active>a, .mainmenu>.menu .submenu a.is-active, .menu.mainmenu .submenu li.active>a, .menu.mainmenu .submenu li.is-active>a, .menu.mainmenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(225, 88, 10, 0.00);--menu-link-color:rgba(234, 123, 36, 1.00);--menu-link-color-hover:rgba(234, 123, 36, 1.00)} .mainmenu>.menu a::after, .menu.mainmenu a::after{display:none!important} .menu-container{padding-top:22.00px ;padding-right:0.00px ;padding-bottom:15.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.menu-container{padding-top:22.00px ;padding-right:0.00px ;padding-bottom:15.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.menu-container{padding-top:24.00px ;padding-right:0.00px ;padding-bottom:28.00px ;padding-left:0.00px }} .menu:not(.submenu)>li>a{padding-right:0.75rem !important;padding-left:0.75rem !important;} .menu .submenu{min-width:175.00px ;max-width:1000.00px ;} .menu .submenu{font-size:calc(20rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { .menu .submenu{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .menu .submenu{font-size:calc(14rem/16) ;line-height:1.50 }} .menu .submenu{border-radius:10px ;} .OFF .menu .submenu>li>a{border-color:rgba(255, 255, 255, 0.25) ;border-width:1px 0px 0px 0px ;border-style:solid none none none ;} .menu-container{position:fixed !important;z-index:100 !important;top:0px !important;bottom:unset !important;left:0px !important;right:unset !important;} .menu-container{width:100% ;} .mainmenu{font-size:calc(24rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) { .mainmenu{font-size:calc(24rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .mainmenu{font-size:calc(16rem/16) ;line-height:1.50 }} .mobileMenu{position:fixed !important;z-index:99 !important;top:-100% !important;bottom:unset !important;left:0% !important;right:unset !important;} .mobileMenuAfter{position:fixed !important;z-index:99 !important;top:0% !important;bottom:unset !important;left:0% !important;right:unset !important;} .mobileMenu{width:100% ;} .submenu a, .menu.mainmenu .submenu a { --menu-caret-color: white; }{border-color:var(--white) ;} .mobileMenu{height:100vh ;} .mobileMenu{background-color:var(--primary) ;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){.mobileMenu{background-attachment:scroll!important}} .submenu-toggle::after{border-color:var(--white) ;} .mobileMenu{padding-top:100.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.mobileMenu{padding-top:100.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.mobileMenu{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }} .mobileMenu, .mobileMenuAfter{transition:all 800ms cubic-bezier(0.785, 0.135, 0.150, 0.860) 0ms } .mobileMenu { transform-origin: 50% 50% ; transform-style: flat ; transform : translateZ(0) scale3d(0.80, 0.50, 1.00) rotateX(0deg) rotateY(0deg) rotateZ(0deg) ; } .mobileMenuAfter { transform-origin: 100% 100% ; transform-style: flat ; transform : perspective(500px) translateZ(0) scale3d(1.00, 1.00, 1.00) rotateX(0deg) rotateY(0deg) rotateZ(0deg) ; } {position: absolute ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:unset ;transform:translateX(-50%) ;} .claim{margin-right:0.25rem ;} .is-drilldown:has(.full-drilldown){overflow :visible } .is-drilldown:has(.full-drilldown){background-color:var(--primary) ;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){.is-drilldown:has(.full-drilldown){background-attachment:scroll!important}} .drilldown .is-drilldown-submenu{height:100% ;} .drilldown a, .drilldown .is-drilldown-submenu{margin-top:0.5rem ;margin-bottom:0.25rem ;} .stacks_in_3014_11 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_3014_17{line-height:0}.stacks_in_3014_17 svg{display:inline-block;max-width:177px;height:auto;}.stacks_in_3014_17.full-width svg{width:100%;height:auto} .hamburger { padding: 7px 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: #FFFFFF; } .hamburger-box { width: 35px; height: 23px; 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: #FFFFFF; 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: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 1.5px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-4.9999999px, -7px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } .stacks_in_3014_30{line-height:0}.stacks_in_3014_30 svg{display:inline-block;max-width:190px;height:auto;}.stacks_in_3014_30.full-width svg{width:100%;height:auto} /* Start Responsive Shim stack CSS code */ .stacks_in_3014_222shim{ padding-top: 126px; } @media all and (max-width: 1024px) { .stacks_in_3014_222shim{ padding-top: 105px; } } @media all and (max-width: 480px) { .stacks_in_3014_222shim{ padding-top: 105px; } } /* End Responsive Shim stack CSS code */ .tickercontainer, /*width of the original container in which the ticker appears*/ .tickercontainer .mask, /*can be used to achieve padding within the container*/ ul.newsticker { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; list-style:none; margin:0; } .tickercontainer { height: 20px; margin: 0; padding: 0; overflow: hidden; } .tickercontainer .mask { position: relative; /*top: 8px;*/ /*height: 18px;*/ overflow: hidden; } ul.newsticker { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; position: relative; list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; margin: 0; padding: 0 7px; box-sizing: border-box; } ul.newsticker li a:link, ul.newsticker li a:visited{ color: #FFFFFF; } ul.newsticker li a:hover{ color: #0D0E02; } #stacks_in_3014_452 { background-color: rgba(223, 110, 35, 1.00); } @charset "UTF-8"; @charset "UTF-8";.movingbox.stacks_in_1091{--wait-time:6000ms;--animation-speed:1.50s} .movingbox.stacks_in_1091{--arrow-size:calc(50rem / 16);--arrow-block-size:calc(40rem / 16);--arrow-color:rgba(255, 255, 255, 1.00);--arrow-bg-color:rgba(127, 127, 127, 0.38);--arrow-x-custom:10px;--arrow-y-custom:50px;--arrow-disabled:0.26} .mb-dots-container.stacks_in_1177{--dot-align:center;--dot-color:rgba(255, 255, 255, 0.60);--dot-size:calc(13rem / 16);--dot-num-color:rgba(255, 255, 255, 1.00);--dot-num-size:calc(var(--dot-size) / 2)}.mb-dots-container.stacks_in_1177 .mb-active{--dot-size:calc(13rem / 16);--dot-color:rgba(255, 255, 255, 0.60);--dot-num-color:rgba(255, 255, 255, 1.00)} @charset "UTF-8"; .mapmax-richtext p{line-height:1.60 !important;} p.mapmax-item-title > strong{font-size:calc(16rem/16) !important;}@media only screen and (min-width:40em) { p.mapmax-item-title > strong{font-size:calc(16rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) { p.mapmax-item-title > strong{font-size:calc(16rem/16) !important;line-height:1.50 !important}} .leaflet-popup-content-wrapper{width:auto ;min-width:450.00px ;max-width:450.00px ;} .mapmax-popup-text{width:auto ;min-width:430.00px ;max-width:430.00px ;} @font-face{font-family:Montserrat SemiBold;font-style:normal;font-weight:normal;src:url("https://www.ahg-hoffmann.de/webfonts/Montserrat-SemiBold.ttf") format("truetype");}@font-face{font-family:Montserrat SemiBold;font-style:italic;font-weight:normal;src:url("https://www.ahg-hoffmann.de/webfonts/Montserrat-SemiBoldItalic.ttf") format("truetype");} .mapmax-popup-title, .fontpro-stacks_in_2760{font-family:"Montserrat SemiBold",sans-serif !important} @font-face{font-family:Montserrat SemiBold;font-style:normal;font-weight:normal;src:url("https://www.ahg-hoffmann.de/webfonts/Montserrat-Regular.ttf") format("truetype");}@font-face{font-family:Montserrat SemiBold;font-style:italic;font-weight:normal;src:url("https://www.ahg-hoffmann.de/webfonts/Montserrat-SemiBoldItalic.ttf") format("truetype");} .popup-btn, .fontpro-stacks_in_2761{font-family:"Montserrat SemiBold",sans-serif !important} .popup-btn{font-size:calc(16rem/16) !important;}@media only screen and (min-width:40em) { .popup-btn{font-size:calc(16rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) { .popup-btn{font-size:calc(16rem/16) !important;line-height:1.50 !important}} .leaflet-popup-close-button{font-size:calc(25rem/16) !important;}@media only screen and (min-width:40em) { .leaflet-popup-close-button{font-size:calc(25rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) { .leaflet-popup-close-button{font-size:calc(25rem/16) !important;line-height:1.50 !important}} .popup-btn{padding-top:0.25rem !important;padding-right:1rem !important;padding-bottom:0.25rem !important;padding-left:1rem !important;} .popup-btn{margin-top:1.5rem !important;margin-bottom:1.25rem !important;} .leaflet-popup-close-button{margin-top:0.0625rem !important;margin-right:-1rem !important;} .mapmax-location-list-off{} .mapmax-border{border-color:rgba(230, 231, 231, 1.00) ;border-width:1px ;border-style:solid ;border-radius:8px ;} .leaflet-popup-content-wrapper{padding-top:0.5rem !important;padding-right:0.25rem !important;padding-bottom:0.25rem !important;padding-left:0.5rem !important;} .mapmax-sidebar{padding-top:12.00px !important;padding-right:12.00px !important;padding-bottom:0.00px !important;padding-left:12.00px !important;}@media only screen and (min-width:40em){.mapmax-sidebar{padding-top:12.00px !important;padding-right:12.00px !important;padding-bottom:0.00px !important;padding-left:12.00px !important}}@media only screen and (min-width:64em){.mapmax-sidebar{padding-top:14.00px !important;padding-right:13.00px !important;padding-bottom:0.00px !important;padding-left:13.00px !important}} .agent-hide{display:none !important} .mapmax.stacks_in_3060 { --map-bg: rgba(16, 50, 79, 1.00); --sidebar-bg: rgba(16, 50, 79, 1.00); --sidebar-width: 220px; --sidebar-collapsed-width: 0px; --sidebar-collapse-button-size: 16px; --mapmax-collapse-dur: 0.32s; --mapmax-action-button-height: 1.65rem; --accent: rgba(234, 123, 36, 1.00); --text-main: #333333; --text-secondary: #FFFFFF; --text-active: ; --hover-bg: rgba(255, 255, 255, 1.00); position: relative; display: flex; width: 100%; margin: 0 auto; aspect-ratio: 16/9; background: var(--map-bg); overflow: hidden; min-height: 692px !important; } .mapmax.stacks_in_3060[data-heightmode="True"], .mapmax.stacks_in_3060:not([data-heightmode]) { aspect-ratio: 16/9; min-height: 692px !important; height: auto; } .mapmax.stacks_in_3060[data-heightmode="False"] { aspect-ratio: auto; height: var(--map-height) !important; min-height: 692px !important; } .mapmax.stacks_in_3060[data-heightmode="False"] > .mapmax-map { min-height: 100% !important; height: 100%; } .mapmax.stacks_in_3060[data-heightmode="False"].sidebar-bottom.permanent-sidebar > .mapmax-map { min-height: 0 !important; height: auto; flex: 1 1 auto; } .mapmax.stacks_in_3060 > .mapmax-map { flex: 1 1 auto; width: 100%; } .mapmax.stacks_in_3060 .leaflet-layer.mapmax-tile-grayscale .leaflet-tile, .mapmax.stacks_in_3060 .leaflet-tile.mapmax-tile-grayscale { filter: grayscale(100%); } * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .mapmax-editor-preview.stacks_in_3060 { position: relative; width: 100%; aspect-ratio: 16/9; background-image: url('../files/mapmaxAssets/editor-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 8px; overflow: hidden; box-shadow: inset 0 0 30px rgba(0,0,0,0.1); min-height: 692px !important; } .mapmax-editor-icon { position: absolute; top: 50%; left: 50%; width: 25%; max-width: 120px; transform: translate(-50%, -50%); filter: drop-shadow(0 0 10px rgba(0,0,0,0.4)); } .mapmax-editor-overlay { position: absolute; inset: 0; background: rgba(255, 255, 255, 0.15); pointer-events: none; } .mapmax-editor-pattern { width: 100%; height: 100%; background-image: repeating-linear-gradient(45deg, #ddd 0 1px, transparent 1px 10px), repeating-linear-gradient(-45deg, #ddd 0 1px, transparent 1px 10px); opacity: 0.1; } .mapmax-collapsed-label { background: #d9e5ff; padding: 6px 10px; border-radius: 6px; display: inline-flex; align-items: center; font-size: 14px; color: #666; font-weight: 500; margin: 8px 8px; } .mapmax-collapsed-label .mapmax-icon-expand { width: 16px; height: 16px; margin-right: 6px; display: inline-block; vertical-align: middle; } .mapmax.stacks_in_3060 > .mapmax-map { flex: 1; z-index: 1; width: 100%; min-height: 692px !important; } .mapmax.stacks_in_3060 > .mapmax-sidebar { width: var(--sidebar-width); max-width: calc(100vw - 16px); background: var(--sidebar-bg); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; padding: 1rem; order: -1; overflow-y: auto; z-index: 2; position: absolute; top: 0; height: 100%; transition: transform 0.3s ease; } .mapmax.stacks_in_3060.permanent-sidebar > .mapmax-sidebar { position: relative !important; transform: none !important; height: auto; z-index: auto; } .mapmax.stacks_in_3060 .mapmax-toggle { display: none; position: absolute; top: 0.75rem; left: 0.75rem; z-index: 2; background: var(--accent); color: #fff; border: none; padding: 0.5rem 0.75rem; border-radius: 4px; font-size: 0.9rem; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); white-space: nowrap; max-width: calc(100vw - 2rem); } .mapmax.stacks_in_3060.show-toggle .mapmax-toggle { display: block; } .mapmax.stacks_in_3060.show-toggle .mapmax-sidebar-collapse { display: none !important; } .mapmax.stacks_in_3060 .mapmax-sidebar-close { appearance: none; background: none; border: none; padding: 0; margin: 0; font: inherit; text-align: center; position: absolute; top: 0.75rem; right: 0.75rem; display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; background-color: var(--accent); border-radius: 50%; font-size: 1.5rem; line-height: 0; color: #fff; cursor: pointer; z-index: 4; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); transition: background-color 0.3s ease, transform 0.2s ease; display: none; } .mapmax.stacks_in_3060.show-sidebar .mapmax-sidebar-close { display: block; } .mapmax.stacks_in_3060 .mapmax-sidebar-close:hover { transform: scale(1.05); } .mapmax.stacks_in_3060 .mapmax-sidebar-close:active { transform: scale(0.95); } .mapmax.stacks_in_3060 .mapmax-sidebar-collapse { display: none; position: absolute; z-index: 6; width: var(--sidebar-collapse-button-size); height: 76px; padding: 0; margin: 0; border: 0; border-radius: 8px; background: color-mix(in srgb, var(--accent) 92%, #000 8%); color: #fff; font-size: 14px; font-weight: 700; line-height: 1; box-shadow: 0 2px 8px rgba(0,0,0,0.2); cursor: pointer; user-select: none; transition: background-color 0.25s ease, filter 0.2s ease, opacity 0.25s ease; } .mapmax.stacks_in_3060.mapmax-collapse-anim-ready .mapmax-sidebar-collapse { transition: left var(--mapmax-collapse-dur) ease, right var(--mapmax-collapse-dur) ease, bottom var(--mapmax-collapse-dur) ease, top var(--mapmax-collapse-dur) ease, background-color 0.25s ease, filter 0.2s ease, opacity 0.25s ease; } .mapmax.stacks_in_3060.sidebar-left > .mapmax-sidebar-collapse { top: 50%; left: var(--mapmax-sidebar-expanded-w, var(--sidebar-width)); transform: translate(-1px, -50%); border-radius: 0 8px 8px 0; } .mapmax.stacks_in_3060.sidebar-right > .mapmax-sidebar-collapse { top: 50%; right: var(--mapmax-sidebar-expanded-w, var(--sidebar-width)); transform: translate(1px, -50%); border-radius: 8px 0 0 8px; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-sidebar-collapse { left: 50%; bottom: var(--mapmax-sidebar-expanded-h, 0px); width: 76px; height: var(--sidebar-collapse-button-size); transform: translate(-50%, 0); border-radius: 8px 8px 0 0; } .mapmax.stacks_in_3060.sidebar-bottom:not(.mapmax-collapse-booted) > .mapmax-sidebar-collapse { opacity: 0; pointer-events: none; } .mapmax.stacks_in_3060 .mapmax-location-list { list-style: none; flex: 1; margin: 0; padding: 0; } .mapmax.stacks_in_3060 .mapmax-location-list > li { padding: 0.5rem 1rem; background: rgba(255, 255, 255, 1.00); cursor: pointer; transition: background 0.2s; margin-bottom: 12px; border-radius: 5px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25); contain: layout paint style; content-visibility: auto; contain-intrinsic-size: 140px; } .mapmax.stacks_in_3060.mapmax-no-sidebaritem-shadow .mapmax-location-list > li { box-shadow: none !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li .mapmax-item-title { margin: 0 0 0.25rem 0; } .mapmax.stacks_in_3060 .mapmax-location-list > li .mapmax-item-title strong { display: block; font-size: var(--mapmax-sidebar-title-font-desktop, 13px) !important; line-height: 1.25 !important; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } .mapmax.stacks_in_3060 .mapmax-location-list > li:hover:not(.active) { background: var(--hover-bg); color: var(--text-secondary) !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li:hover:not(.active) > p { color: var(--text-secondary) !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li.active { background: var(--accent); color: var(--text-secondary); } .mapmax.stacks_in_3060 .mapmax-location-list li.active ul > li { color: var(--text-secondary); } .mapmax.stacks_in_3060 .mapmax-location-list > li strong { font-size: 0.8rem; margin-bottom: 0.25rem; color: var(--text-main); } .mapmax.stacks_in_3060 .mapmax-location-list p { font-size: 0.7rem !important; line-height:1rem; margin-bottom: 0rem; color: var(--text-main); } .mapmax.stacks_in_3060 .mapmax-location-list li { color: var(--text-main); line-height:1rem; } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content li { font-size: 0.7rem !important; line-height: 1.0; margin-bottom: 0.25rem; color: var(--text-main); } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content { max-height: var(--mapmax-sidebar-text-maxh, 100px); overflow-y: auto; padding-right: 0.2rem; position: relative; } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content.no-scroll { max-height: none; overflow: visible; padding-right: 0; } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content.is-empty { display: none; } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content p { margin: 0; } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content .mapmax-address { font-size: var(--mapmax-sidebar-address-font-desktop, 11px) !important; line-height: 1.2 !important; white-space: normal; overflow-wrap: anywhere; margin: 0 0 0.2rem 0 !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li.active .list-content, .mapmax.stacks_in_3060 .mapmax-location-list > li.active strong, .mapmax.stacks_in_3060 .mapmax-location-list > li.active p { color: var(--text-secondary); } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-btn { display: inline-block; font-size: 0.7rem; padding: 0.25rem 0.5rem; background: var(--accent); color: #fff; border: none; border-radius: 3px; cursor: pointer; } .mapmax.stacks_in_3060 .mapmax-location-list > li.active .list-btn { background: #555; } .mapmax.stacks_in_3060 aside ul > li .mapmax-sidebar-image-wrap { position: relative; width: 100%; aspect-ratio: var(--mapmax-sidebar-image-ratio, 16 / 10); margin-top: 0.5rem; margin-bottom: 0.5rem; border-radius: 4px; overflow: hidden; background: color-mix(in srgb, var(--sidebar-bg) 88%, #000 12%); } .mapmax.stacks_in_3060 aside ul > li .mapmax-sidebar-image-wrap .mapmax-sidebar-image { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; opacity: 0; transition: opacity 160ms ease; } .mapmax.stacks_in_3060 aside ul > li .mapmax-sidebar-image-wrap.is-loaded .mapmax-sidebar-image { opacity: 1; } .mapmax.stacks_in_3060 aside ul > li .mapmax-sidebar-image-wrap .mapmax-sidebar-image-loader { position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; border: 2px solid color-mix(in srgb, currentColor 30%, transparent); border-top-color: color-mix(in srgb, currentColor 78%, transparent); opacity: 0.7; animation: mapmax-sidebar-spin 0.8s linear infinite; } .mapmax.stacks_in_3060 aside ul > li .mapmax-sidebar-image-wrap.is-loaded .mapmax-sidebar-image-loader { display: none; } @keyframes mapmax-sidebar-spin { to { transform: rotate(360deg); } } .mapmax.stacks_in_3060 .leaflet-popup { max-width: min(420px, calc(100vw - 16px)) !important; } .mapmax.stacks_in_3060 .leaflet-popup-content { min-width: 0; width: min(220px, calc(100vw - 40px)) !important; max-width: min(420px, calc(100vw - 40px)) !important; font-size: 0.8rem; margin: 8px 10px !important; overflow-wrap: anywhere; word-break: break-word; white-space: normal; } .mapmax.stacks_in_3060 .leaflet-popup-content-wrapper { background-color: #FFFFFF !important; border-radius: 5px !important; color: #343A40 !important; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.30) !important; max-width: min(420px, calc(100vw - 16px)) !important; width: auto !important; } .mapmax.stacks_in_3060 .leaflet-popup-tip { background-color: #FFFFFF !important; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.30) !important; } .mapmax.stacks_in_3060.mapmax-no-popup-shadow .leaflet-popup-content-wrapper, .mapmax.stacks_in_3060.mapmax-no-popup-shadow .leaflet-popup-tip { box-shadow: none !important; } .mapmax.stacks_in_3060 .leaflet-popup-content ul { margin-bottom: 0px; color: #343A40 !important; } .mapmax.stacks_in_3060 .leaflet-popup-content ul > li { line-height: 1.0; color: #343A40 !important; } .mapmax.stacks_in_3060 .leaflet-popup-content p { margin: 0 !important; color: #343A40 !important; line-height:1.4; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-title { display: block; margin: 0 0 0.35rem 0; line-height: 1.3; color: #343A40 !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-title strong { display: block; font-size: var(--mapmax-popup-title-font-desktop, 13px) !important; line-height: 1.25 !important; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text { max-height: var(--mapmax-popup-text-maxh, 140px); overflow-y: auto; margin-top: 0.35rem; padding-right: 0.2rem; position: relative; overflow-wrap: anywhere; word-break: break-word; white-space: normal; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text.no-scroll { max-height: none; overflow: visible; padding-right: 0; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text p + p { margin-top: 0.35rem !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-address { font-size: var(--mapmax-popup-address-font-desktop, 12px) !important; line-height: 1.2 !important; white-space: normal; overflow-wrap: anywhere; margin: 0 0 0.2rem 0 !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content .mapmax-description { font-size: var(--mapmax-sidebar-description-font-desktop, 11px) !important; line-height: 1.3 !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-description { font-size: var(--mapmax-popup-description-font-desktop, 12px) !important; line-height: 1.3 !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-richtext > *:first-child, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content .mapmax-richtext > *:first-child { margin-top: 0 !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-richtext > *:last-child, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content .mapmax-richtext > *:last-child { margin-bottom: 0 !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-richtext ul, .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-richtext ol, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content .mapmax-richtext ul, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content .mapmax-richtext ol { margin-left: 0; padding-left: 0.85rem; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-richtext, .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-richtext * { overflow-wrap: anywhere; word-break: break-word; white-space: normal; } .mapmax.stacks_in_3060 .leaflet-popup-content a, .mapmax.stacks_in_3060 .leaflet-popup-content span, .mapmax.stacks_in_3060 .leaflet-popup-content div, .mapmax.stacks_in_3060 .leaflet-popup-content p, .mapmax.stacks_in_3060 .leaflet-popup-content li { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; } .mapmax.stacks_in_3060 .leaflet-popup-content img, .mapmax.stacks_in_3060 .leaflet-popup-content video, .mapmax.stacks_in_3060 .leaflet-popup-content iframe { max-width: 100%; height: auto; } @media (max-width: 768px) { .mapmax.stacks_in_3060 .mapmax-location-list > li .mapmax-item-title strong { font-size: var(--mapmax-sidebar-title-font-mobile, 12px) !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-title strong { font-size: var(--mapmax-popup-title-font-mobile, 12px) !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content .mapmax-address { font-size: var(--mapmax-sidebar-address-font-mobile, 10px) !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-address { font-size: var(--mapmax-popup-address-font-mobile, 11px) !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content .mapmax-description { font-size: var(--mapmax-sidebar-description-font-mobile, 10px) !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text .mapmax-description { font-size: var(--mapmax-popup-description-font-mobile, 11px) !important; } } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--accent) 55%, #ffffff 45%) transparent; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text::-webkit-scrollbar, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content::-webkit-scrollbar { width: 6px; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text::-webkit-scrollbar-thumb, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--accent) 55%, #ffffff 45%); border-radius: 999px; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text::-webkit-scrollbar-track, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content::-webkit-scrollbar-track { background: transparent; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text.has-overflow:not(.at-end)::before, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content.has-overflow:not(.at-end)::before { content: ""; position: sticky; left: 0; bottom: 0; display: block; width: 100%; height: 16px; margin-top: -16px; pointer-events: none; background: linear-gradient( to bottom, color-mix(in srgb, currentColor 0%, transparent) 0%, color-mix(in srgb, currentColor 12%, transparent) 100% ); opacity: 0.35; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-text.has-overflow:not(.at-end)::after, .mapmax.stacks_in_3060 .mapmax-location-list > li .list-content.has-overflow:not(.at-end)::after { content: ""; position: sticky; left: calc(100% - 14px); bottom: 2px; display: block; width: 7px; height: 7px; margin-left: auto; margin-right: 3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); pointer-events: none; opacity: 0.55; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-image { width: 100%; max-width: 220px; aspect-ratio: var(--mapmax-popup-image-ratio, 16 / 10); height: auto; object-fit: cover; margin-top: 0.5rem; border-radius: 4px; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-image-wrap { position: relative; width: 100%; max-width: 220px; aspect-ratio: var(--mapmax-popup-image-ratio, 16 / 10); margin-top: 0.5rem; border-radius: 4px; overflow: hidden; background: color-mix(in srgb, #FFFFFF 88%, #000 12%); } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-image-wrap .mapmax-popup-image { position: absolute; inset: 0; width: 100%; height: 100%; margin-top: 0; opacity: 0; transition: opacity 160ms ease; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-image-wrap.is-loaded .mapmax-popup-image { opacity: 1; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-image-wrap .mapmax-popup-image-loader { position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; border: 2px solid color-mix(in srgb, currentColor 30%, transparent); border-top-color: color-mix(in srgb, currentColor 78%, transparent); opacity: 0.7; animation: mapmax-sidebar-spin 0.8s linear infinite; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-popup-image-wrap.is-loaded .mapmax-popup-image-loader { display: none; } .mapmax.stacks_in_3060 .leaflet-popup-content .popup-btn { display: inline-flex; align-items: center; justify-content: center; font-size: 0.75rem; padding: 0.25rem 0.5rem; background: #EA7B24 !important; color: #FFFFFF !important; border-radius: 3px; margin: 0; border: none; cursor: pointer; box-sizing: border-box; min-height: 2rem; line-height: 1.1; text-decoration: none !important; white-space: nowrap; } .mapmax.stacks_in_3060 .leaflet-container a.leaflet-popup-close-button, .mapmax.stacks_in_3060 .leaflet-container a.leaflet-popup-close-button { color: #10324F !important; } .mapmax.stacks_in_3060 .leaflet-container a.leaflet-popup-close-button:hover, .mapmax.stacks_in_3060 .leaflet-container a.leaflet-popup-close-button:focus { color: #EA7B24 !important; } .mapmax.stacks_in_3060.show-toggle .leaflet-top.leaflet-left { top: 2.5rem; } .mapmax.stacks_in_3060 button, .mapmax.stacks_in_3060 .button, .mapmax.stacks_in_3060 input[type="button"], .mapmax.stacks_in_3060 input[type="submit"], .mapmax.stacks_in_3060 a.button { appearance: none; all: unset; font: inherit; display: inline-block; text-align: center; padding: 0.5rem 0.85rem; background: var(--accent); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 0.85rem; line-height: 1; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: background 0.3s, transform 0.2s; user-select: none; text-decoration: none !important; } .mapmax.stacks_in_3060 .popup-btn, .mapmax.stacks_in_3060 .list-btn, .mapmax.stacks_in_3060 .mapmax-toggle, .mapmax.stacks_in_3060 .mapmax-sidebar-close, .mapmax.stacks_in_3060 .mapmax-sidebar-collapse, .mapmax.stacks_in_3060 a.button { text-decoration: none !important; } .mapmax.stacks_in_3060 .mapmax-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.32rem; margin-top: 0.45rem; } .mapmax.stacks_in_3060 .mapmax-actions .popup-btn, .mapmax.stacks_in_3060 .mapmax-actions .list-btn { appearance: none; font: inherit; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box; width: auto; min-width: 0; max-width: 100%; height: var(--mapmax-action-button-height); min-height: var(--mapmax-action-button-height); margin: 0 !important; padding: 0 0.5rem !important; border: none; border-radius: 4px; line-height: 1 !important; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; text-decoration: none !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-actions .popup-btn { font-size: 0.75rem; background: var(--accent) !important; color: #fff !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li .mapmax-actions .list-btn { font-size: 0.7rem; background: var(--accent); color: #fff; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-actions .popup-btn.mapmax-link-action { background: #EA7B24 !important; color: #FFFFFF !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li .mapmax-actions .list-btn.mapmax-link-action { background: #333333 !important; color: #FFFFFF !important; } .mapmax.stacks_in_3060 .leaflet-popup-content .mapmax-actions .popup-btn.navigationButton, .mapmax.stacks_in_3060 .mapmax-location-list > li .mapmax-actions .list-btn.navigationButton { background: #10324F !important; color: #FFFFFF !important; } .mapmax.stacks_in_3060 .mapmax-location-list > li.active .mapmax-actions .list-btn:not(.navigationButton):not(.mapmax-link-action) { background: #555; } .mapmax.stacks_in_3060 .popup-btn:hover, .mapmax.stacks_in_3060 .popup-btn:focus, .mapmax.stacks_in_3060 .popup-btn:active, .mapmax.stacks_in_3060 .list-btn:hover, .mapmax.stacks_in_3060 .list-btn:focus, .mapmax.stacks_in_3060 .list-btn:active, .mapmax.stacks_in_3060 a.button:hover, .mapmax.stacks_in_3060 a.button:focus, .mapmax.stacks_in_3060 a.button:active { text-decoration: none !important; } .mapmax.stacks_in_3060 button:hover, .mapmax.stacks_in_3060 .button:hover, .mapmax.stacks_in_3060 input[type="button"]:hover, .mapmax.stacks_in_3060 input[type="submit"]:hover, .mapmax.stacks_in_3060 a.button:hover { background: #444; transform: scale(1.02); } .mapmax.stacks_in_3060 button:active, .mapmax.stacks_in_3060 .button:active, .mapmax.stacks_in_3060 input[type="button"]:active, .mapmax.stacks_in_3060 input[type="submit"]:active, .mapmax.stacks_in_3060 a.button:active { transform: scale(0.96); } .mapmax.stacks_in_3060 .mapmax-sidebar-collapse:hover, .mapmax.stacks_in_3060 .mapmax-sidebar-collapse:focus { background: color-mix(in srgb, var(--accent) 85%, #000 15%); filter: brightness(1.06); } .mapmax.stacks_in_3060 .mapmax-sidebar-collapse:active { background: color-mix(in srgb, var(--accent) 82%, #000 18%); filter: brightness(0.98); } .mapmax.stacks_in_3060.sidebar-left > .mapmax-sidebar-collapse:hover, .mapmax.stacks_in_3060.sidebar-left > .mapmax-sidebar-collapse:focus, .mapmax.stacks_in_3060.sidebar-left > .mapmax-sidebar-collapse:active { transform: translate(-1px, -50%); } .mapmax.stacks_in_3060.sidebar-right > .mapmax-sidebar-collapse:hover, .mapmax.stacks_in_3060.sidebar-right > .mapmax-sidebar-collapse:focus, .mapmax.stacks_in_3060.sidebar-right > .mapmax-sidebar-collapse:active { transform: translate(1px, -50%); } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-sidebar-collapse:hover, .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-sidebar-collapse:focus, .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-sidebar-collapse:active { transform: translate(-50%, 0); } .mapmax.stacks_in_3060.sidebar-left { flex-direction: row; } .mapmax.stacks_in_3060.sidebar-left > .mapmax-sidebar { order: -1; left: 0; right: auto; transform: translateX(-100%); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05); } .mapmax.stacks_in_3060.sidebar-left.show-sidebar > .mapmax-sidebar { transform: translateX(0); } .mapmax.stacks_in_3060.sidebar-left.permanent-sidebar > .mapmax-sidebar { position: relative !important; transform: none !important; height: auto; z-index: auto; } .mapmax.stacks_in_3060.mapmax-desktop-collapsible.sidebar-left.permanent-sidebar > .mapmax-sidebar { transition: width var(--mapmax-collapse-dur) ease, min-width var(--mapmax-collapse-dur) ease, max-width var(--mapmax-collapse-dur) ease, padding var(--mapmax-collapse-dur) ease; } .mapmax.stacks_in_3060.mapmax-desktop-collapsible.sidebar-left.permanent-sidebar > .mapmax-sidebar-collapse { display: flex; align-items: center; justify-content: center; } .mapmax.stacks_in_3060.sidebar-left .mapmax-toggle { left: 0.75rem; right: auto; } .mapmax.stacks_in_3060.show-toggle .mapmax-toggle { display: block; } .mapmax.stacks_in_3060.sidebar-right .mapmax-toggle { right: 0.75rem; left: auto; } .mapmax.stacks_in_3060.sidebar-right > .mapmax-sidebar { order: 1; left: auto; right: 0; transform: translateX(100%); position: absolute; height: 100%; width: var(--sidebar-width); max-width: calc(100vw - 16px); background: var(--sidebar-bg); z-index: 2; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease; display: none; } .mapmax.stacks_in_3060.sidebar-right.show-sidebar > .mapmax-sidebar { transform: translateX(0); display: flex; } .mapmax.stacks_in_3060.sidebar-right.permanent-sidebar > .mapmax-sidebar { position: relative !important; transform: none !important; height: auto; z-index: auto; box-shadow: none; display: flex; } .mapmax.stacks_in_3060.mapmax-desktop-collapsible.sidebar-right.permanent-sidebar > .mapmax-sidebar { transition: width var(--mapmax-collapse-dur) ease, min-width var(--mapmax-collapse-dur) ease, max-width var(--mapmax-collapse-dur) ease, padding var(--mapmax-collapse-dur) ease; } .mapmax.stacks_in_3060.mapmax-desktop-collapsible.sidebar-right.permanent-sidebar > .mapmax-sidebar-collapse { display: flex; align-items: center; justify-content: center; } .mapmax.stacks_in_3060.sidebar-right .mapmax-toggle { right: 0.75rem; left: auto; display: none; } .mapmax.stacks_in_3060.sidebar-right .leaflet-top.leaflet-left { top: 0rem; } .mapmax.stacks_in_3060.sidebar-left.mapmax-desktop-collapsible.permanent-sidebar.sidebar-desktop-collapsed > .mapmax-sidebar, .mapmax.stacks_in_3060.sidebar-right.mapmax-desktop-collapsible.permanent-sidebar.sidebar-desktop-collapsed > .mapmax-sidebar { width: var(--sidebar-collapsed-width) !important; min-width: var(--sidebar-collapsed-width) !important; max-width: var(--sidebar-collapsed-width) !important; padding: 0 !important; overflow: hidden; box-shadow: none !important; } .mapmax.stacks_in_3060.sidebar-left.mapmax-desktop-collapsible.permanent-sidebar.sidebar-desktop-collapsed > .mapmax-sidebar > *, .mapmax.stacks_in_3060.sidebar-right.mapmax-desktop-collapsible.permanent-sidebar.sidebar-desktop-collapsed > .mapmax-sidebar > * { opacity: 0; visibility: hidden; pointer-events: none; } .mapmax.stacks_in_3060.sidebar-left.mapmax-desktop-collapsible.permanent-sidebar > .mapmax-sidebar > *, .mapmax.stacks_in_3060.sidebar-right.mapmax-desktop-collapsible.permanent-sidebar > .mapmax-sidebar > * { transition: opacity 0.2s ease; } .mapmax.stacks_in_3060.sidebar-left.mapmax-desktop-collapsible.permanent-sidebar.sidebar-desktop-collapsed > .mapmax-sidebar-collapse { left: var(--sidebar-collapsed-width); } .mapmax.stacks_in_3060.sidebar-right.mapmax-desktop-collapsible.permanent-sidebar.sidebar-desktop-collapsed > .mapmax-sidebar-collapse { right: var(--sidebar-collapsed-width); } .mapmax.stacks_in_3060.sidebar-bottom { flex-direction: column; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar { order: 0; position: absolute; top: 0.5rem; left: 0.5rem; right: 0.5rem; display: flex; align-items: flex-start; gap: 0.5rem; padding: 0; background: transparent; border: 0; z-index: 1200; pointer-events: none; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar > * { pointer-events: auto; } .mapmax.stacks_in_3060 > .mapmax-topbar.mapmax-no-sidebar-topbar { position: absolute; top: 0.5rem; left: 0.5rem; right: 0.5rem; display: flex; align-items: flex-start; gap: 0.5rem; padding: 0; background: transparent; border: 0; z-index: 1200; pointer-events: none; } .mapmax.stacks_in_3060 > .mapmax-topbar.mapmax-no-sidebar-topbar > * { pointer-events: auto; } .mapmax.stacks_in_3060 > .mapmax-topbar.mapmax-no-sidebar-topbar .mapmax-search { order: 2; margin: 0; min-width: 180px; flex: 0 0 var(--mapmax-bottom-search-width, 260px); margin-left: auto; } .mapmax.stacks_in_3060 > .mapmax-topbar.mapmax-no-sidebar-topbar .mapmax-filterbar { order: 1; margin: 0; flex: 1 1 auto; min-width: 220px; } .mapmax.stacks_in_3060.mapmax-no-sidebar-controls-offset .leaflet-top.leaflet-left { top: 3.35rem; } .mapmax.stacks_in_3060 > .mapmax-topbar.mapmax-no-sidebar-topbar ~ .mapmax-map .leaflet-top.leaflet-left { top: 3.35rem !important; } .mapmax.stacks_in_3060.mapmax-no-sidebar-controls-offset .mapmax-map .leaflet-control-container .leaflet-top.leaflet-left { top: auto !important; bottom: 0.85rem !important; } @media (max-width: 760px) { .mapmax.stacks_in_3060.mapmax-no-sidebar-controls-offset .leaflet-top.leaflet-left { top: 4.25rem; } .mapmax.stacks_in_3060 > .mapmax-topbar.mapmax-no-sidebar-topbar ~ .mapmax-map .leaflet-top.leaflet-left { top: 4.25rem !important; } .mapmax.stacks_in_3060.mapmax-no-sidebar-controls-offset .mapmax-map .leaflet-control-container .leaflet-top.leaflet-left { top: auto !important; bottom: 0.85rem !important; } .mapmax.stacks_in_3060 > .mapmax-topbar.mapmax-no-sidebar-topbar { display: grid; right: 0.5rem; grid-template-columns: minmax(0, 1fr); grid-template-areas: "search" "filters"; gap: 0.4rem; align-items: center; } .mapmax.stacks_in_3060 > .mapmax-topbar.mapmax-no-sidebar-topbar .mapmax-search { grid-area: search; margin-left: 0; min-width: 0; width: 100%; flex: 1 1 auto; } .mapmax.stacks_in_3060 > .mapmax-topbar.mapmax-no-sidebar-topbar .mapmax-filterbar { grid-area: filters; min-width: 0; width: 100%; } } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-toggle { z-index: 6; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-bottom-toggle { position: relative; top: auto; left: auto; margin: 0; align-self: center; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar.is-empty { display: none; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar .mapmax-search { order: 2; margin: 0; min-width: 180px; flex: 0 0 var(--mapmax-bottom-search-width, 260px); margin-left: auto; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar .mapmax-filterbar { order: 1; margin: 0; flex: 1 1 auto; min-width: 220px; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-map { order: 1; min-height: 180px; } .mapmax.stacks_in_3060[data-heightmode="False"].sidebar-bottom > .mapmax-map { min-height: 0 !important; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-sidebar { order: 2; left: 0; right: 0; top: auto; bottom: 0; width: 100%; max-width: none; height: auto; transform: translateY(100%); box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08); overflow: hidden; padding: 0.35rem 0.45rem 0.08rem; } .mapmax.stacks_in_3060.sidebar-bottom.show-sidebar > .mapmax-sidebar { transform: translateY(0); } .mapmax.stacks_in_3060.sidebar-bottom.permanent-sidebar > .mapmax-sidebar { position: relative !important; transform: none !important; height: auto; min-height: 0; z-index: auto; box-shadow: none; display: flex; overflow: hidden; padding: 0.35rem 0.45rem 0.08rem; } .mapmax.stacks_in_3060.sidebar-bottom.mapmax-desktop-collapsible.permanent-sidebar > .mapmax-sidebar { max-height: var(--mapmax-sidebar-expanded-h, 100vh); transition: max-height var(--mapmax-collapse-dur) ease, padding var(--mapmax-collapse-dur) ease; } .mapmax.stacks_in_3060.sidebar-bottom.mapmax-desktop-collapsible.permanent-sidebar > .mapmax-sidebar-collapse { display: flex; align-items: center; justify-content: center; } .mapmax.stacks_in_3060.sidebar-bottom.mapmax-desktop-collapsible.permanent-sidebar.sidebar-desktop-collapsed > .mapmax-sidebar { max-height: var(--sidebar-collapsed-width) !important; padding: 0 !important; box-shadow: none !important; } .mapmax.stacks_in_3060.sidebar-bottom.mapmax-desktop-collapsible.permanent-sidebar.sidebar-desktop-collapsed > .mapmax-sidebar > * { opacity: 0; visibility: hidden; pointer-events: none; } .mapmax.stacks_in_3060.sidebar-bottom.mapmax-desktop-collapsible.permanent-sidebar > .mapmax-sidebar > * { transition: opacity 0.2s ease; } .mapmax.stacks_in_3060.sidebar-bottom.mapmax-desktop-collapsible.permanent-sidebar.sidebar-desktop-collapsed > .mapmax-sidebar-collapse { bottom: 0; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-bottom-shell { display: block; height: auto; min-height: 0; padding: 0; margin: 0; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-bottom-cards { height: auto; min-height: 0; overflow: hidden; display: flex; align-items: flex-start; flex: 0 0 auto; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list { display: flex; flex-direction: row; align-items: flex-start; gap: 0.75rem; overflow-x: scroll; overflow-y: hidden; padding-bottom: 0; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; height: auto; max-height: none; margin: 0; scrollbar-gutter: auto; transform: rotateX(180deg); transform-origin: center; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list::-webkit-scrollbar { height: 10px; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--accent) 52%, transparent); border-radius: 8px; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list::-webkit-scrollbar-track { background: color-mix(in srgb, var(--text-main) 12%, transparent); border-radius: 8px; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li { flex: 0 0 clamp(200px, 28%, 340px); margin-top: 0.25rem; margin-bottom: 0.25rem; scroll-snap-align: start; contain: none; content-visibility: visible; contain-intrinsic-size: auto; transform: rotateX(180deg); transform-origin: center; } @media (max-width: 760px) { .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li { flex: 0 0 clamp(190px, 78vw, 300px); } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar { display: grid; right: 0.5rem; max-width: none; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "menu search" ". filters"; gap: 0.4rem; align-items: center; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar .mapmax-bottom-toggle { grid-area: menu; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar .mapmax-search { grid-area: search; margin-left: 0; min-width: 0; flex: 1 1 auto; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar .mapmax-filterbar { grid-area: filters; min-width: 0; width: 100%; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar.has-search ~ .mapmax-map .leaflet-top.leaflet-left, .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar.has-filter ~ .mapmax-map .leaflet-top.leaflet-left { top: 4.25rem; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar.has-filter:not(.has-search) { grid-template-areas: "menu filters"; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar.has-search:not(.has-filter) { grid-template-areas: "menu search"; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-sidebar-close { display: none !important; } } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image { display: grid; grid-template-columns: clamp(88px, 30%, 130px) minmax(0, 1fr); grid-template-areas: "img title" "img body" "img btn"; column-gap: 0.65rem; row-gap: 0.25rem; align-items: start; align-content: start; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image .mapmax-sidebar-image-wrap { grid-area: img; margin: 0; width: 100%; height: auto; min-height: 0; aspect-ratio: var(--mapmax-sidebar-image-ratio, 16 / 10); align-self: start; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image .mapmax-item-title, .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image .list-content, .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image .list-btn, .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image .mapmax-sidebar-actions { grid-column: 2; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image .mapmax-item-title { grid-area: title; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image .list-content { grid-area: body; min-height: 0; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li .list-content:not(.no-scroll) { height: auto; min-height: 0; max-height: var(--mapmax-sidebar-text-maxh, 100px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li .list-content.no-scroll { height: auto; min-height: 0; max-height: none; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image .list-btn, .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li.has-image .mapmax-sidebar-actions { grid-area: btn; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li .list-btn, .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li .mapmax-sidebar-actions { margin-top: 0.35rem; } @media (min-width: 761px) { .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li .list-btn, .mapmax.stacks_in_3060.sidebar-bottom .mapmax-location-list > li .mapmax-sidebar-actions { width: auto; max-width: max-content; justify-self: start; align-self: start; } } .mapmax.stacks_in_3060.show-toggle .mapmax-toggle { display: block; } .mapmax.stacks_in_3060 .leaflet-top.leaflet-left .mapmax-allpins-control { margin-top: 6px; } .mapmax.stacks_in_3060 .mapmax-allpins-control.is-hidden { display: none; } .mapmax.stacks_in_3060 .mapmax-allpins-control .mapmax-allpins-btn { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; font-weight: 700; text-decoration: none !important; color: var(--text-main); background: #fff; display: block; } .mapmax.stacks_in_3060 .mapmax-allpins-control .mapmax-allpins-btn:hover, .mapmax.stacks_in_3060 .mapmax-allpins-control .mapmax-allpins-btn:focus { background: #f5f5f5; text-decoration: none !important; } .mapmax.stacks_in_3060 .custom-svg-icon { width: 32px; height: 32px; line-height: 0; } .mapmax.stacks_in_3060 .custom-svg-icon svg { width: 100%; height: 100%; display: block; } .mapmax.stacks_in_3060 .mapmax-notice { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.7); color: #fff; padding: 6px 12px; border-radius: 4px; font-size: 0.85rem; z-index: 1301; pointer-events: none; max-width: 90%; text-align: center; animation: fadeOut 6s forwards; } @keyframes fadeOut { 0% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } .mapmax.stacks_in_3060 .mapmax-notice { display:none !important; } .mapmax.stacks_in_3060 > .mapmax-map { opacity: 0; transition: opacity 1s ease; } .mapmax.stacks_in_3060 > .mapmax-map.map-fade-in { opacity: 1; } .mapmax.stacks_in_3060 .mapmax-filterbar { margin: 0 0 0.75rem 0; padding: 0.5rem; background: rgba(255, 255, 255, 1.00); border-radius: 5px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25); } .mapmax.stacks_in_3060 .mapmax-filterbar-inner { display: flex; flex-direction: column; gap: 0.5rem; } .mapmax.stacks_in_3060 .mapmax-filter-chips { display: flex; flex-wrap: wrap; gap: 0.4rem 0.5rem; } .mapmax.stacks_in_3060 .chip { display: inline-flex; align-items: center; padding: 0.3rem 0.6rem; border-radius: 999px; background: rgba(255, 255, 255, 1.00); color: var(--text-main); font-size: 0.7rem; line-height: 1; cursor: pointer; border: 1px solid rgba(0,0,0,0.08); user-select: none; transition: background 0.2s, transform 0.1s; } .mapmax.stacks_in_3060 .chip:hover { background: var(--hover-bg); } .mapmax.stacks_in_3060 .chip.active { background: var(--accent); color: var(--text-secondary); border-color: transparent; } .mapmax.stacks_in_3060 .chip .chip-label { max-width: 12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mapmax.stacks_in_3060 .chip .chip-field { opacity: 0.65; margin-right: 0.4rem; } .mapmax.stacks_in_3060 .mapmax-filter-reset { align-self: flex-start; padding: 0.35rem 0.6rem; font-size: 0.7rem; border-radius: 6px; background: #ddd; color: #222; } .mapmax.stacks_in_3060 .mapmax-filter-reset:hover { background: #ccc; } .mapmax.stacks_in_3060 .mapmax-filter-reset.hidden { display: none; } .mapmax.stacks_in_3060 .mapmax-filterbar { margin-bottom: .75rem; } .mapmax.stacks_in_3060 .chip-group { margin-bottom: .5rem; } .mapmax.stacks_in_3060 .chip-group-title { font-size: .8rem; font-weight: 600; opacity: .8; margin-bottom: .25rem; } .mapmax.stacks_in_3060 .chip-row { display: flex; flex-wrap: wrap; gap: .35rem .35rem; } .mapmax.stacks_in_3060 .chip { appearance: none; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; background: #fff; cursor: pointer; } .mapmax.stacks_in_3060 .chip.active { background: var(--accent); color: #fff; border-color: var(--accent); } .mapmax.stacks_in_3060 .chip:disabled, .mapmax.stacks_in_3060 .chip.chip-disabled { opacity: 0.45; cursor: not-allowed; background: #f1f1f1; color: #777; border-color: rgba(0,0,0,.08); transform: none !important; pointer-events: none; } .mapmax.stacks_in_3060 .chip-group { margin-bottom: .5rem; border-radius: 5px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25); } .mapmax.stacks_in_3060 .chip-group-title { font-size: .8rem; font-weight: 600; opacity: .85; margin-bottom: .25rem; } .mapmax.stacks_in_3060 .chip-row { display: flex; flex-wrap: wrap; gap: .35rem .35rem; } .mapmax.stacks_in_3060 .chip { appearance: none; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; background: #fff; cursor: pointer; } .mapmax.stacks_in_3060 .chip.active { background: var(--accent); color: #fff; border-color: var(--accent); } .mapmax.stacks_in_3060 .mapmax-filterbar { margin-bottom: .75rem; } .mapmax.stacks_in_3060 .mapmax-filter-chips { margin-bottom: .5rem; } .mapmax.stacks_in_3060 .chip-group-title { font-size: .8rem; font-weight: 600; opacity: .85; margin-bottom: .25rem; } .mapmax.stacks_in_3060 .chip-row { display: flex; flex-wrap: wrap; gap: .35rem .35rem; } .mapmax.stacks_in_3060 .chip { appearance: none; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; background: #fff; cursor: pointer; } .mapmax.stacks_in_3060 .chip.active { background: var(--accent); color: #fff; border-color: var(--accent); } .mapmax.stacks_in_3060 .mapmax-filterbar-inner > .mapmax-filter-chips { display: block; } .mapmax.stacks_in_3060 .mapmax-filterbar-inner > .mapmax-filter-chips + .mapmax-filter-chips { box-shadow: inset 0 1px 0 rgba(128,128,128,0.08); padding-top: 12px; margin-top: 0px; } @supports (color: color-mix(in oklab, white 50%, black)) { .mapmax.stacks_in_3060 .mapmax-filterbar-inner > .mapmax-filter-chips + .mapmax-filter-chips { box-shadow: inset 0 1px 0 color-mix(in oklab, var(--sidebar-bg) 85%, #000 15%); } } .mapmax.stacks_in_3060 .mapmax-filter-reset { position: relative; width: 1.5rem; height: 1.5rem; border: none; border-radius: 50%; background: #ddd; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; } .mapmax.stacks_in_3060 .mapmax-filter-reset::before, .mapmax.stacks_in_3060 .mapmax-filter-reset::after { content: ""; position: absolute; width: 50%; height: 2px; background: #333; border-radius: 2px; } .mapmax.stacks_in_3060 .mapmax-filter-reset::before { transform: rotate(45deg); } .mapmax.stacks_in_3060 .mapmax-filter-reset::after { transform: rotate(-45deg); } .mapmax.stacks_in_3060 .mapmax-filter-reset:hover { background: #ccc; } .mapmax.stacks_in_3060 > .mapmax-map { overscroll-behavior: contain; touch-action: pan-x pan-y; backface-visibility: hidden; transform: translateZ(0); will-change: transform; } .mapmax.stacks_in_3060 > .mapmax-sidebar { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .mapmax.stacks_in_3060 .leaflet-gesture-handling-warning { transform: translateZ(0); will-change: transform, opacity; } .mapmax.stacks_in_3060 .leaflet-overlay-pane .mapmax-spider-line { vector-effect: non-scaling-stroke; stroke-linecap: round !important; stroke-linejoin: round !important; } .mapmax.stacks_in_3060 .leaflet-tooltip.mapmax-marker-name-tooltip { pointer-events: none; cursor: default; background: var(--mapmax-marker-name-bg, rgba(255,255,255,0.95)); color: var(--mapmax-marker-name-text, rgba(34,34,34,1.0)); font-size: var(--mapmax-marker-name-font-desktop, 13px) !important; font-weight: var(--mapmax-marker-name-font-weight, 400); line-height: 1.25; border: 1px solid color-mix(in srgb, var(--mapmax-marker-name-text, rgba(34,34,34,1.0)) 22%, transparent); box-shadow: 0 3px 10px color-mix(in srgb, #000 18%, transparent); white-space: nowrap; overflow-wrap: normal; word-break: normal; max-width: none; } .mapmax.stacks_in_3060 .leaflet-tooltip.mapmax-marker-name-tooltip.mapmax-marker-name-tooltip-permanent { pointer-events: auto; cursor: pointer; } .mapmax.stacks_in_3060.mapmax-icon-hover-defaults .leaflet-tooltip.mapmax-marker-name-tooltip.mapmax-marker-name-tooltip-hover { background: #fff; color: #222; border: 1px solid #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); border-radius: 3px; font-size: 12px !important; font-weight: 400; line-height: 1.2; } .mapmax.stacks_in_3060 .leaflet-tooltip-top.mapmax-marker-name-tooltip:before { border-top-color: var(--mapmax-marker-name-bg, rgba(255,255,255,0.95)); } .mapmax.stacks_in_3060 .leaflet-tooltip-bottom.mapmax-marker-name-tooltip:before { border-bottom-color: var(--mapmax-marker-name-bg, rgba(255,255,255,0.95)); } .mapmax.stacks_in_3060 .leaflet-tooltip-left.mapmax-marker-name-tooltip:before { border-left-color: var(--mapmax-marker-name-bg, rgba(255,255,255,0.95)); } .mapmax.stacks_in_3060 .leaflet-tooltip-right.mapmax-marker-name-tooltip:before { border-right-color: var(--mapmax-marker-name-bg, rgba(255,255,255,0.95)); } .mapmax.stacks_in_3060.mapmax-icon-hover-defaults .leaflet-tooltip-top.mapmax-marker-name-tooltip.mapmax-marker-name-tooltip-hover:before { border-top-color: #fff; } .mapmax.stacks_in_3060.mapmax-icon-hover-defaults .leaflet-tooltip-bottom.mapmax-marker-name-tooltip.mapmax-marker-name-tooltip-hover:before { border-bottom-color: #fff; } .mapmax.stacks_in_3060.mapmax-icon-hover-defaults .leaflet-tooltip-left.mapmax-marker-name-tooltip.mapmax-marker-name-tooltip-hover:before { border-left-color: #fff; } .mapmax.stacks_in_3060.mapmax-icon-hover-defaults .leaflet-tooltip-right.mapmax-marker-name-tooltip.mapmax-marker-name-tooltip-hover:before { border-right-color: #fff; } @media (max-width: 768px) { .mapmax.stacks_in_3060 .leaflet-tooltip.mapmax-marker-name-tooltip { font-size: var(--mapmax-marker-name-font-mobile, 12px) !important; } } .mapmax.stacks_in_3060 .mapmax-toggle, .mapmax.stacks_in_3060 .mapmax-sidebar-close { align-items: center; justify-content: center; box-sizing: border-box; width: var(--sidebar-hit-w, 2rem); height: var(--sidebar-hit-h, 2rem); padding: 0; margin: 0; color: var(--text-secondary); font-size: var(--sidebar-icon-font, 1.1rem); line-height: 0; } .mapmax.stacks_in_3060 .mapmax-toggle.has-custom-icon, .mapmax.stacks_in_3060 .mapmax-sidebar-close.has-custom-icon { font-size: 0; line-height: 0; } .mapmax.stacks_in_3060 .mapmax-toggle.has-custom-icon svg, .mapmax.stacks_in_3060 .mapmax-sidebar-close.has-custom-icon svg { display: block; margin: 0 auto; width: var(--sidebar-icon-w, 22px); height: var(--sidebar-icon-h, 22px); fill: currentColor; stroke: currentColor; } .mapmax.stacks_in_3060 .mapmax-toggle.has-custom-icon svg [fill]:not([fill="none"]), .mapmax.stacks_in_3060 .mapmax-sidebar-close.has-custom-icon svg [fill]:not([fill="none"]) { fill: currentColor !important; } .mapmax.stacks_in_3060 .mapmax-toggle.has-custom-icon svg [stroke]:not([stroke="none"]), .mapmax.stacks_in_3060 .mapmax-sidebar-close.has-custom-icon svg [stroke]:not([stroke="none"]) { stroke: currentColor !important; } .mapmax.stacks_in_3060 .mapmax-sidebar-close:not(.has-custom-icon) { transform: translateY(-0.03em); } .mapmax.stacks_in_3060 .mapmax-filterbar.hidden { display: none !important; } .mapmax.stacks_in_3060 .mapmax-filter-reset.hidden { display: none !important; } .mapmax.stacks_in_3060 .mapmax-filter-empty { font-size: 0.75rem; line-height: 1.35; opacity: 0.75; padding: 0.2rem 0.15rem; } .mapmax.stacks_in_3060 .mapmax-filterbar-inner { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0.4rem; } .mapmax.stacks_in_3060 .mapmax-filter-dropdown { position: relative; min-width: 140px; } .mapmax.stacks_in_3060 .mapmax-filter-trigger { display: inline-flex; align-items: center; justify-content: space-between; gap: 0.45rem; min-width: 140px; width: 100%; padding: 0.35rem 0.55rem; border: 1px solid rgba(0,0,0,0.14); border-radius: 8px; background: #fff; color: var(--text-main); font-size: 0.75rem; line-height: 1.1; text-decoration: none !important; } .mapmax.stacks_in_3060 .mapmax-filter-trigger:hover, .mapmax.stacks_in_3060 .mapmax-filter-trigger:focus, .mapmax.stacks_in_3060 .mapmax-filter-trigger:active { background: #fff !important; color: var(--text-main) !important; border-color: rgba(0,0,0,0.22); transform: none !important; } .mapmax.stacks_in_3060 .mapmax-filter-trigger::after { content: "▾"; font-size: 0.72rem; opacity: 0.8; } .mapmax.stacks_in_3060 .mapmax-filter-dropdown.is-open .mapmax-filter-trigger::after { content: "▴"; } .mapmax.stacks_in_3060 .mapmax-filter-trigger-count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.1rem; height: 1.1rem; padding: 0 0.3rem; border-radius: 999px; background: var(--accent); color: #fff; font-size: 0.67rem; line-height: 1; } .mapmax.stacks_in_3060 .mapmax-filter-trigger-count.hidden { display: none; } .mapmax.stacks_in_3060 .mapmax-filter-dropdown-panel { display: flex; flex-wrap: wrap; position: absolute; top: calc(100% + 6px); left: 0; z-index: 40; min-width: min(360px, 86vw); max-width: min(420px, 92vw); max-height: 0; overflow: auto; padding: 0.5rem; border-radius: 10px; border: 1px solid rgba(0,0,0,0.12); background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.18); gap: 0.35rem; opacity: 0; transform: translateY(-6px); pointer-events: none; visibility: hidden; transition: max-height 0.24s ease, opacity 0.2s ease, transform 0.22s ease, visibility 0.22s ease; } .mapmax.stacks_in_3060 .mapmax-filter-dropdown.is-open .mapmax-filter-dropdown-panel { max-height: min(320px, 56vh); opacity: 1; transform: translateY(0); pointer-events: auto; visibility: visible; } .mapmax.stacks_in_3060 .mapmax-filter-dropdown-panel .chip { width: 100%; justify-content: flex-start; border-radius: 8px; padding: 0.45rem 0.55rem; text-align: left; pointer-events: auto; touch-action: manipulation; } @media (max-width: 760px) { .mapmax.stacks_in_3060 .mapmax-filter-dropdown { min-width: 0; width: 100%; } .mapmax.stacks_in_3060 .mapmax-filter-trigger { width: 100%; min-width: 0; } .mapmax.stacks_in_3060 .mapmax-filter-dropdown-panel { min-width: min(94vw, 420px); max-width: 94vw; } .mapmax.stacks_in_3060 .mapmax-filter-dropdown-panel .chip { width: 100%; justify-content: flex-start; border-radius: 8px; padding: 0.45rem 0.55rem; } } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar .mapmax-filterbar-inner { flex-wrap: wrap; overflow-x: visible; overflow-y: visible; scrollbar-width: auto; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar .mapmax-filterbar-inner::-webkit-scrollbar { height: 8px; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar .mapmax-filterbar-inner::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--accent) 52%, transparent); border-radius: 6px; } .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar .mapmax-filterbar { overflow: visible; position: relative; z-index: 1300; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-topbar .mapmax-filter-reset.mapmax-filter-reset-text { width: auto; height: 1.72rem; min-width: 2.4rem; padding: 0 0.5rem; border-radius: 8px; font-size: 0.68rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(0,0,0,0.14); background: #fff; color: var(--text-main); text-decoration: none !important; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-topbar .mapmax-filter-reset.mapmax-filter-reset-text::before, .mapmax.stacks_in_3060.sidebar-bottom .mapmax-topbar .mapmax-filter-reset.mapmax-filter-reset-text::after { display: none; } .mapmax.stacks_in_3060 .mapmax-filter-reset.mapmax-filter-reset-text::before, .mapmax.stacks_in_3060 .mapmax-filter-reset.mapmax-filter-reset-text::after { display: none !important; } .mapmax.stacks_in_3060 .mapmax-filter-reset.mapmax-filter-reset-text { position: static; width: auto; min-width: 2.6rem; height: 1.78rem; padding: 0 0.52rem; border-radius: 8px; border: 1px solid rgba(0,0,0,0.14); background: #fff; color: var(--text-main); font-size: 0.68rem; line-height: 1; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; } .mapmax.stacks_in_3060 .mapmax-filter-reset.mapmax-filter-reset-text:hover { background: #f3f3f3; } .mapmax.stacks_in_3060 .mapmax-filter-panel-head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.25rem; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-topbar .mapmax-filter-panel-head { margin-bottom: 0.25rem; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-topbar .mapmax-filter-panel-title { font-size: 0.78rem; font-weight: 600; color: var(--text-main); } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-topbar .mapmax-filter-panel-close { border: 1px solid rgba(0,0,0,0.14); border-radius: 999px; background: #fff; color: var(--text-main); font-size: 1rem; line-height: 1; width: 1.65rem; height: 1.65rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; } .mapmax.stacks_in_3060.sidebar-bottom .mapmax-topbar .mapmax-filter-panel-close:hover { background: #f3f3f3; } .mapmax.stacks_in_3060.sidebar-left .mapmax-filterbar-inner, .mapmax.stacks_in_3060.sidebar-right .mapmax-filterbar-inner { flex-direction: column; align-items: stretch; gap: 0.45rem; } .mapmax.stacks_in_3060.sidebar-left .mapmax-sidebar-close, .mapmax.stacks_in_3060.sidebar-right .mapmax-sidebar-close { top: 0.5rem; } .mapmax.stacks_in_3060.show-toggle.sidebar-left.show-sidebar > .mapmax-sidebar, .mapmax.stacks_in_3060.show-toggle.sidebar-right.show-sidebar > .mapmax-sidebar { padding-top: 3rem; } .mapmax.stacks_in_3060.sidebar-left .mapmax-filter-dropdown, .mapmax.stacks_in_3060.sidebar-right .mapmax-filter-dropdown { width: 100%; min-width: 0; } .mapmax.stacks_in_3060.sidebar-left .mapmax-filter-trigger, .mapmax.stacks_in_3060.sidebar-right .mapmax-filter-trigger { width: 100%; min-width: 0; } .mapmax.stacks_in_3060.sidebar-left .mapmax-filter-dropdown-panel, .mapmax.stacks_in_3060.sidebar-right .mapmax-filter-dropdown-panel { left: 0; right: 0; width: 100%; min-width: 0; max-width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: hidden; } .mapmax.stacks_in_3060.sidebar-left .mapmax-filter-panel-close, .mapmax.stacks_in_3060.sidebar-right .mapmax-filter-panel-close { border: 1px solid rgba(0,0,0,0.14); border-radius: 999px; background: #fff; color: var(--text-main); font-size: 1rem; line-height: 1; width: 1.65rem; height: 1.65rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; } .mapmax.stacks_in_3060.sidebar-left .mapmax-filter-panel-close:hover, .mapmax.stacks_in_3060.sidebar-right .mapmax-filter-panel-close:hover { background: #f3f3f3; } @media (min-width: 761px) { .mapmax.stacks_in_3060.sidebar-bottom > .mapmax-topbar.has-filter ~ .mapmax-map .leaflet-top.leaflet-left { top: 3.35rem; } } .mapmax-collapsed-label { background: #d9e5ff; padding: 6px 10px; border-radius: 6px; display: inline-flex; align-items: center; font-size: 14px; color: #666; font-weight: 500; margin: 4px 0; } .mapmax-collapsed-label .mapmax-icon-expand { width: 16px; height: 16px; margin-right: 6px; display: inline-block; vertical-align: middle; } .mapmax-editor-item .tcms3 { background: #b9d4fe; padding: 0.2rem 0.5rem; border-radius: 0.2rem; font-size: 1em; font-weight: 500; }@charset "UTF-8"; .footer-container{background-color:var(--primary) ;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){.footer-container{background-attachment:scroll!important}} .footer-container{padding-top:2rem ;padding-bottom:2rem ;} .footer-text{font-size:calc(15rem/16) ;}@media only screen and (min-width:40em) { .footer-text{font-size:calc(15rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .footer-text{font-size:calc(16rem/16) ;line-height:1.50 }} .footer-text a{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(234, 123, 36, 1.00);--link-decoration:none;--link-decoration-hover:none} .bord-t{border-color:rgba(255, 255, 255, 1.00) ;border-top-width:1px ;border-top-style:solid ;} .bord-t{opacity:0.70 } .social{opacity:0.90 } .social{padding-top:0.25rem ;} #elevator-to-top{--elevator-width:60px;--elevator-height:60px;--elevator-color:rgba(234, 123, 36, 1.00);--elevator-radius:50px;--elevator-fill:rgba(255, 255, 255, 1.00);--elevator-border-color:rgba(255, 255, 255, 1.00);--elevator-border-width:2px;--elevator-icon-width:35px;--elevator-shadow:0 0 0px rgba(0,0,0,0.5);-webkit-appearance:none;appearance:none;display:none;overflow:hidden;justify-content:center;align-items:center;padding:0;margin:0;cursor:pointer;transition:all 200ms ease-in-out;position:fixed;bottom:10px;right:10px;z-index:9999;width:var(--elevator-width);height:var(--elevator-height);border-color:var(--elevator-border-color);border-width:var(--elevator-border-width);border-style:solid;background-color:var(--elevator-color);color:var(--elevator-fill);box-shadow:var(--elevator-shadow);border-radius:var(--elevator-radius)}#elevator-to-top svg{width:var(--elevator-icon-width);fill:var(--elevator-fill)}#elevator-to-top:active,#elevator-to-top:focus{outline:none}#elevator-to-top:hover{scale:1.05} .stacks_in_3010_18 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_3010_22{line-height:0}.stacks_in_3010_22 svg{display:inline-block;max-width:177px;height:auto;}.stacks_in_3010_22.full-width svg{width:100%;height:auto} /* SocialDock – each.css */ /* ===== Basis & Variablen ===== */ .socialdock { --sd-gutter: 9px; --sd-radius: 7px; --sd-pad-y: 8px; --sd-pad-x: 10px; --sd-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; position: relative; display: block; font-family: var(--sd-font); line-height: 1; } /* ===== Layout Container ===== */ .socialdock .socialdock-inner { display: flex; width: 100%; flex-wrap: wrap; gap: var(--sd-gutter); justify-content: flex-start; /* default */ } .socialdock[data-align="center"] .socialdock-inner { justify-content: center; } .socialdock[data-align="right"] .socialdock-inner { justify-content: flex-end; } .socialdock[data-align="between"] .socialdock-inner { justify-content: space-between; } .socialdock[data-align="around"] .socialdock-inner { justify-content: space-around; } .socialdock[data-align="evenly"] .socialdock-inner { justify-content: space-evenly; } /* ===== Stacked-Mode ===== */ .socialdock[data-stacked="true"] .socialdock-inner { flex-direction: column; } .socialdock[data-stacked="true"][data-fullwidth="true"] .socialdock-inner { align-items: stretch; } .socialdock[data-stacked="true"][data-fullwidth="true"] .sd-btn { width: 100%; max-width: 100%; box-sizing: border-box; } /* Stacked + nicht Fullwidth: horizontal per align-items */ .socialdock[data-stacked="true"]:not([data-fullwidth="true"]) .socialdock-inner { align-items: flex-start; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="center"] .socialdock-inner { align-items: center; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="right"] .socialdock-inner { align-items: flex-end; } .socialdock[data-stacked="true"] .sd-btn { align-self: auto !important; } /* ===== Buttons ===== */ .socialdock .sd-btn { width: var(--sd-btn-w, auto); /* equalWidth via JS */ display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; border-width: var(--sd-border-w, 1px); border-style: var(--sd-border-style, solid); border-color: var(--sd-border-color, currentColor); border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); padding: var(--sd-pad-y, var(--sr-pad-y, var(--sd-pad-y-default, 8px))) var(--sd-pad-x, var(--sr-pad-x, var(--sd-pad-x-default, 10px))); transition: transform .08s ease, opacity .2s ease; font-weight: 600; white-space: nowrap; } .socialdock .sd-btn:focus { outline: 2px solid; outline-offset: 2px; } .socialdock .sd-btn:hover { transform: translateY(-1px); } .socialdock .sd-btn:active { transform: translateY(0); } /* ===== Icons immer perfekt zentriert ===== */ .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); /* global steuerbar (px) */ width: 1em; height: 1em; display: inline-flex; align-items: center; justify-content: center; /* zentriert SVG im Icon-Container */ } .socialdock .sd-ic svg { width: 1em; height: 1em; display: block; overflow: visible; } .socialdock .sd-lb { font-size: var(--sd-label-size, inherit); } /* ===== Labels & Hover-Animation ===== */ /* 1) Labels AUS (robust), wenn KEIN Hoverlabel aktiv ist */ .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-lb { display: none !important; } .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { gap: 0; /* kein Phantomabstand */ justify-content: center; /* Icon mittig */ } /* 2) Hoverlabel aktiv + Labels nicht explizit an */ .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-lb { display: inline-flex !important; /* sichtbar als Flex-Item */ align-items: center; min-width: 0; /* echtes Schrumpfen */ max-width: 0; /* eingefahren */ overflow: hidden; opacity: 0; transform: translateX(-4px) scale(0.98); margin-left: 0; pointer-events: none; transition: max-width .25s ease, opacity .22s ease, transform .25s ease, margin-left .25s ease; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn { gap: 0; /* Platz entsteht durch margin-left beim Ausfahren */ justify-content: center; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:hover .sd-lb, .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:focus-visible .sd-lb { max-width: var(--sd-hoverlabel-max, 12ch); opacity: 1; transform: none; margin-left: .5em; /* wirkt wie gap */ } /* ===== Größen ===== */ .socialdock[data-size="s"] .sd-btn { font-size: 12px; --sd-pad-y-default: 6px; --sd-pad-x-default: 8px; --sd-radius-default: 8px; } .socialdock[data-size="m"] .sd-btn { font-size: 14px; --sd-pad-y-default: 8px; --sd-pad-x-default: 10px; --sd-radius-default: 8px; } .socialdock[data-size="l"] .sd-btn { font-size: 16px; --sd-pad-y-default: 10px; --sd-pad-x-default: 12px; --sd-radius-default: 12px; } /* ===== Formen ===== */ .socialdock[data-shape="square"] .sd-btn { border-radius: 0px; } .socialdock[data-shape="pill"] .sd-btn { border-radius: 999px; } /* optional, nur zur Klarheit – identisch zur Basis: */ .socialdock[data-shape="rounded"] .sd-btn { border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); } /* ===== Theme-Variablen (Light/Dark/Auto) – nur wenn Brand AUS ===== */ .socialdock[data-theme="light"]:not([data-brand]) .sd-btn, .socialdock[data-theme="light"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } .socialdock[data-theme="dark"]:not([data-brand]) .sd-btn, .socialdock[data-theme="dark"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } @media (prefers-color-scheme: light) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } } @media (prefers-color-scheme: dark) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } } /* ===== Brandfarben (pro Service) ===== */ .sd-btn.sd-x { --sd-brand: #000000; } .sd-btn.sd-facebook { --sd-brand: #1877f2; } .sd-btn.sd-linkedin { --sd-brand: #0a66c2; } .sd-btn.sd-whatsapp { --sd-brand: #25d366; } .sd-btn.sd-telegram { --sd-brand: #24a1de; } .sd-btn.sd-pinterest { --sd-brand: #e60023; } .sd-btn.sd-mail { --sd-brand: #6c757d; } .sd-btn.sd-copy { --sd-brand: #6c757d; } .sd-btn.sd-print { --sd-brand: #6c757d; } .sd-btn.sd-webshare { --sd-brand: #6c757d; } .sd-btn.sd-threads { --sd-brand: #000000; } .sd-btn.sd-bluesky { --sd-brand: #1185fe; } .sd-btn.sd-reddit { --sd-brand: #ff4500; } .sd-btn.sd-hn { --sd-brand: #ff6600; } .sd-btn.sd-pocket { --sd-brand: #ef4056; } .sd-btn.sd-flipboard { --sd-brand: #e12828; } .sd-btn.sd-vk { --sd-brand: #4c75a3; } .sd-btn.sd-line { --sd-brand: #00c300; } .sd-btn.sd-weibo { --sd-brand: #e6162d; } .sd-btn.sd-xing { --sd-brand: #026466; } .sd-btn.sd-mastodon { --sd-brand: #6364ff; } .sd-btn.sd-youtube { --sd-brand: #ff0000; } .sd-btn.sd-instagram { --sd-brand: #E1306C; } .sd-btn.sd-tiktok { --sd-brand: #000000; } .sd-btn.sd-github { --sd-brand: #24292e; } .sd-btn.sd-website { --sd-brand: #6c757d; } /* generisch */ .socialdock[data-brand="fg"] .sd-btn { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="bg"] .sd-btn { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } /* ⬇️ NEU: Per-Button Brand-Style (überschreibt Theme) */ /* Nach deinen Theme-Regeln einfügen */ .socialdock[data-theme] .sd-btn[data-brand="bg"] { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } .socialdock[data-theme] .sd-btn[data-brand="fg"] { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="fg"] .sd-btn:hover { opacity: .95; } .socialdock[data-brand="fg"] .sd-btn:active { opacity: .9; } .socialdock[data-brand="bg"] .sd-btn:hover { filter: brightness(.97); } .socialdock[data-brand="bg"] .sd-btn:active { filter: brightness(.92); } /* ===== Toast ===== */ .socialdock .socialdock-toast { position: absolute; margin-top: 8px; background: rgba(0, 0, 0, .9); color: #fff; padding: 8px 10px; border-radius: 8px; font-size: 12px; opacity: 0; transform: translateY(-4px); transition: all .18s ease; } .socialdock .socialdock-toast.show { opacity: 1; transform: translateY(0); } /* Basis: Icon-Größe unabhängig vom Label steuern */ .socialdock .sd-ic { /* skaliert NUR das Icon (SVG bleibt 1em innerhalb) */ font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* ===== Icon-only: kein Hintergrund, kein Rand – Labels bleiben ===== */ .socialdock[data-appearance="true"] .sd-btn { background: transparent !important; --sd-border-w: 0; box-shadow: none !important; padding: var(--sd-icon-pad, 0); /* unsichtbare Klickfläche (0–8px) */ gap: 8px; /* Abstand Icon ↔ Label */ transform: none; } /* Icon im icon-only Modus größer machen */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } /* Optional pro Buttongröße feinabstimmen */ .socialdock[data-appearance="true"][data-size="s"] { --sd-icon-size: 17px; } .socialdock[data-appearance="true"][data-size="m"] { --sd-icon-size: 22px; } .socialdock[data-appearance="true"][data-size="l"] { --sd-icon-size: 29px; } /* Fokus sichtbar (A11y) */ .socialdock[data-appearance="true"] .sd-btn:focus { outline: 2px solid currentColor; outline-offset: 2px; } /* Falls im icon-only Modus Brand-Farbe erzwungen werden soll */ .socialdock[data-appearance="true"][data-brand="fg"] .sd-btn { color: var(--sd-brand) !important; } .socialdock[data-appearance="true"][data-brand="bg"] .sd-btn { background: transparent !important; border: 0 !important; /* wahlweise: color: var(--sd-brand) !important; */ } /* 1) SVG darf über den ViewBox-Rand schauen (kein Clipping der Strokes) */ .socialdock .sd-ic svg { overflow: visible; /* verhindert "angeschnittene" Kanten */ display: block; } /* 2) Icon-Flexitem nicht schrumpfen lassen, immer genug Platz geben */ .socialdock .sd-ic { flex: 0 0 auto; /* nicht zusammenquetschen */ min-width: 1em; /* nie kleiner als die Icon-Größe */ min-height: 1em; padding: .08em; /* optischer "Bleed" */ } /* 3) Sicherheitshalber: Buttons haben wirklich kompakte Line-Box */ .socialdock .sd-btn { line-height: 1; } /* 4) Im Icon-only Modus darf das Icon größer sein, ohne Clipping */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* Icon-only Modus: Sicherheits-Inset */ .socialdock[data-appearance="true"]{ --sd-edge-safety: 2px; /* ggf. 1px–3px testen */ padding-inline: var(--sd-edge-safety); overflow-x: clip; } @supports not (overflow-x: clip){ .socialdock[data-appearance="true"]{ overflow-x: hidden; } } /* Monochrome Icons – sicher */ .socialdock .sd-ic svg, .socialdock .sd-ic svg * { fill: currentColor !important; stroke: none !important; } /* Perfekte Kreise, wenn Option aktiv UND Labels komplett aus (kein Hoverlabel) */ .socialdock[data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { /* Kreisgröße: Icon + vertikales Padding */ --sd-circle: calc(var(--sd-icon-size, 19px) + (var(--sd-pad-y) * 2)); /* Equal-Width übersteuern: Breite = Höhe = --sd-circle */ --sd-btn-w: var(--sd-circle); height: var(--sd-circle); /* gleiches Padding auf allen Seiten -> optisch zentriert */ padding: var(--sd-pad-y); border-radius: 50%; gap: 0; /* kein „Phantom“-Abstand */ justify-content: center; } /* Optional: auch im icon-only Erscheinungsbild kreisrund */ .socialdock[data-appearance="true"][data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { border-radius: 50%; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } .stacks_in_3010_117 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}