:root{--brown: #453636;--brown-gradient: linear-gradient(45deg, #453636 0%, #2E2424 100%);--green: #124632;--green-gradient: linear-gradient(45deg, #124632 0%, #0D3123 100%);--champagne: #ede6df;--champagne2: #e5dcd2;--champagne3: #f6f1ed;--white: #FFFFFF;--lightgrey: #DAD8D2;--black: #161412;--darkgrey: #4e4d4b;--c-interactive: var(--champagne);--c-hover: var(--champagne2);--c-active: var(--champagne);--c-disabled: var(--lightgrey);--c-accent: var(--champagne);--c-secondary: var(--green);--c-secondary2: var(--brown);--c-text: var(--black);--c-text2: var(--darkgrey);--c-text-invert: var(--white);--c-text2-invert: var(--lightgrey);--c-bg: var(--champagne);--c-bg-lighter: var(--champagne);--c-bg-darker: var(--champagne)}html,body{scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:futura-pt,sans-serif;font-weight:300;color:var(--c-text)}.desktop-visible{display:block}@media (max-width: 1024px){.desktop-visible{display:none}}.mobile-visible{display:none}@media (max-width: 599px){.mobile-visible{display:block}}p{font-size:1.2rem}@media (max-width: 599px){p{font-size:1rem}}.bold{font-weight:700}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{font-size:4rem;line-height:.92;font-family:miller-banner,serif;font-weight:800;letter-spacing:5;padding-bottom:10px;line-height:1.2}@media (max-width: 599px){h2{font-size:2rem}}.headline{text-transform:uppercase;text-align:center;letter-spacing:3px;word-spacing:5px;margin-top:80px}@media (max-width: 599px){.headline{margin-top:48px}}h3{font-size:1.4rem;text-transform:uppercase}@media (max-width: 599px){h3{font-size:1rem}}a,a:visited{text-decoration:none;color:var(--c-interactive)}a:active{color:var(--c-active)}a:hover{color:var(--c-hover)}.link{text-decoration:underline}section{margin:20px}.bg-img{background-size:cover;background-repeat:no-repeat;background-position:center}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{scroll-behavior:smooth;height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:futura-pt,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}.vcard{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--c-text-invert)}.bg-secondary{background:var(--green)}.bg-secondary2{background:var(--brown)}.profile-image{width:180px;height:180px;border-radius:100%;box-shadow:#00000059 4px 8px 16px;margin-bottom:8px}.vcard p{text-align:center;margin:8px 0;max-width:85%}.disclaimer{font-size:.9rem;width:80%;max-width:500px}.navbar-icons{width:42px;height:42px;margin-bottom:-8px}@media (max-width: 599px){.navbar-icons{width:36px;height:36px}}header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;height:92px;padding:0 2rem;background:var(--green);z-index:900}@media (max-width: 599px){header{height:80px}}.header-logo{z-index:1000;height:60px;top:16px;left:24px;position:absolute}@media (max-width: 599px){.header-logo{height:36px}}.nav-links a{margin:0 1rem;color:var(--c-text-invert)}@media (max-width: 1024px){.nav-links a{color:var(--c-text);font-size:1.5rem}}.nav-links a:hover{color:var(--c-interactive)}@media (max-width: 1024px){.nav-links a:hover{color:var(--c-text2)}}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:24px;visibility:hidden;opacity:0;z-index:1000}@media (max-width: 1024px){header .nav-btn{visibility:visible;opacity:1}}header nav{display:flex;align-items:center;position:absolute;top:16px;right:24px}@media (max-width: 1024px){header nav{position:fixed;top:-100vh;left:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background-color:var(--c-bg);transition:1s;color:var(--c-text)}}.main-nav{z-index:1000;position:absolute;top:16px;right:32px;display:flex;gap:32px}@media (max-width: 599px){.main-nav{right:20px;top:8px;font-size:.9rem}}.main-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px}@media (max-width: 599px){.main-nav-link{width:48px}}.main-nav a{color:var(--champagne)}.main-nav a:hover{color:var(--white)}.main-nav a.active{font-weight:700;color:var(--champagne2);text-decoration:underline}.title{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto;width:100%;height:100vh;background-image:url(/assets/schwarzwald-bg-zgraja-immobilien-C_o6i6wu.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}@media (max-width: 599px){.title{background-image:url(/assets/schwarzwald-bg-zgraja-immobilien-m-D074hjjY.jpg)}}.title img{width:70%;max-width:480px;margin-bottom:40px}.title p{font-size:1.2rem;font-weight:500;letter-spacing:2px;color:var(--white);margin-top:24px;text-align:center;max-width:80%}@media (max-width: 599px){.title p{font-size:1rem}}.intro-text{text-align:justify;margin:80px auto;padding:32px;max-width:1200px}@media (min-width: 600px){.intro-text{column-count:2;column-gap:32px}}.logo{position:absolute;top:16px;left:24px}.videos{display:flex;flex-direction:row;margin:0 32px 160px;gap:32px;justify-content:center}@media (max-width: 599px){.videos{flex-direction:column}}.video h3{margin-top:16px;font-weight:300}.btn{all:unset;font-weight:700;padding:8px 16px;margin:16px;background:transparent;border:solid 1px;border-color:var(--c-interactive);border-radius:50px;color:var(--c-interactive);cursor:pointer;box-shadow:#00000059 0 6px 16px}.btn:hover{border-color:var(--c-hover);color:var(--c-text);background-color:var(--c-hover)}.btn:active{border-color:var(--c-active);color:var(--c-text);background-color:var(--c-active)}.send-btn{border:1px solid var(--green);background:transparent;margin-left:0;color:var(--green)}.send-btn:hover{border:1px solid var(--green);background:var(--green);color:var(--white)}.footer{width:100%;min-height:80px;background:var(--champagne3);display:flex;justify-content:space-between;align-items:center;padding-left:32px;padding-right:32px}@media (max-width: 599px){.footer{padding-left:24px;padding-right:24px}}.footer-button{all:unset;margin:0 8px;color:var(--black);text-decoration:underline;letter-spacing:2px;font-size:.9rem;cursor:pointer}.footer-button:hover{color:var(--green)}.social-media img{height:32px;display:inline-block;margin-right:32px}@media (max-width: 599px){.social-media img{margin-right:20px;height:28px}}.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:1000}.modal-overlay{background:#0009;z-index:98}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--champagne);padding:14px 28px;width:90%;height:90vh;overflow:scroll;z-index:99}.close-modal{all:unset;position:absolute;top:16px;right:16px;color:var(--black);font-size:20px;cursor:pointer}.close-modal:hover{color:var(--black)}body.active-modal{overflow-y:hidden}.scroll-button{position:absolute;top:90vh;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);color:#fff;letter-spacing:.1em;text-decoration:none;transition:opacity .3s;padding-top:60px}.scroll-button:hover{opacity:.5}.scroll-button span{position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:2px solid #fff;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:#fff;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}}.my-form{padding:5%;margin:20px;background-color:var(--champagne)}form p{max-width:700px}@media (min-width: 1025px){.form-container{display:flex;flex-direction:column;gap:5%}}label{display:block;padding:24px 0 4px;font-weight:700}select,input,textarea{all:unset;background-color:#fff;color:var(--selected);width:300px;border-radius:6px;display:inline-block;line-height:24px;padding:6px 8px;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto}.message{height:128px}.disclaimer{margin-top:32px;font-size:.8rem;max-width:300px}.bewertung-iframe{width:100%;height:80%;box-shadow:#00000059 4px 8px 16px}.test-section-header{display:flex;justify-content:center;align-items:center;margin:auto;width:100%;height:100vh;background-image:url(../img/surfer.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.test-section{height:100vh;display:flex;justify-content:center;align-items:center;max-width:500px;margin:auto}.services{display:flex;flex-wrap:wrap;margin:128px 24px}@media (max-width: 599px){.services{margin:24px}}.service{width:25%;text-align:center;display:flex;flex-direction:column;align-items:center;padding:24px;margin-bottom:24px}@media (max-width: 599px){.service{width:100%}}.service h3{color:var(--green);font-weight:500;text-align:center}.service p{margin-bottom:8px}.service-icon{color:var(--green);background:var(--champagne);width:80px;height:80px;border-radius:100%;padding:8px;margin-bottom:16px}.partner-section{background:var(--champagne3);margin:32px;padding-top:4px;padding-bottom:4px}.partners{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:64px;margin-bottom:80px}.partner img{max-width:280px;margin:auto}.partner{text-align:center;margin-bottom:40px}.partner a{color:var(--darkgrey);font-size:1.2rem}.partner a:hover{color:var(--green)}.bewertungen-container{color:var(--white);padding-top:4px;margin:32px;text-align:center}@media (min-width: 600px){.bewertungen-container{position:sticky;top:120px}}@media (max-width: 599px){.bewertungen-container{background-image:url(/assets/baden-baden-zgraja-m-GL_Iumqk.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;margin:0;position:relative;z-index:-4}}.bewertungen-bg{width:100%;height:100%;background:#1a1616;opacity:.85;mix-blend-mode:multiply;position:absolute;top:0;left:0;z-index:-3}@media (max-width: 599px){.bewertungen-bg{margin:24px;width:calc(100% - 48px);height:calc(100% - 48px)}}.stars{margin-left:auto;margin-right:auto;margin-bottom:40px;height:32px}.bewertungen-container h3{text-align:center;margin-top:8px;margin-bottom:24px}.bewertungen{display:flex;flex-direction:row;gap:3%;padding:32px 32px 80px;justify-content:center}@media (max-width: 599px){.bewertungen{flex-direction:column}}.bewertung{max-width:30%;text-align:justify;color:var(--white)}@media (max-width: 599px){.bewertung{width:85%;max-width:85%;margin:auto}}.bewertung img{width:64px;margin:24px auto}@media (max-width: 599px){.bewertung img{width:48px;margin-top:40px;margin-bottom:12px}}@media (max-width: 599px){.bewertungen-container h3{max-width:80%;margin-left:auto;margin-right:auto}}.baden{width:100%;min-height:100vh;background-image:url(/assets/baden-baden-zgraja-dZPRBqOV.jpg);background-position:center bottom;background-size:100% auto;background-repeat:no-repeat}@media (max-width: 599px){.baden{display:none}}.contact-title{margin-top:80px;width:100%;height:100vh;background-image:url(/assets/zgraja-D7ajOBXk.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-position:left}@media (max-width: 1024px){.contact-title{width:100%;height:100vh;background-image:url(/assets/zgraja-t-B8JU9AW2.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}}@media (max-width: 599px){.contact-title{width:100%;height:100vh;background-image:url(/assets/zgraja-m-BROfHmk6.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}}.contact-title div{text-align:right;padding:160px 32px 0 0}@media (max-width: 1024px){.contact-title div{padding:80px 32px 0}}@media (max-width: 599px){.contact-title div{padding:48px 32px 0}}.contact-title h2{font-size:3.5rem;color:var(--champagne);text-shadow:rgba(0,0,0,.35) 4px 8px 16px}@media (max-width: 599px){.contact-title h2{font-size:1.8rem}}.contact-title img{width:120px;margin-left:auto;margin-right:0;margin-bottom:16px;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222)}@media (max-width: 599px){.contact-title img{width:64px;margin-bottom:8px}}.contacts{display:flex;justify-content:center}@media (max-width: 599px){.contacts{flex-direction:column}}.contact{color:var(--white);text-align:center;width:50%;max-width:640px;margin:64px 32px}@media (max-width: 599px){.contact{width:100%;margin:0}}.contact h2{text-transform:uppercase;font-size:2.8rem;letter-spacing:3px;word-spacing:5px;margin-top:16px}.contact-border{border:1px solid var(--champagne2);margin:24px;padding:24px 24px 40px;height:calc(100% - 48px)}.contact img{width:240px;border-radius:100%;margin:auto;box-shadow:#00000059 4px 8px 16px}.contact-icon{width:24px;display:inline-block;margin-right:8px;transform:translateY(8px);color:var(--champagne)}.thomas{background:var(--green-gradient)}.mirell{background:var(--brown-gradient)}.contact-details{margin-bottom:40px}.contact-details a{line-height:.5;display:block;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--champagne2);color:var(--champagne);font-size:1.2rem}.contact-border p{margin-top:40px}.immobilien-title{margin-top:80px;width:100%;height:100vh;background-image:url(/assets/immobilienangebote-BLFQibFN.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.immobilien-title div{text-align:right;padding:160px 32px 0}@media (max-width: 599px){.immobilien-title div{padding:48px 32px 0}}.immobilien-title h2{font-size:3.5rem;color:var(--black)}@media (max-width: 599px){.immobilien-title h2{-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}}.immobilien{display:flex;flex-wrap:wrap;gap:24px;margin-top:80px;margin-bottom:80px;justify-content:center}.immobilien-card{width:30%;background:var(--champagne3);padding:16px;position:relative}@media (max-width: 1024px){.immobilien-card{width:45%}}@media (max-width: 599px){.immobilien-card{width:100%;margin-left:24px;margin-right:24px}}.immobilien-border{border:1px solid var(--champagne2);padding:20px 20px 104px;height:100%}.immobilien-card h3{text-transform:none;color:var(--darkgrey)}.city{color:var(--darkgrey)}.immobilien-card img{width:100%;height:400px;object-fit:cover;margin-bottom:16px}.immobilien-card:hover{box-shadow:#00000059 4px 8px 16px}.blog{display:flex;flex-wrap:wrap;gap:24px;margin-top:80px;margin-bottom:80px;justify-content:center}.blog .immobilien-card{width:30%;max-width:320px;background:var(--champagne3);padding:16px;position:relative}@media (max-width: 1024px){.blog .immobilien-card{width:45%;max-width:45%}}@media (max-width: 599px){.blog .immobilien-card{width:100%;max-width:100%;margin-left:24px;margin-right:24px}}.blog .immobilien-border{border:1px solid var(--champagne2);padding:20px 20px 24px;height:100%}.blog .immobilien-card h3{text-transform:none;color:var(--black);margin-top:8px}.blog .city{color:var(--darkgrey)}.blog .immobilien-card img{width:100%;height:400px;object-fit:cover;margin-bottom:16px}.blog .immobilien-card:hover{box-shadow:#00000059 4px 8px 16px;transform:scale(1.012);transition:all .3s ease-in-out}.lowercase{text-transform:lowercase}.stats{position:absolute;bottom:24px;margin-top:24px;font-weight:700;color:var(--green);font-size:1.2rem}.propstack-link{z-index:10;pointer-events:all}.mobile-footer{display:none;background:var(--champagne3);padding-top:24px;text-align:center}@media (max-width: 1024px){.mobile-footer{display:block}}.beratung-title{margin-top:80px;width:100%;height:30vh}.form-title{font-size:1.6rem}.beratung{background-image:url(/assets/zgraja-immobilien-beratung-BeMe1-BJ.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.vermittlung{background-image:url(/assets/zgraja-immobilien-vermittlung-D-4ZjBvE.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}