:root{--color-black:#000;--color-white:#fff;--color-main:#303030;--color-gray-light:#eee;--color-gray-text:#888;--border-dark:#ccc;--border-light:#f5f5f5;--default-shadow:0 1px 3px rgba(0,0,0,0.13);--anim-color-1:#1e90ff;--anim-color-2:#32cd32;--anim-color-3:#ffd700;--anim-color-4:#ec5800;--anim-color-5:#dc143c;--anim-color-6:#9932cc;--anim-fallback:#1F47A3;--space-lg:3em;--space-md:1.5em}*,*::before,*::after{box-sizing:border-box}html{animation:bgcolor 25s infinite alternate}body{display:flex;flex-direction:column;min-height:calc(100vh - (var(--space-lg) * 2));width:calc(100% - (var(--space-lg) * 2));max-width:896px;margin:var(--space-lg) auto;background:transparent;color:var(--color-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;line-height:1.5;overflow-wrap:break-word}main{flex-grow:1}h1{margin:24px 0 1em 0;padding:0 0 7px 0;border-bottom:1px solid var(--border-dark);color:var(--color-black);font-size:24px}h2{font-size:1.2em;margin-top:1.5em;border-bottom:none;padding-bottom:0}h3{font-size:1.0em;font-weight:bold;color:var(--color-black);margin-top:1.8em;margin-bottom:0.4em}a{text-decoration:none;animation:color-change 25s infinite alternate}a:hover{background:linear-gradient(to bottom,var(--color-main) 0%,var(--color-main) 100%);background-position:0 100%;background-repeat:repeat-x;background-size:1px 1px;color:var(--color-main);transition:background-size .2s}a:focus-visible,.menu-button:focus-visible,.service-card:focus-visible{outline:2px solid var(--anim-color-1);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes bgcolor{0%{background-color:var(--anim-color-1)}20%{background-color:var(--anim-color-2)}40%{background-color:var(--anim-color-3)}60%{background-color:var(--anim-color-4)}80%{background-color:var(--anim-color-5)}100%{background-color:var(--anim-color-6)}}@keyframes color-change{0%{color:var(--anim-color-1)}20%{color:var(--anim-color-2)}40%{color:var(--anim-color-3)}60%{color:var(--anim-color-4)}80%{color:var(--anim-color-5)}100%{color:var(--anim-color-6)}}.logo-box,.content-box,.footer-box,.text-card{background:var(--color-white);box-shadow:var(--default-shadow)}.logo-box{position:relative;padding:2.5em var(--space-lg)}.logo-box::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--border-dark)}.logo-container{display:flex;align-items:center;justify-content:center;gap:40px;margin:0 auto}.logo-wrapper{display:flex;align-items:center;justify-content:center}.logo-wrapper a{display:block;width: 100%}.logo-wrapper a:hover{background:none}.responsive-logo{display:block;margin:0 auto}.logo-wrapper:first-child .responsive-logo{width:136px;height:auto}.logo-wrapper:last-child .responsive-logo{width:256px;height:auto}.divider{flex-shrink:0;width:1px;height:128px;background-color:var(--border-dark)}.menu-button{display:none}.nav-bar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;height:3em;margin-bottom:var(--space-lg);background-color:var(--color-white)}.nav-mobile-header{display:flex;height:100%}.nav-links{display:flex;flex:1;height:100%}.nav-button{position:relative;z-index:1;display:flex;flex:1;align-items:center;justify-content:center;background-color:var(--color-white);color:var(--color-main);font-weight:500;font-size:0.95em;transition:color 0.15s ease}.home-btn{flex:0 0 3em;width:3em;padding:0}.home-icon{width:1.3em;height:1.3em}.nav-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;animation:bgcolor 25s infinite alternate;transition:opacity 0.2s ease}.nav-bar .nav-button{animation:none}.nav-bar .nav-button:hover{background-color:transparent;background-image:none;color:var(--color-black)}.nav-bar .nav-button:hover::before{opacity:1}.nav-bar .nav-button.active{color:var(--color-black);text-shadow:0.3px 0 0 var(--color-black),-0.3px 0 0 var(--color-black)}.nav-bar .nav-button.active::after{content:'';position:absolute;bottom:0;left:0;right:0;z-index:2;height:5px;animation:bgcolor 25s infinite alternate}.content-box{padding:var(--space-md) var(--space-lg) var(--space-lg) var(--space-lg);margin-bottom:var(--space-lg)}.text-card{padding:var(--space-lg)}.content-box ul{padding-left:1.5em}.content-box li,.text-card li{margin-bottom:0.6em}.content-box li:last-child,.text-card li:last-child{margin-bottom:0}.text-card h2{margin-top:0}.text-card ul{list-style-type:none;padding-left:0;margin-bottom:0}.source-link{text-align:right;margin-top:2em;font-size:0.9em;color:var(--color-gray-text)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}.service-tile{position:relative;min-height:320px;background-color:var(--color-white);box-shadow:var(--default-shadow);border:10px solid var(--color-white);overflow:hidden}.service-card{list-style:none;cursor:pointer;display:block;position:absolute;inset:0;z-index:2}.service-card::marker,.service-card::-webkit-details-marker{display:none}.service-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity 0.5s ease,transform 0.5s ease}.service-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 60%);z-index:2;transition:opacity 0.5s ease}.service-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;height:100%}.service-title{position:absolute;top:calc(100% - 1.5em);transform:translateY(-100%);left:1.5em;right:1.5em;width:max-content;max-width:calc(100% - var(--space-lg));margin:0 auto;color:var(--color-black);text-align:center;background-color:rgba(255,255,255,0.85);padding:0.2em 0.6em;transition:top 0.5s ease,transform 0.5s ease,color 0.5s ease,border-color 0.5s ease,background-color 0.5s ease,padding 0.5s ease;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:clamp(1.2rem,3.5vw,1.5rem)}.service-text-wrapper{position:absolute;top:max(5.5em,calc(10em - 10vw));left:0;right:0;bottom:0;z-index:3;padding:1.5em 1.5em 0 1.5em;border-bottom:0.5em solid transparent;pointer-events:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.3) transparent}.service-text-wrapper::-webkit-scrollbar{width:6px}.service-text-wrapper::-webkit-scrollbar-track{background:transparent}.service-text-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.3);border-radius:10px}.service-text{color:var(--color-main)}.service-text p{margin:0}details[open].service-tile .service-img{opacity:0.08;transform:scale(1.05)}details[open].service-tile .service-gradient{opacity:0}details[open].service-tile .service-title{top:0.3em;transform:translateY(0);color:var(--color-main);background-color:transparent;padding:0 0 0.5em 0;border-bottom:2px solid var(--color-main)}details[open].service-tile .service-text-wrapper{animation:fadeInSlideUp 0.5s ease forwards;pointer-events:auto}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}.full-width-image-container{width:100%;height:320px;margin-bottom:var(--space-lg);background-color:var(--color-white);box-shadow:var(--default-shadow);border:10px solid var(--color-white);overflow:hidden}.full-width-image{width:100%;height:100%;object-fit:cover;display:block}.map-link-wrapper{display:block;margin-top:2em;text-decoration:none}.map-link-wrapper:hover{background:none}.map-container{position:relative;width:100%;height:350px;background-color:var(--color-gray-light);box-shadow:var(--default-shadow);overflow:hidden}.map-image{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.map-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.4s ease}.map-link-wrapper:hover .map-image{transform:scale(1.05)}.map-link-wrapper:hover .map-overlay{opacity:1}.map-button{background:var(--color-white);color:var(--color-main);padding:0.8em 1.5em;font-weight:500;font-size:1.1em;box-shadow:var(--default-shadow)}.map-copyright{text-align:right;font-size:0.8em;color:var(--color-gray-text);margin-top:0.5em}.footer-box{display:flex;justify-content:space-between;align-items:flex-end;padding:2em var(--space-lg);font-size:0.9em}.footer-contact{text-align:left;font-style:normal}.footer-links{text-align:right}@media (max-width:640px){body{width:calc(100% - min(var(--space-md) * 2,16vw));margin:var(--space-md) auto}.logo-box{padding:var(--space-md) min(var(--space-md),8vw)}.logo-container{flex-direction:column;gap:20px}.divider{width:40%;height:min(1px,0.4vw);margin:min(5px,2vw) auto}.logo-wrapper{width:100%}.logo-wrapper:first-child .responsive-logo{width:100%;max-width:min(60%,136px)}.logo-wrapper:last-child .responsive-logo{width:100%;max-width:min(85%,224px)}.nav-bar{height:auto;flex-direction:column;align-items:stretch;margin-bottom:var(--space-md)}.nav-mobile-header{position:relative;display:flex;width:100%;z-index:2;background-color:var(--color-white);box-shadow:var(--default-shadow);transition:box-shadow 0.2s ease}.nav-bar .menu-toggle:checked + .nav-mobile-header{box-shadow:none}.menu-toggle:focus-visible + .nav-mobile-header .menu-button{outline:2px solid var(--anim-color-1);outline-offset:-4px}.nav-bar .nav-mobile-header .home-btn{display:flex;align-items:center;justify-content:center;flex:0 0 4em;height:auto;border:none;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.nav-bar .nav-mobile-header .home-btn .home-icon{width:1.3em;height:1.3em}.nav-bar .nav-mobile-header .home-btn.active::after{content:'';position:absolute;top:0;left:0;bottom:-1px;right:auto;z-index:3;width:5px;height:auto;animation:bgcolor 25s infinite alternate}.menu-button{display:flex;flex:1;align-items:center;justify-content:center;padding:1em;background-color:var(--color-white);color:var(--color-main);font-weight:500;font-size:0.95em;cursor:pointer;user-select:none;position:relative;border-bottom:1px solid var(--border-light)}.menu-button::after{content:'';display:block;flex:0 1 4em}.burger-icon{font-size:1.3em}.nav-links{flex-direction:column;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:max-height 0.4s ease,opacity 0.3s ease,visibility 0s 0.4s}.menu-toggle:checked ~ .nav-links{max-height:500px;opacity:1;visibility:visible;box-shadow:var(--default-shadow);transition:max-height 0.4s ease,opacity 0.4s ease,visibility 0s 0s}.nav-button{width:100%;height:auto;padding:1em var(--space-md);justify-content:flex-start;border-bottom:1px solid var(--border-light)}.nav-button:last-child{border-bottom:none}.nav-button::before{bottom:-1px;height:auto}.nav-button:last-child::before{bottom:0}.nav-bar .nav-links .nav-button.active::after{top:0;bottom:-1px;left:0;right:auto;width:5px;height:auto;animation:bgcolor 25s infinite alternate}.nav-bar .nav-links .nav-button:last-child.active::after{bottom:0}.text-card,.content-box,.full-width-image-container{padding:var(--space-md) min(var(--space-md),8vw)}.full-width-image-container{padding:0}.content-box,.full-width-image-container{margin-bottom:var(--space-md)}.footer-box{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-md)}.footer-contact,.footer-links{width:100%;overflow-wrap:anywhere;word-break:break-word}.services-grid{grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-md)}details[open].service-tile{height:auto}details[open].service-tile .service-text-wrapper{position:relative;top:auto;bottom:auto;overflow-y:visible}details[open].service-tile .service-text{margin-top:max(3.2em,calc(180px - 30vw))}}@media (prefers-color-scheme:dark){:root{--color-white:#303030;--color-main:#f5f5f5;--color-black:#f5f5f5;--border-dark:#555555;--border-light:#444444;--color-gray-light:#222222;--color-gray-text:#aaaaaa;--anim-color-1:#1565C0;--anim-color-2:#1F47A3;--anim-color-3:#4527A0;--anim-color-4:#880E4F;--anim-color-5:#ba0c0c;--anim-color-6:#BF360C}.logo-wrapper:last-child .responsive-logo{content:url("img/maler-heller-schriftzug-dark.svg")}.service-title{background-color:rgba(51,51,51,0.85)!important}.service-text-wrapper{scrollbar-color:rgba(245,245,245,0.3) transparent!important}.service-text-wrapper::-webkit-scrollbar-thumb{background-color:rgba(245,245,245,0.3)!important}main a:not(.map-link-wrapper),footer a{filter:brightness(1.2) saturate(1.05)}}@media (prefers-reduced-motion:reduce){html{animation:none;background-color:var(--anim-fallback)}a,.nav-button::before,.nav-bar .nav-button.active::after,.nav-bar .nav-mobile-header .home-btn.active::after,.nav-bar .nav-links .nav-button.active::after{animation:none}a{color:#ba0c0c}}