:root{--black:hsl(180 5% 26%/1);--orange:hsl(36 100% 50%/1);--orange-alt:hsl(36 100% 40%/1);--white:#fff;}*,*::before,*::after{box-sizing:border-box;margin:0;}body{background:linear-gradient(to bottom,hsla(0deg,0%,0%,.5),hsla(0deg,0%,0%,.75)),url(/img/Postit-Overleg-5.jpg);background-size:cover;background-position:center;display:grid;font-family:"Fira Sans",sans-serif;font-weight:400;min-height:100vh;place-content:center;}.site-container{box-shadow:.5rem .5rem 1rem hsla(0deg,0%,0%,.5);}header{background-color:var(--black);padding:1rem;text-align:center;}header img{height:42px;}main{background-color:var(--white);border:1px solid var(--black);padding:2rem;text-align:left;}main h2{margin-bottom:.25rem;}main form{display:flex;flex-direction:column;gap:2rem;margin-block:1rem;}main form input[type=text]{border:1px solid var(--black);padding:.5rem;width:100%;}main form .field{align-items:start;display:flex;flex-direction:column;margin-bottom:1rem;}main form button{background-color:var(--orange);border:0;cursor:pointer;color:var(--white);font-family:"Fira Sans",sans-serif;font-size:1.5rem;font-weight:700;margin-top:.5rem;padding:.5rem;text-transform:uppercase;transition:all 250ms ease;width:100%;}main form button:hover{background-color:var(--orange-alt);}main form .options{display:grid;gap:2rem 1rem;grid-template-columns:1fr 1fr;}main form .options .options__question{align-items:start;display:flex;gap:1rem;justify-content:space-between;line-height:1rem;}main form .options .info{position:relative;}main form .options .info svg{height:1rem;width:1rem;}main form .options .info .info__popup{background-color:var(--white);border:1px solid var(--black);bottom:100%;box-shadow:.5rem .5rem 1rem hsla(0deg,0%,0%,.5);color:var(--black);display:none;flex-direction:column;gap:1rem;left:100%;padding:1rem;position:absolute;width:500px;z-index:10;}main form .options .info:hover .info__popup{display:flex;}main form .options .radio-field{align-items:start;display:flex;flex-direction:column;gap:.25rem;}main form .options .radio-field .radio-field__item{align-items:center;display:flex;gap:.25rem;justify-content:start;}#info path{fill:var(--orange);}footer{background-color:var(--black);color:var(--white);padding:.5rem;text-align:center;}