#app{font-family:var(--);color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}@font-face{font-family:Supreme;src:url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Variable.woff2) format("woff2"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Variable.woff) format("woff"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Variable.ttf) format("truetype");font-weight:100 800;font-display:swap;font-style:normal}@font-face{font-family:Supreme;src:url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Thin.woff2) format("woff2"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Thin.woff) format("woff"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Thin.ttf) format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:Supreme;src:url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Extralight.woff2) format("woff2"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Extralight.woff) format("woff"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Extralight.ttf) format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:Supreme;src:url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Light.woff2) format("woff2"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Light.woff) format("woff"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Supreme;src:url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Regular.woff2) format("woff2"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Regular.woff) format("woff"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Supreme;src:url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Medium.woff2) format("woff2"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Medium.woff) format("woff"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Supreme;src:url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Bold.woff2) format("woff2"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Bold.woff) format("woff"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Supreme;src:url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Extrabold.woff2) format("woff2"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Extrabold.woff) format("woff"),url(https://www.affentaler.de/files/base/layout/_fonts/supreme/font/Supreme-Extrabold.ttf) format("truetype");font-weight:800;font-display:swap;font-style:normal}:root{--color-primary:#fff;--color-primary-hover:hsla(0,0%,100%,.7);--font-primary:"Supreme",sans-serif}html{font-size:20px}body{background:#b7c6ce;color:#000;font-family:var(--font-primary);display:block;justify-content:center;transition:background-color .5s ease-out;padding:0;margin:0}.mb-5{margin-bottom:5rem}#app{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;padding:0 100px;position:relative;color:#fff}h1,h2{text-transform:uppercase}h1{font-size:1.5rem;font-weight:300;letter-spacing:.1em}h2{font-size:3.6rem}.options,.recommendations{display:flex;flex-wrap:wrap;justify-content:center}.recommendations .item{flex:1 0 0;display:flex;flex-direction:column;box-sizing:border-box;padding:0 15px 30px;min-width:250px}.recommendations .item figure{height:300px}.recommendations .item img{max-height:100%}.recommendations .item>*{flex:0 0 auto}.recommendations .item .title{flex:1 0 auto;padding-bottom:1.5rem;text-transform:uppercase}.recommendations .item h4{font-size:1rem;margin-bottom:.25em}.recommendations .item h5{font-size:.8rem;font-weight:300}.btn,.options button{background-color:transparent;color:#fff;border:2px solid #fff;border-radius:99em;padding:5px 20px;text-transform:uppercase;text-align:center;text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:.02em;line-height:1.5;margin:4px 2px;cursor:pointer}.options button.selected{background-color:var(--color-primary);color:#323232}.btn:hover,.options button:hover{color:#323232}.btn:hover,.options button.selected:hover,.options button:hover{background-color:var(--color-primary-hover)}.btn.btn-shop:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 7 21' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M4.8 5.506V.711A.71.71 0 0 0 4.1 0H2.6a.71.71 0 0 0-.7.711v4.795A2.833 2.833 0 0 0 0 8.2v9.871a2.33 2.33 0 0 0 2.279 2.352h2.142A2.329 2.329 0 0 0 6.7 18.076V8.2a2.831 2.831 0 0 0-1.9-2.7m-.873-2.9H2.773V.874h1.153L3.927 2.6Zm1.9 15.467a1.45 1.45 0 0 1-1.4 1.478H2.279a1.452 1.452 0 0 1-1.4-1.478V8.2a1.942 1.942 0 0 1 1.537-1.928l.357-.067V3.482h1.153v2.724l.357.067A1.942 1.942 0 0 1 5.825 8.2l.002 9.867Z' style='fill-rule:nonzero'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 7 21' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M4.8 5.506V.711A.71.71 0 0 0 4.1 0H2.6a.71.71 0 0 0-.7.711v4.795A2.833 2.833 0 0 0 0 8.2v9.871a2.33 2.33 0 0 0 2.279 2.352h2.142A2.329 2.329 0 0 0 6.7 18.076V8.2a2.831 2.831 0 0 0-1.9-2.7m-.873-2.9H2.773V.874h1.153L3.927 2.6Zm1.9 15.467a1.45 1.45 0 0 1-1.4 1.478H2.279a1.452 1.452 0 0 1-1.4-1.478V8.2a1.942 1.942 0 0 1 1.537-1.928l.357-.067V3.482h1.153v2.724l.357.067A1.942 1.942 0 0 1 5.825 8.2l.002 9.867Z' style='fill-rule:nonzero'/%3E%3C/svg%3E");width:.329em}.btn.btn-shop:before,.options.indicator button:before{content:"";margin-right:10px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;height:1em;display:inline-block;line-height:inherit;vertical-align:-.15em;background-color:#fff}.options.indicator button:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 23 23' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M11.5 23C5.191 23 0 17.809 0 11.5S5.191 0 11.5 0 23 5.191 23 11.5c-.008 6.306-5.194 11.492-11.5 11.5m0-21.647h-.001C5.933 1.353 1.352 5.934 1.352 11.5s4.581 10.147 10.147 10.147S21.646 17.066 21.646 11.5C21.64 5.936 17.064 1.36 11.5 1.353' style='fill-rule:nonzero'/%3E%3Cpath d='M14.882 12.177H8.118a.679.679 0 0 1-.676-.676.68.68 0 0 1 .676-.677h6.764a.68.68 0 0 1 .677.677.68.68 0 0 1-.677.676' style='fill-rule:nonzero'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 23 23' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M11.5 23C5.191 23 0 17.809 0 11.5S5.191 0 11.5 0 23 5.191 23 11.5c-.008 6.306-5.194 11.492-11.5 11.5m0-21.647h-.001C5.933 1.353 1.352 5.934 1.352 11.5s4.581 10.147 10.147 10.147S21.646 17.066 21.646 11.5C21.64 5.936 17.064 1.36 11.5 1.353' style='fill-rule:nonzero'/%3E%3Cpath d='M14.882 12.177H8.118a.679.679 0 0 1-.676-.676.68.68 0 0 1 .676-.677h6.764a.68.68 0 0 1 .677.677.68.68 0 0 1-.677.676' style='fill-rule:nonzero'/%3E%3C/svg%3E");width:1em}.btn.btn-shop:hover:before,.options.indicator button:hover:before{background-color:#323232}.options.indicator button.selected:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M11.96 23.92C5.399 23.92 0 18.521 0 11.96 0 5.399 5.399 0 11.96 0c6.561 0 11.96 5.399 11.96 11.96-.008 6.558-5.402 11.952-11.96 11.96m0-22.513c-5.789 0-10.553 4.764-10.553 10.553 0 5.789 4.764 10.553 10.553 10.553 5.789 0 10.553-4.764 10.553-10.553-.007-5.787-4.766-10.546-10.553-10.553' style='fill-rule:nonzero'/%3E%3Cpath d='M10.869 15.441a1.869 1.869 0 0 1-1.326-.549l-1.6-1.6a.707.707 0 0 1 1-.995l1.6 1.6a.468.468 0 0 0 .664-.005l3.769-3.844a.704.704 0 0 1 1.006.986l-3.771 3.845c-.35.359-.831.562-1.332.563l-.01-.001Z' style='fill-rule:nonzero'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M11.96 23.92C5.399 23.92 0 18.521 0 11.96 0 5.399 5.399 0 11.96 0c6.561 0 11.96 5.399 11.96 11.96-.008 6.558-5.402 11.952-11.96 11.96m0-22.513c-5.789 0-10.553 4.764-10.553 10.553 0 5.789 4.764 10.553 10.553 10.553 5.789 0 10.553-4.764 10.553-10.553-.007-5.787-4.766-10.546-10.553-10.553' style='fill-rule:nonzero'/%3E%3Cpath d='M10.869 15.441a1.869 1.869 0 0 1-1.326-.549l-1.6-1.6a.707.707 0 0 1 1-.995l1.6 1.6a.468.468 0 0 0 .664-.005l3.769-3.844a.704.704 0 0 1 1.006.986l-3.771 3.845c-.35.359-.831.562-1.332.563l-.01-.001Z' style='fill-rule:nonzero'/%3E%3C/svg%3E");background-color:#323232}.options button.image{background:none;border:none;border-radius:0;padding:0;max-width:calc(33.333% - 4px)}.options button.image img{opacity:.35;max-width:100%;width:auto;height:auto;transition:opacity .5s ease-out}.options button.image.selected,.options button.image:hover{background:none}.options button.image:hover img{opacity:.55}.options button.image.selected img{opacity:1}button,input,select{font-family:var(--font-primary)}input[type=text]{width:100%;border:none;border-bottom:2px solid #fff;line-height:1.5;background:transparent;color:#fff;text-transform:uppercase;font-size:3.6rem;text-align:center;outline:none}input[type=text]:focus,input[type=text]:hover{background:hsla(0,0%,100%,.1)}::-moz-placeholder{color:hsla(0,0%,100%,.7);font-size:1.8rem;font-weight:300;font-family:var(--font-primary)}::placeholder{color:hsla(0,0%,100%,.7);font-size:1.8rem;font-weight:300;font-family:var(--font-primary)}h1,h2,h3,h4,h5,h6{margin:0 0 .75rem;color:#fff;text-align:center}.wf-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box;padding:7.5% 0}.footer,.header{flex:1 0 0;width:100%}.body{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.options.geometry button{margin:5px 30px;position:relative}.options .dreieck,.options .kreis,.options .viereck{border-radius:0;border-width:8px;height:200px;width:200px}.options.geometry button span{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;min-width:2em;padding:0 10px;height:2em;background-color:#fff;text-align:center;line-height:2;color:#000;white-space:nowrap;text-transform:uppercase;font-size:.8em;border-radius:5px}.options.geometry button:hover span{opacity:1;visibility:visible}.options .kreis{border-radius:50%}.options .dreieck{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 250 200' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='m125 0 125 200H0L125 0Z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 250 200' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='m125 0 125 200H0L125 0Z'/%3E%3C/svg%3E");mask-repeat:no-repeat;border:none;width:250px;background:transparent 50% no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 250 200' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill='%23fff' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='m125 0 125 200H0L125 0Zm0 15.094L14.434 192h221.132L125 15.094Z'/%3E%3C/svg%3E")}.überschrift{color:#fff;display:flex;justify-content:center;margin-bottom:15rem;margin-top:5rem}.test{border-radius:50%}.navigation .prev{left:30px}.navigation .next,.navigation .prev{position:fixed;top:50%;transform:translateY(-50%)}.navigation .next{right:30px}.pages{margin-top:3rem}.pages ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.pages li{flex:1 0 0;max-width:100px;padding:0;margin:0 8px}.pages button{background:none;display:block;width:100%;border:none;border-bottom:3px solid #fff;height:30px;cursor:pointer;position:relative}.pages button:disabled{border-bottom-color:rgba(0,0,0,.4);cursor:not-allowed}.pages button:not(:disabled){border-bottom-color:hsla(0,0%,100%,.5)}.pages button.active,.pages button.complete,.pages button:not(:disabled):hover{border-bottom-color:#fff}.navigation button span,.pages button span{visibility:hidden;opacity:0;position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:block;min-width:2em;padding:0 10px;height:2em;background-color:#fff;text-align:center;line-height:2;color:#000;white-space:nowrap;text-transform:uppercase;font-size:.8em;border-radius:5px}.navigation button span{bottom:100%;margin-bottom:15px}.navigation button span:before,.pages button span:before{border-top:10px solid #fff;border-left:1em solid transparent;border-right:1em solid transparent;position:absolute;top:100%;left:50%;margin-left:-1em;content:""}.navigation button:hover span,.pages button:hover span{opacity:1;visibility:visible}.pages button:disabled:hover span{opacity:.5}.navigation button{background:transparent 50% no-repeat;background-size:contain;border:none;cursor:pointer;position:relative;width:3rem;height:3rem;opacity:.7}.navigation button:hover{opacity:1}.navigation .next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 17 17' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M16.95 8.475c0 4.649-3.826 8.475-8.475 8.475C3.826 16.95 0 13.124 0 8.475 0 3.826 3.826 0 8.475 0c4.647.005 8.47 3.828 8.475 8.475m-15.952 0c0 4.103 3.375 7.478 7.478 7.478 4.102 0 7.478-3.375 7.478-7.478 0-4.102-3.376-7.478-7.478-7.478h-.001c-4.1.005-7.473 3.378-7.477 7.478' style='fill-rule:nonzero'/%3E%3Cpath d='M10.545 8.475c.001.353-.139.691-.388.94L8.251 11.32a.498.498 0 0 1-.84-.364c0-.127.048-.249.135-.341L9.451 8.71a.333.333 0 0 0 0-.471L7.546 6.335a.5.5 0 0 1 .705-.705l1.906 1.905c.249.249.389.587.388.939' style='fill-rule:nonzero'/%3E%3C/svg%3E")}.navigation .prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 17 17' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M0 8.475C0 3.826 3.826 0 8.475 0c4.649 0 8.475 3.826 8.475 8.475 0 4.649-3.826 8.475-8.475 8.475C3.828 16.945.005 13.122 0 8.475m15.953 0c0-4.102-3.376-7.478-7.479-7.478C4.372.997.996 4.373.996 8.475c0 4.103 3.376 7.478 7.478 7.478h.001c4.1-.005 7.473-3.378 7.478-7.478' style='fill-rule:nonzero'/%3E%3Cpath d='M6.405 8.475a1.322 1.322 0 0 1 .389-.94L8.699 5.63a.5.5 0 0 1 .705.705L7.499 8.24a.335.335 0 0 0 0 .471l1.905 1.905a.5.5 0 0 1-.705.705L6.794 9.416a1.327 1.327 0 0 1-.389-.94' style='fill-rule:nonzero'/%3E%3C/svg%3E")}@media screen and (max-width:599px){html{font-size:12px}#app{padding:0 calc(3rem + 30px)}.navigation .prev{left:15px}.navigation .next{right:15px}.options .dreieck,.options .kreis,.options .viereck{height:150px;width:150px;border-width:6px}.options .dreieck{width:188px}h1{font-size:1.25rem}h2,input[type=text]{font-size:2.3rem}::-moz-placeholder{font-size:1.5rem}::placeholder{font-size:1.5rem}.options.geometry button{margin:15px 30px}.options button.image{max-width:200px}.recommendations .item{min-width:200px}.recommendations .item figure{height:200px}.recommendations .item h4{font-size:1.3rem}.recommendations .item h5{font-size:1rem}}