@font-face{font-family:Goli;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/goli-400-c5d43ac2a8.woff2) format("woff2")}@font-face{font-family:Goli;font-weight:500;font-style:normal;font-display:swap;src:url(fonts/goli-500-822c30dfd5.woff2) format("woff2")}@font-face{font-family:Rockybilly;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/rockybilly-400-39685ea1dc.woff2) format("woff2")}@font-face{font-family:Ananias;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/ananias-regular.woff2) format("woff2")}@font-face{font-family:Ananias;font-weight:700;font-style:normal;font-display:swap;src:url(fonts/ananias-bold.woff2) format("woff2")}@font-face{font-family:Stack Sans Headline;font-weight:200 700;font-style:normal;font-display:swap;src:url(fonts/stack-sans-headline-bf1e91cc78.woff2) format("woff2")}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}footer,main,nav,section{display:block}video{vertical-align:baseline;display:inline-block}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}img{border:0}svg:not(:root){overflow:hidden}button{color:inherit;font:inherit;margin:0;overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}@font-face{font-family:webflow-icons;src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");font-weight:400;font-style:normal}[class*=" k-icon-"],[class^=k-icon-]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:webflow-icons!important}.k-icon-slider-right:before{content:""}.k-icon-slider-left:before{content:""}.k-icon-dropdown-toggle:before{content:""}*{box-sizing:border-box}html{height:100%}body{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{vertical-align:middle}.k-inline-block,img{display:inline-block}.k-inline-block{max-width:100%}h1,h2{margin-bottom:10px;font-weight:700}h1{font-size:38px;line-height:44px}h1,h2{margin-top:20px}h2{font-size:32px;line-height:36px}p{margin-top:0;margin-bottom:10px}.k-embed:after,.k-embed:before{content:" ";grid-area:1/1/2/2;display:table}.k-embed:after{clear:both}[type=button],button{cursor:pointer;-webkit-appearance:button;border:0}.k-container{max-width:940px;margin-left:auto;margin-right:auto}.k-container:after,.k-container:before{content:" ";grid-area:1/1/2/2;display:table}.k-container:after{clear:both}@media screen and (max-width:991px){.k-container{max-width:728px}}@media screen and (max-width:479px){.rt-navbar-logo{height:2.1rem}.k-container{max-width:none}}.k-background-video{color:#fff;height:500px;position:relative;overflow:hidden}.k-background-video>video{object-fit:cover;z-index:-100;background-position:50%;background-size:cover;width:100%;height:100%;margin:auto;position:absolute;inset:-100%}.k-background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.k-background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.k-background-video--control>[hidden]{display:none!important}.k-slider{text-align:center;clear:both;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;background:#ddd;height:300px;position:relative}.k-slider-mask{z-index:1;white-space:nowrap;display:block;left:0;right:0;overflow:hidden}.k-slide,.k-slider-mask{height:100%;position:relative}.k-slide{vertical-align:top;white-space:normal;text-align:left;width:100%;display:inline-block}.k-slider-nav{z-index:2;text-align:center;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;height:40px;margin:auto;padding-top:10px;position:absolute;inset:auto 0 0}.k-slider-nav.k-round>div{border-radius:100%}.k-slider-nav.k-num>div{width:auto;height:auto;font-size:inherit;line-height:inherit;padding:.2em .5em}.k-slider-dot{cursor:pointer;background-color:#fff6;width:1em;height:1em;margin:0 3px .5em;transition:background-color .1s,color .1s;display:inline-block;position:relative}.k-slider-dot.k-active{background-color:#fff}.k-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.k-slider-dot:focus.k-active{box-shadow:none}.k-slider-arrow-left,.k-slider-arrow-right{cursor:pointer;color:#fff;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;width:80px;margin:auto;font-size:40px;position:absolute;inset:0;overflow:hidden}.k-slider-arrow-left [class*=" k-icon-"],.k-slider-arrow-left [class^=k-icon-],.k-slider-arrow-right [class*=" k-icon-"],.k-slider-arrow-right [class^=k-icon-]{position:absolute}.k-slider-arrow-left:focus,.k-slider-arrow-right:focus{outline:0}.k-slider-arrow-left{z-index:3;right:auto}.k-slider-arrow-right{z-index:4;left:auto}.k-icon-slider-left,.k-icon-slider-right{width:1em;height:1em;margin:auto;inset:0}.k-slider-aria-label{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.k-dropdown{z-index:900;display:inline-block}.k-dropdown,.k-dropdown-toggle{text-align:left;margin-left:auto;margin-right:auto;position:relative}.k-dropdown-toggle{vertical-align:top;color:#222;white-space:nowrap;padding:20px;text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer;padding-right:40px;display:inline-block}.k-dropdown-toggle:focus{outline:0}.k-icon-dropdown-toggle{width:1em;height:1em;margin:auto 20px auto auto;position:absolute;top:0;bottom:0;right:0}.k-dropdown-list{background:#ddd;min-width:100%;display:none;position:absolute}.k-dropdown-list.w--open{display:block}.k-nav{z-index:1000;background:#ddd;position:relative}.k-nav:after,.k-nav:before{content:" ";grid-area:1/1/2/2;display:table}.k-nav:after{clear:both}.k-nav-brand{float:left;color:#333;text-decoration:none;position:relative}.k-nav-button,.k-nav-menu{float:right;position:relative}[data-nav-menu-open]{text-align:center;background:#c8c8c8;min-width:200px;position:absolute;top:100%;left:0;right:0;overflow:visible;display:block!important}.k-nav-button{cursor:pointer;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;padding:18px;font-size:24px;display:none}.k-nav-button:focus{outline:0}.k-nav-button.w--open{color:#fff;background-color:#c8c8c8}.k-nav[data-collapse=all] .k-nav-menu{display:none}.k-nav[data-collapse=all] .k-nav-button{display:block}@media screen and (max-width:991px){.k-nav[data-collapse=medium] .k-nav-menu{display:none}.k-nav[data-collapse=medium] .k-nav-button{display:block}}@media screen and (max-width:767px){.k-nav-brand{padding-left:10px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.wf-layout-layout{display:grid}:root{--_typography---font-family--body-font:Goli, "Times New Roman", sans-serif;--_colors---text-color--text-secondary:var(--_colors---secondary-color--secondary-100);--_typography---text--text-size:1rem;--_typography---text--text-line-height:160%;--_typography---text--text-weight:400;--_typography---text--text-letter-spacing:-.01rem;--_typography---font-family--heading-font:"Stack Sans Headline", sans-serif;--_colors---text-color--text-primary:var(--_colors---secondary-color--secondary-200);--_typography---h1-heading--h1-size:4.375rem;--_typography---h1-heading--h1-line-height:106%;--_typography---h1-heading--h1-weight:400;--_typography---h1-heading--h1-letter-spacing:-.175rem;--_typography---h2-heading--h2-size:2.8125rem;--_typography---h2-heading--h2-line-height:124%;--_typography---h2-heading--h2-weight:400;--_typography---h2-heading--h2-letter-spacing:-.105rem;--_typography---h3-heading--h3-size:2.1875rem;--_typography---h3-heading--h3-line-height:130%;--_typography---h3-heading--h3-weight:400;--_typography---h3-heading--h3-letter-spacing:-.0875rem;--_typography---h4-heading--h4-size:1.5625rem;--_typography---h4-heading--h4-line-height:133.33%;--_typography---h4-heading--h4-weight:400;--_typography---h4-heading--h4-letter-spcaing:-.0156rem;--_typography---h5-heading--h5-size:1.25rem;--_typography---h5-heading--h5-line-height:150%;--_typography---h5-heading--h5-weight:400;--_typography---h5-heading--h5-letter-spacing:-.0125rem;--_typography---h6-heading--h6-size:1.0625rem;--_typography---h6-heading--h6-line-height:153%;--_typography---h6-heading--h6-weight:400;--_typography---h6-heading--h6-letter-spacing:0rem;--_colors---core-neutral-color--neutral-800:#1f2224;--_colors---border-color--border-brand:var(--_colors---primary-color--primary);--_sizes---radius--xs-radius:.3125rem;--_colors---background-color--bg-secondary:var(--_colors---core-neutral-color--neutral-100);--_sizes---gap--xxl-gap:9.375rem;--_colors---background-color--bg-primary:var(--_colors---core-neutral-color--neutral-800);--_sizes---container--xl-container:120rem;--_sizes---gap--sm-gap:2.1875rem;--_sizes---container--container:101.25rem;--_colors---text-color--text-secondary-accent:var(--_colors---core-neutral-color--neutral-300);--_colors---text-color--text-light:var(--_colors---core-neutral-color--neutral-50);--_colors---text-color--text-brand:var(--_colors---primary-color--primary);--_colors---core-neutral-color--neutral-400:#000;--_colors---background-color--bg-light:var(--_colors---core-neutral-color--neutral-50);--_typography---font-family--stylish-font:Ananias, Rockybilly, Verdana, sans-serif;--_sizes---gap--xl-gap:8.75rem;--_sizes---gap--lg-gap:3.75rem;--_sizes---gap--md-gap:1.5625rem;--_colors---background-color--bg-brand:var(--_colors---primary-color--primary);--_colors---core-neutral-color--neutral-50:#fff;--_colors---border-color--border-primary:var(--_colors---core-neutral-color--neutral-200);--_colors---secondary-color--secondary-200:#162935;--_sizes---container--sm-container:71.875rem;--_colors---core-neutral-color--neutral-300:#d9d9d9;--_colors---primary-color--primary:#8dc63f;--_colors---secondary-color--secondary-100:#374859;--_colors---core-neutral-color--neutral-100:#f9f9f9;--_colors---core-neutral-color--neutral-200:#ededed;--_typography---h0-heading--h0-size:7.5rem;--_typography---h0-heading--h0-weight:400;--_typography---h0-heading--h0-line-height:100%;--_typography---h0-heading--h0-letter-spacing:-.375rem;--_sizes---container--md-container:91.875rem;--_colors---core-neutral-color--neutral-900:#1f2224}.k-layout-vflex{flex-direction:column;align-items:flex-start;display:flex}.k-layout-blockcontainer{max-width:940px;margin-left:auto;margin-right:auto;display:block}.k-layout-hflex{flex-direction:row;align-items:flex-start;display:flex}.k-backgroundvideo-backgroundvideoplaypausebutton:focus-visible{outline-offset:2px;border-radius:50%;outline:2px solid #3b79c3}.k-layout-layout{grid-row-gap:20px;grid-column-gap:20px;grid-auto-columns:1fr;justify-content:center;padding:20px}.k-layout-cell{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.k-layout-grid{grid-row-gap:16px;grid-column-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}@media screen and (max-width:991px){.k-layout-blockcontainer{max-width:728px}}@media screen and (max-width:767px){.k-layout-blockcontainer{max-width:none}}body{font-family:var(--_typography---font-family--body-font);color:var(--_colors---text-color--text-secondary);font-size:var(--_typography---text--text-size);line-height:var(--_typography---text--text-line-height);font-weight:var(--_typography---text--text-weight);letter-spacing:var(--_typography---text--text-letter-spacing)}h1{font-size:var(--_typography---h1-heading--h1-size);line-height:var(--_typography---h1-heading--h1-line-height);font-weight:var(--_typography---h1-heading--h1-weight);letter-spacing:var(--_typography---h1-heading--h1-letter-spacing)}h1,h2{font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-primary);margin-top:1.25rem;margin-bottom:.625rem}h2{font-size:var(--_typography---h2-heading--h2-size);line-height:var(--_typography---h2-heading--h2-line-height);font-weight:var(--_typography---h2-heading--h2-weight);letter-spacing:var(--_typography---h2-heading--h2-letter-spacing)}p{color:var(--_colors---text-color--text-secondary);margin-bottom:.625rem}a,p{font-family:var(--_typography---font-family--body-font);font-size:var(--_typography---text--text-size);line-height:var(--_typography---text--text-line-height);font-weight:var(--_typography---text--text-weight);letter-spacing:var(--_typography---text--text-letter-spacing)}a{color:var(--_colors---core-neutral-color--neutral-800);text-decoration:none;display:inline-block}img{object-fit:cover;width:100%;max-width:100%;height:100%;display:block}strong{font-weight:700}.rt-footer-v1{padding-top:var(--_sizes---gap--xxl-gap);background-color:var(--_colors---background-color--bg-primary);background-image:url(img/6a44e67d35ab9ad70a5aef16-background-line-white-3b8f9dc2bd.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:2.5rem;position:relative;overflow:hidden}.rt-container-xl{width:100%;max-width:var(--_sizes---container--xl-container);padding-right:var(--_sizes---gap--sm-gap);padding-left:var(--_sizes---gap--sm-gap)}.rt-container-xl.rt-index{z-index:3}.rt-container-xl.rt-index,.rt-container-xl.rt-navbar-container{max-width:var(--_sizes---container--container);position:relative}.rt-footer-v1-main{align-items:stretch}.rt-text-secondary-accent{color:var(--_colors---text-color--text-secondary-accent)}.rt-link-hover-v1{color:var(--_colors---text-color--text-light);transition:color .3s}.rt-link-hover-v1:hover{color:#dd682e}.rt-link-hover-v1.rt-underline{text-decoration:underline}.rt-gap-off{margin:0}.rt-gap-off.rt-text-light.rt-hero-title{z-index:2;position:relative}.rt-footer-v1-middle{grid-column-gap:1.875rem;grid-row-gap:1.875rem;justify-content:space-between;align-items:flex-start;margin-bottom:8rem}.rt-footer-v1-col-1{grid-column-gap:.8rem;grid-row-gap:.8rem;flex:1;align-items:stretch;max-width:22.25rem}.rt-footer-v1-link{grid-column-gap:.625rem;grid-row-gap:.625rem;color:var(--_colors---text-color--text-secondary-accent);font-size:var(--_typography---h5-heading--h5-size);line-height:var(--_typography---h5-heading--h5-line-height);letter-spacing:var(--_typography---h5-heading--h5-letter-spacing);flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex}.rt-footer-v1-link:hover{color:var(--_colors---text-color--text-light)}.rt-border-outside{background-color:#ffffff0d;justify-content:flex-start;align-items:center;width:100%;height:.0625rem}.rt-border-inside{background-color:var(--_colors---text-color--text-light);width:0;height:100%}.rt-footer-v1-col-2{grid-column-gap:2.1875rem;grid-row-gap:2.1875rem;flex:1;max-width:13rem;padding-top:.625rem}.rt-footer-v1-col-2-inside{grid-column-gap:1rem;grid-row-gap:1rem;font-size:var(--_typography---h6-heading--h6-size);line-height:var(--_typography---h6-heading--h6-line-height)}.rt-small-tag{color:var(--_colors---text-color--text-secondary-accent);text-transform:uppercase;font-size:.8125rem;font-weight:500;line-height:100%}.rt-small-tag.rt-text-secondary{color:var(--_colors---text-color--text-secondary)}.rt-text-light{color:var(--_colors---text-color--text-light)}.rt-text-light.rt-choose-us-card-2-description{max-width:13.125rem}.rt-text-light.rt-hero-left-text{max-width:19.625rem}.rt-button{white-space:nowrap}.rt-button,.rt-button-text-wrapper{flex-shrink:0}.rt-hero-left-text,.rt-hero-title,.rt-hero-stylish-text,.rt-hero-small-title,.rt-hero-v1-left .rt-tag-v2{text-shadow:0 1px 6px rgba(0,0,0,.3)}.rt-social-wrapper-v1{grid-column-gap:.9375rem;grid-row-gap:.9375rem;justify-content:flex-start;align-items:center}.rt-embed{justify-content:center;align-items:center;display:flex}.rt-embed.rt-no-shrink{flex:none}.rt-embed.rt-no-shrink.rt-rotate{transform:rotate(-90deg)}.rt-embed.rt-no-shrink.rt-rotate:where(.k-variant-31850e5a-dc84-bad6-5903-dbfe31b4f3e3){width:.625rem}.rt-embed.rt-tick-align{flex:none;margin-top:.375rem}.rt-embed.rt-button-icon{z-index:2;position:relative}.rt-embed.rt-service-small-card-icons{width:4.7rem}.rt-footer-v1-contact{grid-column-gap:.1875rem;grid-row-gap:.1875rem}.rt-footer-v1-col-3{grid-column-gap:1.5625rem;grid-row-gap:1.5625rem;flex:1;max-width:15.625rem}.rt-button{grid-column-gap:.625rem;grid-row-gap:.625rem;border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-secondary);font-family:var(--_typography---font-family--heading-font);color:var(--_colors---core-neutral-color--neutral-400);letter-spacing:-.00875rem;cursor:pointer;justify-content:center;align-items:center;padding:1rem 1.875rem;font-size:.875rem;font-weight:600;line-height:110%;display:flex;position:relative;overflow:hidden}.rt-button:where(.k-variant-926d93cf-5003-2507-6863-c4e4239afbce){background-color:#8dc63f;color:#fff!important}.rt-button-bg.k-variant-926d93cf-5003-2507-6863-c4e4239afbce{background-color:#af3e8f}.rt-button:where(.k-variant-dcc5d63b-bd89-b6f5-f580-7ba5dd59bfe1){background-color:var(--_colors---background-color--bg-primary);color:var(--_colors---text-color--text-light)}.rt-button.rt-button-spacebetween{border-top-left-radius:0;border-top-right-radius:0;justify-content:space-between;align-items:center}.rt-footer-v1-bottom{grid-column-gap:1.875rem;grid-row-gap:1.875rem;grid-template-rows:auto;grid-template-columns:11.75rem 1fr 11.75rem;justify-content:space-between;align-items:flex-end}.rt-footer-v1-name{justify-content:center;align-items:center;position:relative}.rt-footer-big-text{font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-light);letter-spacing:-6%;font-size:clamp(6.25rem,21.7vw,20rem);font-weight:200;line-height:76%}.rt-stylish-text{font-family:var(--_typography---font-family--stylish-font);color:var(--_colors---text-color--text-brand);font-size:var(--_typography---h5-heading--h5-size);line-height:var(--_typography---h5-heading--h5-line-height);letter-spacing:var(--_typography---text--text-letter-spacing)}.rt-stylish-text.rt-footer-text-stylish{position:absolute;inset:auto -4% 12% auto;transform:rotate(-20deg)}.rt-stylish-text.rt-hero-stylish-text{font-size:3.8rem;line-height:var(--_typography---h1-heading--h1-line-height);margin-top:-.5625rem;transform:rotate(-9deg)}.rt-hero-stylish-text{color:#8dc63f}.rt-hero-tag-spacer{margin-top:3rem}.rt-navbar-call{white-space:nowrap;transition:color .25s ease}.rt-navbar .rt-hyperlink.rt-link-white.rt-navbar-call:hover{color:#af3e8f}.rt-back-to-top{cursor:pointer;border:1px solid #ededed3b;border-radius:100%;flex:none;justify-content:center;align-items:center;width:2.875rem;height:2.875rem;display:flex}.rt-section-gap-v2{padding-top:var(--_sizes---gap--xxl-gap);padding-bottom:var(--_sizes---gap--xl-gap)}.rt-section-gap-v2.rt-bg-linear{background-color:var(--_colors---background-color--bg-secondary)}.rt-main-v1{grid-column-gap:var(--_sizes---gap--lg-gap);grid-row-gap:var(--_sizes---gap--lg-gap);perspective:700px;align-items:stretch}.rt-container{width:100%;max-width:var(--_sizes---container--container);padding-right:var(--_sizes---gap--sm-gap);padding-left:var(--_sizes---gap--sm-gap)}.rt-container.rt-padding-off{max-width:91.875rem;padding-left:0;padding-right:0}.rt-container.rt-container-index{z-index:7;position:relative}.rt-main-v1-top{grid-column-gap:1.875rem;grid-row-gap:1.875rem;justify-content:space-between;align-items:flex-start;max-width:44.625rem}.rt-tag{border-radius:var(--_sizes---radius--xs-radius);font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-brand);letter-spacing:.0225rem;text-transform:uppercase;background-image:url(img/6a44e67d35ab9ad70a5aef19-tag-bg-orange-line-02323b19eb.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:.2rem 1.25rem .1875rem;font-size:.75rem;font-weight:700}.rt-main-v1-text-wrap{grid-column-gap:1rem;grid-row-gap:1rem;flex:1;max-width:27.1875rem}.rt-image-wrapper{border-radius:var(--_sizes---radius--xs-radius);flex:1;width:100%;overflow:hidden}.rt-blog-card-v1-content{grid-column-gap:.875rem;grid-row-gap:.875rem;max-width:30rem}.rt-h5-heading{font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-primary);font-size:var(--_typography---h5-heading--h5-size);line-height:var(--_typography---h5-heading--h5-line-height);font-weight:var(--_typography---h5-heading--h5-weight);letter-spacing:var(--_typography---h5-heading--h5-letter-spacing)}.rt-h5-heading.rt-text-light{color:var(--_colors---text-color--text-light)}.rt-h5-heading.rt-choose-title{max-width:13.75rem}.rt-h5-heading.rt-text-brand.rt-underline,.rt-h5-heading.rt-underline{text-decoration:underline}.rt-cta-v1-main{grid-column-gap:0;grid-row-gap:0;border-radius:var(--_sizes---radius--xs-radius);grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid;overflow:hidden}.rt-overflow-hidden{overflow:hidden}.rt-overflow-hidden.rt-radius-xs{border-radius:var(--_sizes---radius--xs-radius)}.rt-cta-v1-right{background-color:var(--_colors---background-color--bg-brand);background-image:url(img/6a44e67d35ab9ad70a5aef1b-cta-bg-line-white-1318577b31.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;padding:7.2rem 9%}.rt-tag-v2{grid-column-gap:.625rem;grid-row-gap:.625rem;font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-light);letter-spacing:.0225rem;text-transform:uppercase;justify-content:flex-start;align-items:center;font-size:.75rem;font-weight:600;line-height:100%}.rt-tag-v2:where(.k-variant-0eb2679e-a09b-afb1-7c04-d9bd4062d9c0){color:var(--_colors---text-color--text-secondary)}.rt-tag-v2:where(.k-variant-a664eb3b-cfe6-f90f-5d35-4d62fcfa7671){color:var(--_colors---text-color--text-light)}.rt-tag-v2-box{background-color:var(--_colors---background-color--bg-secondary);width:.625rem;height:.625rem}.rt-tag-v2-box:where(.k-variant-0eb2679e-a09b-afb1-7c04-d9bd4062d9c0),.rt-tag-v2-box:where(.k-variant-a664eb3b-cfe6-f90f-5d35-4d62fcfa7671){background-color:#af3e8f}.rt-h3-heading{font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-primary);font-size:var(--_typography---h3-heading--h3-size);line-height:var(--_typography---h3-heading--h3-line-height);font-weight:var(--_typography---h3-heading--h3-weight);letter-spacing:var(--_typography---h3-heading--h3-letter-spacing)}.rt-h3-heading.rt-text-light{color:var(--_colors---text-color--text-light)}.rt-cta-v1-buttons{grid-column-gap:10px;grid-row-gap:10px;flex:1;max-width:16.25rem}.rt-customer-rating-box{grid-column-gap:1.25rem;grid-row-gap:1.25rem;justify-content:flex-start;align-items:center}.rt-rating-text{grid-column-gap:.1875rem;grid-row-gap:.1875rem;color:var(--_colors---text-color--text-light);font-size:.9375rem;line-height:150%}.rt-cta-v1-buttons-box{align-items:stretch;width:100%}.rt-cta-tag-1,.rt-cta-v1-buttons-box{grid-column-gap:.625rem;grid-row-gap:.625rem}.rt-cta-tag-1{border-radius:var(--_sizes---radius--xs-radius);-webkit-backdrop-filter:blur(3.75rem);backdrop-filter:blur(3.75rem);font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-light);background-color:#f9f9f91a;justify-content:flex-start;align-items:center;padding:.625rem .875rem;font-size:.875rem;font-weight:600;line-height:100%}.rt-cta-v1-right-inside{grid-column-gap:1.2rem;grid-row-gap:1.2rem;flex-flow:column;justify-content:space-between;align-items:flex-start;width:100%;max-width:57.75rem}.rt-faq-v1{background-color:var(--_colors---background-color--bg-secondary);position:relative}.rt-faq-v1-main{grid-column-gap:2.5rem;grid-row-gap:2.5rem;justify-content:space-between;align-items:flex-start}.rt-faq-v1-left{grid-column-gap:6.4rem;grid-row-gap:6.4rem;flex:1;max-width:24.375rem;position:sticky;top:3.125rem}.rt-faq-v1-right{grid-column-gap:.625rem;grid-row-gap:.625rem;flex:1;align-items:stretch;max-width:45.125rem;overflow:hidden}.rt-faq-card-v1{border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-light);cursor:pointer;align-items:stretch;padding:1rem 1.5625rem;box-shadow:0 .25rem 1.875rem #b8b8b838}.rt-faq-card-v1-toggle{grid-column-gap:1.25rem;grid-row-gap:1.25rem;justify-content:space-between;align-items:center}.rt-h6-heading{font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-primary);font-size:var(--_typography---h6-heading--h6-size);line-height:var(--_typography---h6-heading--h6-line-height);font-weight:var(--_typography---h6-heading--h6-weight);letter-spacing:var(--_typography---h6-heading--h6-letter-spacing)}.rt-h6-heading.rt-text-light{color:var(--_colors---text-color--text-light)}.rt-h6-heading.rt-text-light.rt-menu-cta-text{max-width:15.625rem}.rt-faq-card-v1-answer{padding-top:1rem;padding-bottom:1rem}.rt-faq-text{transition:height .3s;overflow:hidden}.rt-text-brand{color:var(--_colors---text-color--text-brand)}.rt-faq-v1-bottom{grid-column-gap:.625rem;grid-row-gap:.625rem;max-width:20rem}.rt-hyperlink{grid-column-gap:.4rem;grid-row-gap:.4rem;justify-content:flex-start;align-items:center;text-decoration:underline;transition:color .3s;display:flex}.rt-hyperlink:where(.k-variant-31850e5a-dc84-bad6-5903-dbfe31b4f3e3){color:var(--_colors---core-neutral-color--neutral-50);font-size:.8rem}.rt-hyperlink:hover{color:var(--_colors---text-color--text-brand)}.rt-hyperlink.rt-link-white,.rt-hyperlink:hover:where(.k-variant-31850e5a-dc84-bad6-5903-dbfe31b4f3e3){color:var(--_colors---text-color--text-light)}.rt-hyperlink.rt-link-white.rt-navbar-call{transition-property:none;display:none}.rt-scroll-contact-box{grid-column-gap:.75rem;grid-row-gap:.75rem;border-top:.25rem solid var(--_colors---border-color--border-brand);border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-light);flex:1;align-items:stretch;max-width:23rem;padding:3.125rem;overflow:hidden}.rt-scroll-contact-top{grid-column-gap:.625rem;grid-row-gap:.625rem;justify-content:flex-start;align-items:center}.rt-h4-heading{font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-primary);font-size:var(--_typography---h4-heading--h4-size);line-height:var(--_typography---h4-heading--h4-line-height);font-weight:var(--_typography---h4-heading--h4-weight);letter-spacing:var(--_typography---h4-heading--h4-letter-spcaing)}.rt-h4-heading.rt-underline{text-decoration:underline}.rt-h4-heading.rt-text-light{color:var(--_colors---text-color--text-light)}.rt-h4-heading.rt-text-light.rt-hero-small-title{max-width:22.5rem}.rt-h4-heading.rt-text-brand,.rt-h4-heading.rt-text-light.rt-link-hover-v1:hover{color:var(--_colors---text-color--text-brand)}.rt-scroll-contact-locations{grid-column-gap:1.125rem;grid-row-gap:1.125rem;align-items:stretch;width:100%;padding-top:.625rem}.rt-schedule-list{grid-column-gap:.9375rem;grid-row-gap:.9375rem;border-bottom:1px solid var(--_colors---border-color--border-primary);padding-bottom:.6rem}.rt-font-weight-medium{font-weight:500}.rt-font-weight-medium.rt-text-primary{color:var(--_colors---text-color--text-primary)}.rt-schedule-box{grid-column-gap:.1rem;grid-row-gap:.1rem}.rt-scroll-schedule-button{padding-top:1.25rem}.rt-work-main-wrapper{position:relative}.rt-text-primary{color:var(--_colors---text-color--text-primary)}.rt-work-v1-card{grid-column-gap:1.8rem;grid-row-gap:1.8rem;flex-flow:column;display:flex}.rt-work-v1-card-text{grid-column-gap:.9rem;grid-row-gap:.9rem}.rt-service-v1-main{grid-column-gap:var(--_sizes---gap--lg-gap);grid-row-gap:var(--_sizes---gap--lg-gap);justify-content:flex-start;align-items:center}.rt-service-v1-bottom{grid-column-gap:2.5rem;grid-row-gap:2.5rem;justify-content:space-between;align-items:center;width:100%}.rt-service-v1-bottom-left{border-radius:var(--_sizes---radius--xs-radius);flex:1;align-self:stretch;max-width:45rem}.rt-service-v1-bottom-right{grid-column-gap:1.9rem;grid-row-gap:1.9rem;flex:1;align-items:stretch;max-width:39.0625rem}.rt-service-v1-list{grid-column-gap:.2rem;grid-row-gap:.2rem;align-items:stretch}.rt-service-progress-wrapper{grid-column-gap:1.875rem;grid-row-gap:1.875rem;justify-content:flex-start;align-items:center}.rt-service-progress-bar{border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-brand);width:100%;height:.5rem}.rt-service-progress-bar.rt-service-bar-2{background-color:var(--_colors---background-color--bg-secondary);width:70%}.rt-service-progress-bar.rt-service-bar-3{background-color:var(--_colors---text-color--text-primary);width:65%}.rt-service-progress-bar.rt-service-bar-4{background-color:var(--_colors---background-color--bg-secondary);width:71%}.rt-marquee-v1{overflow:hidden}.rt-marquee-v1:where(.k-variant-305828b8-df58-d984-59d9-bcca6248b3cd){padding-bottom:3rem}.rt-marquee-v1.rt-section-gap-xl:where(.k-variant-305828b8-df58-d984-59d9-bcca6248b3cd){padding-bottom:0}.rt-marquee-v1-main,.rt-marquee-v1-train{justify-content:flex-start;align-items:center}.rt-marquee-v1-train{grid-column-gap:1.875rem;grid-row-gap:1.875rem;flex:none;padding-right:1.875rem}.rt-marquee-text{font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-primary);letter-spacing:-4%;font-size:clamp(3rem,10vw,9.375rem);line-height:93%}.rt-marquee-text.rt-opacity-down{color:#8d8d8d}.rt-video-scroll{height:250vh}.rt-video-scroll-sticky{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;position:sticky;top:0;overflow:hidden}.rt-video-text-box{grid-template-rows:auto}.rt-video-box-grid,.rt-video-text-box{grid-column-gap:0;grid-row-gap:0;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;height:100vh;display:grid}.rt-video-box-grid{grid-template-rows:auto auto}.rt-video-scroll-card{grid-column-gap:1.875rem;grid-row-gap:1.875rem;background-color:var(--_colors---background-color--bg-secondary);justify-content:space-between;align-items:flex-start;padding:12% 9%}.rt-video-scroll-card.rt-bg-brand{background-color:var(--_colors---background-color--bg-brand)}.rt-video-scroll-card.rt-bg-brand.rt-bg-line{background-image:url(img/6a44e67d35ab9ad70a5af0a5-cta-card-line-white-5b98987608.webp);background-position:0 0;background-size:cover}.rt-video-scroll-card.rt-bg-primary{background-color:var(--_colors---background-color--bg-primary)}.rt-video-scroll-card.rt-bg-primary.rt-bg-line{background-image:url(img/6a44e67d35ab9ad70a5af0a5-cta-card-line-white-5b98987608.webp);background-position:0 0;background-size:cover}.rt-video-scroll-card-text{grid-column-gap:2.5rem;grid-row-gap:2.5rem;max-width:21.1rem}.rt-video-wrapper{z-index:2;width:50%;position:absolute;inset:0;overflow:hidden}.rt-service-v1-para{margin-bottom:1.3rem}.rt-video-v1{width:100vw;height:100vh;transform:translate(-12%)}.rt-play-button,.rt-video-v1{justify-content:center;align-items:center;display:flex}.rt-play-button{background-color:var(--_colors---background-color--bg-light);border-radius:100%;width:5.625rem;height:5.625rem;position:relative;transform:scale(0)}.rt-play-button.rt-button-small{width:1.25rem;height:1.25rem;position:static;transform:scale(1)}.rt-play-button.rt-play-active{position:static;transform:scale(.5)}.rt-cta-v2{padding-bottom:var(--_sizes---gap--lg-gap)}.rt-cta-v2-main,.rt-main-v2-text{justify-content:flex-start;align-items:center}.rt-main-v2-text{perspective:2000px;text-align:center;max-width:35rem}.rt-main-v2-text,.rt-main-v2-top{grid-column-gap:var(--_sizes---gap--md-gap);grid-row-gap:var(--_sizes---gap--md-gap)}.rt-main-v2-top{max-width:31.25rem}.rt-team-v1-card{font-size:.875rem;line-height:140%}.rt-team-member-card-inner{border-radius:var(--_sizes---radius--xs-radius);margin-top:.3125rem;margin-bottom:1.25rem;position:relative;overflow:hidden}.rt-team-image-wrapper{display:block}.rt-team-member-social{grid-column-gap:1.25rem;grid-row-gap:1.25rem;background-color:var(--_colors---background-color--bg-primary);justify-content:center;align-items:center;padding:.625rem;position:absolute;inset:auto 0 0}.rt-team-member-social.rt-call-member{grid-column-gap:.5rem;grid-row-gap:.5rem}.rt-team-member-name{grid-column-gap:.3rem;grid-row-gap:.3rem}.rt-service-v2{background-image:linear-gradient(180deg,var(--_colors---background-color--bg-light),var(--_colors---background-color--bg-secondary))}.rt-service-v2-tab-conent-box{grid-column-gap:var(--_sizes---gap--lg-gap);grid-row-gap:var(--_sizes---gap--lg-gap);justify-content:space-between;align-items:stretch}.rt-service-v2-left{border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-primary);flex:1;max-width:45rem;position:relative;overflow:hidden}.rt-service-v2-right{grid-column-gap:var(--_sizes---gap--lg-gap);grid-row-gap:var(--_sizes---gap--lg-gap);flex:1;align-self:center;max-width:37.375rem}.rt-service-v2-list{grid-column-gap:1.25rem;grid-row-gap:1.25rem;align-items:stretch;width:100%}.rt-service-list-items{grid-column-gap:1.5625rem;grid-row-gap:1.5625rem}.rt-service-list-text-wrapper{grid-column-gap:.625rem;grid-row-gap:.625rem}.rt-choose-us-v1{grid-column-gap:var(--_sizes---gap--lg-gap);grid-row-gap:var(--_sizes---gap--lg-gap)}.rt-choose-us-v1-main{grid-column-gap:1.875rem;grid-row-gap:1.875rem;justify-content:space-between;align-items:stretch;width:100%;position:relative}.rt-choose-us-card-v1{grid-column-gap:2.8125rem;grid-row-gap:2.8125rem;flex:1;align-self:stretch;padding-top:5.625rem;padding-bottom:5.625rem}.rt-choose-us-card-v1.rt-box-1.rt-padding-off,.rt-choose-us-card-v1.rt-box-2.rt-padding-off,.rt-choose-us-card-v1.rt-box-3.rt-padding-off,.rt-choose-us-card-v1.rt-box-4.rt-padding-off{padding-top:0;padding-bottom:0}.rt-choose-us-border{background-color:var(--_colors---border-color--border-primary);width:.0625rem}.rt-choose-us-card-text{grid-column-gap:1.3rem;grid-row-gap:1.3rem;max-width:19.125rem}.rt-choose-us-wrapper{grid-column-gap:1rem;grid-row-gap:.625rem;padding:0}.rt-choose-us-card-1-text{padding-right:1rem;position:absolute;top:2.5rem;left:1.3rem}.rt-choose-us-card-1{border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-primary);width:100%;height:100%;position:relative;overflow:hidden}.rt-h2-heading{font-family:var(--_typography---font-family--heading-font);color:var(--_colors---text-color--text-primary);font-size:var(--_typography---h2-heading--h2-size);line-height:var(--_typography---h2-heading--h2-line-height);font-weight:var(--_typography---h2-heading--h2-weight);letter-spacing:var(--_typography---h2-heading--h2-letter-spacing)}.rt-h2-heading.rt-text-light{color:var(--_colors---text-color--text-light)}.rt-h2-heading.rt-text-light.rt-choose-us-heading{font-size:1.8rem}.rt-h2-heading.rt-text-brand{color:var(--_colors---text-color--text-brand)}.rt-blend{mix-blend-mode:overlay;text-decoration:underline;text-decoration-thickness:3px}.rt-choose-us-card-2{border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-primary);width:100%;height:100%;position:relative;overflow:hidden}.rt-choose-us-card-2-text{z-index:2;grid-column-gap:.625rem;grid-row-gap:.625rem;pointer-events:none;background-image:linear-gradient(#0000 22%,#000);justify-content:flex-end;align-items:flex-start;padding-bottom:2.8125rem;padding-left:2.8125rem;padding-right:1rem;position:absolute;inset:0}.rt-choose-us-card-3{border-radius:var(--_sizes---radius--xs-radius);width:100%;max-height:28.75rem;position:relative;overflow:hidden}.rt-choose-us-card-4-text{z-index:2;justify-content:flex-end;align-items:flex-start;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem;position:absolute;inset:0}.rt-choose-us-videos{grid-column-gap:1rem;grid-row-gap:1rem;background-color:var(--_colors---background-color--bg-light);justify-content:flex-start;align-items:center;width:100%;max-width:19.75rem;padding:.5rem}.rt-choose-us-video-box,.rt-choose-us-videos{border-radius:var(--_sizes---radius--xs-radius)}.rt-choose-us-video-box{aspect-ratio:132/112;flex:1;max-width:8.25rem;position:relative;overflow:hidden}.rt-choose-us-video{z-index:2;justify-content:flex-start;align-items:flex-end;width:100%;height:100%;padding-bottom:.5rem;padding-left:.5rem;display:flex;position:relative}.rt-choose-us-video-text{grid-column-gap:2.5rem;grid-row-gap:2.5rem;flex:1;justify-content:space-between;align-items:flex-start}.rt-service-video-top{grid-column-gap:7px;grid-row-gap:7px;justify-content:flex-start;align-items:center;font-size:.875rem;line-height:150%}.rt-text-align{margin-top:.1875rem}.rt-small-title{color:var(--_colors---text-color--text-primary);font-size:.875rem;font-weight:500;line-height:144%}.rt-card-small-text{font-size:.75rem;line-height:154%}.rt-choose-us-card-5{border-radius:var(--_sizes---radius--xs-radius);background-image:url(img/6a44e67d35ab9ad70a5aef59-card-5-globe-image-d6ec9dfa49.webp),url(img/6a44e67d35ab9ad70a5aef3f-cad-bg-line-orange-9b6c0b892f.svg),linear-gradient(#ffe9e4 53%,#fff0f0);background-position:50% 100%,0 0,0 0;background-repeat:no-repeat,repeat,repeat;background-size:84%,cover,auto;justify-content:space-between;align-items:center;width:100%;height:100%;padding:1.6rem 2rem 1.875rem;position:relative;overflow:hidden}.rt-card-5-top{grid-column-gap:1.125rem;grid-row-gap:1.125rem;max-width:17.875rem}.rt-card-5-bottom{grid-column-gap:1.25rem;grid-row-gap:1.25rem;border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-primary);width:100%;justify-content:space-between;padding:.625rem 1.25rem;display:none}.rt-card-5-bottom,.rt-card-5-bottom-left{color:var(--_colors---text-color--text-light);align-items:center}.rt-card-5-bottom-left{grid-column-gap:.5rem;grid-row-gap:.5rem;max-width:10.75rem;flex:1;justify-content:flex-start;font-size:.875rem;line-height:120%}.rt-users-image{flex:none;max-width:4.5625rem}.rt-about-v1-main{grid-column-gap:var(--_sizes---gap--lg-gap);grid-row-gap:var(--_sizes---gap--lg-gap);justify-content:flex-start;align-items:center}.rt-about-v1-bottom{text-align:center;justify-content:flex-start;align-items:stretch;width:100%}.rt-about-v1-bottom,.rt-about-v1-bottom-row-1{grid-column-gap:1.875rem;grid-row-gap:1.875rem}.rt-about-v1-bottom-row-1{justify-content:space-between;align-items:center}.rt-about-v1-marquee{justify-content:flex-start;align-items:center}.rt-marquee-images{grid-column-gap:.375rem;grid-row-gap:.375rem;flex:none;justify-content:flex-start;align-items:stretch;padding-right:.375rem}.rt-image-box-1{aspect-ratio:423/430;width:26.25rem}.rt-image-box-1,.rt-image-box-2{border-radius:var(--_sizes---radius--xs-radius);overflow:hidden}.rt-image-box-2{aspect-ratio:287/430;width:17.5rem}.rt-hero-v1{background-color:var(--_colors---background-color--bg-primary);position:relative;overflow:hidden}.rt-hero-v1-main{z-index:4;justify-content:flex-end;align-items:stretch;min-height:100vh;padding-bottom:10vh;position:relative}.rt-hero-v1-content{grid-column-gap:1.25rem;grid-row-gap:1.25rem;justify-content:space-between;align-items:flex-start}.rt-hero-v1-left{grid-column-gap:1.875rem;grid-row-gap:1.875rem;flex:1;max-width:37rem}.rt-hero-v1-right{grid-column-gap:1.2rem;grid-row-gap:1.2rem;flex:1;max-width:26.875rem}.rt-hero-v1-video{border-radius:var(--_sizes---radius--xs-radius);width:100%;overflow:hidden}.rt-hero-v1-bg-video{z-index:2;aspect-ratio:2;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative}.rt-absolute-bg{z-index:1;position:absolute;inset:0}.rt-hero-v1-bg-1{width:100%;height:100%;position:relative}.rt-absolute-image-1-overlay{z-index:1;background-image:radial-gradient(ellipse 75% 220% at bottom left,rgba(0,0,0,.55) 0%,rgba(0,0,0,.4) 30%,rgba(0,0,0,.22) 50%,rgba(0,0,0,.06) 70%,transparent 85%);position:absolute;inset:0}.rt-navbar{z-index:999;color:var(--_colors---text-color--text-primary);background-color:#fff;border-bottom:1px solid #1629351a;position:fixed;inset:0 0 auto}.rt-navbar-logo{height:3.3rem;width:auto;display:block}.rt-navbar .rt-hyperlink.rt-link-white.rt-navbar-call{color:var(--_colors---text-color--text-primary)}.rt-navbar-main{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:6.25rem 1fr 9.75rem;grid-auto-columns:1fr;display:grid}.rt-navbar-brand{color:inherit;justify-content:flex-start}.rt-menu,.rt-navbar-brand{align-items:center;display:flex}.rt-menu{grid-column-gap:2.5rem;grid-row-gap:2.5rem;justify-content:center;position:static}.rt-menu-link{color:inherit;padding-top:1.875rem;padding-bottom:1.875rem;font-size:.9375rem}.rt-navbar-buttons{grid-column-gap:2.5rem;grid-row-gap:2.5rem;justify-content:center;align-items:center}.rt-anchor-wrapper{pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0 0 auto;overflow:hidden}.rt-anchor{max-width:6.1875rem}.rt-anchor.rt-faq-anchor{max-width:5.3rem;margin-right:25%;display:none}.rt-inline-block{display:inline-block}.rt-choose-us-border-top{background-color:var(--_colors---border-color--border-primary);width:100%;height:.0625rem;position:absolute}.rt-menu-bars{grid-column-gap:.1875rem;grid-row-gap:.1875rem;justify-content:flex-start;align-items:center;display:none}.rt-bar{background-color:var(--_colors---background-color--bg-light);width:1.125rem;height:.125rem;border-radius:999px}.rt-display-none{display:none}.rt-button-text-wrapper{z-index:3;justify-content:center;align-items:center;position:relative;overflow:hidden}.rt-button-bg{aspect-ratio:1;background-color:var(--_colors---background-color--bg-brand);pointer-events:none;border-radius:100%;width:110%;position:absolute;transform:scale(0)}.rt-button-bg:where(.k-variant-dcc5d63b-bd89-b6f5-f580-7ba5dd59bfe1){background-color:var(--_colors---background-color--bg-light)}.rt-button-text-absolute{position:absolute;top:100%}.rt-icon-hover-light{color:var(--_colors---text-color--text-light);transition:color .3s}.rt-icon-hover-light:hover{color:var(--_colors---text-color--text-brand)}.rt-cms-list-wrapper{width:100%}.rt-section-gap-xl{padding-top:var(--_sizes---gap--xl-gap);padding-bottom:var(--_sizes---gap--xl-gap)}.rt-cms-grid-4x{grid-column-gap:1.875rem;grid-row-gap:3.125rem;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-columns:1fr;display:grid}.rt-blog-card-height:nth-child(2n){height:89%}.rt-blog-card-v2{grid-column-gap:1.6rem;grid-row-gap:1.6rem;flex-flow:column;height:100%;display:flex}.rt-no-shrink{flex:none}.rt-radius-xs{border-radius:var(--_sizes---radius--xs-radius)}.rt-team-hero-bottom{width:100%}.rt-team-hero-bottom-list{grid-column-gap:1.875rem;grid-row-gap:1.875rem;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;display:grid}.rt-team-hero-bottom-list.rt-innerpage-grid{grid-template-columns:1fr 1fr}.rt-team-member-information-text{grid-column-gap:.375rem;grid-row-gap:.375rem;flex-flow:wrap;justify-content:center;align-items:center}.rt-projects-list{grid-column-gap:1.875rem;grid-row-gap:2.7rem;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.rt-main-vertical-left{grid-column-gap:var(--_sizes---gap--lg-gap);grid-row-gap:var(--_sizes---gap--lg-gap);align-items:stretch}.rt-bg-secondary{background-color:var(--_colors---background-color--bg-secondary)}.rt-bg-secondary.rt-bg-line{background-image:url(img/6a44e67d35ab9ad70a5aefae-bg-line-324283d0ff.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.rt-about-v4-right-top{grid-column-gap:var(--_sizes---gap--md-gap);grid-row-gap:var(--_sizes---gap--md-gap)}.rt-responsive-slider{background-color:#0000;width:100%;height:auto;display:none}.rt-bg-primary{background-color:var(--_colors---background-color--bg-primary)}.rt-scroll-target{width:100%}/* Sektionsabstand 27.08. um 30% reduziert (Kundenwunsch). Bewusst als Faktor auf den Token statt als feste rem-Zahl: --_sizes---gap--xxl-gap wird an sechs Breakpoints neu gesetzt (9.375rem bis 4.375rem), ein fester Wert haette das responsive Verhalten plattgemacht. Der Token selbst bleibt unangetastet, weil auch .rt-footer-v1 an ihm haengt. */.rt-section-gap-xxl{padding-top:calc(var(--_sizes---gap--xxl-gap)*.7);padding-bottom:calc(var(--_sizes---gap--xxl-gap)*.7)}.rt-dropdown{color:inherit}.rt-dropdown-toggle{grid-column-gap:.5rem;grid-row-gap:.5rem;color:inherit;justify-content:center;align-items:center;padding:1.875rem 0;font-size:.9375rem;display:inline-flex;position:static}.rt-dropdown-icon{margin:0;position:static}.rt-dropdown-list{padding-right:var(--_sizes---gap--sm-gap);padding-left:var(--_sizes---gap--sm-gap);background-color:#ddd0;position:fixed;bottom:auto;left:0;right:0}.rt-dropdown-box{width:100%;max-width:65rem;margin-left:auto;margin-right:auto;position:relative}.rt-dropdown-single .rt-dropdown-box{max-width:22rem}.rt-dropdown-single .rt-mega-menu-grid{grid-template-columns:max-content}.rt-dropdown-single{position:relative}.rt-dropdown-single .rt-dropdown-list{position:absolute;left:0;right:auto;top:calc(100% + .75rem);padding-left:0;padding-right:0}.rt-dropdown-single .rt-dropdown-box{margin-left:0;margin-right:0}.rt-dropdown-list-bg{z-index:0;border:1px solid var(--_colors---border-color--border-primary);border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-light);width:100%;height:100%;position:absolute;top:0;left:0;right:0}.rt-dropdown-box-inside{z-index:2;width:100%;padding-left:2.5rem;padding-right:2.5rem;position:relative}.rt-mega-menu-grid{grid-template-rows:auto;grid-template-columns:1fr .0625rem 1fr .0625rem 1fr}.rt-mega-menu-grid,.rt-menu-col{grid-column-gap:2.5rem;grid-row-gap:2.5rem}.rt-menu-col{align-items:stretch;padding-top:2.5rem;padding-bottom:2.5rem}.rt-link-border{background-color:var(--_colors---border-color--border-primary);width:100%}.rt-menu-box-1{grid-column-gap:1.6rem;grid-row-gap:1.6rem;align-items:stretch}.rt-menu-tags{color:var(--_colors---text-color--text-brand);text-transform:uppercase;font-size:.7rem;font-weight:500;line-height:120%}.rt-menu-links-wrapper{grid-column-gap:.5rem;grid-row-gap:.5rem;align-items:stretch}.rt-menu-link-card{grid-column-gap:0;grid-row-gap:0;color:var(--_colors---secondary-color--secondary-100);flex-flow:column;flex:1;justify-content:flex-start;align-items:flex-start;font-size:.9rem;display:flex}.rt-menu-link-card:hover{opacity:.8}.rt-menu-card{grid-column-gap:.7rem;grid-row-gap:.7rem;border-bottom:.0625rem solid var(--_colors---border-color--border-primary);padding-bottom:.5rem;font-size:.7rem;line-height:140%}.rt-menu-card.rt-border-off{border-bottom-style:none;padding-bottom:0}.rt-menu-cta{grid-column-gap:.6rem;grid-row-gap:.6rem;border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-brand);padding:1.2rem 1.35rem}.nav-index-align{color:#374859bf;margin-top:3px;display:none}.rt-menu-small-text{font-size:.75rem;line-height:140%}.rt-cta-video{justify-content:flex-end;align-items:flex-end;width:100%;height:100%;min-height:28.125rem;display:flex;position:relative}.rt-scroll-v1-new{background-image:linear-gradient(#00000080,#00000080),url(img/6a44e67d35ab9ad70a5aef1d-scroll-v1-background-1-2481ab00c9.webp);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:scroll,fixed}.rt-scroll-v1-new-main{padding-top:var(--_sizes---gap--xxl-gap);padding-bottom:var(--_sizes---gap--xxl-gap);justify-content:center;align-items:flex-end}.rt-ticker-hero-video{z-index:1;align-items:flex-end;width:100%;height:100%}.rt-service-v3-item-right,.rt-ticker-hero-video{justify-content:flex-end;display:flex;position:relative}.rt-service-v3-item-right{border:.0625rem solid #e0e0e0;border-radius:3.125rem;flex:none;align-items:center;width:9.5rem;padding:1.5rem 1.5rem 1.25rem;overflow:hidden}.rt-service-v9-list-items-image-box{z-index:3;border-radius:var(--_sizes---radius--xs-radius);max-width:9rem;position:absolute;inset:0 auto 0 0;overflow:hidden}.rt-service-v9-text-wrap{flex-flow:column-reverse}.rt-service-v9-text-wrap,.rt-view-details{grid-column-gap:.75rem;grid-row-gap:.75rem}.rt-view-details{white-space:nowrap;flex:none;justify-content:flex-start;align-items:center;position:absolute;transform:translate(-.8rem)}.rt-service-top-text{grid-column-gap:var(--_sizes---gap--md-gap);grid-row-gap:var(--_sizes---gap--md-gap)}.rt-contact-grid{grid-column-gap:1.5rem;grid-row-gap:1.5rem}.rt-menu-contact{display:none}@media screen and (min-width:1280px){body{--_sizes---radius--xs-radius:.3125rem;--_sizes---gap--xxl-gap:9.375rem;--_sizes---container--xl-container:120rem;--_sizes---gap--sm-gap:3.125rem;--_sizes---container--container:101.25rem;--_sizes---gap--xl-gap:8.75rem;--_sizes---gap--lg-gap:3.75rem;--_sizes---gap--md-gap:1.5625rem;--_sizes---container--sm-container:71.875rem;--_sizes---container--md-container:91.875rem}.rt-cta-v1-buttons{margin-top:-.25rem}.rt-hyperlink.rt-link-white.rt-navbar-call{color:inherit;display:flex}.rt-h2-heading.rt-text-light.rt-choose-us-heading{font-size:var(--_typography---h2-heading--h2-size)}.rt-choose-us-card-5{background-position:50% 70%,0 0,0 0;padding-top:2.1rem}.rt-card-5-bottom{flex-flow:column;display:flex}.rt-navbar-main{grid-template-columns:auto 1fr auto}.rt-anchor.rt-faq-anchor{display:flex}.rt-team-hero-bottom-list,.rt-team-hero-bottom-list.rt-innerpage-grid{grid-template-columns:1fr 1fr 1fr 1fr}.rt-service-v9-list-items-image-box{max-width:12.5rem}.rt-service-v9-text-wrap{grid-column-gap:1.25rem;grid-row-gap:1.25rem;flex-flow:row}.rt-contact-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (min-width:1440px){body{--_sizes---radius--xs-radius:.3125rem;--_sizes---gap--xxl-gap:9.375rem;--_sizes---container--xl-container:120rem;--_sizes---gap--sm-gap:4.6875rem;--_sizes---container--container:101.25rem;--_sizes---gap--xl-gap:8.75rem;--_sizes---gap--lg-gap:3.75rem;--_sizes---gap--md-gap:1.5625rem;--_sizes---container--sm-container:71.875rem;--_sizes---container--md-container:91.875rem}.rt-choose-us-card-1-text{left:2.5rem}.rt-card-5-bottom{flex-flow:row}.rt-menu{margin-left:6.25rem;margin-right:auto}}@media screen and (min-width:1920px){.rt-stylish-text.rt-footer-text-stylish{right:5%}.rt-marquee-text.rt-opacity-down{font-size:clamp(3rem,10vw,9.375rem)}.rt-menu{margin-left:12.5rem}.rt-anchor.rt-faq-anchor{margin-right:20%}}@media screen and (max-width:991px){body{--_typography---font-family--body-font:Goli, "Times New Roman", sans-serif;--_typography---text--text-size:1rem;--_typography---text--text-line-height:160%;--_typography---text--text-weight:400;--_typography---text--text-letter-spacing:-.01rem;--_typography---font-family--heading-font:"Stack Sans Headline", sans-serif;--_typography---h1-heading--h1-size:2.8125rem;--_typography---h1-heading--h1-line-height:106%;--_typography---h1-heading--h1-weight:400;--_typography---h1-heading--h1-letter-spacing:-.1125rem;--_typography---h2-heading--h2-size:2.1875rem;--_typography---h2-heading--h2-line-height:124%;--_typography---h2-heading--h2-weight:400;--_typography---h2-heading--h2-letter-spacing:-.0875rem;--_typography---h3-heading--h3-size:1.5625rem;--_typography---h3-heading--h3-line-height:130%;--_typography---h3-heading--h3-weight:400;--_typography---h3-heading--h3-letter-spacing:-.0625rem;--_typography---h4-heading--h4-size:1.25rem;--_typography---h4-heading--h4-line-height:133.33%;--_typography---h4-heading--h4-weight:400;--_typography---h4-heading--h4-letter-spcaing:-.0125rem;--_typography---h5-heading--h5-size:1.125rem;--_typography---h5-heading--h5-line-height:150%;--_typography---h5-heading--h5-weight:400;--_typography---h5-heading--h5-letter-spacing:-.0125rem;--_typography---h6-heading--h6-size:1rem;--_typography---h6-heading--h6-line-height:153%;--_typography---h6-heading--h6-weight:400;--_typography---h6-heading--h6-letter-spacing:0rem;--_typography---font-family--stylish-font:Ananias, Rockybilly, Verdana, sans-serif;--_typography---h0-heading--h0-size:7.5rem;--_typography---h0-heading--h0-weight:400;--_typography---h0-heading--h0-line-height:100%;--_typography---h0-heading--h0-letter-spacing:-.375rem;--_sizes---radius--xs-radius:.3125rem;--_sizes---gap--xxl-gap:4.375rem;--_sizes---container--xl-container:120rem;--_sizes---gap--sm-gap:2.1875rem;--_sizes---container--container:101.25rem;--_sizes---gap--xl-gap:3.75rem;--_sizes---gap--lg-gap:2rem;--_sizes---gap--md-gap:1.5625rem;--_sizes---container--sm-container:71.875rem;--_sizes---container--md-container:91.875rem}.rt-container-xl.rt-navbar-container{position:static}.rt-footer-v1-middle{grid-column-gap:1rem;grid-row-gap:1rem;margin-bottom:3.75rem}.rt-embed.rt-service-small-card-icons{width:3rem}.rt-button{grid-column-gap:.525rem;grid-row-gap:.525rem;letter-spacing:.02rem;padding-left:1rem;padding-right:1rem;font-size:.8125rem}.rt-footer-v1-bottom{flex-flow:column-reverse;grid-template-columns:11.75rem;place-items:center;display:flex}.rt-stylish-text.rt-hero-stylish-text{margin-top:-1.1rem;font-size:2rem}.rt-back-to-top{display:none}.rt-cta-v1-right{padding-top:3.75rem;padding-bottom:3.75rem}.rt-faq-v1-main{grid-column-gap:.4rem;grid-row-gap:.4rem}.rt-faq-v1-left{grid-column-gap:5.6rem;grid-row-gap:5.6rem}.rt-faq-card-v1-answer{padding-bottom:0}.rt-work-v1-card{grid-column-gap:1.3rem;grid-row-gap:1.3rem}.rt-service-v1-bottom{grid-column-gap:2rem;grid-row-gap:2rem;align-items:stretch}.rt-service-v1-bottom-right{padding-left:2rem}.rt-video-scroll{height:auto}.rt-video-scroll-sticky{position:static}.rt-video-text-box{grid-template-columns:1fr;height:auto;display:block}.rt-video-box-grid{height:auto}.rt-video-wrapper{width:100%;position:static}.rt-video-v1{aspect-ratio:3/2;height:auto;transform:none}.rt-play-button{width:3rem;height:3rem;transform:scale(1)}.rt-play-button.rt-play-active{width:4rem;height:4rem}.rt-service-v2-tab-conent-box{align-items:stretch}.rt-service-v2-right{grid-column-gap:var(--_sizes---gap--md-gap);grid-row-gap:var(--_sizes---gap--md-gap)}.rt-choose-us-v1-main{grid-column-gap:1rem;grid-row-gap:1rem}.rt-choose-us-card-v1{grid-column-gap:2rem;grid-row-gap:2rem;padding-top:3rem;padding-bottom:3rem}.rt-image-box-1{max-width:13.125rem}.rt-image-box-2{max-width:8.75rem}.rt-hero-v1-main{min-height:100vh;padding-top:16.4rem;padding-bottom:2.4rem}.rt-absolute-image-1-overlay{background-image:radial-gradient(ellipse 400% 130% at bottom left,rgba(0,0,0,.72) 0%,rgba(0,0,0,.52) 30%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.12) 70%,transparent 90%)}.rt-navbar-main{background-color:inherit;justify-content:space-between;align-items:center;display:flex}.rt-menu{width:100%;padding:.9375rem var(--_sizes---gap--sm-gap);border:1px solid var(--_colors---border-color--border-primary);border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-light);flex-flow:column;justify-content:flex-start;align-items:flex-start;position:absolute;inset:calc(100% + .5rem) 0 auto;box-shadow:0 .625rem 3.125rem #00000026}.rt-menu-link{color:var(--_colors---text-color--text-primary);text-align:left;padding-top:.8rem;padding-bottom:.8rem;display:block}.rt-anchor-wrapper,.rt-navbar-buttons{display:none}.rt-menu-button{padding:1.125rem 0}.rt-menu-button{display:flex;align-items:center;grid-column-gap:.5rem;grid-row-gap:.5rem;cursor:pointer;color:var(--_colors---text-color--text-primary);transition:color .25s ease}.rt-menu-button:hover{color:#af3e8f}.rt-menu-button-label{font-size:.9375rem}.rt-menu-button.w--open{color:inherit;background-color:#0000}.rt-menu-bars{background-color:inherit;display:flex}.rt-bar{background-color:currentColor}.rt-cms-grid-4x{grid-column-gap:1.25rem;grid-row-gap:2.5rem;grid-template-columns:1fr 1fr}.rt-blog-card-height:nth-child(2n){height:100%}.rt-team-hero-bottom-list{grid-template-columns:1fr 1fr}.rt-projects-list{grid-row-gap:2.2rem}.rt-dropdown{flex-flow:column;display:flex}.rt-dropdown-toggle{color:var(--_colors---text-color--text-primary);justify-content:space-between;align-self:stretch;align-items:center;margin:0;padding-top:.8rem;padding-bottom:.8rem}.rt-dropdown-list{padding-left:1rem;padding-right:1rem;position:static}.rt-dropdown-list-bg{display:none}.rt-dropdown-box-inside{padding-left:0;padding-right:0}.rt-mega-menu-grid{grid-column-gap:0;grid-row-gap:0;grid-template-columns:1fr}.rt-menu-col{grid-column-gap:2rem;grid-row-gap:2rem;flex-flow:row;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;padding-top:1rem;padding-bottom:1rem;display:grid}.rt-link-border{display:none}.rt-menu-box-1{grid-column-gap:1.3rem;grid-row-gap:1.3rem}.rt-menu-links-wrapper{grid-column-gap:.1rem;grid-row-gap:.1rem}.rt-menu-card{border-bottom-style:none}.nav-index-align,.rt-menu-cta,.rt-menu-small-text{display:none}.rt-cta-video{min-height:auto}.rt-service-v9-list-items-image-box{display:none}.rt-menu-contact{grid-column-gap:.625rem;grid-row-gap:.625rem;border-top:1px solid var(--_colors---border-color--border-primary);color:var(--_colors---text-color--text-primary);margin-top:1rem;padding-top:1.25rem;padding-bottom:1rem;display:flex}.rt-menu-contact-options{grid-column-gap:.3125rem;grid-row-gap:.3125rem;justify-content:flex-start;align-items:center}.rt-menu-contact-options.rt-option-gap-increase{padding-bottom:10px}}@media screen and (max-width:767px){body{--_typography---font-family--body-font:Goli, "Times New Roman", sans-serif;--_typography---text--text-size:1rem;--_typography---text--text-line-height:160%;--_typography---text--text-weight:400;--_typography---text--text-letter-spacing:-.01rem;--_typography---font-family--heading-font:"Stack Sans Headline", sans-serif;--_typography---h1-heading--h1-size:2.8125rem;--_typography---h1-heading--h1-line-height:106%;--_typography---h1-heading--h1-weight:400;--_typography---h1-heading--h1-letter-spacing:-.1125rem;--_typography---h2-heading--h2-size:2.1875rem;--_typography---h2-heading--h2-line-height:124%;--_typography---h2-heading--h2-weight:400;--_typography---h2-heading--h2-letter-spacing:-.0875rem;--_typography---h3-heading--h3-size:1.5625rem;--_typography---h3-heading--h3-line-height:130%;--_typography---h3-heading--h3-weight:400;--_typography---h3-heading--h3-letter-spacing:-.0875rem;--_typography---h4-heading--h4-size:1.25rem;--_typography---h4-heading--h4-line-height:133.33%;--_typography---h4-heading--h4-weight:400;--_typography---h4-heading--h4-letter-spcaing:-.0125rem;--_typography---h5-heading--h5-size:1.125rem;--_typography---h5-heading--h5-line-height:150%;--_typography---h5-heading--h5-weight:400;--_typography---h5-heading--h5-letter-spacing:-.0125rem;--_typography---h6-heading--h6-size:1rem;--_typography---h6-heading--h6-line-height:153%;--_typography---h6-heading--h6-weight:400;--_typography---h6-heading--h6-letter-spacing:0rem;--_typography---font-family--stylish-font:Ananias, Rockybilly, Verdana, sans-serif;--_typography---h0-heading--h0-size:7.5rem;--_typography---h0-heading--h0-weight:400;--_typography---h0-heading--h0-line-height:100%;--_typography---h0-heading--h0-letter-spacing:-.375rem;--_sizes---radius--xs-radius:.3125rem;--_sizes---gap--xxl-gap:4.375rem;--_sizes---container--xl-container:120rem;--_sizes---gap--sm-gap:1.25rem;--_sizes---container--container:101.25rem;--_sizes---gap--xl-gap:3.75rem;--_sizes---gap--lg-gap:2rem;--_sizes---gap--md-gap:1.1rem;--_sizes---container--sm-container:71.875rem;--_sizes---container--md-container:91.875rem}.rt-footer-v1-middle{grid-column-gap:1.875rem;grid-row-gap:1.875rem;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.rt-footer-v1-col-2,.rt-footer-v1-col-3{max-width:none}.rt-main-v1-top{grid-column-gap:1.2rem;grid-row-gap:1.2rem;text-align:center;flex-flow:column;justify-content:flex-start;align-items:center}.rt-main-v1-text-wrap{justify-content:center;align-items:center}.rt-cta-v1-main{grid-template-columns:1fr}.rt-cta-v1-right{padding-left:.9375rem;padding-right:.9375rem}.rt-cta-v1-buttons{min-width:16.0625rem;margin-top:0}.rt-cta-v1-buttons-box{justify-content:flex-start;align-items:center}.rt-cta-v1-right-inside{text-align:center;flex-flow:wrap;justify-content:center;align-items:center}.rt-faq-v1-main{grid-column-gap:2.5rem;grid-row-gap:2.5rem;flex-flow:column;justify-content:space-between;align-items:center}.rt-faq-v1-left{grid-column-gap:1.6rem;grid-row-gap:1.6rem;text-align:center;position:static}.rt-faq-v1-bottom,.rt-faq-v1-left{justify-content:flex-start;align-items:center;max-width:none}.rt-work-v1-card{grid-column-gap:1.5rem;grid-row-gap:1.5rem}.rt-service-v1-bottom{grid-column-gap:2rem;grid-row-gap:2rem;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));grid-auto-columns:1fr;display:grid}.rt-service-v1-bottom-right{grid-column-gap:1.7rem;grid-row-gap:1.7rem;border-left-style:none;max-width:none;padding-left:0}.rt-service-progress-bar{height:2.1rem}.rt-main-v2-text{grid-column-gap:1.1rem;grid-row-gap:1.1rem}.rt-main-v2-text.rt-responsive-gutter{padding-right:var(--_sizes---gap--sm-gap);padding-left:var(--_sizes---gap--sm-gap)}.rt-main-v2-top{grid-column-gap:1.1rem;grid-row-gap:1.1rem;text-align:center;justify-content:center;align-items:center}.rt-service-v2-tab-conent-box{grid-column-gap:var(--_sizes---gap--lg-gap);grid-row-gap:var(--_sizes---gap--lg-gap);grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));grid-auto-columns:1fr;display:grid}.rt-choose-us-v1{justify-content:flex-start;align-items:center}.rt-choose-us-v1-main{grid-column-gap:0;grid-row-gap:0;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.rt-choose-us-card-v1{padding:2rem 2rem 1.375rem}.rt-choose-us-card-v1.rt-box-1{border-bottom:1px solid var(--_colors---border-color--border-primary);padding-left:0}.rt-choose-us-card-v1.rt-box-1.rt-padding-off{padding-top:2rem;padding-bottom:1.375rem}.rt-choose-us-card-v1.rt-box-3{padding-left:0}.rt-choose-us-card-v1.rt-box-3.rt-padding-off{padding-top:2rem;padding-bottom:1.375rem}.rt-choose-us-card-v1.rt-box-4{border-left:1px solid var(--_colors---border-color--border-primary)}.rt-choose-us-card-v1.rt-box-4.rt-padding-off{padding-top:2rem;padding-bottom:1.375rem}.rt-choose-us-card-v1.rt-box-2{border-bottom:1px solid var(--_colors---border-color--border-primary);border-left:1px solid var(--_colors---border-color--border-primary)}.rt-choose-us-card-v1.rt-box-2.rt-padding-off{padding-top:2rem;padding-bottom:1.375rem}.rt-choose-us-border{display:none}.rt-choose-us-card-2-text{padding-bottom:1rem;padding-left:1rem}.rt-choose-us-card-5{background-image:url(img/6a44e67d35ab9ad70a5aef3f-cad-bg-line-orange-9b6c0b892f.svg),linear-gradient(#ffe9e4,#fff);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover,auto;padding-left:1rem;padding-right:1rem}.rt-image-box-1{max-width:12rem}.rt-image-box-2{max-width:9.2rem}.rt-hero-v1-main{min-height:auto}.rt-navbar-brand{padding-left:0}.rt-menu-link{padding-bottom:.6rem}.rt-menu-button{padding-top:1.4rem;padding-bottom:1.4rem}.rt-cms-grid-4x{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.rt-projects-list{grid-row-gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.rt-dropdown-toggle{padding-bottom:.6rem}.rt-cta-video{aspect-ratio:16/9}.rt-contact-grid{flex-flow:wrap;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media screen and (max-width:479px){body{--_typography---font-family--body-font:Goli, "Times New Roman", sans-serif;--_typography---text--text-size:1rem;--_typography---text--text-line-height:160%;--_typography---text--text-weight:400;--_typography---text--text-letter-spacing:-.01rem;--_typography---font-family--heading-font:"Stack Sans Headline", sans-serif;--_typography---h1-heading--h1-size:2rem;--_typography---h1-heading--h1-line-height:106%;--_typography---h1-heading--h1-weight:400;--_typography---h1-heading--h1-letter-spacing:-.08rem;--_typography---h2-heading--h2-size:1.5625rem;--_typography---h2-heading--h2-line-height:124%;--_typography---h2-heading--h2-weight:400;--_typography---h2-heading--h2-letter-spacing:-.0625rem;--_typography---h3-heading--h3-size:1.25rem;--_typography---h3-heading--h3-line-height:130%;--_typography---h3-heading--h3-weight:400;--_typography---h3-heading--h3-letter-spacing:-.0125rem;--_typography---h4-heading--h4-size:1.125rem;--_typography---h4-heading--h4-line-height:133.33%;--_typography---h4-heading--h4-weight:400;--_typography---h4-heading--h4-letter-spcaing:-.045rem;--_typography---h5-heading--h5-size:1.0625rem;--_typography---h5-heading--h5-line-height:150%;--_typography---h5-heading--h5-weight:400;--_typography---h5-heading--h5-letter-spacing:0rem;--_typography---h6-heading--h6-size:1rem;--_typography---h6-heading--h6-line-height:153%;--_typography---h6-heading--h6-weight:400;--_typography---h6-heading--h6-letter-spacing:0rem;--_typography---font-family--stylish-font:Ananias, Rockybilly, Verdana, sans-serif;--_typography---h0-heading--h0-size:7.5rem;--_typography---h0-heading--h0-weight:400;--_typography---h0-heading--h0-line-height:100%;--_typography---h0-heading--h0-letter-spacing:-.375rem;--_sizes---radius--xs-radius:.3125rem;--_sizes---gap--xxl-gap:4.375rem;--_sizes---container--xl-container:120rem;--_sizes---gap--sm-gap:1.25rem;--_sizes---container--container:101.25rem;--_sizes---gap--xl-gap:3.75rem;--_sizes---gap--lg-gap:2rem;--_sizes---gap--md-gap:1.1rem;--_sizes---container--sm-container:71.875rem;--_sizes---container--md-container:91.875rem}.rt-embed.rt-marquee-icon{width:54px}.rt-stylish-text.rt-footer-text-stylish{font-size:.6rem}.rt-stylish-text.rt-hero-stylish-text{font-size:1.7rem}.rt-cta-v1-right{padding-top:var(--_sizes---gap--xl-gap);padding-bottom:var(--_sizes---gap--xl-gap)}.rt-cta-v1-buttons{min-width:auto}.rt-cta-v1-right-inside{flex-flow:column}.rt-scroll-contact-box{padding-left:2rem;padding-right:2rem}.rt-service-v1-bottom-right{grid-column-gap:1rem;grid-row-gap:1rem}.rt-service-v1-list{grid-column-gap:.5rem;grid-row-gap:.5rem}.rt-marquee-v1:where(.k-variant-305828b8-df58-d984-59d9-bcca6248b3cd){padding-top:var(--_sizes---gap--lg-gap)}.rt-marquee-v1-train{grid-column-gap:1rem;grid-row-gap:1rem;padding-right:1rem}.rt-video-box-grid{grid-template-columns:1fr;display:none}.rt-video-v1{justify-content:flex-end;align-items:flex-end}.rt-service-list-items{grid-column-gap:.8rem;grid-row-gap:.8rem}.rt-choose-us-v1-main{grid-template-columns:1fr 1fr}.rt-choose-us-card-v1{grid-column-gap:1rem;grid-row-gap:1rem;padding-right:1rem}.rt-choose-us-card-v1.rt-box-3{border-bottom:1px solid var(--_colors---border-color--border-primary)}.rt-choose-us-card-v1.rt-box-4{border-bottom:1px solid var(--_colors---border-color--border-primary)}.rt-choose-us-card-v1.rt-box-2,.rt-choose-us-card-v1.rt-box-4{border-left-style:none;padding-left:0}.rt-choose-us-card-text{grid-column-gap:.7rem;grid-row-gap:.7rem}.rt-choose-us-wrapper{padding:0}.rt-choose-us-video-text{grid-column-gap:.7rem;grid-row-gap:.7rem}.rt-hero-v1-content{grid-column-gap:2.7rem;grid-row-gap:2.7rem;flex-flow:column}.rt-hero-v1-left{grid-column-gap:1.1rem;grid-row-gap:1.1rem}.rt-hero-v1-bg-video{aspect-ratio:2.39}.rt-absolute-image-1-overlay{background-image:radial-gradient(ellipse 400% 130% at bottom left,rgba(0,0,0,.72) 0%,rgba(0,0,0,.52) 30%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.12) 70%,transparent 90%)}.rt-inline-block{display:inline-block}.rt-team-hero-bottom-list,.rt-team-hero-bottom-list.rt-innerpage-grid{grid-template-columns:1fr}.rt-responsive-slider{border-radius:var(--_sizes---radius--xs-radius);margin-bottom:-6.7rem;display:block;box-shadow:0 .25rem 3.125rem #cfcaca66}.rt-responsive-slider.rt-slider-gap-off{margin-bottom:0}.rt-menu-col{grid-column-gap:2rem;grid-row-gap:2rem;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.rt-menu-box-1{grid-column-gap:1rem;grid-row-gap:1rem}.rt-service-v3-item-right{grid-column-gap:.75rem;grid-row-gap:.75rem;width:auto;padding-top:1rem;padding-bottom:1rem}.rt-service-v9-text-wrap{grid-column-gap:.25rem;grid-row-gap:.25rem;justify-content:center;align-items:center}.rt-view-details{position:static;transform:none}.rt-contact-grid{flex-flow:column;display:flex}}#w-node-_135834da-20f1-31c7-2816-7ac97fdd897e-0a5aeed1{grid-template-rows:auto auto;grid-template-columns:.9fr 1.1fr .9fr 1.1fr}#w-node-_0194697a-a7cd-bfc3-fd02-dce132121946-0a5aeed1,#w-node-da8a30f3-4656-d939-fc49-d6b2f5a99f2a-0a5aeed1{grid-column:span 2/span 2}#w-node-_54920372-b386-5ecc-e89a-ab45f3057bae-0a5aeed1{grid-area:1/2/2/3}#w-node-f1156bed-2605-4321-4b30-89047dd47938-7dd478da{place-self:end center}#w-node-a6f87a01-1631-68fb-a52c-3bb6e57940f2-e57940ef{place-self:center start}#w-node-a6f87a01-1631-68fb-a52c-3bb6e57940f4-e57940ef{place-self:center}#w-node-a6f87a01-1631-68fb-a52c-3bb6e5794147-e57940ef{place-self:center end}@media screen and (min-width:1920px){#w-node-_135834da-20f1-31c7-2816-7ac97fdd897e-0a5aeed1{grid-template-rows:auto auto;grid-template-columns:1fr 1.1fr 1fr 1.1fr}}@media screen and (min-width:1280px){#w-node-f1156bed-2605-4321-4b30-89047dd47938-7dd478da{justify-self:end}}@media screen and (max-width:991px){#w-node-_135834da-20f1-31c7-2816-7ac97fdd897e-0a5aeed1{grid-template-rows:auto auto;grid-template-columns:.9fr 1.1fr}#w-node-_0194697a-a7cd-bfc3-fd02-dce132121946-0a5aeed1,#w-node-da8a30f3-4656-d939-fc49-d6b2f5a99f2a-0a5aeed1{grid-column:span 2/span 2}}@media screen and (max-width:767px){#w-node-f1156bed-2605-4321-4b30-89047dd47902-7dd478da,#w-node-f1156bed-2605-4321-4b30-89047dd47919-7dd478da{order:9999}}@media screen and (max-width:479px){#w-node-_135834da-20f1-31c7-2816-7ac97fdd897e-0a5aeed1{grid-template-rows:auto auto;grid-template-columns:1fr}#w-node-_0194697a-a7cd-bfc3-fd02-dce132121946-0a5aeed1,#w-node-da8a30f3-4656-d939-fc49-d6b2f5a99f2a-0a5aeed1{grid-column:span 1/span 1}#w-node-f1156bed-2605-4321-4b30-89047dd478e8-7dd478da{grid-area:span 1/span 2/span 1/span 2}#w-node-f1156bed-2605-4321-4b30-89047dd47927-7dd478da{order:9999;grid-area:span 1/span 2/span 1/span 2}}.k-slider-force-show{display:block!important}@media screen and (max-width:991px){.k-nav-menu{display:none}.k-nav-button{display:block}.rt-navbar-container{position:static}.rt-navbar-main{min-height:85.59375px}.rt-navbar-main{background-color:inherit;justify-content:flex-start;align-items:center;display:flex}.rt-menu{width:100%;padding:.9375rem var(--_sizes---gap--sm-gap);border:1px solid var(--_colors---border-color--border-primary);border-radius:var(--_sizes---radius--xs-radius);background-color:var(--_colors---background-color--bg-light);flex-flow:column;justify-content:flex-start;align-items:flex-start;position:absolute;inset:calc(100% + .5rem) 0 auto;box-shadow:0 .625rem 3.125rem #00000026}.rt-menu-link{color:var(--_colors---text-color--text-primary);text-align:left;padding-top:.8rem;padding-bottom:.8rem;display:block}.rt-navbar-buttons{display:flex;order:1;margin-left:auto}.rt-menu-button-label{font-size:.9375rem}.rt-menu-button{order:2;margin-left:1.25rem;padding:1.125rem 0;display:flex;align-items:center;grid-column-gap:.5rem;grid-row-gap:.5rem;cursor:pointer;color:var(--_colors---text-color--text-primary);transition:color .25s ease}.rt-menu-button.w--open{color:inherit;background-color:#0000}.rt-menu-bars{background-color:inherit;display:flex}.rt-bar{background-color:currentColor}.rt-dropdown{flex-flow:column;display:flex}.rt-dropdown-toggle{color:var(--_colors---text-color--text-primary);justify-content:space-between;align-self:stretch;align-items:center;margin:0;padding-top:.8rem;padding-bottom:.8rem}.rt-dropdown-list{padding-left:1rem;padding-right:1rem;position:static}.rt-dropdown-list-bg{display:none}.rt-dropdown-box-inside{padding-left:0;padding-right:0}.rt-menu-col{grid-column-gap:2rem;grid-row-gap:2rem;flex-flow:row;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;padding-top:1rem;padding-bottom:1rem;display:grid}.rt-menu-box-1{grid-column-gap:1.3rem;grid-row-gap:1.3rem}.rt-menu-links-wrapper{grid-column-gap:.1rem;grid-row-gap:.1rem}.rt-menu-card{border-bottom-style:none}.rt-menu-small-text{display:none}.rt-menu-contact{grid-column-gap:.625rem;grid-row-gap:.625rem;border-top:1px solid var(--_colors---border-color--border-primary);color:var(--_colors---text-color--text-primary);margin-top:1rem;padding-top:1.25rem;padding-bottom:1rem;display:flex}.rt-menu-contact-options{grid-column-gap:.3125rem;grid-row-gap:.3125rem;justify-content:flex-start;align-items:center}.rt-menu-contact-options.rt-option-gap-increase{padding-bottom:10px}}
/* --- Topbar (kein Original in dist/index.html, siehe src/components/TopBar.astro) ---
Eigenstaendiger Block, keine geliehenen rt-container-xl/k-container/rt-navbar-container-
Klassen mehr - jeder Wert hier ist explizit gesetzt, nichts wird von einer fremden Regel
mitgezogen. Breite/Einzug bewusst auf denselben Wert wie die Navbar gelegt (101.25rem
Container, 4.6875rem Innenabstand), damit Logo/CTA und Topbar-Inhalt exakt fluchten.
.rt-navbar bleibt UNVERAENDERT position:fixed (Original-Verhalten) - app.js Zeile 230
animiert yPercent:-100 auf genau dieses Element fuer den Smart-Sticky-Effekt (verschwindet
komplett beim Runterscrollen). Waere die Navbar position:relative, wuerde sie sich nur
innerhalb ihres Elternelements verschieben statt aus dem Viewport - deshalb hier NICHT
anfassen, nur einen top-Versatz in Hoehe der Topbar ergaenzen, das yPercent bleibt davon
unberuehrt (Transform wirkt unabhaengig vom top-Wert). Topbar ist ein eigenstaendiges
fixed-Element, kein gemeinsamer Wrapper mit der Navbar mehr. */
.rt-navbar{top:2.5rem}
.k-topbar{position:fixed;z-index:1000;top:0;left:0;right:0;background:#f7f6f4;border-bottom:1px solid #1629350f}
.k-topbar-inner{
max-width:var(--_sizes---container--container);
width:100%;
margin-inline:auto;
padding-inline:var(--_sizes---gap--sm-gap);
min-height:2.5rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:1.5rem;
font-size:.8125rem;
color:#162935;
}
.k-topbar-info{display:flex;align-items:center;gap:1.875rem;margin:0;padding:0;list-style:none}
.k-topbar-info li{display:flex;align-items:center;gap:.5rem}
.k-topbar-info a,.k-topbar-info a:visited{display:flex;align-items:center;gap:.5rem;color:#162935;text-decoration:none;transition:color .2s ease;box-shadow:none;filter:none}
.k-topbar-info a:hover{color:#8dc63f}
.k-topbar-info svg{width:1rem;height:1rem;flex:0 0 auto;box-shadow:none;filter:drop-shadow(0 1px 0 rgba(22,41,53,.35));overflow:visible}
.k-topbar-info svg path,.k-topbar-info svg circle,.k-topbar-info svg rect{fill:none;stroke:#af3e8f;transition:stroke .2s ease}
.k-topbar-info a:hover svg path,.k-topbar-info a:hover svg circle,.k-topbar-info a:hover svg rect{stroke:#8dc63f}
.k-topbar-social{display:flex;align-items:center;gap:1rem;margin:0 0 0 auto;padding:0;list-style:none}
.k-topbar-social a,.k-topbar-social a:visited{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;color:#8dc63f;transition:opacity .2s ease;box-shadow:none;filter:none}
.k-topbar-social a:hover{opacity:.7}
.k-topbar-social svg{width:1.125rem;height:1.125rem;box-shadow:none;filter:drop-shadow(0 1px 0 rgba(22,41,53,.35))}
.k-topbar-info span{font-size:.8125rem;line-height:1.2}
@media screen and (max-width:991px){
.k-topbar-inner{min-height:2.25rem}
/* Reihenfolge seit 26.08. nur noch Telefon, Mail (Adresse entfernt) -
mobil bleibt weiterhin nur die Rufnummer (jetzt Punkt 1) sichtbar. */
.k-topbar-info li:not(:nth-child(1)),.k-topbar-social{display:none}
}
/* Header-CTA-Button ("Termin vereinbaren"): Ruhe/Hover getauscht, nur im Header -
dieselbe Variant-Klasse steckt auch in UeberUns/Kontaktzeiten/Cta, die bleiben grün/magenta wie bisher. */
.rt-navbar .rt-button.k-variant-926d93cf-5003-2507-6863-c4e4239afbce{background-color:#af3e8f}
.rt-navbar .rt-button-bg.k-variant-926d93cf-5003-2507-6863-c4e4239afbce{background-color:#8dc63f}
/* Bug im Original-Template (nicht durch die Topbar verursacht): .rt-dropdown-single .rt-dropdown-list
setzt global (ohne @media) position:absolute - das ueberschreibt bei jeder Bildschirmbreite die
schwaechere, einfach-klassige .rt-dropdown-list{position:static}-Regel aus der Mobil-Media-Query,
weil Zwei-Klassen-Selektor immer gegen Ein-Klassen-Selektor gewinnt, unabhaengig von @media. Folge:
aufgeklappte Untermenues im mobilen Menue ueberlagern die nachfolgenden Menuepunkte statt sie
herunterzuschieben. Der echte Kollaps-Breakpoint dieser Navbar ist 1366px (siehe
.k-nav-button{display:block} bei max-width:1366px), nicht 991px - die Original-CSS wechselt
dort schon auf Hamburger/Mobilmenue. Fix deshalb bei 1366px, nicht 991px. */
@media screen and (max-width:991px){
.rt-dropdown-single .rt-dropdown-list{position:static;top:auto;left:auto;right:auto}
}
@media screen and (max-width:991px){
.rt-navbar-buttons .rt-button{display:none}
/* Fehler 1: Topbar ist mobil nur 2.25rem hoch (.k-topbar-inner min-height weiter oben),
.rt-navbar{top:2.5rem} war aber ueberall gleich - 0.25rem Luecke zeigte das Hero-Bild
dahinter durch (der graue/olivfarbene Streifen im Screenshot). */
.rt-navbar{top:2.25rem}
}
/* Fehler 2: das eingebettete webflow-icons-Font (Base64-Data-URI, @font-face weiter oben
in dieser Datei) ist valide (TTF-Header/cmap gegengeprueft), wird vom Browser aber nicht
automatisch geladen, bevor .k-icon-dropdown-toggle:before es braucht - Ergebnis ist der
Fallback-Font-Wirrwarr im Screenshot statt des Pfeils. Statt dem Font-Timing hinterher-
zujagen: eigenstaendiger CSS-Pfeil per SVG-Background, keine Font-Abhaengigkeit mehr fuer
dieses eine Icon. Nur .k-icon-dropdown-toggle betroffen, .k-icon-slider-* bleiben unberuehrt. */
.k-icon-dropdown-toggle:before{content:none}
.k-icon-dropdown-toggle{
background-image:url('data:image/svg+xml;utf8,');
background-repeat:no-repeat;
background-position:center;
background-size:.75em .5em;
}
/* Malbrueder: Google-Rezensionen als Overlay - gleiche Gestaltung wie die Team-Kachel */
.mb-rezension-halter{position:relative;overflow:hidden}
.mb-rezension{
position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem;
display:flex;flex-direction:column;gap:.75rem;
padding:1.5rem;border-radius:var(--_sizes---radius--xs-radius,.5rem);
background:#fff;
text-decoration:none;color:inherit;max-width:24rem;
box-shadow:0 6px 28px rgba(0,0,0,.14);
font-family:var(--_typography---font-family--text-font,Goli),Goli,sans-serif;
transition:transform .25s ease,box-shadow .25s ease;
}
.mb-rezension:hover{transform:translateY(-3px);box-shadow:0 10px 34px rgba(0,0,0,.2)}
.mb-rezension__sterne{line-height:0}
.mb-rezension__sterne svg{width:75px;height:auto}
.mb-rezension__text{
margin:0;font-family:inherit;font-size:12px;font-weight:400;
line-height:18.48px;color:rgb(31,34,36);
}
.mb-rezension__name{
margin:0;font-family:inherit;font-size:14px;font-weight:500;
line-height:20.16px;color:rgb(22,41,53);
}
.mb-rezension__link{
font-family:inherit;font-size:12px;font-weight:400;color:#af3e8f;
display:inline-flex;align-items:center;gap:.3rem;
}
.mb-rezension__link::after{
/* Hier stand content:"\2192" (Pfeil), das Escape wurde beim Schreiben zu einem
Steuerzeichen + sichtbarem "92" zerlegt. Statt Font-Glyph jetzt ein eigenstaendiger
SVG-Pfeil wie beim Dropdown-Chevron weiter oben - keine Font-Abhaengigkeit.
Gruen (#8dc63f) wie das Malbrueder-Logo. */
content:"";
width:.95em;height:.95em;flex:none;
background-image:url('data:image/svg+xml;utf8,');
background-repeat:no-repeat;background-position:center;background-size:contain;
transition:transform .2s ease;
}
.mb-rezension:hover .mb-rezension__link::after{transform:translateX(3px)}
.mb-rezension__link--hell{
font-family:var(--_typography---font-family--text-font,Goli),Goli,sans-serif;
font-size:12px;font-weight:400;color:#af3e8f;margin-top:.35rem;
display:inline-flex;align-items:center;gap:.3rem;
}
@media (max-width:767px){
.mb-rezension{left:1rem;right:1rem;bottom:1rem;padding:1.15rem}
}
/* Malbrueder: Karte 5 (vorher "Gewachsene Handwerksfamilie"-Spruch) - Kundenwunsch
26.08.: oberer Bereich zeigt 2 Google-Rezensionen als eigenstaendige Boxen statt
Marketingtext, gleiche Textbausteine wie .mb-rezension oben, aber nicht absolut
positioniert (kein Foto darunter) und in Markenfarbe statt Weiss. Die schwarze
Box nutzt dieselbe Hintergrundfarbe wie die bestehende "seit 1982"-Leiste
darunter (--_colors---background-color--bg-primary), fuer Konsistenz. */
.mb-rezension-box{
display:flex;flex-direction:column;gap:.6rem;width:100%;
padding:1.25rem 1.5rem;border-radius:var(--_sizes---radius--xs-radius,.5rem);
text-decoration:none;
font-family:var(--_typography---font-family--text-font,Goli),Goli,sans-serif;
transition:transform .25s ease;
}
.mb-rezension-box:hover{transform:translateY(-3px)}
.mb-rezension-box .mb-rezension__sterne{line-height:0}
.mb-rezension-box .mb-rezension__sterne svg{width:4.375rem;height:auto}
.mb-rezension-box .mb-rezension__text{margin:0;font-family:inherit;font-size:12px;font-weight:400;line-height:18.48px}
.mb-rezension-box .mb-rezension__name{margin:0;font-family:inherit;font-size:14px;font-weight:500;line-height:20.16px}
.mb-rezension-box .mb-rezension__link{font-family:inherit;font-size:12px;font-weight:400;display:inline-flex;align-items:center;gap:.3rem}
.mb-rezension-box .mb-rezension__link::after{content:"";width:.95em;height:.95em;flex:none;background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .2s ease}
.mb-rezension-box:hover .mb-rezension__link::after{transform:translateX(3px)}
.mb-rezension-box--gruen{background:#8dc63f}
.mb-rezension-box--gruen .mb-rezension__text,
.mb-rezension-box--gruen .mb-rezension__name,
.mb-rezension-box--gruen .mb-rezension__link{color:var(--_colors---text-color--text-primary)}
.mb-rezension-box--gruen .mb-rezension__link::after{background-image:url('data:image/svg+xml;utf8,')}
.mb-rezension-box--schwarz{background:var(--_colors---background-color--bg-primary)}
.mb-rezension-box--schwarz .mb-rezension__text,
.mb-rezension-box--schwarz .mb-rezension__name,
.mb-rezension-box--schwarz .mb-rezension__link{color:var(--_colors---text-color--text-light)}
.mb-rezension-box--schwarz .mb-rezension__link::after{background-image:url('data:image/svg+xml;utf8,')}
.rt-card-5-top{max-width:none;width:100%;gap:.875rem}
/* Magenta gehoert auf die untere "seit 1982"-Leiste, nicht auf die Rezensions-Box
(Kundenwunsch 26.08., nach Korrektur) - Text ist dort schon text-light/weiss. */
.rt-card-5-bottom{background-color:#af3e8f}
/* "Frei stehen" (Kundenwunsch 26.08.): kein gemeinsamer rosa Kartenrahmen mehr um
die Rezensions-Boxen - Dekor-Hintergrund/Globus-Grafik und Padding der Original-
Karte 5 entfernt, jede Box geht wie bei Karte 1/3/4/6 direkt bis zum Zellenrand. */
.rt-choose-us-card-5{background-image:none;padding:0}
/* Malbrueder: Abstand zwischen Hero und Versprechen-Sektion */
.mb-anschluss-hero{padding-top:7.5rem}
@media (max-width:991px){.mb-anschluss-hero{padding-top:5rem}}
@media (max-width:767px){.mb-anschluss-hero{padding-top:3.5rem}}
/* Malbrueder: farbige Teile der Ueberschriften in der Handschrift des Heros */
h1 .rt-text-brand,
h2 .rt-text-brand,
h3 .rt-text-brand,
h4 .rt-text-brand,
.rt-h2-heading .rt-text-brand,
.rt-h3-heading .rt-text-brand,
.rt-h4-heading .rt-text-brand{
font-family:var(--_typography---font-family--stylish-font);
font-weight:400;
letter-spacing:.01em;
}
/* Malbrueder: Eyebrow ueberall wie im Hero - Quadrat + Text, kein Streifenbild */
.mb-eyebrow{background-image:none!important;padding:0!important;text-shadow:none}
.mb-eyebrow{color:var(--_colors---text-color--text-primary)}
.mb-eyebrow__quadrat{background-color:#af3e8f!important}
.rt-bg-dark .mb-eyebrow,.rt-text-light .mb-eyebrow,
[class*="dark"] .mb-eyebrow{color:var(--_colors---text-color--text-light)}
/* Eyebrow als H2: Ueberschriften-Standardabstaende neutralisieren */
.mb-eyebrow--h2{margin:0;font-size:.75rem;font-weight:600;line-height:100%}
/* Malbrueder: Titel der Team-Kachel - gruen, unten, lesbar auf hellem Foto */
.rt-choose-us-card-1-text{top:auto!important;bottom:2.25rem!important;right:1.5rem!important;left:1.5rem!important}
.mb-kachel-titel{
margin:0;color:var(--_colors---text-color--text-primary);
font-family:var(--_typography---font-family--heading-font);
font-weight:600;
letter-spacing:0;
font-size:1.35rem;
line-height:1.25;
hyphens:auto;
overflow-wrap:break-word;
}
@media (max-width:991px){.mb-kachel-titel{font-size:1.2rem}}
@media (max-width:767px){.mb-kachel-titel{font-size:1.1rem}}
/* Auf Wunsch einfarbig anthrazit statt gruen/magenta - siehe .mb-kachel-titel oben. */
.mb-kachel-titel .rt-blend{
mix-blend-mode:normal;
color:inherit;
text-decoration:none;
}
@media (max-width:767px){.rt-choose-us-card-1-text{bottom:1.25rem!important}}
/* Malbrueder: Bild der Team-Kachel unten abdunkeln, damit der Titel traegt */
.rt-choose-us-card-1::after{
content:"";position:absolute;left:0;right:0;bottom:0;height:55%;
background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.48) 100%);
pointer-events:none;z-index:1;
}
.rt-choose-us-card-1-text{z-index:2}
/* Malbrueder: Karte 4 - Rezensions-Overlay entfernt (verdeckte das Foto), stattdessen
ein kurzer Spruch direkt auf dem Foto. Ohne Text-shadow (Kundenwunsch 26.08.),
stattdessen ein Abdunkel-Verlauf im Fotobereich hinter dem Text (naechste Regel),
analog zur Team-Kachel oben - der Text lag auf zu hellem Bildbereich.
Struktur seit 26.08.: "Malerarbeiten" eigenes h2 (gruen/Handschrift via
rt-text-brand, siehe Daten), Rest als normaler Absatz darunter - beide teilen
sich .rt-h4-heading fuer die Groesse, hier nur Abstand/Breite des Blocks. */
.mb-card4-spruch{
display:flex;flex-direction:column;gap:.35rem;
margin:0;max-width:20rem;
}
.mb-card4-spruch h2,.mb-card4-spruch p{margin:0}
@media (max-width:767px){.mb-card4-spruch{max-width:none}}
/* Quer/diagonal wie der Hero-Overlay (.rt-absolute-image-1-overlay) statt gerader
Balken - radialer Verlauf aus der unteren linken Ecke, wo der Text sitzt. */
.mb-card4-photo::after{
content:"";position:absolute;inset:0;
background-image:radial-gradient(ellipse 140% 100% at bottom left,rgba(0,0,0,.6) 0%,rgba(0,0,0,.36) 35%,rgba(0,0,0,.14) 60%,transparent 82%);
pointer-events:none;z-index:1;
}
/* ------------------------------------------------------------------
Malbrueder: Leistungs-Kacheln (Startseite, eine Kachel je Unterseite).
Die Vorlage hatte keinen Baustein dafuer - Raster/Abstaende orientieren
sich an .rt-projects-list (Projekte-Sektion), Radius und Typo kommen aus
den Theme-Variablen. Hover/Scroll-Animation macht app.js, siehe Kommentar
in Leistungen.astro; hier nur die Ruhezustaende.
------------------------------------------------------------------ */
/* Die Sektion traegt normalerweise rt-section-gap-xxl (150px oben+unten). Zusammen
mit den 150px der Nachbarsektionen standen 300px Luft ueber und unter der
Kachelreihe. Hier deshalb knapper: oben 40px, unten 0 - den Abstand nach unten
liefert bereits die folgende Sektion. */
/* Kopf: Eyebrow, Ueberschrift, darunter der Termin-Button - gleiche Anordnung
wie in der Ueber-uns-Sektion (Button unter dem Text, nicht daneben).
Sitzt im gepinnten Bereich und bleibt daher waehrend der Horizontalfahrt stehen. */
.mb-leistungen-kopf{
display:flex;flex-direction:column;align-items:flex-start;
gap:1.75rem;margin-bottom:2.5rem;
}
.mb-leistungen-kopf__text{max-width:31.25rem}
.mb-leistungen-kopf__cta{flex:none}
/* Ab 992px faehrt die Kachelreihe seitlich durch, waehrend die Sektion gepinnt
ist (ScrollTrigger, siehe Leistungen.astro). Bewusst OHNE min-height:100vh -
die Kachelreihe ist nur gut 400px hoch, in einem viewporthohen Pin-Bereich
stuenden oben und unten mehrere hundert Pixel Leerraum. Stattdessen ist der
Bereich inhaltshoch und wird per start:"center center" mittig gepinnt.
Das seitliche Einruecken nutzt dieselbe Variable wie Container/Navbar, damit
die erste Kachel mit dem Sektionstext fluchtet. */
.mb-leistungen-pin{
display:flex;flex-direction:column;justify-content:center;
overflow:hidden;
}
.mb-leistungen-track{
display:flex;
gap:1.875rem;
padding-inline:var(--_sizes---gap--sm-gap);
will-change:transform;
}
.mb-leistungen-track .mb-leistung{flex:0 0 26rem}
/* Unter 992px kein Pinning (auf Touch unangenehm) - normales Raster wie in der
Projekte-Sektion. Das JS ist auf denselben Breakpoint gegated. */
@media (max-width:991px){
.mb-leistungen-pin{min-height:0;display:block;overflow:visible}
.mb-leistungen-track{
display:grid;grid-template-columns:repeat(2,1fr);
gap:2.2rem 1.875rem;
}
.mb-leistungen-track .mb-leistung{flex:none}
}
@media (max-width:600px){
.mb-leistungen-track{grid-template-columns:1fr;gap:1.8rem}
}
.mb-leistung{
display:flex;flex-direction:column;gap:1.15rem;
text-decoration:none;color:inherit;
}
.mb-leistung__bild{position:relative;aspect-ratio:4/3}
.mb-leistung__bild img{
width:100%;height:100%;object-fit:cover;display:block;
transform-origin:center;
}
/* Overlay per CSS statt ueber app.js - Begruendung im Kopf von Leistungen.astro. */
.mb-leistung__overlay{
position:absolute;inset:0;opacity:0;
display:flex;align-items:flex-end;
padding:1.25rem;
background:linear-gradient(to top,rgba(22,41,53,.78) 0%,rgba(22,41,53,.35) 45%,transparent 80%);
pointer-events:none;
transition:opacity .3s ease;
}
.mb-leistung:hover .mb-leistung__overlay,
.mb-leistung:focus-visible .mb-leistung__overlay{opacity:1}
@media (prefers-reduced-motion:reduce){
.mb-leistung__overlay{transition:none}
}
.mb-leistung__mehr{
font-family:var(--_typography---font-family--text-font,Goli),Goli,sans-serif;
font-size:.8125rem;color:var(--_colors---text-color--text-light);
display:inline-flex;align-items:center;gap:.4rem;
}
.mb-leistung__mehr::after{
content:"";width:.95em;height:.95em;flex:none;
background-image:url('data:image/svg+xml;utf8,');
background-repeat:no-repeat;background-position:center;background-size:contain;
}
/* Laufende Nummer wie im Leistungen-Dropdown der Navigation. */
.mb-leistung__nr{
position:absolute;top:.9rem;left:.9rem;
font-family:var(--_typography---font-family--heading-font);
font-size:.75rem;font-weight:700;letter-spacing:.0225rem;
color:var(--_colors---text-color--text-light);
background:#af3e8f;border-radius:var(--_sizes---radius--xs-radius,.5rem);
padding:.2rem .55rem;
}
.mb-leistung__titel{transition:color .2s ease}
.mb-leistung:hover .mb-leistung__titel{color:#8dc63f}
.mb-leistung__text{color:var(--_colors---text-color--text-secondary)}
/* ------------------------------------------------------------------
Malbrueder: 6 Kacheln in der Video-Scroll-Sektion (5 Leistungen +
Kontakt). Ersetzt die 4 Vorlagenkarten; das Sticky-Geruest und der
Video-Aufzieher der Vorlage bleiben unberuehrt.
------------------------------------------------------------------ */
@media screen and (min-width:992px){
/* Vorlage war 2x2, jetzt 2x3 - Raster fuellt weiter die rechte Haelfte. */
.rt-video-box-grid{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:repeat(3,1fr);
height:100%;
}
}
.mb-vs-karte{
position:relative;overflow:hidden;
display:flex;align-items:flex-end;
min-height:11rem;
text-decoration:none;
background-color:var(--_colors---background-color--bg-secondary);
}
.mb-vs-karte__foto{
position:absolute;inset:0;
width:100%;height:100%;object-fit:cover;
transition:transform .5s ease;
}
.mb-vs-karte:hover .mb-vs-karte__foto{transform:scale(1.06)}
/* Abdunkler, damit Nummer und Titel auf jedem Motiv tragen. */
.mb-vs-karte:not(.mb-vs-karte--kontakt)::after{
content:"";position:absolute;inset:0;
background:linear-gradient(to top,rgba(22,41,53,.82) 0%,rgba(22,41,53,.45) 45%,rgba(22,41,53,.12) 100%);
}
.mb-vs-karte__inhalt{
position:relative;z-index:2;
display:flex;flex-direction:column;gap:.4rem;
padding:1.5rem;
}
.mb-vs-karte__nr{
font-family:var(--_typography---font-family--heading-font);
font-size:.75rem;font-weight:700;letter-spacing:.0225rem;
color:var(--_colors---text-color--text-light);opacity:.75;
}
.mb-vs-karte__titel{color:var(--_colors---text-color--text-light);margin:0}
.mb-vs-karte__mehr{
font-family:var(--_typography---font-family--text-font,Goli),Goli,sans-serif;
font-size:.8125rem;color:var(--_colors---text-color--text-light);
display:inline-flex;align-items:center;gap:.4rem;
}
.mb-vs-karte__mehr::after{
content:"";width:.95em;height:.95em;flex:none;
background-image:url('data:image/svg+xml;utf8,');
background-repeat:no-repeat;background-position:center;background-size:contain;
transition:transform .2s ease;
}
.mb-vs-karte:hover .mb-vs-karte__mehr::after{transform:translateX(3px)}
/* Kontaktkachel: gruen (Kundenwunsch 26.08.). Das Motiv ist ein Studio-
Freisteller - der weisse Hintergrund wurde per Rand-Flood-Fill entfernt,
deshalb liegt es hier frei auf der Farbflaeche statt vollflaechig mit
Abdunkler wie die fuenf Leistungsfotos. */
.mb-vs-karte--kontakt{background-color:#8dc63f}
.mb-vs-karte--kontakt .mb-vs-karte__freisteller{
position:absolute;right:-1rem;bottom:0;
height:88%;width:auto;max-width:58%;
object-fit:contain;object-position:bottom right;
transition:transform .5s ease;
}
.mb-vs-karte--kontakt:hover .mb-vs-karte__freisteller{transform:translateY(-4px)}
.mb-vs-karte--kontakt .mb-vs-karte__inhalt{max-width:60%}
.mb-vs-karte--kontakt .mb-vs-karte__nr,
.mb-vs-karte--kontakt .mb-vs-karte__titel,
.mb-vs-karte--kontakt .mb-vs-karte__mehr{color:var(--_colors---text-color--text-primary)}
.mb-vs-karte--kontakt .mb-vs-karte__mehr::after{
background-image:url('data:image/svg+xml;utf8,');
}
@media (max-width:991px){
.mb-vs-karte{min-height:16rem}
}
/* ------------------------------------------------------------------
Malbrueder: "Wir sind die Malbruueder" und das Bilder-Laufband
nebeneinander statt gestapelt, Laufband blendet unter dem Text aus
(Kundenwunsch 26.08.). Text und Laufband liegen dafuer in derselben
Grid-Zelle uebereinander (Text per z-index oben), das Laufband ist
volle Breite und bekommt eine Masken-Ueberblendung von transparent
(unter dem Text) zu sichtbar (rechts davon). Unter 992px bleibt es
beim urspruenglichen gestapelten Aufbau - fuer ein Nebeneinander ist
dort schlicht keine Breite.
------------------------------------------------------------------ */
@media screen and (min-width:992px){
.mb-ueberuns-row{
display:grid;
grid-template-columns:1fr;
align-items:center;
}
.mb-ueberuns-text{
grid-area:1/1;
position:relative;z-index:2;
justify-self:start;
text-align:left;
/* .rt-main-v2-text setzt align-items:center - im urspruenglichen, komplett
zentrierten Layout stand die Box selbst mittig und jedes Kind (Tag,
Ueberschrift, Text, Button) zusaetzlich zentriert in ihr. Jetzt, wo die
Box links angepinnt ist, muessen die Kinder an der Innenkante haengen. */
align-items:flex-start;
/* .rt-responsive-gutter (schon auf dem Element) liefert dieses Padding nur
unterhalb von 992px - im urspruenglichen, zentrierten Layout brauchte es
auf Desktop keinen Rand. Jetzt, wo der Text links angepinnt ist, fehlt er
sonst komplett. Gleiche Variable wie .rt-container, damit es zum Rand der
anderen Sektionen passt. */
padding-left:var(--_sizes---gap--sm-gap);
}
.mb-ueberuns-text h2{
/* Etwas kleiner als der globale h2-Standard (32px) - Kundenwunsch 26.08. */
font-size:1.75rem;
line-height:1.2;
}
.mb-ueberuns-marquee-wrap{
grid-area:1/1;
width:100%;
position:relative;
}
/* Harter Schnitt statt weichem Verlauf (Kundenwunsch 26.08., nachjustiert):
links von 36rem ist das Laufband nicht ausgeblendet, sondern schlicht
nicht da - man sieht die normale Seitenflaeche, kein eigener Sektions-
hintergrund. Uebergang praktisch ohne Breite (36rem -> 36.05rem) fuer
einen scharfen Schnitt statt einer Ueberblendung. Naeher am Text als beim
ersten Versuch (war 38rem, Textende ist 35rem). */
.mb-ueberuns-marquee-wrap .rt-about-v1-marquee{
mask-image:linear-gradient(to right,transparent 36rem,#000 36.05rem);
-webkit-mask-image:linear-gradient(to right,transparent 36rem,#000 36.05rem);
}
/* Schnittspur an derselben Stelle: laesst die Kante wie einen echten Riss im
Hintergrund wirken, aus dem das Laufband hervorkommt.
Der Schatten lag zuerst symmetrisch auf beiden Seiten (wirkte wie ein
erhabener Steg statt wie ein Schnitt), dann auf der leeren linken Seite.
Jetzt faellt er nach RECHTS auf das Laufband selbst (Kundenwunsch 26.08.),
am dunkelsten direkt an der Schnittkante und nach rechts auslaufend - so
als lege sich die Kante des Hintergrunds ueber die durchlaufenden Bilder.
Deshalb liegt er per z-index ueber den Bildern.
Die vertikale Verjuengung macht die zweite Maske: voll deckend in der Mitte,
zu beiden Enden hin auf Null - so laeuft die Spur oben und unten spitz aus,
statt hart abzubrechen. */
/* Schnittkante als 1px-Strich, direkt auf der Maskenkante bei 36rem. Liegt
ueber dem Schatten (z-index 2) und traegt dieselbe vertikale Verjuengung,
damit Strich und Schatten oben/unten gemeinsam auslaufen. Gleiche Farbe/
Staerke wie die Trennlinien zwischen den Warum-wir-Karten (--_colors---
border-color--border-primary, 1px) statt eines eigenen Grautons. */
.mb-ueberuns-marquee-wrap::before{
content:"";position:absolute;top:-2rem;bottom:-2rem;left:36rem;width:.0625rem;
background:var(--_colors---border-color--border-primary);
mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
pointer-events:none;z-index:2;
}
.mb-ueberuns-marquee-wrap::after{
content:"";position:absolute;top:-2rem;bottom:-2rem;left:36rem;width:1.5rem;
background:linear-gradient(to right,rgba(0,0,0,.18),transparent);
mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
pointer-events:none;z-index:1;
}
}
/* ------------------------------------------------------------------
Malbrueder: "Wie wir sind?" - schwebende Statistik-Karte auf dem Foto
und 2-spaltiges Punkte-Raster statt Vertikalliste (Kundenwunsch 26.08.,
Vorbild aus einer anderen Bextro-Seite, die nicht Teil dieses Templates
ist - deshalb frei nachgebaut statt portiert).
------------------------------------------------------------------ */
.mb-stat-karte{
position:absolute;left:1.5rem;bottom:1.5rem;right:1.5rem;max-width:15.5rem;
background:#fff;border-radius:var(--_sizes---radius--xs-radius,.5rem);
padding:1.25rem 1.5rem;
box-shadow:0 10px 34px rgba(22,41,53,.16);
}
.mb-stat-karte__wert{
font-family:var(--_typography---font-family--heading-font);
font-size:2rem;font-weight:700;line-height:1.1;
color:var(--_colors---text-color--text-primary);
}
.mb-stat-karte__label{
margin-top:.35rem;
font-family:var(--_typography---font-family--text-font,Goli),Goli,sans-serif;
font-size:.8125rem;line-height:1.35;
color:var(--_colors---text-color--text-secondary);
}
@media (max-width:600px){
.mb-stat-karte{position:static;max-width:none;margin-top:1rem;box-shadow:none;border:.0625rem solid var(--_colors---border-color--border-primary)}
}
.mb-service-grid{
display:grid!important;
grid-template-columns:1fr 1fr;
gap:1.25rem;
}
.mb-service-item--voll{grid-column:1/-1}
@media (max-width:600px){
.mb-service-grid{grid-template-columns:1fr}
.mb-service-item--voll{grid-column:auto}
}
/* 27.08.: .rt-choose-us-card-3 war die einzige Bento-Karte OHNE height:100% (card-1, -2 und -5 haben es alle). Sie richtete sich damit allein nach ihrem Bild und blieb kuerzer als ihre Rasterzeile, sobald Karte 5 die Zeile durch ihre Rezensionsboxen hoeher zog - bei 1100px 83px, bei 992px 161px Versatz an der Unterkante. max-height:28.75rem muss dabei weichen, sonst deckelt sie die Karte wieder bei 460px, waehrend die Zeile auf ueber 500px waechst. */
.rt-choose-us-card-3{height:100%;max-height:none}
/* 27.08.: Karte 5 stand auf justify-content:space-between. Damit war der Abstand zwischen der schwarzen Rezension und der magentafarbenen 1982-Leiste reine Restflaeche und schwankte mit der Zeilenhoehe: 105px bei 1920, 79px bei 1600, 18px bei 1440, 0px bei 1280 - waehrend gruen->schwarz konstant 14px war. Jetzt ueberall derselbe Abstand (.875rem wie innerhalb von .rt-card-5-top). Den Ueberschuss nehmen die beiden Rezensionsboxen auf (flex:1), damit die Leiste trotzdem buendig mit den Nachbarkarten unten abschliesst - sonst waere die in 10.7 hergestellte Unterkante wieder dahin. */
.rt-choose-us-card-5{justify-content:flex-start;gap:.875rem}
.rt-card-5-top{flex:1}
.rt-card-5-top .mb-rezension-box{flex:1;justify-content:flex-start}
/* 27.08.: Der eingeklappte Burger galt bis 1366px, also auch auf Laptops. Auf Kundenwunsch gilt er jetzt nur noch fuer Tablet und Handy (max-width:991px, die Breakpoint-Grenze, die das Theme ohnehin ueberall nutzt). Schmales Desktop-Band 992-1200px: dort passt die volle Leiste sonst nicht - gemessen ueberlappten die Menuelinks die Buttons um 11px bei 1024 und 27px bei 992, weil allein die fuenf 40px-Luecken zwischen den sechs Links 200px fressen. Luecken und Button-Polster hier enger, ohne Schriftgroessen anzutasten. */
@media screen and (min-width:992px) and (max-width:1200px){.rt-menu{grid-column-gap:1.25rem;column-gap:1.25rem}.rt-navbar-buttons{grid-column-gap:1.25rem;column-gap:1.25rem}.rt-navbar-buttons .rt-button{padding-left:1.25rem;padding-right:1.25rem}}
/* ==========================================================================
Malbrueder: Bewegung auf den Leistungsseiten (08.09.2026)
--------------------------------------------------------------------------
Grundlage sind die nativen CSS Scroll-driven Animations
(animation-timeline: view()). Sie laufen auf dem Compositor, brauchen kein
JavaScript und fassen die GSAP-Aktionen der Vorlagen-app.js nicht an, die
sich laut Handover 10.8 gegenseitig ueberschreiben koennen.
Quellen: MDN "CSS scroll-driven animations", Josh Comeau
"Scroll-Driven Animations" (animation-range entry/cover, fill-mode backwards,
Gate ueber prefers-reduced-motion), nerdy.dev "Scaley Mask Image Hover"
(scale zusammen mit clip-path inset, 0.2s).
Browser ohne Unterstuetzung bekommen ueber @supports einen GSAP-Fallback,
siehe das Skript in pages/leistungen/[slug].astro.
========================================================================== */
@keyframes mb-parallaxe { from { transform: translateY(-6%) scale(1.14); } to { transform: translateY(6%) scale(1.14); } }
@keyframes mb-aufblenden { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; } }
@keyframes mb-freischieben { from { clip-path: inset(10% 0 10% 0 round .3125rem); } to { clip-path: inset(0 0 0 0 round .3125rem); } }
@keyframes mb-strich-zeichnen { from { stroke-dashoffset: 1.02; } to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: no-preference) {
/* Bild-Parallaxe im Rahmen. Kleiner Weg und lineare Beschleunigung, damit es
nicht nach Effekt aussieht. Die Ueberhoehe verhindert, dass beim Wandern
eine Kante frei wird. */
/* Das Freischieben laeuft auf dem Rahmen, nicht auf dem Bild: eine laufende
Animation belegt die Eigenschaft und wuerde sonst den clip-path des
Hover-Zustands blockieren. */
.mb-detail-links, .lp-kopf-bild {
animation-name: mb-freischieben;
animation-timing-function: linear;
animation-fill-mode: both;
animation-duration: auto;
animation-timeline: view();
animation-range: entry 5% cover 40%;
}
.mb-detail-links img, .lp-kopf-bild img {
/* FALLE: die Kurzform `animation: name linear both` setzt animation-duration
auf 0s. Eine Scroll-Timeline braucht `auto`, sonst steht die Animation auf
ihrem Startwert fest und bewegt sich beim Scrollen nicht. */
animation-name: mb-parallaxe;
animation-timing-function: linear;
animation-fill-mode: both;
animation-duration: auto;
animation-timeline: view();
animation-range: cover;
will-change: transform, clip-path;
}
/* Haekchenzeilen: jede Zeile hat ihre eigene view()-Zeitachse und erscheint
dadurch beim Scrollen von selbst nacheinander, ohne Verzoegerungskette. */
.mb-detail-zeile, .mb-punkte-karte {
animation-name: mb-aufblenden;
animation-timing-function: linear;
animation-fill-mode: both;
animation-duration: auto;
animation-timeline: view();
animation-range: entry 8% entry 65%;
}
/* Der Haken zeichnet sich wie die Ablauf-Icons der Startseite. */
.mb-detail-haken .mb-haken-p, .mb-detail-haken .mb-haken-s {
stroke-dasharray: 1.02;
animation-name: mb-strich-zeichnen;
animation-timing-function: linear;
animation-fill-mode: both;
animation-duration: auto;
animation-timeline: view();
}
.mb-detail-haken .mb-haken-p { animation-range: entry 10% entry 55%; }
.mb-detail-haken .mb-haken-s { animation-range: entry 30% entry 75%; }
}
/* --- Hover ---------------------------------------------------------------- */
/* Bilder: waechst und zieht sich gleichzeitig in den Rahmen zurueck. Wirkt
ruhiger als reines Zoomen, Technik aus nerdy.dev. */
.mb-detail-links img, .lp-kopf-bild img, .mb-vs-karte__foto {
transition: .25s cubic-bezier(.22,.61,.36,1);
transition-property: scale, clip-path, filter;
}
.mb-detail-links:hover img, .lp-kopf-bild:hover img {
scale: 1.06;
clip-path: inset(4% round .3125rem);
}
.mb-vs-karte:hover .mb-vs-karte__foto { scale: 1.06; }
/* Karten: leichtes Anheben und weicher Schatten. */
/* NUR die echten Kacheln mit Flaeche (.mb-vs-karte: Foto, Rundung, Mindesthoehe,
und sie sind Links). Die Leistungspunkte-Spalten (.mb-punkte-karte) haben
keine Flaeche, kein Radius, viel leeres Polster oben und unten und sind keine
Links. Ein box-shadow darauf stand als hartes graues Rechteck quer durch den
Icon-Bereich. Sie bekommen deshalb keinen Hover-Schatten mehr. */
.mb-verwandt-raster .mb-vs-karte {
transition: transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease;
}
.mb-verwandt-raster .mb-vs-karte:hover {
transform: translateY(-6px);
box-shadow: 0 1.25rem 2.5rem rgba(22, 41, 53, .13);
}
/* Links: der Unterstrich waechst von links ein statt sofort dazustehen. */
.mb-detail-link, .mb-textblock a.rt-hyperlink {
position: relative;
text-decoration: none;
}
.mb-detail-link::after, .mb-textblock a.rt-hyperlink::after {
content: "";
position: absolute;
left: 0; bottom: -.15rem;
width: 100%; height: 1px;
background: currentColor;
transform: scaleX(0);
transform-origin: left;
transition: transform .35s cubic-bezier(.22,.61,.36,1);
}
.mb-detail-link:hover::after, .mb-textblock a.rt-hyperlink:hover::after { transform: scaleX(1); }
/* Icons der Kartenreihe zeichnen sich beim Ueberfahren einmal nach. */
.mb-punkte-icon .li-icon > * { stroke-dasharray: 1.02; stroke-dashoffset: 0; }
@media (prefers-reduced-motion: no-preference) {
.mb-punkte-karte:hover .mb-punkte-icon .li-icon > * {
animation: mb-strich-zeichnen .9s cubic-bezier(.22,.61,.36,1) both;
}
.mb-punkte-karte:hover .mb-punkte-icon .li-icon > *:nth-child(2) { animation-delay: .06s; }
.mb-punkte-karte:hover .mb-punkte-icon .li-icon > *:nth-child(3) { animation-delay: .12s; }
.mb-punkte-karte:hover .mb-punkte-icon .li-icon > *:nth-child(4) { animation-delay: .18s; }
.mb-punkte-karte:hover .mb-punkte-icon .li-icon > *:nth-child(5) { animation-delay: .24s; }
}