:root{--text:#6c7280;--text-h:#0c4dab;--bg:#fbf9fe;--border:#0c4dab;--code-bg:#e0e7ff;--accent:#1d6cd0;--accent-bg:#1d6cd01a;--accent-border:#1d6cd080;--social-bg:#1d6cd01a;--shadow:#0c4dab1a 0 10px 15px -3px, #0c4dab0d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;padding:0 100px;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:3.5rem}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:2.5rem;line-height:118%}p{margin:0;line-height:1.6}.main-header{border:2px solid var(--border);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:2%;padding:1% 5%;display:flex}.logo-image{width:auto;height:50px}.nav-buttons{background:var(--bg);border:none;border-radius:8px;justify-content:flex-end;gap:10px;width:50%;height:auto;margin-left:auto;padding:auto;display:flex}.nav-button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:8px 16px;font-size:18px;font-weight:700;text-decoration:none;transition:background .3s}.active-button{color:var(--accent);background:var(--bg);border:2px solid;border-radius:20px}.nav-button:hover{background:var(--text-h);transform:translateY(-1px)}.active-button:hover{background:#fff;transform:translateY(-1px)}.main-container{width:100%;max-width:100%;font-family:var(--sans);color:var(--text);box-sizing:border-box;margin:0 auto;padding:20px 10px}.image-carousel{background-color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:100%;max-width:100%;height:70vh;max-height:600px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000014}.image-carousel img{object-fit:cover;border-radius:.75rem;width:100%;height:100%;transition:opacity .5s,transform .5s}.image-carousel img.hidden{display:none}.image-carousel img.block{animation:.6s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.image-carousel button{color:#fff;cursor:pointer;opacity:.8;z-index:1;background-color:#000c;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.5rem;font-weight:400;line-height:1;transition:background-color .3s,opacity .3s;display:flex;position:absolute;top:50%}.image-carousel button.left{left:1rem}.image-carousel button.right{right:1rem}.home-main-field{text-align:center;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:12px;margin-bottom:40px;padding:20px}.home-main-field h1{color:var(--text-h);margin-bottom:20px;font-size:2.5rem;line-height:3.25rem}.home-main-field h2{margin-top:20px;font-size:1.5rem}.home-main-field p{max-width:100%;margin:0 auto 16px;font-size:1rem;line-height:1.6}.references{margin-bottom:40px}.references h2{text-align:center;color:var(--text-h);margin-bottom:20px;font-size:2rem}.reference-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.reference-card{box-shadow:var(--shadow);background:#fff;border-radius:12px;transition:transform .3s;overflow:hidden}.reference-card:hover{transform:translateY(-5px)}.reference-image{object-fit:cover;width:100%;height:150px}.reference-text{padding:15px}.reference-text h3{color:var(--text-h);margin-top:0;font-size:1.2rem}.reference-text p{color:var(--text);margin-bottom:0;font-size:.9rem}.about-container{text-align:center;max-width:100%;font-family:var(--sans);color:var(--text);margin:0 auto;padding:20px}.about-container h1{color:var(--text-h);margin-bottom:20px;padding-bottom:2%;font-size:2.5rem}.about-content{flex-flow:row;justify-content:center;align-items:flex-start;gap:60px;margin-bottom:40px;padding-bottom:10px;display:flex}.inhaber-image-container{text-align:center;flex:none;width:350px}.inhaber-image{width:100%;max-width:300px;box-shadow:var(--shadow);border-radius:12px;margin-bottom:15px}.inhaber-name{color:var(--text-h);margin-bottom:5px;font-size:1.2rem;font-weight:700}.inhaber-role{color:var(--text);font-size:1rem;font-style:italic}.quotes{flex:1;min-width:300px;padding:10px;position:relative}.quotes-left-quotes,.quotes-right-quotes{border:3px solid var(--accent-border);border-radius:12px;width:10%;padding:1%}.quote-list{flex-direction:column;gap:15px;margin:15px 0;display:flex}.quote-item p{color:var(--text-h);margin:0;font-size:1.3rem;font-style:italic;line-height:1.5}.quote-bracket{color:var(--accent);text-align:center;opacity:.3;font-size:6rem;line-height:1}.quote-bracket.bottom{display:block;transform:rotate(180deg)}.about-text{text-align:left;text-align:center;max-width:100%;margin:0 auto;padding:0 10px;font-size:1rem;line-height:1.6}.impressum-field{text-align:center;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:12px;margin-bottom:40px;padding:20px}.impressum-field h1{color:var(--text-h);margin-bottom:20px;padding-bottom:2%;font-size:2.5rem}.impressum-field p{text-align:center;max-width:100%;margin:0 auto 16px;font-size:1rem;line-height:1.6}.datenschutz-field{text-align:center;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:12px;margin-bottom:40px;padding:20px}.datenschutz-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;max-width:200px;margin:10px auto;padding:10px 20px;font-size:1rem}.datenschutz-content{text-align:left;background:var(--bg);border:1px solid var(--accent-border);border-radius:12px;margin-bottom:40px;padding:20px}.contact-container{flex-direction:column;gap:20px;max-width:600px;margin:0 auto;padding:10px;display:flex}.contact-info-container{border:1px solid var(--accent);background:var(--accent-bg);text-align:center;border-radius:20px;width:100%;padding:20px}.contact-info-container h2{color:var(--text-h);margin-bottom:15px;font-size:1.5rem}.contact-info-container p{margin:10px 0;font-size:1rem}.instagram-link{color:#e4405f;align-items:center;gap:8px;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex}.instagram-link:hover{color:#c13584}.contact-field{border:1px solid var(--accent);background:var(--accent-bg);border-radius:20px;width:100%;margin:0 auto;padding:20px}.fixture-container{flex-direction:column;align-items:center;width:100%;margin-bottom:20px;display:flex}.fixture-container label{text-align:center;margin-bottom:15px;font-size:1rem}.fixture{flex-direction:column;align-items:center;gap:15px;width:100%;margin-bottom:20px;display:flex}.fixture-row{gap:10px;width:100%;margin-top:10px;display:flex}.fixture-date,.fixture-time{border:1px solid var(--border);box-sizing:border-box;border-radius:4px;flex:1;padding:10px;font-size:1rem}.fixture-date:focus,.fixture-time:focus{border-color:var(--accent-border);outline:none}.add-fixture-button,.submit-message-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;max-width:200px;margin:10px auto;padding:10px 20px;font-size:1rem}.contact-field button:hover{background:var(--text-h)}.delete-fixture-button{color:#fff;cursor:pointer;background:red;border:none;border-radius:4px;justify-content:center;align-items:center;height:40px;padding:8px 12px;font-size:1rem;font-weight:700;display:flex}.divider{border:none;border-top:1px solid var(--border);width:100%;margin:15px 0}.message-field{border:1px solid var(--border);resize:vertical;box-sizing:border-box;border-radius:10px;width:100%;min-height:120px;margin-bottom:20px;padding:10px;font-size:1rem}.message-field:focus{border-color:var(--accent);outline:none}@media (width<=1023px){#root{padding:0 50px}h1{margin:20px 0;font-size:2.5rem}h2{font-size:2rem}.main-header{padding:1% 5%}.nav-buttons{width:50%}.nav-button{padding:8px 16px;font-size:16px}.image-carousel{height:60vh;max-height:500px}.about-content{gap:40px}.inhaber-image-container{width:300px}.about-content{flex-wrap:nowrap;justify-content:center;gap:5px;padding-bottom:15px}.quotes{flex:0 auto;min-width:150px}.quote-item p{font-size:1rem;line-height:1.4}.quote-bracket{font-size:2rem}.inhaber-name{font-size:1rem}.inhaber-role{font-size:.9rem}.references h2{font-size:1.8rem}.contact-container{align-items:center;max-width:80%;margin:0 auto}.contact-info-container,.contact-field{width:100%;max-width:600px;margin:0 auto}.impressum-field h1{font-size:2rem}}@media (width<=767px){#root{padding:0 20px}h1{letter-spacing:-1.68px;margin:20px 0;font-size:2.5rem}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:1.8rem;line-height:118%}.main-header{flex-flow:column;align-items:center;padding:1% 2%}.nav-buttons{flex-wrap:nowrap;justify-content:flex-end;width:auto;margin-left:0;overflow-x:auto}.nav-button{white-space:nowrap;min-width:auto;padding:6px 8px;font-size:12px}.image-carousel{height:50vh;max-height:400px}.about-container h1{font-size:1.5rem}.about-content{flex-wrap:nowrap;justify-content:flex-start;gap:5px;padding-bottom:15px}.inhaber-image-container{flex:0 0 150px;width:150px}.quotes{min-width:60px}.quotes-left-quotes,.quotes-right-quotes{border:3px solid var(--accent-border);border-radius:12px;width:100%;padding:1%}.quote-item p{font-size:.6rem;line-height:1.4}.quote-bracket{font-size:1rem}.home-main-field h1{font-size:1.5rem;line-height:normal}.references h2,.impressum-field h1{font-size:1.5rem}.contact-container{align-items:center;width:auto;max-width:100%;margin:0 auto}.contact-field,.contact-info-container{width:auto;max-width:80%}}