:root{--red: $red;--gray: $gray}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Rubrik", sans-serif;text-align:center;color:#636363}body,html{margin:0;padding:0}h1{color:#c0272d;font-size:3rem;font-size:clamp(1.66rem, 8vw, 3rem);margin-bottom:.25em;font-weight:500}h2{font-size:2rem;font-size:clamp(1.33rem, 6vw, 2rem);font-weight:400;margin-top:0}p{font-size:1.25rem;font-size:clamp(1.25rem, 3vw, 1.8rem)}a{text-decoration:none}.container{width:100%;max-width:1000px;margin:auto;padding:1em}.gap{width:100%;height:1rem}@supports (aspect-ratio: 16/9){.gap{height:auto;aspect-ratio:20 / 1}}.divider{width:100%;height:auto;text-align:center;padding-top:1rem;padding-bottom:1rem}.divider:before{content:"";width:3rem;height:2px;opacity:.5;position:relative;background-color:#636363;display:inline-block}header{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:white;z-index:10;font-size:clamp(10rem, 30vw, 25rem);height:auto;padding:.07em .07em;width:1em;border-radius:0 0 .05em .05em}header svg{display:block;width:100%}#mask{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:white;opacity:1;z-index:2}#hero{width:100%;height:75vh;padding:2rem;position:relative;padding:2rem;margin-bottom:10vw}#hero .inner{width:100%;height:100%;position:relative;border-radius:1rem;background-color:red;overflow:hidden}#hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;left:0;top:0}.circle-button{margin:.4em auto;position:relative;font-size:30rem;font-size:clamp(8rem, 35vw, 25rem);width:1em;aspect-ratio:1 / 1;height:auto;z-index:5}.circle-button>*{position:absolute;top:0;left:0;height:1em;width:1em;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.circle-button .content{background-color:#c0272d;border-radius:10000px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:scale(0);transform:scale(0)}.circle-button .content .inner *{color:white !important;margin:0}.circle-button .content .inner h2{font-size:.1em;margin-bottom:.2em;font-weight:300}.circle-button .content .inner h1{font-size:.2em;line-height:1}#circle-button-hero{position:absolute;top:70%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;margin:0}#circle-button-bottom{position:absolute;top:50%;left:50%;margin:0;width:1em;height:1em;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;aspect-ratio:unset;-webkit-transform-origin:center;transform-origin:center}#circle-button-bottom .content,#circle-button-bottom img{position:absolute}#circle-button-bottom img{-webkit-filter:drop-shadow(0 0 0.02em darkgreen);filter:drop-shadow(0 0 0.02em darkgreen)}.vorher-nacher{position:relative;width:100%;aspect-ratio:16 / 9;opacity:0;scale:.75}.vorher-nacher img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:2rem}.vorher{-webkit-filter:grayscale(1) brightness(1.2);filter:grayscale(1) brightness(1.2)}img{border-radius:1rem;max-width:100%}.two-columns{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.two-columns{-ms-grid-columns:1fr;grid-template-columns:1fr}}.two-columns>*{opacity:0;width:100%}#kontakt-sticky{position:fixed;right:0;top:0;font-size:2.5rem;font-size:clamp(1rem, 5vw, 2.5rem);padding:.75em;background:#c0272d;border-radius:0 0 0 .75em}#kontakt-sticky *{color:white;-webkit-transition:.5s ease;transition:.5s ease}#kontakt-sticky *:hover{-webkit-transform:scale(1.25) rotate(10deg);transform:scale(1.25) rotate(10deg);text-shadow:0 0 0.25em rgba(0,0,0,0.5)}#kontakt{font-size:2rem;font-size:clamp(1rem, 5vw, 3rem);gap:.125em}#kontakt a{margin:auto;margin-bottom:0.25em;display:inline-block !important;-webkit-box-flex:0;-ms-flex:0 0 50px;flex:0 0 50px;border-radius:.25em;background:#c0272d;padding:.25em;-webkit-transition:.5s;transition:.5s}#kontakt a:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#kontakt a[small]{font-size:clamp(0.75rem, 3vw, 2rem);background-color:#636363;color:white}#kontakt *{color:white}footer{margin-top:10em;background-color:#c0272d;font-size:.75rem;padding:1em}footer *,footer{color:white}