*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.checkbox-container{align-items:center;display:flex;margin-bottom:10px}.checkbox-container input{height:20px;margin-right:10px;transform:translateY(5.5px);width:20px}label{margin:0}.home-container{background-color:#cbdbf5;border-radius:5px;box-shadow:0 2px 10px #0003;margin:20px auto;max-width:800px;padding:20px}h2{font-size:28px}p{color:#333;line-height:1.5;margin-bottom:15px}label,p{font-size:16px}label{cursor:pointer;display:block;margin-bottom:10px}.alert{color:red;font-size:14px;margin-top:10px}.link-black{color:#000}.link-black:hover{color:#3030d1}.attendance-status{align-items:center;display:flex;gap:8px}.info-box{margin-bottom:30px;padding:30px}.info-box,.training-message{background-color:#add8e633;border-radius:10px;box-shadow:0 4px 12px #0000001a}.training-message{color:#333;font-size:16px;margin:50px 0;padding:25px}.info-box h3,.training-message h3{margin-bottom:25px;margin-top:5px}.attandance-vote{background-color:#add8e633;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:30px}.attandance-vote h3{display:block;margin-bottom:12px;margin-top:5px}.admin-container{background-color:cbdbf5}h2{font-size:32px;text-align:center}h2,h3{color:#333}h3{font-size:28px;margin-top:40px}.admin-text-container{margin-bottom:20px}textarea{background-color:#add8e633;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;color:#333;font-size:16px;padding:12px;resize:vertical;width:100%}button:hover{background-color:#3030d1}.message{color:green;font-size:16px;margin-top:10px}.attendance-container{display:flex;gap:20px;justify-content:space-between}.attendance-group{background-color:#add8e633;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:15px;width:45%}.attendance-group h4{color:#333;font-size:22px;text-align:center}.attendance-table td,.attendance-table th{padding:10px}.attendance-table th{background-color:cbdbf5}.training-canceled-container{animation:fadeIn 1s ease-in-out;background-color:#ff4d4d;border-radius:15px;box-shadow:0 4px 10px #0000004d;color:#fff;margin:50px auto;padding:30px;text-align:center;width:80%}.important-header{color:#fff;font-size:36px;font-weight:700;margin-bottom:20px;text-transform:uppercase}.training-canceled-text{color:#fff;font-size:20px;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.training-canceled-container a{color:#fff;display:inline-block;font-size:18px;margin-top:20px;text-decoration:underline}.training-canceled-container a:hover{color:#fd0}.winter-template{min-height:100vh;position:relative;z-index:1}.winter-template:before{animation:let-snow 10s linear infinite;background-image:url(https://dr-code.ch/wp-content/uploads/schneeflocken1.png);background-size:cover;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.autumn-template{min-height:100vh;position:relative;z-index:1}.autumn-template:before{animation:let-snow 20s linear infinite;background-image:url(/static/media/herbstbl%C3%A4tter.8be1b4c9402541b7537c.png);background-size:-20% auto;background-size:cover;content:"";display:block;height:100%;opacity:.2;pointer-events:none;position:absolute;width:100%;z-index:2}.summer-template{min-height:100vh;position:relative;z-index:1}.summer-template:before{animation:let-snow 20s linear infinite;background-image:url(/static/media/blumen.df6383064143a7832d91.png);background-size:-500% auto;background-size:cover;content:"";display:block;height:100%;opacity:.4;pointer-events:none;position:absolute;width:100%;z-index:2}@keyframes let-snow{0%{background-position:0 0,0 0,0 0}50%{background-position:500px 500px,100px 200px,-100px 150px}to{background-position:500px 1000px,200px 400px,-100px 300px}}.admin-container{background-color:#cbdbf5;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:30px}.attendance-table{border-collapse:collapse;border-radius:8px;box-shadow:0 0 10px #0000000d;margin-top:20px;overflow:hidden;width:100%}.attendance-table td,.attendance-table th{border-bottom:1px solid #ddd;padding:12px 16px;text-align:left}.attendance-table th{background-color:#cbdbf5;font-weight:700}.attendance-table td{background-color:#cbdbf5;color:#333}.vote-cell-vertical{flex-direction:column;gap:6px}.vote-cell,.vote-cell-vertical{align-items:center;display:flex;justify-content:center}.vote-cell{font-size:14px;gap:4px}.vote-info{align-items:center;color:#333;display:flex;font-size:16px;gap:5px}.present-icon{color:green;font-size:17px;margin-top:16px}.absent-icon{color:red;font-size:16px}table td{min-width:120px;text-align:center;vertical-align:middle}table tr{border-bottom:1px solid #ccc;height:60px}table td,table th{padding:12px 16px;text-align:center}.selected{background-color:#3f51b5}.vote-button{align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;cursor:pointer;display:flex;height:22px;justify-content:center;margin:0;padding:0;transition:background-color .2s ease;width:48px}.vote-button.selected{background-color:#d0f0d0}.vote-symbol{display:inline-block;font-size:24px;line-height:1;margin:0}.yes-symbol{color:#4caf50;font-size:22px}.no-symbol{color:#f44336;font-size:22px}.news-box{background-color:#add8e633;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:30px}.settings-menu{background-color:#cbdbf5e6;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0003;height:auto;max-height:400px;overflow-y:auto;padding:20px;position:absolute;right:20px;top:100px;z-index:1001}.settings-menu,.settings-menu ul{display:flex;flex-direction:column}.settings-menu ul{list-style:none;margin:0;padding:0}.settings-menu li{margin:10px 0}.settings-menu>div{flex-grow:1}.settings-menu button{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px;transition:background-color .3s;width:100%}.settings-menu button:hover{background-color:#3030d1}.logout-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:8px 16px;transition:background-color .3s}.logout-button:hover{background-color:#d32f2f}.edit-name-section{margin-top:10px}.edit-name-section input{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:8px;width:100%}.action-buttons button{margin:5px 1%;width:48%}.error-message{color:red;margin-top:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body{background-color:#cbdbf5;font-family:sans-serif;height:100%;padding:0;width:100%}.App{background-color:initial;background-image:url(/static/media/GymDichLogo.df6fbb6fc088b4bd37f0.png);background-position:50%;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;height:100vh;padding-left:30px;padding-right:30px;padding-top:20px;width:100vw}.logo{display:block;height:auto;margin:20px auto;opacity:.5;width:300%}nav{align-items:center;background-color:#cbdbf5;border-bottom:2px solid #1212d0;box-shadow:0 2px 5px #0000001a;display:flex;height:100px;justify-content:space-between;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1000}body{margin:0;padding-top:100px}.app-title{color:#000;font-size:1.8rem;font-weight:700;margin-right:1.5rem;text-decoration:none}nav ul{display:flex;flex-grow:1;justify-content:flex-start;list-style:none;margin-bottom:36px;padding:0}nav ul li{margin-top:40px}nav ul li a{border-radius:.5rem;color:#000;margin:0 .5rem;padding:.5rem;text-decoration:none;white-space:nowrap}.menu{cursor:pointer;display:none;flex-direction:column;height:1.2rem;justify-content:space-between;margin-left:auto;width:1.5rem}.menu span{background-color:#000;border-radius:.2rem;height:.25rem;width:100%}@media (max-width:480px){.menu{display:flex}nav ul{display:none;flex-direction:column;width:100%}nav ul.open{background-color:#cbdbf5;box-shadow:0 4px 8px #0003;display:flex;left:0;padding:1rem;position:absolute;top:100px;width:100%;z-index:1010}nav ul li{margin:.5rem 0;text-align:center}}.settings-icon{color:#333;cursor:pointer;font-size:24px;margin-left:20px}.settings-icon:hover{color:#666}nav ul li a{border:none;border-radius:10px;box-shadow:0 0 5px #0000004d;color:#fff;display:block;height:40px;line-height:40px;margin:-5px 10px;padding:0 20px;text-align:center;transition:background-color .3s ease}nav ul li a:hover{background-color:#3030d1}nav ul li a.active{background-color:#4a98f1}.login-container{background-color:#cbdbf5;border:1px solid #000;border-radius:5px;box-shadow:0 4px 10px #0000001a;margin:60px auto;max-width:300px;padding:20px}button{background-color:#4caf50;border:none;box-shadow:0 0 5px #0000004d;color:#fff;height:40px;line-height:40px;transition:background-color .3s ease}button:active{background-color:#4a98f1}.register-link{color:blue;cursor:pointer;display:inline-block;font-size:14px;margin-top:10px;text-decoration:underline}.register-link:hover{color:#00008b;text-decoration:none}.register-container{background-color:#cbdbf5;border:1px solid #000;border-radius:5px;margin:60px auto;max-width:300px;padding:20px}h2{font-size:24px;font-weight:400;margin-bottom:20px;text-shadow:0 0 2px #00000080}form{display:flex;flex-direction:column;gap:10px}label{color:#000c;font-size:10px;letter-spacing:2px;padding-left:10px;text-transform:uppercase}input{background:#ffffffe6;border:none;border-radius:20px;color:#000;height:40px;line-height:40px;margin-bottom:20px;padding:0 20px}button{background-color:initial;border:1.5px solid #4a98f1;border-radius:20px;color:#000;font-size:16px;height:50px;line-height:50px;margin:10px 0;transition:background-color .3s ease,color .3s ease}button:hover{background-color:#3f51b5;color:#fff}button:active{background-color:#3030d1;color:#fff}
/*# sourceMappingURL=main.328d63fc.css.map*/