@font-face{font-display:swap;font-family:"Jost";font-style:normal;font-weight:400;src:url("../fonts/jost/jost-v20-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Jost";font-style:normal;font-weight:500;src:url("../fonts/jost/jost-v20-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Jost";font-style:normal;font-weight:600;src:url("../fonts/jost/jost-v20-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Londrina Solid";font-style:normal;font-weight:400;src:url("../fonts/londrina-solid/londrina-solid-v19-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Londrina Solid";font-style:normal;font-weight:900;src:url("../fonts/londrina-solid/londrina-solid-v19-latin-900.woff2") format("woff2")}:root{--color-blue-primary: hsl(240, 100%, 50%);--color-blue-secondary: hsl(240, 90%, 60%);--color-blue-accent: hsl(240, 80%, 70%);--color-pink-primary: hsl(330, 100%, 50%);--color-pink-secondary: hsl( 330, 90%, 60% );--color-pink-accent: hsl(330, 80%, 70%);--color-green-primary: hsl(120, 100%, 50%);--color-green-secondary: hsl(120, 90%, 60%);--color-green-accent: hsl(120, 80%, 70%);--color-orange-primary: hsl(30, 100%, 50%);--color-orange-secondary: hsl(30, 90%, 60%);--color-orange-accent: hsl(30, 80%, 70%);--color-red-primary: hsl(0, 100%, 50%);--color-red-secondary: hsl(0, 90%, 60%);--color-red-accent: hsl(0, 80%, 70%);--color-bg: #ffffff;--color-focus: hsl(30, 100%, 50%);--ff-base: "Jost", sans-serif;--ff-heading: "Londrina Solid", sans-serif}*{box-sizing:border-box}html{scroll-padding-top:4rem}body{font-family:var(--ff-base);font-size:16px;margin:0;background-color:var(--)}h1,h2,h3,h4,h5,h6{font-family:var(--ff-heading);letter-spacing:.0625em;max-width:75ch}h1{font-size:4rem;line-height:1;margin:0}p{max-width:65ch;line-height:1.6}a{color:var(--color-blue-primary);font-weight:500;text-decoration:none;display:inline-block}a:active{transform:translateY(0.0625em)}a:focus-visible,.button:focus-visible{outline:solid 4px var(--color-focus);outline-offset:4px}.skip-link{color:#000;text-decoration:none;position:absolute;top:0;left:50%;padding:.75rem 1.25rem;border-radius:0 0 6px 6px;background-color:var(--color-focus);transform:translate(-50%, -100%);z-index:2000}.skip-link:focus-visible{transform:translate(-50%, 0)}.button-group{display:flex;-moz-column-gap:1rem;column-gap:1rem}.button{color:#000;font-family:inherit;font-size:inherit;font-weight:500;padding:.75rem 1.25rem;border:solid 2px #000;background:rgba(0,0,0,0);cursor:pointer}.button:active{transform:translateY(0.0625em)}.button--primary{color:#fff;border-color:var(--color-blue-primary);background-color:var(--color-blue-primary)}.button--secondary{color:var(--color-pink-primary);border-color:var(--color-pink-primary)}.button--success{color:#000;border-color:var(--color-green-primary);background-color:var(--color-green-primary)}.button--warning{border-color:var(--color-orange-primary);background-color:var(--color-orange-primary)}.button--danger{color:#fff;border-color:var(--color-red-primary);background-color:var(--color-red-primary)}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header{position:sticky;top:0;left:0;background-color:#fff;z-index:1000}.header__inner{width:calc(100% - 4rem);max-width:60rem;height:5rem;display:flex;justify-content:space-between;align-items:center;margin-inline:auto}.header__logo{line-height:0}.header__logo-img{width:48px;height:48px}.header__nav-list{list-style:none;display:flex;-moz-column-gap:1rem;column-gap:1rem;margin:0;padding:0}.header__nav-social{line-height:0;display:none}.header__nav-social-list{list-style:none;display:flex;-moz-column-gap:1rem;column-gap:1rem;margin:0;padding:0}.header__nav-social-link{color:var(--color-blue-primary)}.main{border-bottom:solid 2px var(--color-pink-accent);background-color:#fff;z-index:1}.section{padding-block:4rem}.container{width:calc(100% - 4rem);max-width:60rem;margin-inline:auto}.hero__content{max-width:400px;margin-bottom:2rem}.kontakt__email{font-size:1.5rem}.footer__inner{width:calc(100% - 4rem);max-width:60rem;display:flex;flex-direction:column;align-items:center;row-gap:1.5rem;margin-inline:auto;padding-block:3rem}.footer__nav-social{line-height:0}.footer__nav-social-list{list-style:none;display:flex;-moz-column-gap:1.25rem;column-gap:1.25rem;margin:0;padding:0}.footer__nav-social-link{color:var(--color-blue-primary)}.footer__nav-list{list-style:none;display:flex;flex-direction:column;align-items:center;row-gap:.5rem;margin:0;padding:0}.footer__copyright{font-size:.875rem}.footer__copyright svg{transform:translateY(0.125rem)}.cookie-hinweis{width:calc(100% - 4rem);max-width:375px;position:fixed;right:2rem;bottom:4rem;padding:0rem 1.25rem 1.25rem;border:solid 2px var(--color-pink-accent);background-color:#fff;z-index:2000}.cookie-hinweis__header{display:flex;-moz-column-gap:1rem;column-gap:1rem;align-items:center}.cookie-hinweis__header svg{color:var(--color-pink-primary)}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}a{transition:color .3s ease,transform .3s ease}.skip-link{transition:transform .3s ease}button.button{transition:transform .3s ease}.button--primary{transition:border-color .3s ease,background-color .3s ease,transform .3s ease}.button--secondary{transition:color .3s ease,border .3s ease,background-color .3s ease,transform .3s ease}.button--success{transition:border-color .3s ease,background-color .3s ease}.button--warning{transition:border-color .3s ease,background-color .3s ease}.button--danger{transition:border-color .3s ease,background-color .3s ease}}@media(hover){a:hover{color:var(--color-blue-secondary);transform:scale(1.1)}.skip-link:hover{color:#000}.button:hover{transform:scale(1.1)}.button--primary:hover{color:#fff;border-color:var(--color-blue-secondary);background-color:var(--color-blue-secondary)}.button--secondary:hover{color:#fff;border-color:var(--color-pink-secondary);background-color:var(--color-pink-secondary)}.button--success:hover{border-color:var(--color-green-secondary);background-color:var(--color-green-secondary)}.button--warning:hover{border-color:var(--color-orange-secondary);background-color:var(--color-orange-secondary)}.button--danger:hover{border-color:var(--color-red-secondary);background-color:var(--color-red-secondary)}}@media(min-height: 500px){.footer{position:sticky;bottom:0;left:0;z-index:0}}@media(min-width: 550px){.header__nav-social{display:inline-block}}