#footer .subheader{font-family:"Barrio",serif;letter-spacing:1px;font-size:clamp(18px,15.6px + .4vw,22px);color:#fafbee}#footer h1,#footer h2,#footer h3{line-height:1.2;font-weight:400;font-family:"Barrio",serif;color:#f2911c;margin-bottom:1rem}#footer h1,#footer h2,#footer h3{font-size:clamp(30px,19.5652px + 3.2609vw,60px)}.center#footer{text-align:center}#footer .subheader{margin-bottom:10px}*,html{padding:unset;margin:unset;outline:unset;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{font:400 clamp(18px, 15.6px + 0.4vw, 22px)/1.2 "Roboto",sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-feature-settings:"kern";background-repeat:no-repeat;background-size:100% auto;background-position:top center;background-color:#fafbee}body.modal{overflow:hidden}body.sticky{background:unset}#main{display:flex;flex-direction:column;align-items:center;position:relative}#main .frame-space-before-extra-small{margin-top:clamp(20px,8px + 2vw,40px)}#main .frame-space-before-small{margin-top:clamp(30px,12px + 3vw,60px)}#main .frame-space-before-medium{margin-top:clamp(40px,16px + 4vw,80px)}#main .frame-space-before-large{margin-top:clamp(50px,20px + 5vw,100px)}#main .frame-space-before-extra-large{margin-top:clamp(70px,28px + 7vw,140px)}#main .frame-space-after-extra-small{margin-bottom:clamp(20px,8px + 2vw,40px)}#main .frame-space-after-small{margin-bottom:clamp(30px,12px + 3vw,60px)}#main .frame-space-after-medium{margin-bottom:clamp(40px,16px + 4vw,80px)}#main .frame-space-after-large{margin-bottom:clamp(50px,20px + 5vw,100px)}#main .frame-space-after-extra-large{margin-bottom:clamp(70px,28px + 7vw,140px)}.nohero #main{margin-top:150px}@media(max-width:650px){.nohero #main{margin-top:80px}}.button{text-align:center;padding:10px 20px;border:1px solid #fafbee;border-radius:3rem;width:-moz-fit-content;width:fit-content;margin-top:2.5em;display:block;color:#fafbee;text-decoration:none;letter-spacing:.54px;font-size:clamp(16px,14.8px + .2vw,18px)}#footer{background-color:#1c1f3e;color:#1c1f3e;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;grid-template-rows:.5fr 1fr auto auto;grid-template-areas:"Portrait Kontaktheader . ." "Portrait Kontakt Services Logo" "Portrait Copyright Copyright Copyright" "Portrait Footerlinks Footerlinks Footerlinks";gap:1rem;color:#fafbee;padding:1.5rem 6rem 2rem 0}#footer p,#footer a,#footer li{font-size:clamp(19px,18.6522px + .1087vw,20px);line-height:1.4em}#footer a{color:#fafbee;text-decoration:none}#footer .bold{font-weight:700;margin-bottom:1em}#footer .footer-image{grid-area:Portrait;max-width:520px;margin-right:8rem}#footer .footer-image img{width:100%;height:auto;align-self:flex-start}#footer h3{color:#ed6d6d;display:block;grid-area:Kontaktheader;align-self:flex-end}#footer .contact{grid-area:Kontakt;list-style:none}#footer .vertrieb{grid-area:Vertrieb}#footer .services{grid-area:Services}#footer .vertrieb ul,#footer .services ul{padding-left:1.2em}#footer .copyright{grid-area:Copyright;font-size:15px;justify-self:flex-start;padding-left:2rem;margin-top:1rem}#footer .footerlinks{grid-area:Footerlinks;justify-self:flex-start;padding-left:2rem}#footer .footerlinks ul{list-style:none;display:flex;gap:1rem}#footer .footerlinks ul li{line-height:1em}#footer .footerlinks ul li a{font-size:15px}#footer .footerlinks ul li:last-of-type{display:none}#footer .copyright,#footer .footerlinks{justify-self:flex-end}#footer .logo{grid-area:Logo;justify-self:flex-end;padding-right:4rem}#footer .logo svg,#footer .logo img{width:200px;height:auto}@media(max-width:1400px){#footer .logo{padding-right:0}#footer .logo svg,#footer .logo img{width:180px}}@media(max-width:1200px){#footer{grid-template-columns:1.3fr 1fr;grid-template-rows:auto;grid-template-areas:"Portrait Kontaktheader" "Portrait Kontakt" "Portrait Services" ". Logo" "Copyright Logo" "Footerlinks Logo";padding:3rem 3rem 3rem 0}#footer .logo{padding-right:0}#footer .footerlinks,#footer .copyright{justify-self:flex-start}}@media(max-width:750px){#footer{grid-template-columns:1fr;grid-template-areas:"Kontaktheader" "Kontakt" "Services" "Logo" "Footerlinks" "Copyright";gap:1rem;text-align:center;padding:2rem 0}#footer ul{list-style:none}#footer .footer-image{display:none}#footer .logo{justify-self:center;margin:1rem auto}#footer .logo img{height:60px;width:auto}#footer .copyright,#footer .footerlinks{justify-self:center;padding-left:0}}@media(max-width:600px){#footer .quicklinks,#footer .adress{margin-bottom:.5em}}#modal{display:none;width:35%;height:100%;background-color:#fafbee;color:#1c1f3e;position:fixed;top:0;right:0;z-index:15;overflow:auto}#modal #inner-modal{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px 50px 50px 20%;gap:.5em;margin-top:5rem}#modal #inner-modal a,#modal #inner-modal li{text-decoration:none;color:#1c1f3e}#modal #inner-modal .navigation{margin-top:auto}#modal #inner-modal .navigation a{font-size:clamp(18px,15.6px + .4vw,22px);font-family:"Roboto",sans-serif;display:block;margin-top:1em;line-height:2.5em}#modal #inner-modal ul{list-style:none}#modal #inner-modal .navigation,#modal #inner-modal .address{margin-bottom:20px}#modal #inner-modal .navigation li,#modal #inner-modal .navigation p,#modal #inner-modal .address li,#modal #inner-modal .address p{line-height:1.5em;font-size:clamp(19px,18.6522px + .1087vw,20px)}#modal #inner-modal .address p{margin-bottom:1rem}#modal #inner-modal .navigation{width:100%}#modal #inner-modal .navigation li{border-bottom:1px solid #fff}#modal #inner-modal .languages{display:flex;gap:.5rem;width:100%;justify-content:center;margin-bottom:1rem}#modal #inner-modal #contact h3{font-size:clamp(24px,16.8px + 1.2vw,36px);font-family:"Barrio",serif;margin-bottom:.2em}#modal #inner-modal .info{margin-top:auto}.close-btn{cursor:pointer;justify-self:flex-end;font-weight:100;position:absolute;top:45px;right:45px}.close-btn svg{width:41px;height:41px}.close-btn svg line{stroke:#1c1f3e}.modal #modal{display:block}@media(max-width:1200px){#modal{width:50%}}@media(max-width:850px){#modal{width:80%}}@media(max-width:500px){#modal{width:100%}#modal #inner-modal{padding:2em;align-items:center;text-align:center}#modal .close-btn{top:20px;right:20px}}