/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-.125rem}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}template{display:none}[hidden]{display:none}
/*! Ruf Webdesign Theme Stylesheet @copyright Copyright (c) 2024 ruf-webdesign.de No free usage allowed */:root{--sans-serif:Roboto,Arial,Helvetica,sans-serif;--serif:"Times New Roman",Times,serif;--c-01:#fff;--c-02:#000;--c-03:#999;--c-04:#eee;--c-05:#7f7f7f;--c-06:#333;--c-07:#f00;--c-08:#ff0;--c-09:#666;--c-10:#888;--c-11:#ddd;--c-12:#fd9027;--c-13:#555;--c-14:#ccc;--c-15:#aaa;--c-16:#222;--c-17:#e9e9e9;--c-18:#bbb;--c-19:#444;--c-20:#111;--c-21:#feba76;--c-22:#767676;--c-23:#f6f6f6;--c-24:#eaeaea;--plus-c-01:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%237f7f7f" d="M7.8 2.8a1 1 0 0 0-1 1v3h-3a1 1 0 0 0-1 1v.4a1 1 0 0 0 1 1h3v3a1 1 0 0 0 1 1h.4a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1v-.4a1 1 0 0 0-1-1h-3v-3a1 1 0 0 0-1-1z"/></svg>');--plus-c-02:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M7.8 2.8a1 1 0 0 0-1 1v3h-3a1 1 0 0 0-1 1v.4a1 1 0 0 0 1 1h3v3a1 1 0 0 0 1 1h.4a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1v-.4a1 1 0 0 0-1-1h-3v-3a1 1 0 0 0-1-1z"/></svg>');--minus-c-01:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%237f7f7f" d="M3.8 6.8h8.4a1 1 45 0 1 1 1v.4a1 1 135 0 1-1 1H3.8a1 1 45 0 1-1-1v-.4a1 1 135 0 1 1-1"/></svg>');--minus-c-02:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M3.8 6.8h8.4a1 1 45 0 1 1 1v.4a1 1 135 0 1-1 1H3.8a1 1 45 0 1-1-1v-.4a1 1 135 0 1 1-1"/></svg>');--plus-c-03:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23999" d="M7.8 2.8a1 1 0 0 0-1 1v3h-3a1 1 0 0 0-1 1v.4a1 1 0 0 0 1 1h3v3a1 1 0 0 0 1 1h.4a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1v-.4a1 1 0 0 0-1-1h-3v-3a1 1 0 0 0-1-1z"/></svg>');--plus-c-04:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23eee" d="M7.8 2.8a1 1 0 0 0-1 1v3h-3a1 1 0 0 0-1 1v.4a1 1 0 0 0 1 1h3v3a1 1 0 0 0 1 1h.4a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1v-.4a1 1 0 0 0-1-1h-3v-3a1 1 0 0 0-1-1z"/></svg>');--minus-c-03:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23999" d="M3.8 6.8h8.4a1 1 45 0 1 1 1v.4a1 1 135 0 1-1 1H3.8a1 1 45 0 1-1-1v-.4a1 1 135 0 1 1-1"/></svg>');--minus-c-04:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23eee" d="M3.8 6.8h8.4a1 1 45 0 1 1 1v.4a1 1 135 0 1-1 1H3.8a1 1 45 0 1-1-1v-.4a1 1 135 0 1 1-1"/></svg>');--arrow-c-01:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%237f7f7f" d="M4 5.25a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 5.25Z"/></svg>');--arrow-c-02:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M4 5.25a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 5.25Z"/></svg>');--arrow-c-03:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23999" d="M4 5.25a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 5.25Z"/></svg>');--arrow-c-04:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23eee" d="M4 5.25a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 5.25Z"/></svg>');--arrow-btn-light:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23999" d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2Z" /><path fill="%23000" d="M4 6a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 6Z" /></svg>');--arrow-btn-dark:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 16 16" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%23eee" d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2Z" /><path fill="%23000" d="M4 6a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 6Z" /></svg>');--dash-c-05:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 40 40" width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path fill="%237f7f7f" d="M0 0h40v40H0Z"/></svg>');--select-c-01:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 30 30" width="30" height="30" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M7.5 0h15A7.5 7.5 0 0 1 30 7.5v15a7.5 7.5 0 0 1-7.5 7.5h-15A7.5 7.5 0 0 1 0 22.5v-15A7.5 7.5 0 0 1 7.5 0"/><path fill="%23000" d="m15 7 6 6H9ZM9 17h12l-6 6Z"/></svg>');--select-c-02:url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 30 30" width="30" height="30" xmlns="http://www.w3.org/2000/svg"><path fill="%23222" d="M7.5 0h15A7.5 7.5 0 0 1 30 7.5v15a7.5 7.5 0 0 1-7.5 7.5h-15A7.5 7.5 0 0 1 0 22.5v-15A7.5 7.5 0 0 1 7.5 0"/><path fill="%23fff" d="m15 7 6 6H9ZM9 17h12l-6 6Z"/></svg>')}.invisible,.visually-hidden{clip-path:circle(0);position:absolute;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;border:0;overflow:hidden}::selection{color:var(--c-01)!important;background-color:var(--c-06)!important}body,form,figure{margin:0;padding:0}.block{overflow:hidden}.anchor::before{display:block;content:"";height:5.5rem;margin-top:-5.5rem;visibility:hidden}[id="header"]::before{display:block;content:"";height:10.125rem;margin-top:-10.125rem;visibility:hidden}body{font-family:var(--sans-serif);hyphens:auto}[id="header"]{z-index:2001;position:fixed;top:0;width:100%;min-height:5rem;background-color:var(--c-01)}[id="footer"]{display:grid;background-color:var(--c-02)}[id="footer"] .inside{display:flex;flex-direction:column;margin:2rem}noscript{display:flex;z-index:1001;position:absolute;left:0;flex-direction:row;justify-content:center;width:100%;padding-bottom:.25rem;background-color:var(--c-01)}noscript .logo{position:initial;flex-shrink:0;height:fit-content;margin:1rem .625rem 0 1rem}noscript nav p{margin:.125rem 0 0 .5625rem;color:var(--c-07);font-weight:normal;font-size:.9rem;white-space:nowrap}noscript .mod_quicknav select{margin:.375rem}noscript .formbody{display:flex;flex-direction:row;flex-wrap:wrap}img{max-width:100%;height:auto}.logo{position:relative;top:1.125rem;left:1.5rem}.logo a{display:block;line-height:0;width:fit-content}.logo img{z-index:1000;width:6rem;background:url("../../files/img/ruf-webdesign-logo.svg#light-mode") center center / 6rem auto no-repeat}[id="main"]{margin-top:5rem}.hero-image-light,.hero-image-dark{display:block;width:calc(100% - 4rem);margin:0 auto 2rem;padding:3rem 0}.hero-image-light img,.hero-image-dark img{width:100%;height:auto}.hero-image-dark{display:none}h1,h2,h3{color:var(--c-13);font-weight:normal;font-family:var(--serif)}h1{font-size:2.1875rem}h2{font-size:1.8125rem}h3{font-size:1.4375rem}p,li,th,td,label,input,select,textarea,legend,summary,caption{font-size:1.125rem;line-height:1.6875rem}p:last-of-type{margin-bottom:2rem}strong{font-weight:500}a{text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:.125rem;text-underline-offset:.3125rem}button{border:0}input,textarea,select,noscript .mod_quicknav button{width:calc(100% - 1.9rem);height:2rem;border:solid .0625rem var(--c-10);border-radius:.5rem}select{width:100%;max-width:10rem}select{appearance:none;-webkit-appearance:none;font-size:1.125rem;padding-left:.5rem;background-color:var(--c-01);border:.0625rem solid var(--c-10);border-radius:.5rem;color:var(--c-02);cursor:pointer}.widget-select{width:fit-content;position:relative}.widget-select::after{position:absolute;content:"";width:1.875rem;height:1.875rem;pointer-events:none;background-image:var(--select-c-01);background-repeat:no-repeat;margin:.4375rem 0 0 -2.3125rem}nav.noscript p{margin-bottom:0}.content-list li,.link li,.link-light li{margin:0 1rem 1rem 0}.content-list li a{line-height:1.75rem}.content-text a,.sources a{line-height:1.74rem}.content-list li:first-of-type{margin-top:1rem}.link a,.link-light a{color:var(--c-13);font-weight:500;text-decoration-color:var(--c-13)}a.invisible{position:fixed;color:var(--c-06);font-weight:normal;font-size:1.5rem;text-decoration:none}.link-grad-bg a{color:var(--c-06);font-weight:500;text-decoration-color:var(--c-06)}.h2-light,.text-light,.link-light a{color:var(--c-01)}.initial strong{color:var(--c-12);font-size:2.64rem}.h2-grad-bg{margin-bottom:3rem;color:var(--c-02)}.link-light a{text-decoration-color:var(--c-04)}.btn-read,.btn-read-light{margin:3rem 0}.btn-contact{margin:.5rem 0 3rem}.btn-read a,.btn-read-light a,.btn-contact a,.contact-form button{padding:.8rem 2rem;border-radius:.5rem;color:var(--c-01);font-weight:500;font-size:1.2rem;text-decoration:none;white-space:nowrap;background-color:var(--c-02);box-shadow:.1875rem .1875rem .1875rem var(--c-15)}.btn-read-light a{color:var(--c-06);background-color:var(--c-04);box-shadow:.1875rem .1875rem .1875rem var(--c-16)}.btn-contact{align-self:center}.btn-contact a{padding:1rem;color:var(--c-02);background-color:var(--c-12)}.btn-module{display:flex;justify-content:center}.btn-module a{display:block;width:10.5rem;height:10.5rem;margin:-1.5rem;padding:1.5rem;color:var(--c-06);background:url(../../files/img/shadow.svg) top .75rem center / 13.5rem 12.35rem no-repeat}.first-img-text-wrap,.img-text-wrap,.img-text-wrap-darkgrey,.img-text-wrap-inverted,.bg-img-text-wrap,.img-text-wrap-marginalia{display:flex;flex-direction:column;margin:2rem;padding:4rem 2rem 0}.img-text-wrap{padding-left:0}.first-img-text-wrap{padding:0}.img-text-wrap-darkgrey,.img-text-wrap-inverted,.bg-img-text-wrap,.img-text-wrap-marginalia{color:var(--c-01);margin:2rem 0;background-color:var(--c-13)}.bg-img-text-wrap{background-color:var(--c-16)}.img-text-wrap-inverted,.bg-img-text-wrap{flex-direction:column-reverse;padding-bottom:2rem}.img-stack-left,.img-stack-right{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(12,1fr);display:grid;width:100%;max-width:30rem;margin:0 auto}.spot-l,.spot-l-dt{display:none}.spot-l-darkgrey{grid-column:1/11;grid-row:9/12;display:inherit;width:100%;height:auto;margin-top:-2%}.spot-l-dt-darkgrey{grid-column:1/11;grid-row:9/13;display:inherit;width:100%;height:auto;margin-top:4%}.spot-r{grid-column:1/11;grid-row:9/13;margin-top:4%}.spot-l img,.spot-r img,.spot-l-dt img,.spot-l-darkgrey img,.spot-l-dt-darkgrey img{width:100%;height:100%}.mobile-left{grid-column:1/9;grid-row:1/12}.mobile-right,.mobile-large-right{grid-column:1/9;grid-row:1/12;margin-top:4%}.mobile-large-right{margin-top:6%}.desktop-left,.desktop-right{grid-column:2/10;grid-row:1/12;margin-top:2%}.desktop-left img,.desktop-right img,.mobile-left img,.mobile-right img,.mobile-large-right img{width:100%;height:auto}.clipart-l-m::before,.clipart-r-m::before,.clipart-dt::before{visibility:hidden;position:absolute;width:9.625rem;height:7.625rem;margin-top:-6.375rem;margin-left:-8.375rem;content:url(../../files/img/bubble.svg#slogan-1)}.clipart-r-m::before{content:url(../../files/img/bubble.svg#slogan-2)}.clipart-dt::before{content:url(../../files/img/bubble.svg#slogan-3)}.clipart-l-m{grid-column:6/10;grid-row:6/11;margin-top:2%}.clipart-r-m,.clipart-portrait{grid-column:6/10;grid-row:7/12}.clipart-dt{grid-column:7/10;grid-row:8/12}.text-wrap h1,.text-wrap h2{margin-top:0}.hero-section-wrap{margin:0}.only-text-wrap,.teaser-text-wrap{height:fit-content;margin:0 2rem}.text-wrap-grey-box{display:flex;flex-direction:column;margin:2rem 0;background-color:var(--c-17)}.code-box{margin-right:2rem;margin-left:2rem;border-radius:1rem}.text-wrap-grey-box p{margin:2rem}.img-only img,.clipart{display:block;margin:0 auto}.clipart,.img-404{width:auto;max-width:31.125rem;margin:2rem auto;padding:0 2rem}.example-img a{display:block}html{scroll-behavior:smooth}.btn-scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:3001;width:2.5rem;height:2.5rem;display:none}.btn-stt-show{display:block}.btn-scroll-to-top a{display:block;opacity:.5;cursor:pointer;transition:all .3s ease;width:2.5rem;height:2.5rem;background:var(--arrow-btn-light) center center / 2.5rem 2.5rem no-repeat;;transform:rotate(180deg);border-radius:.5rem}.tooltip em{font-style:normal;background-color:var(--c-04)}.content-list ul,.content-list ol{border:solid .0625rem var(--c-14);border-radius:1rem;padding-inline-start:2.5rem}.bold-text strong{color:var(--c-02)}.portrait{clip-path:inset(0 0 10% 0);grid-column:1/11;grid-row:1/13;display:block;margin:-1rem -30% 0 -120%;background:linear-gradient(var(--c-16) 0%,var(--c-16) 15%,var(--c-09) 100%)}.portrait-text{padding-bottom:2rem}.portrait-only img{min-width:100%;margin-bottom:-.2rem}.footer-left,.footer-center{border-bottom:solid .0625rem var(--c-09)}.footer-center a{line-height:2rem}.footer-center img{width:1.625rem;height:1.625rem;margin-bottom:-.5rem;margin-right:.4rem}.footer-right ul{padding-inline-start:0;list-style:none}.footer-right li{margin:0 0 1rem 0}.img-footer-right{display:flex;flex-direction:row}.img-404{margin:8rem auto;background:url(../../files/img/orange-outline-360-grad.svg#outline-black) center center / contain no-repeat}.text-wrap-grad-bg,.img-wrap-darkgrey-bg{width:100%;margin-bottom:-2rem;padding:2rem 0 1rem 0;text-align:center;background:linear-gradient(var(--c-21) 0%,var(--c-12) 66%,var(--c-12) 100%)}.img-wrap-darkgrey-bg{margin-bottom:2rem;padding:1rem 0 0 0;background:linear-gradient(var(--c-16),var(--c-09))}.text-btn-modules{text-align:left}.btn-module-left,.btn-module-center,.btn-module-right{margin:2rem 0 4rem 0}.btn-module-left img,.btn-module-center img,.btn-module-right img{width:100%;height:100%}.img-only figcaption,.chart-only figcaption{padding:.5rem}.img-centered figcaption{padding:.5rem 2rem;text-align:center}.sources p{margin-bottom:.5rem}.sources ul{margin-bottom:2.5rem}.social a{display:block;margin:1rem 1rem 0 0;line-height:0}.social img{width:2.5rem;height:2.5rem}.inline-img img{background:url(../../files/img/badge-gute-seiten-org.svg#light) center center / contain no-repeat}.inline-img a{display:block;width:fit-content}@media only screen and (prefers-color-scheme:dark){::selection{color:var(--c-06)!important;background-color:var(--c-01)!important}body{background-color:var(--c-06);color:var(--c-04)}[id="header"]{background-color:var(--c-06)}noscript{background-color:var(--c-06)}noscript nav p{color:var(--c-08)}h1,h2,h3{color:var(--c-14)}.h2-grad-bg,.link a,.link-grad-bg a,.btn-module a,.img-only figcaption,.chart-only figcaption{color:var(--c-04)}input,textarea{background-color:var(--c-16)}select{background-color:var(--c-16);border-color:var(--c-10);color:var(--c-01)}.widget-select::after{background-image:var(--select-c-02)}.link a,.link-grad-bg a{text-decoration-color:var(--c-04)}.logo img{background:url("../../files/img/ruf-webdesign-logo.svg#dark-mode") center center / 6rem auto no-repeat}.hero-image-light{display:none}.hero-image-dark{display:block}.spot-l,.spot-l-darkgrey{grid-column:1/11;grid-row:9/12;display:inherit;width:100%;height:auto;margin-top:-2%}.spot-l-dt,.spot-l-dt-darkgrey{grid-column:1/11;grid-row:9/13;display:inherit;width:100%;height:auto;margin-top:4%}.btn-read a,.btn-contact a{color:var(--c-06);background-color:var(--c-04);box-shadow:.1875rem .1875rem .1875rem var(--c-16);cursor:pointer}.btn-contact a{background-color:var(--c-12)}.btn-scroll-to-top img{background-color:var(--c-04);background-image:var(--arrow-c-02)}.btn-scroll-to-top a{background-image:var(--arrow-btn-dark)}.text-wrap-grey-box{background-color:var(--c-13)}.text-wrap-grey-box p{color:var(--c-01)}.img-only img{filter:brightness(.8)}.no-filter img{filter:brightness(1)}.tooltip em{color:var(--c-01);background-color:var(--c-13)}.content-list ul,.content-list ol{border-color:var(--c-04)}.img-404{background:url(../../files/img/orange-outline-360-grad.svg#outline-white) center center / contain no-repeat}.img-text-wrap-darkgrey p,.img-text-wrap-inverted p,.bg-img-text-wrap p,.img-text-wrap-marginalia p{color:var(--c-01)}.text-wrap-grad-bg{background:linear-gradient(var(--c-09) 0%,var(--c-16) 66%,var(--c-16) 100%)}.bold-text strong{color:var(--c-12)}.inline-img img{background:url(../../files/img/badge-gute-seiten-org.svg#dark) center center / contain no-repeat}}@media only screen and (min-width:48.0625rem){[id="header"]{min-height:5.25rem}[id="main"]{margin-top:5.25rem}[id="footer"] .inside{display:flex;flex-direction:row;margin:2rem}.footer-left,.footer-center,.footer-right{width:calc(100% / 3);border-bottom:solid .0625rem transparent}.footer-center{margin:0 2rem}.footer-right{text-align:right}.text-btn-modules{grid-template-columns:repeat(3,30%);grid-template-rows:2fr;display:grid;justify-content:space-between;margin:0}.text-module-left{grid-area:1 / 1 / 2 / 2}.text-module-center{grid-area:1 / 2 / 2 / 3}.text-module-right{grid-area:1 / 3 / 2 / 4}.btn-module-left{grid-area:2 / 1 / 3 / 2}.btn-module-center{grid-area:2 / 2 / 3 / 3}.btn-module-right{grid-area:2 / 3 / 3 / 4}.img-footer-right{display:flex;flex-direction:row;justify-content:right}.logo{top:1.5625rem;left:1.875rem;margin-bottom:1.875rem}.logo img{width:7rem;background:url("../../files/img/ruf-webdesign-logo.svg#light-mode") center center / 7rem auto no-repeat}.hero-image-dark{display:none}.hero-image-light{display:block;width:44rem;height:calc(44rem * .45);margin:.8rem auto .4rem;padding:4rem 0 4rem}h1{font-size:3rem}h2{font-size:2.125rem}h3{font-size:1.6875rem}.initial strong{font-size:3rem}p,li,th,td,label,input,select,textarea,legend,summary,caption{font-size:1.25rem;line-height:2rem}select{width:100%;max-width:max-content}.btn-contact{margin:1.5rem 0 3rem}.btn-read a,.btn-read-light a,.btn-contact a{font-size:1.125rem}.btn-module{margin:0}.img-text-wrap,.img-text-wrap-darkgrey,.img-text-wrap-inverted,.bg-img-text-wrap,.img-text-wrap-marginalia{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6rem 2rem}.bg-img-text-wrap{min-height:22rem;background:url("../../files/img/portrait-ralf-alexis-ruf-home.webp") top right 30% no-repeat,linear-gradient(var(--c-16),var(--c-09));background-color:var(--c-16)}.portrait{display:none}.portrait-text{padding-bottom:0}.portrait-only img{min-width:43.5rem}.img-text-wrap{padding:4rem 2rem 2rem}.first-img-text-wrap{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:0}.text-wrap,.text-wrap-inverted{max-width:28rem}.text-wrap{padding-left:3rem}.text-wrap-inverted{padding-right:3rem}.img-stack-left,.img-stack-right{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(12,1fr);display:grid;min-width:20rem;max-width:27.2rem;margin:1.6rem 0}.img-stack-right{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(12,1fr);max-width:26.3504rem;margin:1.6rem 0 0 0}[id="footer"] .inside{justify-self:center;width:calc(100% - 3.2rem);max-width:64rem}.footer-center img{width:1.938rem;height:1.875rem;margin-bottom:-.6rem}.only-text-wrap,.teaser-text-wrap,.text-wrap-grey-box{width:calc(100% - 3.2rem);max-width:56.8rem;height:fit-content;margin:0 auto}.teaser-text-wrap{max-width:75rem}.text-wrap-grey-box{margin:1.6rem auto;border-radius:.8rem;background-color:var(--c-17)}.text-wrap-grey-box p{margin:.8rem}.img-only img,.chart-only img,.img-only figcaption,.chart-only figcaption{display:block;width:100%;min-width:24rem;max-width:30rem;margin:0 auto}.chart-only img,.chart-only figcaption{max-width:56.8rem}.img-only figcaption,.chart-only figcaption{box-sizing:border-box}.clipart a{margin:1.6rem auto}input{width:60%}.legend-content label,.explanation p{font-size:1.1rem;line-height:1.5rem}.social a{margin:1rem 0 .5rem 1rem}}@media only screen and (prefers-color-scheme:dark) and (min-width:48.0625rem){[id="header"]{background-color:var(--c-06)}noscript{color:var(--c-08)}.logo img{background:url("../../files/img/ruf-webdesign-logo.svg#dark-mode") center center / 7rem auto no-repeat}.hero-image-dark{display:block;max-width:44rem;height:calc(44rem * .45);margin:.8rem auto .4rem;padding:4rem 0 4rem}.hero-image-light{display:none}body{background-color:var(--c-06)}h1,h2,h3{color:var(--c-14)}.btn-read a{color:var(--c-06);background-color:var(--c-04);box-shadow:.1875rem .1875rem .1875rem var(--c-16)}.text-wrap-grey-box{background-color:var(--c-13)}}@media only screen and (min-width:66.5rem){[id="header"] .inside{justify-self:center;width:66.5rem}.bg-img-text-wrap{background:url("../../files/img/portrait-ralf-alexis-ruf-home.webp") top right 45% no-repeat,linear-gradient(var(--c-16),var(--c-09));background-color:var(--c-16)}}@media only screen and (forced-colors:active){.btn-read a,.btn-read-light a,.btn-contact a{outline:.125rem solid currentColor;outline-offset:-.125rem}}.a0,.b1,.c2,.d3,.e4,.f5,.g6,.h7,.i8,.j9{letter-spacing:.001rem}.z0,.y1,.x2,.w3,.v4,.u5,.t6,.s7,.r8,.q9{display:none}
 .burger{justify-items:center;display:grid;z-index:999;position:absolute;top:1.25rem;right:1rem;width:3.125rem;height:1.9675rem;margin:0;padding:0;border:0;line-height:0;cursor:pointer;background-color:transparent}.dash-1,.dash-3{display:block;width:2.5rem;height:.375rem;margin:0;border-radius:.25rem;background-image:var(--dash-c-05);transition:all .4s ease}.dash-2{color:windowText;font-size:1rem;line-height:1.218rem;transition:all .4s ease}.chi .dash-1{transform:rotate(45deg) translate(.5625rem,.5625rem)}.chi .dash-2{opacity:0}.chi .dash-3{transform:rotate(-45deg) translate(.5625rem,-.5625rem)}.mod_navigation{display:none;margin:1.875rem 0;background-color:var(--c-04);max-height:65vh;overflow-y:auto}.nav-active{display:block}.mod_navigation ul{padding-inline-start:0;margin:0;list-style:none;background-color:var(--c-01)}.mod_navigation li{background-color:var(--c-04)}.mod_navigation li a,.mod_navigation li strong{display:block;width:calc(100% - 5rem);padding:.625rem;color:var(--c-06);font-weight:400;text-decoration:none}.level_2,.level_3{display:none;position:relative}.level_2.submenu-open,.level_3.submenu-open{display:block}.level_1 li,.level_2 li,.level_3 li{margin-bottom:.0625rem}.level_1 li:last-of-type{margin-bottom:0}.level_2 li:first-of-type,.level_3 li:first-of-type{border-top:solid .0625rem var(--c-01)}.level_2 li{background-color:var(--c-11)}.level_3 li{background-color:var(--c-04)}.level_2 li a,.level_2 li strong{width:calc(100% - 5.625rem);margin-left:.625rem}.level_3 li a,.level_3 li strong{width:calc(100% - 6.25rem);margin-left:1.25rem}@media only screen and (prefers-color-scheme:dark){.dash-2{color:var(--c-01)}.mod_navigation{background-color:var(--c-16)}.mod_navigation ul{background-color:var(--c-09)}.mod_navigation li{background-color:var(--c-16)}.mod_navigation li a{color:var(--c-11)}.level_2 li{background-color:var(--c-20)}.level_3 li{background-color:var(--c-16)}.level_2 li:first-of-type,.level_3 li:first-of-type{border-top:solid .0625rem var(--c-09)}}
 @media only screen and (min-width:48.0625rem){[id="header"]{display:flex;justify-content:center}[id="header"]>.inside{display:flex;justify-content:space-between;width:66.5rem}.burger{display:none}.mod_navigation{display:block;width:fit-content;margin:.9375rem 2.5rem 0 0;background-color:transparent}.mod_navigation>ul{padding-inline-start:2.5rem;background-color:transparent}.mod_navigation li a,.mod_navigation li strong{width:fit-content;padding:.5rem;border-radius:.5rem}.level_1{display:flex;flex-direction:row;background-color:transparent}.level_1>li{background-color:transparent}.level_1>li:last-of-type{margin-bottom:.0625rem}.level_1>li,.level_2>li{display:flex;flex-direction:row;white-space:nowrap}.level_1>li.submenu .level_2,.level_2>li.submenu .level_3{z-index:1001;position:absolute;margin-top:3rem}.level_2>li.submenu .level_3{margin-top:-.0625rem}.level_2.submenu-open,.level_3.submenu-open{opacity:1;visibility:visible;transition:all .3s ease}.level_2,.level_3{display:initial;opacity:0;visibility:hidden}.level_2,.level_3,.level_2 li:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.level_2 li a,.level_2 li strong,.level_3 li a,.level_3 li strong{width:calc(100% - 1rem);margin-left:0}.level_2>li.submenu>a{width:fit-content}.mod_navigation ul ul ul{right:100%}}@media (scripting:none){.mod_navigation{display:none}}
 *:focus:not(:focus-visible){outline:none}*:focus-visible{outline:.125rem solid currentColor;outline-offset:.25rem}a.invisible:focus-visible,a.acc-invisible:focus-visible{clip-path:none;z-index:1001;top:.3125rem;left:.3125rem;width:8rem;height:fit-content;padding:.5rem;border-radius:.125rem;outline:.125rem solid var(--c-11);outline-offset:0;background-color:var(--c-04)}a.acc-invisible:focus-visible{top:inherit;left:inherit;width:fit-content;margin-top:-2rem}.link a:hover,.link a:focus-visible,.link-light a:hover,.link-light a:focus-visible,.mod_breadcrumb li a:hover,.mod_breadcrumb li a:focus-visible{text-decoration-color:var(--c-12)}.link a:visited,.link a:visited:hover,.link-light a:visited,.link-light a:visited:hover{text-decoration-color:var(--c-09);color:var(--c-09)}.link-grad-bg a:hover,.link-grad-bg a:focus-visible{text-decoration-color:var(--c-01)}.link-grad-bg a:visited,.link-grad-bg a:visited:hover{text-decoration-color:var(--c-13);color:var(--c-13)}.clipart-l-m:hover::before,.clipart-r-m:hover::before,.clipart-dt:hover::before,.clipart-l-m:focus-within::before,.clipart-r-m:focus-within::before,.clipart-dt:focus-within::before,.clipart-l-m:focus-visible::before,.clipart-r-m:focus-visible::before,.clipart-dt:focus-visible::before{visibility:visible}.clipart-l-m a:focus-visible,.clipart-r-m a:focus-visible,.clipart-dt a:focus-visible,.clipart-portrait a:focus-visible{display:block;border-radius:.125rem;outline:solid .125rem var(--c-13);outline-offset:.25rem}noscript .mod_quicknav button,noscript .mod_quicknav button:hover{width:10rem;margin:.375rem;padding:.125rem 1rem;cursor:pointer;background-color:var(--c-17)}.btn-scroll-to-top a:hover{opacity:1}.logo a:focus-visible,.btn-scroll-to-top a:focus-visible,.btn-contact a:focus-visible,.btn-read a:focus-visible,.btn-read-light a:focus-visible,.example-img a:focus-visible,.link a:focus-visible,.link-light a:focus-visible,.link-grad-bg a:focus-visible,.btn-module a:focus-visible,.contact-form button:focus-visible,.social a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.data-protection p:focus-visible,noscript .mod_quicknav button:focus-visible{border-radius:.5rem;outline:solid .125rem var(--c-13);outline-offset:.25rem;transition:none}.img-text-wrap-inverted .clipart-dt a:focus-visible,.img-text-wrap-inverted .clipart-r-m a:focus-visible,.img-text-wrap-inverted .link-light a:focus-visible,.img-text-wrap-darkgrey .clipart-dt a:focus-visible,.img-text-wrap-marginalia .clipart-l-m a:focus-visible,.img-text-wrap-marginalia .link-light a:focus-visible,.clipart-portrait a:focus-visible,.link-light a:focus-visible,.img-text-wrap-darkgrey .link-light a:focus-visible,footer .link-light a:focus-visible,footer .social a:focus-visible,.btn-scroll-to-top a:focus-visible,.btn-read-light a:focus-visible{opacity:1;outline-color:var(--c-01)}.btn-contact:hover,.btn-contact:focus-visible{transform:translate(-.0625rem,-.0625rem)}.btn-contact a:hover{padding:1rem;box-shadow:.375rem .375rem .375rem var(--c-18)}.link-light a:visited,.link-light a:visited:hover{text-decoration-color:var(--c-01);color:var(--c-01)}.logo a:focus-visible,.btn-scroll-to-top a:focus-visible,.link a:focus-visible,.link-light a:focus-visible,.link-grad-bg a:focus-visible,.social a:focus-visible{border-radius:.125rem}.link-grad-bg a:focus-visible,.btn-module a:focus-visible{outline:solid .125rem var(--c-01)}.btn-module a:focus-visible{border-radius:100%;outline-offset:-1rem}@media only screen and (prefers-color-scheme:dark){.logo a:focus-visible,.btn-scroll-to-top a:focus-visible,.btn-contact a:focus-visible,.btn-read a:focus-visible,.btn-read-light a:focus-visible,.example-img a:focus-visible,.link a:focus-visible,.link-light a:focus-visible,.link-grad-bg a:focus-visible,.btn-module a:focus-visible,.contact-form button:focus-visible,.social a:focus-visible,.clipart-l-m a:focus-visible,.clipart-r-m a:focus-visible,.clipart-dt a:focus-visible,.clipart-portrait a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.data-protection p:focus-visible,noscript .mod_quicknav button:focus-visible{outline-color:var(--c-04)}noscript .mod_quicknav button,noscript .mod_quicknav button:hover{color:var(--c-01);background-color:var(--c-16)}.link-grad-bg a:hover{text-decoration-color:var(--c-12)}.link a:visited,.link a:visited:hover,.btn-module a:visited,.btn-module a:visited:hover,.link-grad-bg a:visited,.link-grad-bg a:visited:hover{text-decoration-color:var(--c-04);color:var(--c-04)}.btn-contact a:hover{box-shadow:.375rem .375rem .375rem var(--c-16)}}.burger:focus,.mod_navigation a:focus,.mod_breadcrumb li a:focus,.toggle-submenu:focus{border-radius:.125rem;outline:.125rem solid var(--c-13);outline-offset:.25rem}.dash-2:hover{color:windowText}.mod_navigation li a:hover,.mod_navigation li strong{color:var(--c-01);background-color:var(--c-13)}.level_1>li>a:hover,.level_1>li>strong{color:var(--c-01)}.mod_navigation a:focus,.toggle-submenu:focus{border-radius:.5rem;outline-offset:-.25rem}.toggle-submenu,.trail .toggle-submenu:hover{float:right;width:2.5rem;height:2.5rem;margin:-2.6875rem .9375rem 0 .9375rem;padding:.3125rem;border:0;cursor:pointer;background-color:transparent;background-image:var(--plus-c-01);background-repeat:no-repeat;background-position:center center;background-size:2.25rem 2.25rem}.toggle-submenu:hover,.trail .toggle-submenu{background-image:var(--plus-c-02)}.toggle-submenu.minus:hover,.trail .toggle-submenu.minus{background-image:var(--minus-c-02)}.toggle-submenu.minus,.trail .toggle-submenu.minus:hover{background-image:var(--minus-c-01)}@media only screen and (prefers-color-scheme:dark){.burger:focus,.mod_navigation a:focus,.mod_breadcrumb li a:focus,.toggle-submenu:focus,.legend-content input:focus + label::before,.check-element input:focus + label::before{outline-color:var(--c-11)}.dash-2:hover{color:var(--c-01)}.mod_navigation li a:hover,.mod_navigation li strong{color:var(--c-02);background-color:var(--c-18)}.level_1>li>a:hover,.level_1>li>strong{color:var(--c-02)}.toggle-submenu,.trail .toggle-submenu:hover{background-image:var(--plus-c-03)}.toggle-submenu:hover,.trail .toggle-submenu{background-image:var(--plus-c-04)}.toggle-submenu.minus:hover,.trail .toggle-submenu.minus{background-image:var(--minus-c-04)}.toggle-submenu.minus,.trail .toggle-submenu.minus:hover{background-image:var(--minus-c-03)}}@media only screen and (min-width:48.0625rem){.level_1>li>a:hover,.level_1>li>strong{text-decoration-color:var(--c-09);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:.125rem;text-underline-offset:.5rem;color:var(--c-02);background-color:transparent}.level_1 button,.trail .toggle-submenu:hover{flex-shrink:0;margin:.3125rem .3125rem 0 0}.level_1>li.submenu:hover .level_2,.level_2>li.submenu:hover .level_3{opacity:1;visibility:visible;transition:all .3s ease}.toggle-submenu,.trail .toggle-submenu:hover{background-image:var(--arrow-c-01)}.toggle-submenu:hover,.trail .toggle-submenu{background-image:var(--arrow-c-02)}.toggle-submenu.minus:hover,.trail .toggle-submenu.minus{background-image:var(--arrow-c-02);transform:rotate(180deg)}.toggle-submenu.minus,.trail .toggle-submenu.minus:hover{background-image:var(--arrow-c-01);transform:rotate(180deg)}}@media only screen and (prefers-color-scheme:dark) and (min-width:48.0625rem){.level_1>li>a:hover,.level_1>li>strong{text-decoration-color:var(--c-04);color:var(--c-01)}.toggle-submenu,.trail .toggle-submenu:hover{background-image:var(--arrow-c-03)}.toggle-submenu:hover,.trail .toggle-submenu{background-image:var(--arrow-c-04)}.toggle-submenu.minus:hover,.trail .toggle-submenu.minus{background-image:var(--arrow-c-04);transform:rotate(180deg)}.toggle-submenu.minus,.trail .toggle-submenu.minus:hover{background-image:var(--arrow-c-03);transform:rotate(180deg)}}.legend-content input:focus + label::before,.check-element input:focus + label::before,.radio-element input:focus + label::before{outline:.125rem solid var(--c-06);outline-offset:.125rem}.link-bk-bg a:focus{outline-color:var(--c-11)}.teaser-wrap .btn-module a:focus{outline-color:var(--c-06);outline-offset:-.75rem}.acc summary:focus,.acc summary:hover,.tabs summary:focus,.tabs summary:hover{outline:solid .125rem var(--c-13);outline-offset:-.25rem}@media only screen and (prefers-color-scheme:dark){.acc summary:focus,.acc summary:hover,.tabs summary:focus,.tabs summary:hover{outline-color:var(--c-01)}.legend-content input:focus + label::before,.check-element input:focus + label::before,.radio-element input:focus + label::before{outline-color:var(--c-04)}}@media only screen and (min-width:48.0625rem){.tabs summary:hover,.tabs summary:focus{border:.0625rem solid transparent;outline-offset:-.4rem}}
 .sitemap-wrap{margin:0 2rem 2rem;border:solid .0625rem var(--c-14);border-radius:1rem}.mod_sitemap{overflow:visible}.mod_sitemap *{display:block;opacity:1;visibility:visible}.mod_sitemap ul,.mod_sitemap .level_2>li,.mod_sitemap .level_3>li{padding-inline-start:0;width:fit-content}.mod_sitemap li a{width:100%;margin:0 0 .5rem .5rem}.mod_sitemap .level_1>li{margin-bottom:2rem}.mod_sitemap .level_1>li.submenu .level_2,.mod_sitemap .level_2>li.submenu .level_3{margin:0}.mod_sitemap .level_1 li,.mod_sitemap .level_2 li,.mod_sitemap .level_3 li{display:list-item;background-color:transparent}.mod_sitemap ul.level_1 li::marker{content:"1\00A0"}.mod_sitemap ul.level_2 li::marker{content:"2\00A0"}.mod_sitemap ul.level_3 li::marker{content:"3\00A0"}.mod_sitemap li.submenu .level_2,.mod_sitemap li.submenu .level_3{position:relative}.mod_sitemap .toggle-submenu{display:none}.mod_sitemap .level_2 li:first-of-type,.mod_sitemap .level_3 li:first-of-type{border-top:0}.mod_sitemap .level_1>li>a{text-decoration-color:var(--c-13);color:var(--c-13)}@media only screen and (prefers-color-scheme:dark){.mod_sitemap .level_1>li>a{text-decoration-color:var(--c-04);color:var(--c-04)}}@media only screen and (min-width:48.0625rem){.sitemap-wrap{max-width:44.0625rem;height:fit-content;margin:0 auto 2rem}.mod_sitemap ul{padding-inline-start:2.5rem;margin-bottom:2rem}.mod_sitemap ul.level_1 li::marker{content:"1"}.mod_sitemap ul.level_2 li::marker{content:"2"}.mod_sitemap ul.level_3 li::marker{content:"3"}}