@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */.block{display:block}.resize{resize:both}@layer base{html,body{-webkit-overflow-scrolling:touch;background-color:#f1f3f4;width:100%;height:100%;font-family:Montserrat,sans-serif;position:fixed;overflow:auto}:root{--vh:1vh}}@layer components{.container-custom{max-width:1194px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}.app-wrapper{max-width:1194px;height:100%;height:calc(var(--vh,1vh)*100);margin-left:auto;margin-right:auto}}.header-container{width:100%;height:88px;padding-left:40px;padding-right:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;position:relative}.header-container:after{content:"";position:absolute;bottom:0;width:calc(100% - 80px);height:.79px;opacity:60%;background-color:#000}.logo{width:180px;height:70px;-o-object-fit:contain;object-fit:contain}.nav-links{display:flex;gap:48px}.nav-link{font-size:18px;font-weight:700;text-decoration:none;color:#000;padding:2px 6px;transition:all .2s ease}.nav-link:not(.active):hover{color:#ff49e3}.nav-link.active{border:2px solid black}.survey-container{padding:40px;margin-top:-40px}.survey-title{font-size:40px;font-weight:700;color:#ff49e3;position:relative;display:inline-block;margin-bottom:20px}.survey-title:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;opacity:100%;background-color:#ff49e3}.question-container{display:flex;justify-content:center;gap:32px;width:100%;flex-wrap:nowrap}.question-column{width:350px;flex:0 0 350px}.column-heading{font-size:24px;font-weight:700;color:#ff49e3;position:relative;margin-bottom:30px;padding-bottom:10px}.column-heading:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#ff49e3}.column-heading-left{text-align:left}.column-heading-center{text-align:center}.column-heading-center:after{left:50%;transform:translate(-50%)}.column-heading-right{text-align:right}.column-heading-right:after{left:auto;right:0}.question-item{margin-bottom:20px;color:#ff49e3;font-size:20px;font-weight:600}.question-options{width:100%}.answer-option{display:flex;align-items:center;width:100%;height:60px;border:1px solid #FF49E3;border-radius:0;margin-bottom:12px;padding:0 16px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;background-color:#fff}.answer-option:hover{background-color:#ff49e30d}.radio-button{display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;border:2px solid #FF49E3;border-radius:50%;margin-right:16px;position:relative;transition:all .2s ease}.answer-option:hover .radio-button{border-color:#ff49e3}.radio-button-inner{display:none;width:14px;height:14px;background-color:#ff49e3;border-radius:50%}.answer-option.selected{border-color:#ff49e3;background-color:#ff49e30d}.answer-option.selected .radio-button{border-color:#ff49e3}.answer-option.selected .radio-button-inner{display:block}.answer-label{font-size:16px;font-weight:500;color:#000}.emphasis{text-decoration:underline}.button-container{position:relative;float:right;margin-top:10px;width:auto}.submit-button{background-color:#ff49e3;color:#fff;border:none;border-radius:30px;padding:14px 45px;font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.submit-button.disabled{opacity:.6;cursor:not-allowed}.submit-button:hover{background-color:#e040d3}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message,.success-message{padding:12px 20px;border-radius:8px;font-weight:500;margin-bottom:10px;position:absolute;bottom:calc(100% + 10px);width:100%;right:0;z-index:10;box-sizing:border-box;opacity:1;transition:opacity .4s ease-out}.error-message.fade-out,.success-message.fade-out{opacity:0}.error-message{background-color:#ffccd5;color:#e60040;border:1px solid #FF80A0}.success-message{background-color:#c6f6d5;color:#00a33c;border:1px solid #68D391}@media screen and (min-width: 1120px) and (max-width: 1210px){.question-column{width:320px;flex:0 0 320px}.question-container{gap:28px}}@media screen and (min-width: 950px) and (max-width: 1119px){.question-column{width:290px;flex:0 0 290px}.question-container{gap:25px}}@media screen and (max-width: 949px) and (min-width: 700px){.question-container{flex-wrap:wrap}.question-column{width:350px;flex:0 0 350px;margin-bottom:30px}}@media screen and (max-width: 699px){.question-container{flex-direction:column;gap:20px}.question-column{width:100%;flex:0 0 100%}}.attendance-container{position:relative;max-width:1194px;margin:-23px auto 0;padding:0 40px;box-sizing:border-box;font-family:Montserrat,sans-serif}.attendance-title{font-size:40px;font-weight:700;color:#ff49e3;position:relative;display:inline-block;margin-bottom:40px;margin-top:50px}.attendance-title:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:#ff49e3}.block-headers{display:flex;margin-bottom:30px;gap:20px;margin-left:212px}.block-header{width:110px;text-align:center;color:#ff49e3;font-weight:700;font-size:22px;margin-bottom:10px;padding-bottom:10px;position:relative;box-sizing:border-box}.block-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#ff49e3}.days-container{display:flex;flex-direction:column;gap:32px}.day-row{display:flex;align-items:center}.day-info{width:180px;margin-right:32px}.day-date{font-size:24px;color:#ff49e3;font-weight:700}.day-name{font-size:20px;color:#ff49e3}.day-blocks{display:flex;gap:20px}.block-item{width:110px;display:flex;flex-direction:column;align-items:center}.block-time{font-size:16px;color:#ff49e3;margin-bottom:4px;width:100%;text-align:right}.attendance-input{width:100%;height:40px;border:1px solid #FF49E3;border-radius:0;text-align:center;font-size:20px;color:#000;font-weight:500;background-color:#fff;box-sizing:border-box}.attendance-input:focus{outline:none;border-width:2px}.block-placeholder{width:110px}.total-section{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.total-row{display:flex;align-items:center}.total-label{font-size:24px;color:#ff49e3;margin-right:20px;font-weight:700}.total-value{width:110px;height:50px;border:2px solid #FF49E3;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;color:#000;background-color:#fff}.counter-container{display:flex;align-items:center;gap:10px}.counter-button{width:65px;height:65px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:700;color:#ff49e3;background-color:#ff49e333;cursor:pointer;transition:background-color .2s}.counter-button:hover{background-color:#ff49e34d}.counter-display{width:110px;height:50px;border:2px solid #FF49E3;border-radius:0;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;background-color:#fff;text-align:center;color:#000;padding:0;box-sizing:border-box;outline:none}.counter-display:focus{border:3px solid #FF49E3;outline:none}.counter-display::-webkit-inner-spin-button,.counter-display::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.counter-display[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.reset-button{height:50px;padding:0 20px;border-radius:25px;border:none;background-color:#ff49e3;color:#fff;font-weight:700;font-size:18px;cursor:pointer;transition:background-color .2s}.reset-button:hover{background-color:#e43dcb}.message{position:fixed;bottom:20px;right:20px;padding:10px 20px;border-radius:4px;font-weight:500;animation:fadeIn .3s,fadeOut .3s 2.7s}.success{background-color:#4caf50;color:#fff}.error{background-color:#f44336;color:#fff}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:20px;color:#ff49e3}.error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:20px;color:red}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media only screen and (max-width: 1024px){.attendance-container{padding:0 20px}.block-header{width:90px;font-size:18px}.block-item,.block-placeholder{width:90px}.day-info{width:150px;margin-right:20px}.total-value{width:90px}.day-blocks,.block-headers{gap:15px}.total-section{flex-direction:column;align-items:flex-start;gap:20px}.counter-container{width:100%;justify-content:flex-start}}@media only screen and (max-width: 768px){.attendance-container{padding:0 15px}.day-row{flex-direction:column;align-items:flex-start;margin-bottom:30px}.day-info{width:100%;margin-bottom:15px;margin-right:0}.day-blocks{width:100%;overflow-x:auto;padding-bottom:10px;gap:10px}.block-header{width:80px;min-width:80px;font-size:16px}.block-item,.block-placeholder{width:80px;min-width:80px}.block-headers{width:100%;overflow-x:auto;padding-bottom:10px;gap:10px}.total-value{width:80px}}.survey-overview-container{font-family:Montserrat,sans-serif;line-height:1.6;color:#333;max-width:1200px;margin:0 auto;padding:20px;background-color:#f1f3f4}.title-container{text-align:center;margin-bottom:20px;padding:0 40px}h1,h2{color:#ff49e3;font-weight:600}h1{text-align:center;padding-bottom:5px;margin-bottom:30px;font-size:40px;border-bottom:none}h1 span{display:inline-block;border-bottom:3px solid #FF49E3;padding-bottom:5px}h2{text-align:center}.stats-container{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.stat-card{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1;max-width:250px;text-align:center}.stat-number{font-size:24px;font-weight:600;color:#ff49e3}table{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:8px 8px 0 0;overflow:hidden}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#ff49e3;color:#fff;font-weight:600}tr:hover{background-color:#ff49e30d}.timestamp{white-space:nowrap}.gender-maennlich{color:#007bff}.gender-weiblich{color:#ff49e3}.gender-divers{color:#6c757d}.delete-button{background-color:#ff4949;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;transition:background-color .2s;font-size:16px}.delete-button:hover{background-color:#e60000}.loading,.error{text-align:center;margin:50px 0;font-size:18px}.error{color:#ff4949}@media (max-width: 768px){.stats-container{flex-direction:column;align-items:center}.stat-card{width:100%}table{display:block;overflow-x:auto}}