:root{--h1: 0;--s1: 0%;--l1: 100%;--h2: 140;--s2: 15%;--l2: 92%;--h3: 120;--s3: 48%;--l3: 55%;--h4: 219;--s4: 7%;--l4: 38%;--bg: white;--secondary: hsl(var(--h2), var(--s2), var(--l2));--secondary-alt: hsl(var(--h2), calc(var(--s2) - 2%), calc(var(--l2) + 5%));--secondary-alt2: hsl(var(--h2), calc(var(--s2) + 2%), calc(var(--l2) - 5%));--accent: hsl(var(--h3), var(--s3), var(--l3));--accent-alt: hsl(var(--h3), calc(var(--s3) + 6%), calc(var(--l3) + 10%));--accent-alt2: hsl(var(--h3), calc(var(--s3) + 5%), calc(var(--l3) - 10%));--fg: hsl(var(--h4), var(--s4), var(--l4));--fg-alt: hsl(var(--h4), calc(var(--s4) + 1%), calc(var(--l4) + 30%));--fg-alt2: hsl(var(--h4), calc(var(--s4) + 3%), calc(var(--l4) + 45%));--c-header-bg: rgba(230, 237, 233, .6);--c-header-fg: var(--fg-alt);--c-header-fg-hover: var(--fg);--c-header-fg-active: var(--fg-alt2);--c-mobile-menu-bg: var(--secondary-alt);--c-mobile-menu-fg: var(--fg-alt);--c-mobile-menu-fg-hover: var(--fg);--c-mobile-menu-fg-active: var(--fg-alt2);--c-footer-bg: var(--c-header-bg);--c-footer-fg: var(--c-header-fg);--c-footer-fg-hover: var(--c-header-fg-hover);--c-footer-fg-active: var(--c-header-fg-active);--c-vcard-bg: var(--bg-alt);--c-vcard-fg: var(--fg);--c-disabled: grey;--c-error: red}p{font-size:1.2rem}@media (max-width: 599px){p{font-size:1rem}}h1,h3{margin-top:0;line-height:1.1}h1{font-size:2.5rem;line-height:1;font-weight:700;text-transform:uppercase;padding-bottom:10px}@media (max-width: 599px){h1{font-size:2rem}}h2{margin-top:80px;font-size:3.8rem;line-height:.92;font-weight:700;color:var(--fg-alt);letter-spacing:5;padding-bottom:10px;line-height:1.2;text-align:center}@media (max-width: 1024px){h2{font-size:2.8rem}}@media (max-width: 599px){h2{font-size:2rem}}h2:after{border-bottom:3px solid var(--accent);display:block;content:"";width:160px;height:1px;margin:auto;padding-top:8px}@media (max-width: 1024px){h2:after{width:120px}}h3{font-size:1.8rem;font-weight:300;color:var(--fg-alt)}@media (max-width: 599px){h3{font-size:1.5rem;margin-bottom:8px}}a,a:visited{text-decoration:none;color:var(--accent)}a:hover{color:var(--accent-alt)}a:active{color:var(--accent-alt2)}.link{text-decoration:underline}.bold{font-weight:700}.text-invert{color:var(--bg)}section{margin:0 32px 64px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{scroll-behavior:smooth;scroll-padding-top:100px}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:soleil,sans-serif;font-weight:300;color:var(--fg)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{all:unset;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--font-inter: $MyFont}sup,sub{position:relative;vertical-align:baseline;top:-.4em}header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 2rem;background:var(--c-header-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:100}.header-logo{z-index:1000;height:48px;top:16px;left:32px;position:absolute;fill:var(--fg)}@media (max-width: 599px){.header-logo{height:42px}}.nav-links a{margin:0 1rem;color:var(--c-header-fg)}@media (max-width: 1024px){.nav-links a{color:var(--c-mobile-menu-fg);font-size:1.5rem}}.nav-links a:hover{color:var(--c-header-fg-hover)}@media (max-width: 1024px){.nav-links a:hover{color:var(--c-mobile-menu-fg-hover)}}header .nav-btn{width:30px;height:30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;padding:5px;cursor:pointer;transition:background-color .3s;position:absolute;top:16px;right:32px;z-index:1000}.bar1,.bar2,.bar3{width:30px;height:2px;background:var(--fg);transition:.3s}.open .bar1{transform:rotate(-45deg) translate(-6px,6px)}.open .bar2{opacity:0}.open .bar3{transform:rotate(45deg) translate(-6px,-6px)}header nav{position:fixed;top:-100vh;left:0;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--c-mobile-menu-bg);transition:1s;color:var(--c-mobile-menu-fg)}.responsive_nav{transform:translateY(100vh)}.vcard{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--c-vcard-fg);background:var(--c-vcard-bg)}.profile-image{width:180px;height:180px;border-radius:100%;box-shadow:4px 4px 12px #0006;margin-bottom:8px}.vcard p{text-align:center;margin:8px 0;max-width:85%}.disclaimer{font-size:.9rem;width:80%;max-width:500px}.cards{display:flex;justify-content:center;flex-direction:row;gap:24px}.accent{background:var(--accent);color:var(--bg)}.secondary{background:var(--secondary);color:var(--fg)}.btn{background:var(--accent);color:var(--bg);margin:16px 16px 16px 0;padding:4px 16px 8px;font-size:1.2rem;font-weight:500;border-radius:72px;border:2px solid;background:#fff3;color:var(--accent);box-shadow:2px 2px 6px #0003;border-color:var(--accent)}.btn:hover{background:var(--accent);color:var(--bg);box-shadow:2px 2px 6px #0003}.btn:active{background:var(--accent-alt2)}.footer{width:100%;min-height:80px;background:var(--c-footer-bg);display:flex;justify-content:center;align-items:center}.footer-button{all:unset;margin:0 8px;color:var(--c-footer-fg);letter-spacing:1px;font-size:.9rem;cursor:pointer}.footer-button:hover{color:var(c-footer-fg-hover)}.footer-button:active{color:var(c-footer-fg-active)}.legal h2{font-weight:700;font-size:1.6rem;margin-top:40px}.legal h3{font-weight:700;font-size:1rem;text-transform:uppercase;margin-top:24px}.legal p{font-size:1rem}.modal,.modal-overlay{width:100vw;height:100vh;top:0;left:0;bottom:0;right:0;position:fixed}.modal{z-index:100}.modal-overlay{background:#0009;z-index:98}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--secondary-alt);padding:14px 28px;border-radius:16px;box-shadow:4px 4px 12px #0006;width:90%;height:90vh;overflow:scroll;z-index:99}.close-modal{all:unset;position:absolute;top:16px;right:16px;color:var(--fg);font-size:20px;cursor:pointer}.close-modal:hover{color:var(--fg-alt)}body.active-modal{overflow-y:hidden}.scroll-button{position:absolute;top:98svh;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);color:var(--fg-alt)!important;letter-spacing:.1em;text-decoration:none;transition:opacity .3s;padding-top:60px}@media (max-width: 599px){.scroll-button{display:none}}.scroll-button:hover{opacity:.5;color:var(--fg-alt)}.scroll-button span{position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:2px solid var(--fg-alt);border-radius:50px;box-sizing:border-box}.scroll-button span:before{position:absolute;top:10px;left:50%;content:"";width:6px;height:6px;margin-left:-3px;background-color:var(--fg-alt);border-radius:100%;-webkit-animation:sdb10 2s infinite;animation:sdb10 2s infinite;box-sizing:border-box}@-webkit-keyframes sdb10{0%{-webkit-transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,20px);opacity:0}to{opacity:0}}@keyframes sdb10{0%{transform:translate(0);opacity:0}40%{opacity:1}80%{transform:translateY(20px);opacity:0}to{opacity:0}}.section-margin-top{margin-top:120px}@media (max-width: 599px){.section-margin-top{margin-top:80px}}.background{width:100%;height:100vh;position:fixed;z-index:-1;background-image:url(../img/itz-bg-dark.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}#intro{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/assets/itz-bg-BLjepe_6.jpg) no-repeat bottom center;background-size:cover}@media (max-width: 1024px){#intro{background:url(/assets/itz-bg-m-CSyflFFt.jpg) no-repeat center;background-size:cover}}@media (max-width: 599px){#intro{height:auto}}.intro-cards{display:flex;justify-content:center}@media (min-width: 1025px){.intro-cards{flex-direction:row;gap:-24px}}@media (max-width: 1024px){.intro-cards{flex-direction:column;gap:16px}}@media (max-width: 599px){.intro-cards{margin-top:100px}}.intro-card{border-radius:16px;background:#e8eeea4d;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:32px 24px}@media (min-width: 1025px){.intro-card{margin-left:-32px;margin-right:-32px;transform:scale(.8);opacity:.7;cursor:pointer;transition:all .8s ease}}@media (max-width: 1024px){.intro-card{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}.intro-card:hover{opacity:1}.intro-card-active{transform:scale(1);z-index:2;box-shadow:4px 4px 12px #0006;opacity:1}@media (max-width: 1024px){.intro-card{display:flex;justify-content:center;align-items:center;flex-direction:row}}@media (max-width: 599px){.intro-card{display:flex;justify-content:center;align-items:center;flex-direction:column}}@media (max-width: 1024px){.intro-card-headline{margin-right:24px}}@media (max-width: 599px){.intro-card-headline{margin-right:0}}.intro-card img{border-radius:100%;width:240px;height:240px;margin:auto auto -64px;box-shadow:4px 4px 12px #0006}@media (max-width: 1024px){.intro-card img{width:160px;height:160px}}@media (max-width: 1024px){.intro-card h2{font-size:1.8rem}}.intro-card p{margin:auto;max-width:400px}.profile-image{margin:-100px auto -64px}@media (max-width: 599px){.profile-image{margin-top:0}}.two-column-text{margin:24px auto;padding:0 32px;-webkit-hyphens:auto;hyphens:auto;text-align:justify}@media (min-width: 600px){.two-column-text{column-count:2;column-gap:32px;max-width:1064px}}.leistungen-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:32px;margin-top:32px}.leistungen-card{background:var(--secondary-alt);border-radius:16px;width:40%;padding:24px;display:flex;flex-direction:row;box-shadow:2px 2px 6px #0003}@media (max-width: 1439px){.leistungen-card{width:calc(50% - 40px)}}@media (max-width: 1024px){.leistungen-card{flex-direction:column;width:calc(50% - 40px)}}@media (max-width: 599px){.leistungen-card{width:calc(100% - 40px)}}.leistungen-card img{border-radius:16px;width:240px;height:240px;margin-right:24px}@media (max-width: 1024px){.leistungen-card img{width:500px;height:240px;object-fit:cover;margin-bottom:24px}}.leistungen-card p{color:var(--fg-alt);-webkit-hyphens:auto;hyphens:auto}#service p{text-align:center;width:80%;max-width:600px;margin:8px auto auto}.service-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;margin-top:64px}.service-card{text-align:center;width:220px;margin:24px 0}@media (max-width: 599px){.service-card{width:calc(50% - 40px);margin:8px 0 0}}.service-card p{font-size:1rem}@media (max-width: 599px){.service-card p{font-size:.8rem;white-space:nowrap}}.service-icon{border-radius:100%;width:72px;height:72px;padding:4px;border:2px solid var(--accent);margin:auto}#verkauf{display:flex;justify-content:center;align-items:center;justify-content:flex-start;margin:64px 32px;gap:32px}@media (max-width: 599px){#verkauf{flex-direction:column}}#verkauf img{border-radius:16px;width:60%;height:800px;object-fit:cover}@media (max-width: 599px){#verkauf img{width:100%;height:300px;margin:32px}}#verkauf p{margin-bottom:16px;font-size:1rem;line-height:1.5rem;max-width:500px;-webkit-hyphens:auto;hyphens:auto;text-align:justify}#verkauf h2{text-align:left;margin-top:0}@media (max-width: 599px){#verkauf h2{margin-top:-48px}}#verkauf h2:after{text-align:left;margin-left:0}#contact{padding-left:20%;padding-top:80px;background-image:url(/assets/thomas-zgraja-itz-kOBe51Gx.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-position:top right;width:100%;height:100vh}@media (max-width: 1024px){#contact{padding-left:32px;background:url(/assets/thomas-zgraja-itz-m-C91QWbmv.jpg) center center;background-size:cover}}#contact p{margin-bottom:16px}#contact h2{text-align:left}#contact h2:after{text-align:left;margin-left:0}
