:root{--app-font-sans:"Roboto",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--md-primary:#178893;--md-primary-light:#4ea2ab;--md-on-primary:#ffffff;--md-primary-container:#4ea2ab;--md-on-primary-container:#00343a;--bs-primary:#178893;--bs-primary-rgb:23,136,147;--bs-link-color:#178893;--bs-link-hover-color:#126a72;--md-surface:#fefbff;--md-surface-container:#f3edf7;--md-surface-container-high:#ece6f0;--md-on-surface:#1c1b1f;--md-on-surface-variant:#49454f;--md-outline:#79747e;--md-outline-variant:#cac4d0;--md-error:#b3261e;--md-elevation-1:0 1px 2px 0 rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15);--md-elevation-2:0 1px 2px 0 rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15);--md-shape-corner:0;--md-shape-corner-sm:0;--md-shape-full:0;--md-surface:#ffffff} .md-studio-page{max-width:1120px;margin:0 auto} .md-studio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem} .md-studio-admin-chip{display:inline-flex;align-items:center;gap:.48rem;padding:.45rem .65rem;border:1px solid #d8dde0;color:#45555d;font-size:.82rem;white-space:nowrap} .md-studio-calendar-card,.md-studio-pending-card,.md-studio-request-card{border:1px solid #d8dde0;background:#fff;padding:1.15rem;margin-bottom:1rem} .md-studio-rejected-card{border:1px solid #e5b5b8;background:#fff7f7;padding:1rem 1.15rem;margin-bottom:1rem} .md-studio-rejected-row{display:flex;align-items:flex-start;gap:.55rem;color:#842029} .md-studio-rejected-row i{font-size:1.05rem;line-height:1.35} .md-studio-rejected-row span{display:grid;gap:.1rem} .md-studio-rejected-row small{color:#842029} .md-studio-calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem} .md-studio-weekdays,.md-studio-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))} .md-studio-weekdays{border:1px solid #e3e7e8;border-bottom:0;color:#67737a;font-size:.76rem;font-weight:700;text-align:center} .md-studio-weekdays span{padding:.48rem .15rem} .md-studio-calendar-grid{border-top:1px solid #e3e7e8;border-left:1px solid #e3e7e8} .md-studio-day{position:relative;display:flex;min-height:7.3rem;flex-direction:column;align-items:flex-start;gap:.28rem;padding:.48rem;color:#27343a;text-align:left;background:#fff;border:0;border-right:1px solid #e3e7e8;border-bottom:1px solid #e3e7e8;transition:background .15s ease} .md-studio-day:not(.is-empty):hover,.md-studio-day:not(.is-empty):focus{background:rgba(var(--bs-primary-rgb),.08);outline:0} .md-studio-day.is-empty{pointer-events:none;background:#fafbfb} .md-studio-day.is-booked{background:#f0f4f5} .md-studio-day-number{font-weight:700;line-height:1} .md-studio-booked-time{display:block;width:100%;padding:.16rem .28rem;color:#fff;background:#50636f;font-size:.7rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .md-studio-led{display:inline-block;width:.62rem;height:.62rem;flex:0 0 .62rem;background:#df1d27;border-radius:50%;box-shadow:0 0 0 rgba(223,29,39,.7);animation:md-studio-led-blink 1.05s infinite} .md-studio-day-led{position:absolute;top:.46rem;right:.46rem} .md-studio-pending-row{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem 0;border-top:1px solid #e3e7e8} .md-studio-pending-row>.md-studio-led{margin-left:.45rem} .md-studio-pending-row[role="button"]{cursor:pointer} .md-studio-pending-row[role="button"]:hover,.md-studio-pending-row[role="button"]:focus{background:rgba(var(--bs-primary-rgb),.06);outline:none} .md-studio-pending-row:first-child{border-top:0} .md-studio-pending-main{display:grid;flex:1;gap:.14rem;min-width:0} .md-studio-pending-main span,.md-studio-pending-main small{color:#67737a} .md-studio-pending-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem} @keyframes md-studio-led-blink{0%,100%{opacity:.35;box-shadow:0 0 0 rgba(223,29,39,0)} 50%{opacity:1;box-shadow:0 0 .7rem rgba(223,29,39,.9)}} @media (max-width:640px){.md-studio-heading{flex-direction:column} .md-studio-calendar-card,.md-studio-pending-card,.md-studio-request-card{padding:.8rem} .md-studio-day{min-height:4.5rem;padding:.32rem} .md-studio-booked-time{font-size:.58rem} .md-studio-weekdays{font-size:.66rem} .md-studio-pending-row{flex-wrap:wrap} .md-studio-pending-actions{width:100%;justify-content:flex-start;margin-left:1.3rem}} .md-ui{font-family:var(--app-font-sans);color:var(--md-on-surface)} html,body,button,input,select,textarea{font-family:var(--app-font-sans)} html{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none;overflow-y:hidden} body{width:100%;max-width:100%;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-x:none} .wrapper{height:100dvh;min-height:0;overflow:hidden} .site-scroll{position:fixed;inset:5.5rem 0 0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch} body.modal-open .site-scroll,body:has(#mainNav.is-open) .site-scroll{overflow-y:hidden} body.hp-nav-over-hero .site-scroll{top:0} body.hp-nav-over-hero .site-scroll::-webkit-scrollbar-track{margin-top:5.5rem} #mainNav,#mainNav.bg-primary,#mainNav.navbar-shrink,#mainNav.is-open,body.hp-nav-over-hero #mainNav.navbar-shrink,body.hp-nav-over-hero #mainNav.is-open{box-shadow:0 8px 8px -8px rgba(0,0,0,0.22)} #mainNav .navbar-toggler:focus{box-shadow:none} .md-ui .md-public-collection-toggle:focus,.md-ui .md-public-collection-toggle:focus-visible{box-shadow:none;outline:none} @media (max-width:991.98px){html,body{overflow-y:auto;overscroll-behavior-y:auto} #mainNav{overflow-x:clip} #mainNav.is-open{max-height:100svh;overflow:hidden} #mainNav.is-open>.container{align-content:flex-start;max-height:100%;overflow:hidden} #mainNav.is-open .navbar-collapse,#mainNav .navbar-collapse.show{flex-basis:100%;max-height:calc(100svh - 5.75rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y} #mainNav .navbar-nav .dropdown-menu{max-height:none;overflow-y:visible;overscroll-behavior:auto;-webkit-overflow-scrolling:auto;touch-action:auto} .hp-month-slider{transform:translateZ(0)}} .navbar-club-logo{display:block;height:64px;max-width:280px;width:auto;object-fit:contain;pointer-events:none;margin-block:-0.45rem} #mainNav .navbar-brand{padding-top:0;padding-bottom:0;line-height:0;min-width:0} #mainNav .navbar-toggler{border-color:rgba(255,255,255,0.55)} #mainNav .navbar-toggler:focus-visible{box-shadow:0 0 0 0.2rem rgba(255,255,255,0.25)} @media (max-width:991.98px){#mainNav .navbar-toggler:focus,#mainNav .navbar-toggler:focus-visible{box-shadow:none}} #mainNav .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;filter:none !important} img.navbar-club-logo{width:auto} @media (max-width:991.98px){#mainNav>.container{flex-wrap:wrap;align-items:center} #mainNav>.container>.d-flex{flex:1 1 0;min-width:0;max-width:calc(100% - 3.75rem)} #mainNav .navbar-brand{display:block;max-width:100%;min-width:0} .navbar-club-logo{display:block;height:64px;max-width:100%;width:auto} #mainNav .navbar-toggler{flex:0 0 auto;margin-left:auto} #mainNav .navbar-collapse{flex-basis:100%}} .navbar-club-logo.navbar-club-logo-inverted{filter:invert(1)} .site-footer{flex:0 0 auto;margin-top:0} .maincontent{flex:1 0 auto} .maincontent>#pjax-container{padding-top:0} .maincontent>#pjax-container>section.page-section:first-of-type{padding-top:0.75rem} .maincontent>#pjax-container>section.page-section#upload{padding-top:calc(0.75rem + 10px);padding-bottom:calc(0.75rem + 10px)} #upload #message:empty{margin-top:0} .maincontent>#pjax-container>section.page-section:first-of-type>.container.pt-4,.maincontent>#pjax-container>section.page-section:first-of-type>.container.py-4{padding-top:0 !important} .md-ui.md-approve-header,.md-ui.md-all-images-header{padding-bottom:1rem} @media (max-width:575.98px){.maincontent>#pjax-container>section.page-section:first-of-type>.container,.maincontent>#pjax-container>section.page-section:first-of-type>.container-fluid{max-width:none;padding-right:0.5rem !important;padding-left:0.5rem !important}} body.hp-nav-over-hero .maincontent>#pjax-container{padding-top:0} body.page-edit{overflow:hidden;background:#000} body.page-edit #mainNav,body.page-edit .site-footer,body.page-edit .impersonation-banner{display:none !important} body.page-edit .maincontent>#pjax-container{padding-top:0} body.page-edit .site-scroll{top:0;overflow:hidden} .site-scroll .impersonation-banner{top:0} .site-footer-club{background-color:var(--bs-primary) !important;color:#fff} .site-footer-club-name{font-size:1.35rem;font-weight:600;line-height:1.25} .footer-club-logo{display:inline-block;height:128px;max-width:min(100%,480px);width:auto;object-fit:contain;pointer-events:none} img.footer-club-logo{width:auto} .footer-club-logo.footer-club-logo-inverted{filter:invert(1)} .site-footer-address{font-style:normal;font-size:0.98rem;line-height:1.65;color:rgba(255,255,255,0.92)} .site-footer-address::first-line{font-weight:700} .site-footer-contact-link{color:rgba(255,255,255,0.95);font-weight:600;text-decoration:underline;text-underline-offset:0.2em} .site-footer-contact-link:hover,.site-footer-contact-link:focus{color:#fff} .site-footer-login-name{display:block;margin-top:0.4rem;font-size:0.9rem;font-weight:500;color:rgba(255,255,255,0.88)} .md-kontakt-page{padding-top:2rem;padding-bottom:4rem} .md-kontakt-member-picker{position:relative} .md-kontakt-member-search{border-radius:0.5rem} .md-kontakt-member-results{padding:0.35rem} .md-kontakt-member-picker-list{overflow:auto;max-height:14rem} .md-kontakt-member-divider{margin:0.4rem 0.5rem;border:0;border-top:1px solid rgba(0,0,0,0.12);opacity:1} .md-kontakt-member-regular-group{padding-left:0.85rem} .md-kontakt-member-regular-group--flat{padding-left:0} .md-kontakt-member-option--regular{padding-left:0.5rem} .md-kontakt-member-regular-group--flat .md-kontakt-member-option--regular{padding-left:0.625rem} .md-kontakt-member-option{width:100%;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.625rem;border:0;border-radius:0.4rem;background:transparent;color:inherit;text-align:left} .md-kontakt-member-option:hover,.md-kontakt-member-option:focus-visible,.md-kontakt-member-option.is-selected{background:rgba(23,136,147,0.08);outline:none} .md-kontakt-member-avatar{width:2.25rem;height:2.25rem;border-radius:50%;object-fit:cover;flex-shrink:0;background:#f1f3f5} .md-kontakt-member-info{display:flex;flex-direction:column;min-width:0} .md-kontakt-member-name{font-weight:600;line-height:1.2} .md-kontakt-member-role{font-size:0.8rem;color:#6c757d;line-height:1.2} .md-kontakt-success-panel{padding:1.5rem 0.5rem 0.75rem} .md-kontakt-flip-stage{background-color:transparent;width:100%;height:auto;min-height:0;perspective:1400px} .md-kontakt-flip-stage-inner{position:relative;display:block;width:100%;min-height:0;text-align:center;transition:transform 0.65s ease;transform-style:preserve-3d} .md-kontakt-flip-stage.is-flipped .md-kontakt-flip-stage-inner{transform:rotateY(180deg)} .md-kontakt-flip-stage-front,.md-kontakt-flip-stage-back{width:100%;height:auto;min-height:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .md-kontakt-flip-stage-front{position:relative;transform:rotateY(0deg)} .md-kontakt-flip-stage-back{position:absolute;top:0;left:0;transform:rotateY(180deg);text-align:left;visibility:hidden;pointer-events:none} .md-kontakt-flip-stage.is-flipped .md-kontakt-flip-stage-front{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none} .md-kontakt-flip-stage.is-flipped .md-kontakt-flip-stage-back{position:relative;top:auto;left:auto;visibility:visible;pointer-events:auto} .md-kontakt-grid{--md-kontakt-choice-height:clamp(220px,28vw,280px)} .md-kontakt-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;width:100%;height:var(--md-kontakt-choice-height);padding:1.5rem 1.25rem;margin:0;border:2px solid rgba(0,0,0,0.08);border-radius:1rem;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);color:#212529;box-shadow:0 8px 24px rgba(0,0,0,0.08);cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease} .md-kontakt-choice:hover,.md-kontakt-choice:focus-visible{border-color:rgba(var(--bs-primary-rgb),0.45);box-shadow:0 12px 28px rgba(0,0,0,0.12);transform:translateY(-2px)} .md-kontakt-choice.is-selected{border-color:var(--bs-primary);box-shadow:0 0 0 1px var(--bs-primary)} .md-kontakt-choice-icon{display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;font-size:3.75rem;line-height:1;color:var(--bs-primary)} .md-kontakt-choice-title{font-size:1.1rem;font-weight:700;line-height:1.3;max-width:18rem} .md-kontakt-choice-desc{font-size:0.9rem;color:#6c757d;line-height:1.45;max-width:20rem} .md-kontakt-form-panel{height:auto;min-height:0;padding:1rem 1.25rem 1.15rem;border-radius:1rem;background:#fff;border:2px solid rgba(var(--bs-primary-rgb),0.3);box-shadow:0 12px 32px rgba(0,0,0,0.1);overflow:visible} .md-kontakt-form-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.85rem;padding-bottom:0.55rem;border-bottom:1px solid rgba(0,0,0,0.08)} .md-kontakt-form-title-wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.45rem 0.85rem;min-width:0} .md-kontakt-form-title{margin:0;font-size:1.2rem;font-weight:700;color:var(--bs-primary)} .md-kontakt-form-fee{font-size:0.88rem;font-weight:500;color:#495057;white-space:nowrap} .md-kontakt-grid--solo>.col-sm-6{max-width:420px} .md-kontakt-confirm-card{padding:2rem 1.5rem;border-radius:1rem;background:#fff;border:2px solid rgba(var(--bs-primary-rgb),0.25);box-shadow:0 12px 32px rgba(0,0,0,0.08)} .md-kontakt-confirm-icon{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;margin-bottom:1rem;font-size:3rem;line-height:1} .md-kontakt-confirm-icon--success{color:#198754} .md-kontakt-confirm-icon--error{color:#dc3545} .md-table-pending-section{padding:1.25rem 1.35rem 1.1rem;border-radius:0.85rem;background:rgba(var(--bs-primary-rgb),0.06);border:1px solid rgba(var(--bs-primary-rgb),0.18)} .md-ui .md-table-pending thead th{background:rgba(var(--bs-primary-rgb),0.12);color:var(--bs-primary)} .md-ui .md-table-pending tbody tr.md-table-row-pending td{background:rgba(255,255,255,0.72)} .md-ui .md-table-pending tbody tr.md-table-row-pending:hover td{background:rgba(255,255,255,0.95)} .md-chip-pending{background:rgba(var(--bs-primary-rgb),0.14);color:var(--bs-primary)} .md-kontakt-legal-disclosure{border:1px solid rgba(0,0,0,0.08);border-radius:0.55rem;background:#f8f9fa;overflow:hidden} .md-kontakt-legal-summary{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.55rem 0.75rem;cursor:pointer;font-weight:600;font-size:0.92rem;list-style:none} .md-kontakt-legal-summary::-webkit-details-marker{display:none} .md-kontakt-legal-summary::before{content:'▸';margin-right:0.35rem;transition:transform 0.15s ease} .md-kontakt-legal-disclosure[open] .md-kontakt-legal-summary::before{transform:rotate(90deg)} .md-kontakt-legal-pdf{font-size:0.82rem;font-weight:500;text-decoration:none;padding:0.2rem 0.55rem;border:1px solid rgba(0,0,0,0.12);border-radius:0.35rem;background:#fff;color:inherit;cursor:pointer;line-height:1.2} .md-kontakt-legal-pdf:hover{background:#eef6f7} .md-kontakt-legal-pdf:disabled{opacity:0.65;cursor:wait} .md-kontakt-email-note{width:100%} .md-kontakt-captcha{width:100%;max-width:32rem;margin-left:auto;margin-right:auto} .md-kontakt-captcha-row{display:flex;flex-wrap:nowrap;align-items:center;gap:0.55rem} .md-kontakt-captcha-image{display:block;flex:0 0 auto;width:160px;height:50px;border:1px solid rgba(0,0,0,0.12);border-radius:0.45rem;background:#f5f7fa;user-select:none} .md-kontakt-captcha-field{flex:1 1 auto;min-width:0;margin-bottom:0 !important} .md-kontakt-captcha-field .form-control{min-height:50px;height:50px;padding-top:1.1rem} @media (max-width:575.98px){.md-kontakt-captcha-row{flex-wrap:wrap} .md-kontakt-captcha-field{flex:1 1 calc(100% - 3rem)}} .md-kontakt-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden} #mdKontaktDefaultSubmitWrap{width:100%} .md-kontakt-legal-disclosure .md-kontakt-legal-content{padding:0 0.75rem 0.75rem;font-size:0.88rem;line-height:1.45;max-height:160px;overflow-y:auto} .md-kontakt-legal-note{padding:0.85rem 1rem;border:1px solid rgba(0,0,0,0.08);border-radius:0.65rem;background:#f8f9fa} .md-kontakt-application-hint{padding:0.55rem 0.75rem;border:1px solid rgba(0,0,0,0.08);border-radius:0.55rem;background:rgba(var(--bs-primary-rgb),0.06);font-size:0.88rem;margin:0 0 0.65rem;max-height:8rem;overflow:hidden;opacity:1;transform:translateY(0);transition:opacity 0.45s ease,transform 0.45s ease,max-height 0.45s ease,margin 0.45s ease,padding 0.45s ease,border-width 0.45s ease} .md-kontakt-application-hint.is-faded-out{opacity:0;transform:translateY(-10px);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;pointer-events:none} .md-kontakt-submit--pending{background:#adb5bd !important;border-color:#adb5bd !important;color:#fff !important;box-shadow:none !important;cursor:not-allowed;opacity:0.92} .md-kontakt-download-application-btn.is-ready{position:relative;z-index:1;box-shadow:0 0.35rem 1rem rgba(var(--bs-primary-rgb),0.28)} .md-kontakt-download-application-btn.is-animating.is-ready{animation:md-kontakt-download-btn-pop 0.8s cubic-bezier(0.22,1.15,0.36,1) both,md-kontakt-download-btn-glow 2.2s ease-in-out 0.8s infinite} @keyframes md-kontakt-download-btn-pop{0%{transform:scale(0.88);box-shadow:0 0 0 0 rgba(var(--bs-primary-rgb),0.45)} 50%{transform:scale(1.06);box-shadow:0 0.5rem 1.35rem rgba(var(--bs-primary-rgb),0.42)} 100%{transform:scale(1);box-shadow:0 0.35rem 1rem rgba(var(--bs-primary-rgb),0.28)}} @keyframes md-kontakt-download-btn-glow{0%,100%{box-shadow:0 0.35rem 1rem rgba(var(--bs-primary-rgb),0.28),0 0 0 0 rgba(var(--bs-primary-rgb),0.35)} 50%{box-shadow:0 0.45rem 1.15rem rgba(var(--bs-primary-rgb),0.34),0 0 0 0.65rem rgba(var(--bs-primary-rgb),0)}} @media (prefers-reduced-motion:reduce){.md-kontakt-application-hint,.md-kontakt-download-application-btn.is-animating.is-ready{animation:none !important;transition:none !important} .md-kontakt-application-hint.is-faded-out{display:none}} .md-club-settings-row input[type="date"].form-control-sm{max-width:11rem} .md-pending-message{max-width:24rem;white-space:pre-wrap;font-size:0.92rem;color:#495057} .md-table-row-pending-divider td{background:rgba(var(--bs-primary-rgb),0.08);border-top:2px solid rgba(var(--bs-primary-rgb),0.22);font-weight:600;padding-top:0.85rem;padding-bottom:0.85rem} .md-ui .md-table-modern tbody tr.md-table-row-pending td{background:rgba(var(--bs-primary-rgb),0.05)} .md-kontakt-legal-block{padding:0.85rem 1rem;border:1px solid rgba(0,0,0,0.08);border-radius:0.65rem;background:#f8f9fa} .md-kontakt-legal-content{font-size:0.92rem;line-height:1.5} .md-kontakt-legal-content--scroll{max-height:220px;overflow-y:auto} .md-kontakt-consent-list{display:grid;gap:0.65rem} .md-kontakt-consent-row .md-kontakt-consent-item{height:100%;padding:0.75rem 0.85rem;border:1px solid rgba(0,0,0,0.08);border-radius:0.65rem;background:rgba(0,0,0,0.02)} .md-kontakt-consent-item{display:flex;align-items:flex-start;gap:0.55rem;font-size:0.92rem;margin:0} .md-kontakt-consent-item--inline{height:100%;min-height:2.75rem;align-items:center;padding:0.55rem 0.7rem;border:1px solid rgba(0,0,0,0.08);border-radius:0.55rem;background:rgba(0,0,0,0.02);font-size:0.86rem;line-height:1.3} .md-kontakt-consent-item input{margin-top:0.2rem;flex-shrink:0} .md-kontakt-consent-item--inline input{margin-top:0} @media (max-width:575.98px){.md-kontakt-grid{--md-kontakt-choice-height:11.25rem} .md-kontakt-choice{padding:1.1rem 1rem} .md-kontakt-choice-icon{width:4.25rem;height:4.25rem;font-size:2.5rem}} @media (min-width:768px){.md-kontakt-choice-icon{width:6.5rem;height:6.5rem;font-size:4rem} .md-kontakt-form-panel{padding:1.15rem 1.5rem 1.25rem}} .site-footer-legal.footer{margin-top:0;background-color:var(--bs-primary);background-image:linear-gradient(rgba(0,0,0,0.28),rgba(0,0,0,0.28));color:rgba(255,255,255,0.88);padding:1rem 0} .site-footer-legal a{color:rgba(255,255,255,0.92);text-decoration:underline;text-underline-offset:0.2em} .site-footer-legal a:hover,.site-footer-legal a:focus{color:#fff} .md-wettbewerbe-page{padding-top:0;padding-bottom:3rem;overflow-x:clip} .md-wettbewerbe-join-modal .modal-content{border:0;border-radius:0.5rem;box-shadow:0 16px 40px rgba(0,0,0,0.18)} .md-wettbewerbe-join-modal .modal-header{border-bottom:1px solid rgba(0,0,0,0.08)} .md-wettbewerbe-join-modal .modal-title{font-weight:650;color:var(--md-on-surface,#1c1b1f)} .md-wettbewerbe-join-actions{display:flex;flex-wrap:wrap;gap:0.65rem} .md-wettbewerbe-join-actions .btn{min-width:9.5rem} .md-wettbewerbe-clubs{padding-top:1.75rem} .md-wettbewerbe-intro{margin:0 0 1.75rem;font-size:0.92rem} .md-wettbewerbe-club-block:last-child{margin-bottom:0 !important} .md-wettbewerbe-pixelring{--pr-accent:var(--wettbewerb-club-color,var(--md-primary,#178893));border:0;background:transparent;padding:0;width:100%} .md-wettbewerbe-pixelring-stage{position:relative;overflow:hidden;isolation:isolate;padding:clamp(1.75rem,4vw,3rem) clamp(1rem,4vw,2.5rem) clamp(1.5rem,3vw,2.25rem);background:radial-gradient(120% 80% at 12% 0%,color-mix(in srgb,var(--pr-accent) 22%,transparent),transparent 55%),radial-gradient(90% 70% at 88% 18%,color-mix(in srgb,var(--pr-accent) 14%,transparent),transparent 50%),linear-gradient(165deg,#0c1a1c 0%,#123036 42%,#0e2328 100%);color:#f4fafb} .md-wettbewerbe-pixelring-fx{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden} .md-wettbewerbe-pixelring-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:0.55;animation:md-wettbewerbe-orb-drift 14s ease-in-out infinite} .md-wettbewerbe-pixelring-orb--a{width:min(42vw,22rem);height:min(42vw,22rem);left:-8%;top:-20%;background:radial-gradient(circle,color-mix(in srgb,var(--pr-accent) 55%,#fff) 0%,transparent 70%)} .md-wettbewerbe-pixelring-orb--b{width:min(36vw,18rem);height:min(36vw,18rem);right:-6%;bottom:-24%;background:radial-gradient(circle,color-mix(in srgb,var(--pr-accent) 40%,#7ec8d0) 0%,transparent 68%);animation-delay:-5s;animation-duration:18s} .md-wettbewerbe-pixelring-ring{position:absolute;left:50%;top:42%;width:min(70vw,34rem);height:min(70vw,34rem);margin:0;border:1px solid color-mix(in srgb,#fff 18%,transparent);border-radius:50%;transform:translate(-50%,-50%);opacity:0.35;animation:md-wettbewerbe-ring-spin 28s linear infinite} .md-wettbewerbe-pixelring-ring::after{content:"";position:absolute;inset:12%;border:1px dashed color-mix(in srgb,#fff 14%,transparent);border-radius:50%;animation:md-wettbewerbe-ring-spin 40s linear infinite reverse} .md-wettbewerbe-pixelring-hero,.md-wettbewerbe-pixelring-cards{position:relative;z-index:1;max-width:52rem;margin-left:auto;margin-right:auto} .md-wettbewerbe-pixelring-hero{text-align:center;margin-bottom:clamp(1.25rem,3vw,1.85rem);animation:md-wettbewerbe-rise 0.85s cubic-bezier(0.22,1,0.36,1) both} .md-wettbewerbe-pixelring-logo-wrap{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;margin-bottom:0.75rem} .md-wettbewerbe-pixelring-logo{max-height:2.6rem;max-width:11rem;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:0.96} .md-wettbewerbe-pixelring-logo.is-inverted{filter:brightness(0) invert(1)} .md-ui .md-wettbewerbe-pixelring-title{font-family:"Merriweather Sans","Source Sans 3",system-ui,sans-serif;font-size:clamp(2rem,5vw,3.1rem);font-weight:700;letter-spacing:-0.03em;line-height:1.05;margin:0 0 0.65rem;color:#fff;text-wrap:balance} .md-wettbewerbe-pixelring-lead{font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.5;font-weight:400;color:color-mix(in srgb,#fff 78%,transparent);max-width:34rem;margin:0 auto 1.15rem;text-wrap:pretty} .md-wettbewerbe-pixelring-actions{display:flex;flex-direction:column;align-items:center;gap:0.85rem} .md-wettbewerbe-pixelring-cta{min-width:11.5rem;padding:0.7rem 1.4rem !important;font-weight:650 !important;letter-spacing:0.01em;border-radius:0.4rem !important;box-shadow:0 0 0 0 color-mix(in srgb,var(--pr-accent) 45%,transparent);animation:md-wettbewerbe-cta-pulse 2.6s ease-out infinite;transition:transform 0.2s ease,box-shadow 0.2s ease} .md-wettbewerbe-pixelring-cta:hover,.md-wettbewerbe-pixelring-cta:focus{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 28px color-mix(in srgb,#000 35%,transparent)} .md-wettbewerbe-pixelring-info{max-width:36rem;width:100%;text-align:left;border-top:0;padding-top:0} .md-wettbewerbe-pixelring-info-summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:0.4rem;font-size:0.88rem;font-weight:550;color:color-mix(in srgb,#fff 72%,transparent);user-select:none} .md-wettbewerbe-pixelring-info-summary::-webkit-details-marker{display:none} .md-wettbewerbe-pixelring-info-summary::after{content:"";width:0.5rem;height:0.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-0.08rem);transition:transform 0.18s ease} .md-wettbewerbe-pixelring-info[open] .md-wettbewerbe-pixelring-info-summary::after{transform:rotate(225deg) translateY(-0.05rem)} .md-wettbewerbe-pixelring-info-body{margin-top:0.85rem;padding:0.9rem 1rem;border-radius:0.45rem;background:color-mix(in srgb,#000 28%,transparent);font-size:0.88rem;line-height:1.55;color:color-mix(in srgb,#fff 82%,transparent)} .md-wettbewerbe-pixelring-info-body p{margin:0 0 0.75rem} .md-wettbewerbe-pixelring-info-body p:last-child{margin-bottom:0} .md-wettbewerbe-pixelring-info-body h4{font-size:0.95rem;font-weight:650;margin:1rem 0 0.45rem;color:#fff} .md-wettbewerbe-pixelring-info-body a{color:#9ad7de;text-decoration:underline;text-underline-offset:0.12em} .md-wettbewerbe-pixelring-cards{display:grid;gap:0.95rem} .md-wettbewerbe-card--pixelring{border:0;background:color-mix(in srgb,#fff 96%,transparent);box-shadow:0 12px 36px color-mix(in srgb,#000 28%,transparent);border-radius:0.35rem;overflow:hidden;transform:translateY(12px);opacity:0;animation:md-wettbewerbe-rise 0.9s cubic-bezier(0.22,1,0.36,1) 0.18s both;transition:transform 0.28s ease,box-shadow 0.28s ease} .md-wettbewerbe-pixelring-cards>.md-wettbewerbe-card--pixelring:nth-child(2){animation-delay:0.3s} .md-wettbewerbe-pixelring-cards>.md-wettbewerbe-card--pixelring:nth-child(3){animation-delay:0.42s} .md-wettbewerbe-card--pixelring:hover,.md-wettbewerbe-card--pixelring:focus{border:0;transform:translateY(-4px) scale(1.01);box-shadow:0 18px 44px color-mix(in srgb,#000 36%,transparent);color:inherit} .md-wettbewerbe-pixelring-cover-wrap{position:relative;overflow:hidden} .md-wettbewerbe-card--pixelring .md-wettbewerbe-card-cover--pixelring{transition:transform 0.55s ease} .md-wettbewerbe-card--pixelring:hover .md-wettbewerbe-card-cover--pixelring,.md-wettbewerbe-card--pixelring:focus .md-wettbewerbe-card-cover--pixelring{transform:scale(1.04)} .md-wettbewerbe-pixelring-cover-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,#fff 28%,transparent) 48%,transparent 62% );transform:translateX(-120%);pointer-events:none} .md-wettbewerbe-card--pixelring.is-open .md-wettbewerbe-pixelring-cover-shine,.md-wettbewerbe-card--pixelring:hover .md-wettbewerbe-pixelring-cover-shine{animation:md-wettbewerbe-shine 2.8s ease-in-out infinite} .md-wettbewerbe-pixelring-join{position:absolute;right:0.75rem;bottom:0.75rem;padding:0.35rem 0.7rem;border-radius:0.3rem;background:var(--pr-accent);color:#fff;font-size:0.78rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;box-shadow:0 6px 16px color-mix(in srgb,#000 35%,transparent);animation:md-wettbewerbe-join-bob 2.2s ease-in-out infinite} .md-wettbewerbe-badge-live{animation:md-wettbewerbe-badge-pulse 2s ease-in-out infinite} .md-wettbewerbe-card--pixelring .md-wettbewerbe-card-body{background:#fff} @keyframes md-wettbewerbe-rise{from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)}} @keyframes md-wettbewerbe-orb-drift{0%,100%{transform:translate3d(0,0,0) scale(1)} 50%{transform:translate3d(4%,6%,0) scale(1.08)}} @keyframes md-wettbewerbe-ring-spin{to{transform:translate(-50%,-50%) rotate(360deg)}} @keyframes md-wettbewerbe-cta-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,#fff 40%,transparent)} 70%{box-shadow:0 0 0 14px color-mix(in srgb,#fff 0%,transparent)} 100%{box-shadow:0 0 0 0 color-mix(in srgb,#fff 0%,transparent)}} @keyframes md-wettbewerbe-shine{0%,55%{transform:translateX(-120%)} 85%,100%{transform:translateX(120%)}} @keyframes md-wettbewerbe-join-bob{0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)}} @keyframes md-wettbewerbe-badge-pulse{0%,100%{filter:brightness(1)} 50%{filter:brightness(1.18)}} @media (prefers-reduced-motion:reduce){.md-wettbewerbe-pixelring-hero,.md-wettbewerbe-card--pixelring,.md-wettbewerbe-pixelring-orb,.md-wettbewerbe-pixelring-ring,.md-wettbewerbe-pixelring-ring::after,.md-wettbewerbe-pixelring-cta,.md-wettbewerbe-pixelring-cover-shine,.md-wettbewerbe-pixelring-join,.md-wettbewerbe-badge-live{animation:none !important} .md-wettbewerbe-card--pixelring{opacity:1;transform:none}} .md-wettbewerbe-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid rgba(0,0,0,0.08);background:#fff;transition:box-shadow 0.2s ease,transform 0.2s ease,border-color 0.2s ease;color:inherit} .md-wettbewerbe-card:hover,.md-wettbewerbe-card:focus{box-shadow:0 8px 24px rgba(0,0,0,0.1);transform:translateY(-2px);color:inherit} .md-wettbewerbe-card-cover{width:100%;height:160px;object-fit:cover;display:block;flex:0 0 auto} .md-wettbewerbe-card-cover--pixelring{height:auto;aspect-ratio:1000 / 232;min-height:0} .md-wettbewerbe-card-cover--placeholder{background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),0.12),rgba(var(--bs-primary-rgb),0.04))} .md-wettbewerbe-card-body{display:flex;align-items:flex-end;gap:0.75rem;padding:0.9rem 1rem 1rem;flex:1 1 auto} .md-wettbewerbe-card-text{flex:1 1 75%;min-width:0} .md-wettbewerbe-card-title{font-size:1rem;font-weight:650;line-height:1.3;margin:0 0 0.35rem;color:var(--md-on-surface,#1c1b1f)} .md-wettbewerbe-card-meta{font-size:0.85rem;color:var(--md-on-surface-variant,#6c757d);line-height:1.35} .md-wettbewerbe-card-badges{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.55rem} .md-wettbewerbe-card-logo{flex:0 0 25%;max-width:25%;display:flex;align-items:center;justify-content:center;align-self:flex-end;min-height:2.4rem;padding:0.35rem;border-radius:0.25rem;background:var(--wettbewerb-club-color,var(--md-primary,#178893));box-sizing:border-box} .md-wettbewerbe-card-logo-img{width:100%;height:1.7rem;object-fit:contain;display:block} .md-wettbewerbe-card-logo-img.is-inverted{filter:invert(1)} .md-mitmachen-page{padding-top:2rem;padding-bottom:3rem} .md-mitmachen-form{padding:1.5rem} #mainNav .navbar-nav .nav-item .nav-link-public{text-decoration:none} #mainNav .navbar-nav .nav-item .nav-link-public:hover,#mainNav .navbar-nav .nav-item .nav-link-public:focus{text-decoration:none} #mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link-public.active{color:#fff !important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.48em} #mainNav .navbar-nav .nav-item .nav-link.active:hover,#mainNav .navbar-nav .nav-item .nav-link.active:focus,#mainNav .navbar-nav .nav-item .nav-link-public.active:hover,#mainNav .navbar-nav .nav-item .nav-link-public.active:focus{color:#fff !important;text-decoration:underline} #mainNav .navbar-nav .nav-item.dropdown>.nav-link.dropdown-toggle.active{color:#fff !important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.48em} #mainNav .navbar-nav .dropdown-item.active{color:var(--md-primary);font-weight:700;background:#f3f6fc} @media (min-width:992px){#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link.active,#mainNav.navbar-shrink .navbar-nav .nav-item.dropdown>.nav-link.dropdown-toggle.active{color:rgb(var(--bs-primary-rgb)) !important}} #mainNav .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle{color:rgba(255,255,255,0.75)} #mainNav .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:hover,#mainNav .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:focus,#mainNav .navbar-nav .nav-item.dropdown.show .nav-link.dropdown-toggle{color:#fff} #mainNav .navbar-nav .dropdown-menu{border:none;border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:13rem;font-family:"Roboto","Source Sans 3",system-ui,sans-serif} #mainNav .navbar-nav .dropdown-menu.dropdown-menu-end{font-family:"Roboto","Source Sans 3",system-ui,sans-serif} #mainNav .navbar-nav .dropdown-item{font-size:0.9375rem;padding:0.45rem 1rem;font-family:"Roboto","Source Sans 3",system-ui,sans-serif} #mainNav .navbar-nav .dropdown-item:hover,#mainNav .navbar-nav .dropdown-item:focus{background:#f3f6fc;color:var(--md-primary)} #mainNav .navbar-nav .dropdown-item.dropdown-item-indented{padding-left:1.85rem;font-size:0.875rem;color:#4a5568} #mainNav .navbar-nav .dropdown-item.dropdown-item-indented:hover,#mainNav .navbar-nav .dropdown-item.dropdown-item-indented:focus{color:var(--md-primary)} #mainNav .md-nav-led{display:inline-block;width:0.5rem;height:0.5rem;border-radius:50%;background-color:#e02020;flex-shrink:0;animation:md-led-glow 1.6s ease-in-out infinite} #mainNav .md-nav-dot{display:inline-block;width:0.45rem;height:0.45rem;border-radius:50%;background-color:#fff;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,0.12);animation:md-nav-dot-blink 1.1s ease-in-out infinite} #mainNav .nav-link.dropdown-toggle .md-nav-dot{margin-left:0.4rem;vertical-align:middle;position:relative;top:-1px} @keyframes md-nav-dot-blink{0%,100%{opacity:1} 50%{opacity:0.15}} #mainNav .dropdown-item.md-nav-pending-item{display:flex;align-items:center;justify-content:space-between;gap:0.5rem} #mainNav .dropdown-item .md-nav-led{margin-left:auto} @media (min-width:992px){#mainNav .navbar-nav .dropdown-menu{margin-top:0.35rem}} .md-ui h2,.md-ui h3,.md-ui .md-card-title{font-weight:500;letter-spacing:0.01em;color:var(--md-on-surface)} .md-ui .text-muted{color:var(--md-on-surface-variant) !important} .md-ui .md-card{background:#fff;border:1px solid var(--md-outline-variant);border-radius:0;box-shadow:none;overflow:visible} .md-ui .md-card .card-header{background:#fff;border-bottom:1px solid var(--md-outline-variant);font-weight:500;font-size:0.8rem;padding:0.5rem 0.75rem;color:var(--md-on-surface-variant)} .md-ui .md-card .card-body{padding:0.75rem} .md-ui .md-card-compact .card-header{padding:0.75rem 1rem;font-size:0.875rem} .md-ui .md-card-compact .card-body{padding:1rem} .md-ui .md-field.form-floating>.form-control,.md-ui .md-field.form-floating>.form-select{background:#fff;border:none;border-bottom:1px solid var(--md-outline-variant);border-radius:0;color:var(--md-on-surface);min-height:2.5rem;padding:0.85rem 0.35rem 0.35rem;transition:border-color 0.2s} .md-ui .md-field.form-floating>.md-time-wrap{width:100%;height:calc(3.5rem + 2px);min-height:calc(3.5rem + 2px)} .md-ui .md-field.form-floating>.md-time-wrap>.form-control{background:#fff;border:none;border-bottom:1px solid var(--md-outline-variant);border-radius:0;color:var(--md-on-surface);height:100%;min-height:100%;padding:1.625rem 1.75rem 0.625rem 0.35rem;line-height:1.25;transition:border-color 0.2s;box-shadow:none} .md-ui .md-field.form-floating>.md-time-wrap>.form-control:focus{border-color:var(--md-primary);box-shadow:none;outline:none} .md-ui .md-field.form-floating>.md-time-wrap~label{z-index:3;pointer-events:none} .md-ui .md-field.form-floating:has(>.md-time-wrap>.form-control:focus)>label,.md-ui .md-field.form-floating:has(>.md-time-wrap>.form-control:not(:placeholder-shown))>label{color:var(--md-primary);opacity:1;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)} .md-kontakt-page .md-field-time.form-floating{height:calc(3.5rem + 2px)} .md-kontakt-page .md-field-time.form-floating>.form-control[type="date"]{height:calc(3.5rem + 2px);min-height:calc(3.5rem + 2px);padding-top:1.625rem;padding-bottom:0.625rem} .md-kontakt-page .md-field-time.form-floating>.md-time-wrap{height:calc(3.5rem + 2px);min-height:calc(3.5rem + 2px)} .md-kontakt-page .md-field-time.form-floating>.md-time-wrap>.form-control{height:100%;min-height:100%;padding-top:1.625rem;padding-bottom:0.625rem} .md-ui .md-field.form-floating>.form-control:focus,.md-ui .md-field.form-floating>.form-select:focus{border-color:var(--md-primary);box-shadow:none;outline:none} .md-ui .md-field.form-floating>label{z-index:3;pointer-events:none;color:var(--md-on-surface-variant);padding:0 0.2rem} .md-ui .md-field.form-floating>.form-control:focus~label,.md-ui .md-field.form-floating>.form-control:not(:placeholder-shown)~label,.md-ui .md-field.form-floating>.form-select~label{color:var(--md-primary);opacity:1} .md-ui .md-field-compact.form-floating>.form-control,.md-ui .md-field-compact.form-floating>.form-select{min-height:2.25rem;padding:0.85rem 0.35rem 0.25rem;font-size:0.875rem;border-radius:0} .md-ui .md-field-compact.form-floating>label{font-size:0.8rem} .md-ui .md-btn{border-radius:0;font-weight:500;letter-spacing:0.02em;text-transform:none;padding:0.5rem 1rem;transition:background 0.15s;box-shadow:none} .md-ui .md-btn-filled{background:var(--md-primary);border:none;color:var(--md-on-primary)} .md-ui .md-btn-filled:hover{filter:brightness(1.05);color:var(--md-on-primary);box-shadow:none} .md-ui .md-btn-outlined{background:transparent;border:1px solid var(--md-outline);color:var(--md-primary)} .md-ui .md-btn-outlined:hover{background:color-mix(in srgb,var(--md-primary) 8%,transparent);color:var(--md-primary)} .md-ui .md-btn-tonal{background:var(--md-primary-container);border:none;color:var(--md-on-primary-container)} .md-ui .md-btn-tonal:hover{filter:brightness(0.97);color:var(--md-on-primary-container)} .md-ui .md-btn-text{background:transparent;border:none;color:var(--md-primary);box-shadow:none;padding-inline:0.75rem} .md-ui .md-btn-text:hover{background:color-mix(in srgb,var(--md-primary) 8%,transparent)} .md-ui .md-btn-sm{padding:0.4rem 1rem;font-size:0.8125rem} .md-ui .md-btn:disabled{opacity:0.38;box-shadow:none} .md-ui .md-accordion .accordion-item{border:none;border-bottom:1px solid var(--md-outline-variant);border-radius:0;margin-bottom:0;box-shadow:none;background:#fff} .md-ui .md-accordion .accordion-button{background:#fff;color:var(--md-on-surface);font-weight:500;font-size:0.9rem;padding:0.75rem 0;box-shadow:none;border-radius:0;display:flex;align-items:center;gap:0.5rem} .md-ui .md-accordion .accordion-button::after{margin-left:0;flex-shrink:0} .md-ui .md-accordion-title{flex:1 1 auto;text-align:left} .md-ui .md-accordion-brand{display:inline-flex;align-items:center;justify-content:center;width:11rem;height:2.85rem;padding:0.35rem 0.45rem;margin-right:0.75rem;flex-shrink:0;background:#178893;overflow:hidden} .md-ui .md-accordion-brand img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain} .md-ui .md-accordion-brand img.md-club-logo-inverted{filter:invert(1)} .md-ui .md-accordion-count{font-size:0.8rem;font-weight:400;color:var(--md-on-surface-variant);flex-shrink:0;margin-left:auto;margin-right:0.5rem} .md-ui .md-accordion .accordion-button:not(.collapsed){background:#fff;color:var(--md-on-surface);box-shadow:none} .md-ui .md-accordion .accordion-button:focus{box-shadow:none;border-color:transparent} .md-ui .md-accordion .accordion-button::after{filter:none;opacity:0.55} .md-ui .md-public-collections-stack{display:flex;flex-direction:column;gap:0.5rem;width:100%;max-width:none} .md-ui .collection>.md-public-collection-header{margin:0} .md-ui .collection.is-opening-pinned>.md-public-collection-header{position:sticky;top:var(--md-public-collection-nav-offset,100px);z-index:1020;background:#fff} .md-ui .md-public-collection-item.collection{width:100%;max-width:none;margin-left:auto;margin-right:auto;scroll-margin-top:5.75rem} .md-ui .md-public-collection-item{background:#fff;--md-pc-cover-width:min(1000px,58%);--md-pc-cover-aspect:1000 / 232;--md-pc-hero-ease:0.35s ease;--md-pc-chevron-pad:2.25rem;--md-pc-collapse-pad:0.75rem;--md-pc-toolbar-inset:calc((100% - var(--md-pc-cover-width)) / 2 - var(--md-pc-collapse-pad) - (var(--md-pc-chevron-pad) - (2 * var(--md-pc-collapse-pad))) / 2 )} .md-ui .md-public-collection-item:has(.md-public-collection-collapse.show){margin-bottom:1.25rem} .md-ui .md-public-collection-item:last-child{border-bottom:0} .md-ui .md-public-collection-item>.md-public-collection-header{margin:0;text-align:left} .md-ui .collection.md-public-collection-item>.md-public-collection-header{margin-top:0;margin-bottom:0} .md-ui .md-public-collection-header{margin:0} .md-ui .md-public-collection-toggle{width:100%;display:flex;align-items:stretch;gap:0;padding:0;border:0;background:#fff;text-align:left;box-shadow:none;border-radius:0;transition:none} .md-ui .md-public-collection-header:hover .md-public-collection-toggle,.md-ui .md-public-collection-toggle:hover{background:#fff} .md-ui .md-public-collection-header:hover .md-public-collection-toggle:focus-visible,.md-ui .md-public-collection-toggle:focus-visible{background:#fff} .md-ui .md-public-collection-toggle.collapsed{position:relative;display:block;padding:0.45rem 2.25rem 0.45rem 0} .md-ui .md-public-collection-toggle.collapsed::after{position:absolute;top:50%;right:0.15rem;margin:0;transform:translateY(-50%);z-index:3;transition:top var(--md-pc-hero-ease),transform var(--md-pc-hero-ease)} .md-ui .md-public-collection-toggle.collapsed .md-public-collection-toggle-hero{display:grid;width:100%;margin:0} .md-ui .md-public-collection-toggle.collapsed .md-public-collection-toggle-compact{display:none} .md-ui .md-public-collection-toggle:not(.collapsed){position:relative;display:block;padding:0.45rem 2.25rem 0.45rem 0;box-shadow:none;--md-pc-cover-aspect:1000 / 116} .md-ui .md-public-collection-toggle:not(.collapsed)::after{position:absolute;top:50%;right:0.15rem;margin:0;transform:translateY(-50%);z-index:3;transition:top var(--md-pc-hero-ease),transform var(--md-pc-hero-ease)} .md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-toggle-hero{display:grid;width:100%;margin:0} .md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-toggle-compact{display:none} .md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-hero{min-height:0} .md-ui .md-public-collection-toggle-compact{display:none} .md-ui .md-public-collection-toggle-title{font-weight:600;font-size:1rem;line-height:1.3} .md-ui .md-public-collection-toggle-meta{font-size:0.85rem;color:var(--md-on-surface-variant);line-height:1.4} .md-ui .md-public-collection-toggle-sep{margin:0 0.25rem} .md-ui .md-public-collection-collapse{width:100%;max-width:none;padding:0.35rem 0 2.75rem;overflow:hidden;background:#fff} .md-ui .md-public-collection-collapse-inner{padding:0 0.75rem} .md-ui .md-public-collection-loading{min-height:7rem;display:grid;place-items:center;padding:1.5rem;color:var(--md-on-surface-variant);font-size:0.9rem} .md-ui .md-public-collection-loading[hidden]{display:none} .md-ui .md-public-collection-collapse-inner>.filter-sort-wrapper,.md-ui .md-public-collection-collapse-inner>.md-public-collection-toolbar{margin-left:max(0px,var(--md-pc-toolbar-inset));width:var(--md-pc-cover-width);max-width:calc(100% - max(0px,var(--md-pc-toolbar-inset)));margin-bottom:1rem !important;padding:0;box-sizing:border-box} .md-ui .md-public-collection-toolbar-inner{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem 1rem;width:100%} .md-ui .md-public-collection-filters{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 0.85rem;min-width:0;flex:1 1 14rem} .md-ui .md-public-collection-filter-label,.md-ui .md-public-collection-sort-label{flex-shrink:0;margin:0;font-size:0.85rem;font-weight:300;line-height:1.4;white-space:nowrap} .md-ui .md-public-collection-filter-label{color:var(--md-primary)} .md-ui .md-public-collection-sort-label{color:var(--md-primary)} .md-ui .md-public-collection-toolbar .md-segmented{display:flex;flex-wrap:wrap;align-items:center;gap:0.15rem 0.35rem;min-width:0} .md-ui .md-public-collection-sort{display:flex;align-items:center;gap:0.65rem;flex-shrink:0;justify-self:end;margin-right:3px} .md-ui .md-public-collection-layout-btn{flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:0;color:var(--md-primary);border-color:var(--md-outline-variant)} .md-ui .md-public-collection-layout-btn:hover,.md-ui .md-public-collection-layout-btn:focus-visible{color:var(--md-primary);background:color-mix(in srgb,var(--md-primary) 8%,transparent)} .md-ui .md-public-collection-layout-btn.is-justified{background:color-mix(in srgb,var(--md-primary) 12%,transparent);border-color:var(--md-primary)} .md-ui .md-public-collection-layout-btn i{font-size:1.05rem;line-height:1} .md-ui .md-public-collection-collapse .grid.grid--justified{background:#fff} @media (max-width:719.98px){.md-ui .md-public-collection-collapse-inner .grid.grid--justified{width:calc(100% + 1.5rem);margin-left:-0.75rem;margin-right:-0.75rem;max-width:none}} @media (max-width:575.98px){.md-ui .md-public-collection-collapse-inner .grid.grid--justified{width:calc(100% + 0.7rem);margin-left:-0.35rem;margin-right:-0.35rem}} .md-ui .md-public-collection-sort-select{min-width:10.5rem;min-height:2.25rem;padding:0.35rem 2rem 0.35rem 0.65rem;border:1px solid var(--md-outline-variant);border-radius:0;font-size:0.875rem;line-height:1.3;color:var(--md-on-surface);background-color:#fff} .md-ui .md-public-collection-hero{display:grid;grid-template-columns:1fr var(--md-pc-cover-width) 1fr;grid-template-areas:". cover .";align-items:stretch;column-gap:0;width:100%;margin:0;min-height:0} .md-ui .md-public-collection-hero-title-col{grid-area:cover;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;min-width:0;min-height:0;padding:1rem 7.5rem 1.05rem 1.15rem;box-sizing:border-box;pointer-events:none} .md-ui .md-public-collection-hero-title{display:block;margin:0;padding:0;max-width:22ch;font-family:"Merriweather Sans","Source Sans 3",system-ui,sans-serif;font-size:clamp(1.35rem,2.2vw,2.05rem);font-weight:700;line-height:1.12;letter-spacing:-0.03em;color:#fff;text-align:left;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,0.28),0 10px 28px rgba(0,0,0,0.35)} .md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-hero-title{font-size:clamp(1.55rem,2.6vw,2.35rem)} .md-ui .md-public-collection-hero-cover{grid-area:cover;align-self:center;position:relative;z-index:1;width:100%;height:auto;aspect-ratio:var(--md-pc-cover-aspect);background:#d9d9d9;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,0.08);transition:aspect-ratio var(--md-pc-hero-ease),transform 0.32s cubic-bezier(0.22,1,0.36,1),box-shadow 0.32s cubic-bezier(0.22,1,0.36,1)} .md-ui .md-public-collection-hero-cover::before{content:"";position:absolute;inset:0;z-index:3;border:1px solid rgba(255,255,255,0.18);box-shadow:inset 0 0 0 1px rgba(15,23,42,0);pointer-events:none;transition:border-color 0.32s ease,box-shadow 0.32s ease} .md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-hero-cover{box-shadow:0 12px 28px rgba(15,23,42,0.16)} .md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-hero-cover::before{border-color:rgba(255,255,255,0.48);box-shadow:inset 0 -3px 0 var(--md-primary),inset 0 0 0 1px rgba(15,23,42,0.08)} .md-ui .md-public-collection-hero-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.28) 0%,transparent 42%),linear-gradient(to top,rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.28) 42%,rgba(0,0,0,0.06) 72%,transparent 100%);pointer-events:none} .md-ui .md-public-collection-hero-cover img,.md-ui .md-public-collection-hero-cover .md-public-collection-hero-placeholder{display:block;width:100%;height:100%;object-fit:cover} .md-ui .md-public-collection-hero-cover img{transform:scale(1);transition:transform 0.55s cubic-bezier(0.22,1,0.36,1)} .md-ui .md-public-collection-header:hover .md-public-collection-hero-cover,.md-ui .md-public-collection-toggle:focus-visible .md-public-collection-hero-cover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,0.2)} .md-ui .md-public-collection-header:hover .md-public-collection-hero-cover::before,.md-ui .md-public-collection-toggle:focus-visible .md-public-collection-hero-cover::before{border-color:rgba(255,255,255,0.72);box-shadow:inset 0 0 0 1px rgba(15,23,42,0.12)} .md-ui .md-public-collection-header:hover .md-public-collection-toggle:not(.collapsed) .md-public-collection-hero-cover::before,.md-ui .md-public-collection-toggle:not(.collapsed):focus-visible .md-public-collection-hero-cover::before{box-shadow:inset 0 -3px 0 var(--md-primary),inset 0 0 0 1px rgba(15,23,42,0.12)} .md-ui .md-public-collection-header:hover .md-public-collection-hero-cover img,.md-ui .md-public-collection-toggle:focus-visible .md-public-collection-hero-cover img{transform:scale(1.025)} .md-ui .md-public-collection-hero-placeholder{background:#d9d9d9} .md-ui .md-public-collection-hero-info{grid-area:cover;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;min-width:0;max-width:none;min-height:0;background:transparent;padding:1rem 1.15rem 1.05rem 1rem;box-sizing:border-box;pointer-events:none} .md-ui .md-public-collection-hero-meta{display:flex;flex-direction:column;align-items:flex-end;gap:0.2rem;width:auto;max-width:14rem;text-align:right;font-size:0.72rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.86);line-height:1.35;text-shadow:0 1px 8px rgba(0,0,0,0.35)} .md-ui .md-public-collection-hero-tags,.md-ui .md-public-collection-hero-extra{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;hyphens:auto} .md-ui .md-public-collection-hero-count{display:block} .md-ui .md-public-collection-hero-meta .md-public-collection-hero-tags + .md-public-collection-hero-count{margin-top:0.2rem;padding-top:0;border-top:0} .md-ui .md-public-collection-hero-extra{margin-top:0.25rem} .md-ui .md-public-collection-collapse .grid{width:100%;max-width:none;background:#fff} @media (max-width:991.98px){.md-ui .md-public-collection-collapse-inner>.filter-sort-wrapper,.md-ui .md-public-collection-collapse-inner>.md-public-collection-toolbar{margin-left:0;width:100%;max-width:100%;padding:0} .md-ui .md-public-collection-toolbar-inner{flex-wrap:nowrap;align-items:center;gap:0.4rem} .md-ui .md-public-collection-filters{flex:0 0 auto;flex-wrap:nowrap;min-width:0} .md-ui .md-public-collection-sort{flex:1 1 0;min-width:0;margin-right:0;gap:0} .md-ui .md-public-collection-sort-select{min-width:0;width:100%} .md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-hero{grid-template-areas:"cover";grid-template-columns:1fr;min-height:0} .md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-hero-title-col{min-height:0;align-items:flex-end;padding:0.9rem 2.5rem 0.95rem 0.85rem} .md-ui .md-public-collection-hero{grid-template-columns:1fr;grid-template-areas:"cover";row-gap:0;min-height:0} .md-ui .md-public-collection-hero-title-col{min-height:0;justify-content:flex-start;align-items:flex-end;padding:0.9rem 2.5rem 0.95rem 0.85rem} .md-ui .md-public-collection-hero-title{text-align:left;max-width:18ch;font-size:clamp(1.2rem,6vw,1.55rem)} .md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-hero-title{font-size:clamp(1.3rem,6.2vw,1.7rem)} .md-ui .md-public-collection-toggle.collapsed,.md-ui .md-public-collection-toggle:not(.collapsed){padding-right:0} .md-ui .md-public-collection-hero-cover{width:100%;max-width:none;margin-right:0} .md-ui .md-public-collection-hero-info{min-height:0;max-width:none;padding:0.85rem 2.5rem 0.75rem 0.85rem;align-items:flex-end;justify-content:flex-end} .md-ui .md-public-collection-hero-meta{align-items:flex-end;text-align:right;max-width:11rem;font-size:0.66rem} .md-ui .md-public-collection-toggle.collapsed::after,.md-ui .md-public-collection-toggle:not(.collapsed)::after{top:0.65rem;right:0.4rem;transform:none;z-index:2} .md-ui .md-public-collection-toggle:not(.collapsed)::after{transform:rotate(-180deg)} .md-ui .md-public-collection-hero-meta{max-width:11rem} .md-ui .md-public-collection-filter-label,.md-ui .md-public-collection-sort-label{display:none}} @media (prefers-reduced-motion:reduce){.md-ui .md-public-collection-hero-cover,.md-ui .md-public-collection-toggle.collapsed::after,.md-ui .md-public-collection-toggle:not(.collapsed)::after{transition:none} .md-ui .md-public-collection-header:hover .md-public-collection-hero-cover,.md-ui .md-public-collection-toggle:focus-visible .md-public-collection-hero-cover,.md-ui .md-public-collection-header:hover .md-public-collection-hero-cover img,.md-ui .md-public-collection-toggle:focus-visible .md-public-collection-hero-cover img{transform:none}} @media (max-width:575.98px){.md-ui .md-public-collection-toggle:not(.collapsed) .md-public-collection-toggle-compact{padding-inline:0.75rem} .md-ui .md-public-collection-toggle-title{font-size:0.95rem} .md-ui .md-public-collection-toggle-meta{font-size:0.78rem} .md-ui .md-public-collection-collapse-inner{padding:0 0.35rem}} .md-ui .md-accordion .accordion-body{padding:0 0 1rem;background:#fff} .md-ui .md-rating-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--md-outline-variant)} .md-ui .md-rating-card--partial{background:#fffbeb;border-color:#fde68a} .md-ui .md-rating-card--rated{background:#fef3c7;border-color:#f59e0b} .md-ui .md-rating-card-media{position:relative;width:100%;aspect-ratio:4 / 3;background:#f3f3f3;overflow:hidden} .md-ui .md-rating-card-link,.md-ui .md-rating-card-link img{display:block;width:100%;height:100%} .md-ui .md-rating-card-link img{object-fit:contain;background:#f8f9fa} .md-ui .md-rating-card-body{display:flex;flex-direction:column;gap:0.5rem;padding:1rem;flex:1 1 auto} .md-ui .md-rating-card-title{margin:0;font-size:1rem;font-weight:600;line-height:1.3} .md-ui .md-rating-summary{display:flex;flex-wrap:wrap;gap:0.35rem 0.5rem;font-size:0.9rem} .md-ui .md-rating-summary-label,.md-ui .md-rating-label{font-weight:600} .md-ui .md-rating-divider{margin:0.25rem 0;opacity:0.2} .md-ui .md-rating-row{display:grid;grid-template-columns:minmax(7rem,8.5rem) 1fr;gap:0.35rem 0.75rem;align-items:center;margin-bottom:0.65rem} .md-ui .md-rating-readonly .md-rating-row{grid-template-columns:minmax(6.5rem,7.5rem) minmax(0,1fr) auto} .md-ui .md-rating-squares{display:inline-flex;align-items:center;gap:0.12rem;flex-wrap:wrap;line-height:1;overflow:visible} .md-ui .md-rating-square,.md-ui .md-rating-square-btn{position:relative;display:inline-block;width:0.72rem;height:0.72rem;border:1px solid #c8c8c8;background:#fff;padding:0;box-sizing:border-box} .md-ui .md-rating-square[data-tip]::after,.md-ui .md-rating-square-btn[data-value]::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 0.35rem);transform:translateX(-50%);min-width:1.1rem;padding:0.1rem 0.3rem;border-radius:0.15rem;background:rgba(33,33,33,0.92);color:#fff;font-size:0.68rem;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.12s ease,visibility 0.12s ease;z-index:2} .md-ui .md-rating-square-btn[data-value]::after{content:attr(data-value)} .md-ui .md-rating-square[data-tip]:hover::after,.md-ui .md-rating-square-btn[data-value]:hover::after,.md-ui .md-rating-square-btn[data-value]:focus-visible::after{opacity:1;visibility:visible} .md-ui .md-rating-square-btn.is-selected{background:#fef08a;border-color:#eab308} .md-ui .md-rating-square.is-filled{background:#f59e0b;border-color:#d97706} .md-ui .md-rating-square-btn{cursor:pointer} .md-ui .md-rating-square-btn:hover{border-color:#f59e0b} .md-ui .md-rating-aggregate{font-size:0.82rem;color:var(--md-on-surface-variant);white-space:nowrap} .md-ui .md-rating-submit{display:none} .md-ui .md-rating-done-note{margin:0.35rem 0 0;font-size:0.82rem;color:var(--md-on-surface-variant);font-style:italic} .md-ui .md-ratings-empty{color:var(--md-on-surface-variant)} .md-rating-lightbox-shell{position:fixed;inset:0;z-index:150001;display:flex;flex-direction:row;background:#000} .md-rating-lightbox-stage{position:relative;flex:0 0 50%;width:50%;height:100%;overflow:hidden;background:#000} .md-rating-lightbox-stage .pswp{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important} .md-rating-lightbox-stage .pswp__bg,.md-rating-lightbox-stage .pswp__scroll-wrap{width:100% !important;height:100% !important} .md-rating-lightbox-panel{flex:0 0 50%;width:50%;height:100%;background:#fff;color:#1f1f1f;overflow-y:auto;box-sizing:border-box;border-left:1px solid var(--md-outline-variant,#d9d9d9);font-family:"Roboto","Source Sans 3",system-ui,sans-serif} .md-rating-lightbox-panel-inner{padding:1.5rem 1.5rem 2rem} .md-rating-lightbox-panel-inner.md-ui .pswp__rating-voters-header{margin-bottom:1rem} .md-rating-lightbox-panel-inner.md-ui .pswp__rating-voters-title{margin:0 0 0.25rem;font-size:1.1rem;font-weight:600;line-height:1.3} .md-rating-lightbox-panel-inner.md-ui .pswp__rating-voters-photographer{margin:0 0 0.5rem;font-size:0.9rem} .md-rating-lightbox-panel-inner.md-ui .pswp__rating-voters-summary,.md-rating-lightbox-panel-inner.md-ui .pswp__rating-voters-status{margin:0;font-size:0.875rem} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-scale{font-weight:400;color:var(--md-on-surface-variant,#5f6368)} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-user-link{color:#1f1f1f;text-decoration:none;font-weight:500} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-user-link:hover{color:var(--md-primary,var(--bs-primary));text-decoration:underline} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table-wrap{margin:0;overflow-x:auto} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table{table-layout:fixed;width:100%;min-width:0} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table col.md-rating-voters-col-member{width:42%} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table col.md-rating-voters-col-num{width:14%} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table col.md-rating-voters-col-total{width:12%} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table thead th.md-rating-voters-col-member,.md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table tbody td.md-rating-voters-member,.md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table tfoot td.md-rating-voters-member{padding-left:0;padding-right:0.5rem;text-align:left;white-space:normal;word-break:break-word;line-height:1.3} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table thead th.md-rating-voters-col-num,.md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table thead th.md-rating-voters-col-total{padding:0.35rem 0.15rem;font-size:0.68rem;line-height:1.15;text-align:center;vertical-align:bottom;white-space:normal;word-break:break-word;hyphens:auto} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table thead th.md-rating-voters-col-num .md-rating-voters-scale,.md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table thead th.md-rating-voters-col-total .md-rating-voters-scale{display:block;margin-top:0.1rem;font-size:0.62rem;line-height:1} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table tbody td.md-rating-voters-num,.md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table tfoot td.md-rating-voters-num{padding:0.45rem 0.15rem;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:0.875rem} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table tbody td.md-rating-voters-total,.md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table tfoot td.md-rating-voters-total,.md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table thead th.md-rating-voters-col-total{color:var(--md-primary,var(--bs-primary));font-weight:600} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table thead th:last-child,.md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table tbody td:last-child,.md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table tfoot td:last-child{width:auto} .md-rating-lightbox-panel-inner.md-ui .md-rating-voters-table tfoot td{border-bottom:none;border-top:1px solid var(--md-outline-variant);background:#fafafa;font-weight:600} @media (max-width:767.98px){.md-rating-lightbox-shell{flex-direction:column} .md-rating-lightbox-stage,.md-rating-lightbox-panel{flex:0 0 50%;width:100%;height:50%} .md-rating-lightbox-panel{border-left:0;border-top:1px solid var(--md-outline-variant,#d9d9d9)}} @media (max-width:575.98px){.md-ui .md-rating-readonly .md-rating-row{grid-template-columns:1fr} .md-ui .md-rating-row{grid-template-columns:1fr}} .md-ui .md-table-wrap{padding:0} .md-ui .md-table-wrap.md-club-accent{border-left:4px solid var(--club-accent,var(--md-primary,#178893))} .md-ui .table-responsive:has(.md-table-modern){overflow-x:auto} .md-ui .md-table-modern{border-collapse:collapse;width:100%;margin-bottom:0;background:#fff} .md-ui .md-table-modern thead th{border:none;border-bottom:1px solid var(--md-outline-variant);padding:0.55rem 0.75rem;font-size:0.75rem;font-weight:500;letter-spacing:0.02em;text-transform:none;text-align:left;vertical-align:bottom;color:var(--md-on-surface-variant);background:transparent;border-radius:0} .md-ui .md-table-modern thead th:last-child{width:1%;white-space:nowrap;text-align:right} .md-ui .md-table-modern tbody td{border:none;border-bottom:1px solid var(--md-outline-variant);padding:0.45rem 0.75rem;vertical-align:middle;text-align:left;background:transparent;border-radius:0} .md-ui .md-table-modern tbody tr:last-child td{border-bottom:none} .md-ui .md-table-modern tbody tr:hover td{background:#fafafa} .md-ui .md-table-modern tbody td:last-child{text-align:right} .md-ui .md-table-modern .md-cell-input{min-height:1.75rem;padding:0.2rem 0.35rem;font-size:0.875rem;line-height:1.35;border-radius:0;width:100%;background:transparent;border:1px solid transparent} .md-ui .md-table-modern .md-cell-input:focus{background:#fff;border-color:var(--md-outline-variant);box-shadow:none;outline:none} .md-ui input.md-cell-input.md-date-empty{color:inherit} .md-ui .md-month-wrap,.md-ui .md-time-wrap{display:flex;align-items:stretch;width:100%} .md-ui .md-month-wrap .md-cell-input,.md-ui .md-time-wrap .md-cell-input{flex:1 1 auto;min-width:0;padding-right:1.75rem;cursor:pointer;font-family:"Roboto","Source Sans 3",system-ui,sans-serif;font-size:0.875rem;line-height:1.35;font-variant-numeric:tabular-nums;letter-spacing:0.01em} .md-ui .md-month-wrap .md-month-trigger,.md-ui .md-time-wrap .md-time-trigger{position:absolute;top:0;right:0;bottom:0;width:1.75rem;border:none;background:transparent;color:var(--md-on-surface-variant,#666);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer} .md-ui .md-month-wrap .md-month-trigger:hover,.md-ui .md-time-wrap .md-time-trigger:hover{color:var(--md-primary,#0d6efd)} .md-ui input.md-cell-input.md-month-empty,.md-ui input.md-cell-input.md-time-empty{color:inherit} .md-month-picker,.md-time-picker{position:fixed;z-index:1080;width:min(280px,calc(100vw - 1rem));background:#fff;border:1px solid var(--md-outline-variant,#ddd);box-shadow:0 8px 24px rgba(0,0,0,0.14);padding:0.5rem;font-family:"Roboto","Source Sans 3",system-ui,sans-serif;font-size:0.875rem;line-height:1.35;color:var(--md-on-surface);-webkit-font-smoothing:antialiased} .md-time-picker{width:min(180px,calc(100vw - 1rem))} .md-month-picker-header{display:flex;align-items:center;justify-content:space-between;gap:0.25rem;margin-bottom:0.5rem} .md-month-picker-year{font-weight:500;font-size:0.875rem;flex:1;text-align:center;letter-spacing:0.02em} .md-time-picker-columns{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-bottom:0.35rem} .md-time-picker-col{display:flex;flex-direction:column;align-items:center;gap:0.15rem} .md-time-picker-minute-value,.md-time-picker-hour-value{font-weight:600;font-size:1.25rem;font-variant-numeric:tabular-nums;line-height:1.4;min-width:2.5rem;text-align:center} .md-time-picker-col-label{font-size:0.7rem;color:var(--md-on-surface-variant,#666);letter-spacing:0.04em;text-transform:uppercase} .md-month-picker-nav,.md-time-picker-nav{width:2rem;height:2rem;border:none;background:transparent;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--md-on-surface-variant,#666);cursor:pointer} .md-month-picker-nav:hover,.md-time-picker-nav:hover{background:var(--md-surface-container-high,#f0f0f0);color:var(--md-primary,#0d6efd)} .md-month-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.25rem} .md-month-picker-month{border:none;background:transparent;border-radius:0;padding:0.45rem 0.2rem;font-family:inherit;font-size:0.8125rem;font-weight:500;line-height:1.35;cursor:pointer;color:inherit} .md-month-picker-month:hover{background:var(--md-surface-container-high,#f0f0f0)} .md-month-picker-month.is-selected{background:var(--md-primary,#0d6efd);color:#fff} .md-month-picker-footer,.md-time-picker-footer{margin-top:0.35rem;display:flex;align-items:center;justify-content:flex-end;gap:0.35rem} .md-month-picker-clear,.md-time-picker-clear,.md-time-picker-apply{border:none;background:transparent;color:var(--md-on-surface-variant,#666);font-family:inherit;font-size:0.8125rem;font-weight:500;padding:0.2rem 0.35rem;cursor:pointer} .md-time-picker-apply{color:var(--md-primary,#0d6efd)} .md-month-picker-clear:hover,.md-time-picker-clear:hover,.md-time-picker-apply:hover{color:var(--md-primary,#0d6efd)} .md-month-picker-clear[hidden],.md-time-picker-clear[hidden]{display:none} .md-ui .md-table-modern .md-chip-sm{padding:0.1rem 0.45rem;font-size:0.75rem;border-radius:0} .md-ui .md-table-modern .md-chip{border-radius:0;background:var(--md-surface-container-high)} .md-ui .md-table-modern .md-chip-admin{background:var(--md-on-surface);color:#fff} .md-ui .md-table-modern .md-btn{border-radius:0} .md-ui .md-table-modern tbody tr.md-table-row-inactive td{color:var(--md-on-surface-variant)} .md-ui .md-table-modern tbody tr.md-table-row-inactive .m-username,.md-ui .md-table-modern tbody tr.md-table-row-inactive .m-email{text-decoration:line-through} .md-ui .md-table-modern tbody tr.md-table-row-inactive .md-cell-input{color:var(--md-on-surface-variant)} .md-ui .md-table-modern tbody tr.md-table-row-inactive td:first-child{padding-left:1.75rem} .md-ui .md-table-modern tbody tr.md-table-row-inactive:hover td{background:#f7f7f7} .md-ui .md-login-card{max-width:28rem;margin-inline:auto;padding:0.5rem} .md-ui .md-btn-xs{padding:0.2rem 0.65rem;font-size:0.72rem;line-height:1.2} .md-ui .md-btn-icon{padding:0.2rem 0.45rem;min-width:1.75rem;line-height:1;color:var(--md-on-surface-variant)} .md-ui .md-btn-saved{background:var(--md-primary-light);color:#fff} .md-ui .md-btn-icon:hover{color:var(--md-error);background:color-mix(in srgb,var(--md-error) 8%,transparent)} .md-ui .md-table-modern tbody tr.md-table-new-user td{background:#fafafa} .md-ui .md-table-modern tbody tr.md-table-new-user:hover td{background:#fafafa} .md-ui .md-table-modern tbody tr.md-table-new-user .md-cell-input{background:#fff;border:1px solid var(--md-outline-variant)} .md-ui .md-table-modern tbody tr.md-table-new-user .md-cell-input:focus{border-color:var(--md-primary);background:#fff;box-shadow:none;outline:none} .md-ui .md-table-icon-plus{color:var(--md-on-surface-variant);font-size:1rem;flex-shrink:0;width:1rem;text-align:center} .md-ui .md-table:not(.md-table-modern){border-collapse:separate;border-spacing:0 0.5rem} .md-ui .md-table:not(.md-table-modern) thead th{border:none;color:var(--md-on-surface-variant);font-size:0.75rem;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;padding:0.5rem 0.75rem} .md-ui .md-table:not(.md-table-modern) tbody tr{background:var(--md-surface-container);box-shadow:var(--md-elevation-1)} .md-ui .md-table:not(.md-table-modern) tbody td{border:none;padding:0.65rem 0.75rem;vertical-align:middle} .md-ui .md-table:not(.md-table-modern) tbody td:first-child{border-radius:0} .md-ui .md-table:not(.md-table-modern) tbody td:last-child{border-radius:0} .md-ui .md-chip{display:inline-flex;align-items:center;padding:0.2rem 0.5rem;border-radius:0;background:var(--md-surface-container-high);font-size:0.75rem;font-weight:500} .md-ui .md-chip-admin{background:var(--md-on-surface);color:var(--md-surface)} #mainNav .md-field-nav.form-floating{position:relative;flex:0 0 2rem;width:2rem;min-width:2rem;height:2.5rem;border-radius:999px;background:rgba(255,255,255,0.1);transition:background-color 0.15s ease,box-shadow 0.15s ease} #mainNav .md-field-nav.form-floating::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-right:0.3rem solid transparent;border-left:0.3rem solid transparent;border-top:0.4rem solid rgba(255,255,255,0.95);transform:translate(-50%,-35%);pointer-events:none} #mainNav .md-field-nav.form-floating:hover{background:rgba(255,255,255,0.18)} #mainNav .md-field-nav.form-floating:focus-within{background:rgba(255,255,255,0.18);box-shadow:0 0 0 0.18rem rgba(255,255,255,0.28)} #mainNav .md-field-nav>.form-select{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;background:transparent;opacity:0;cursor:pointer} #mainNav .md-field-nav>.form-select:focus{box-shadow:none;outline:none} #mainNav .md-field-nav>label{display:none} .md-ui .md-form-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0.5rem 0.75rem;padding-bottom:0.75rem;margin-bottom:0.75rem;border-bottom:1px solid var(--md-outline-variant)} .md-ui .md-form-row-title{width:100%;font-size:0.75rem;font-weight:500;color:var(--md-on-surface-variant);margin:0 0 0.25rem} .md-ui .md-form-field{flex:1 1 6rem;min-width:5.5rem} .md-ui .md-form-field label{display:block;font-size:0.7rem;color:var(--md-on-surface-variant);margin-bottom:0.1rem} .md-ui .md-form-field .form-control,.md-ui .md-form-field .form-select{border-radius:0;border:none;border-bottom:1px solid var(--md-outline-variant);background:transparent;padding:0.2rem 0.25rem;font-size:0.875rem;min-height:1.75rem;width:100%} .md-ui .md-form-field .form-control:focus,.md-ui .md-form-field .form-select:focus{border-bottom-color:var(--md-on-surface);box-shadow:none;outline:none;background:#fff} .md-ui .md-form-field-action{flex:0 0 auto} .md-ui .md-table-modern .md-cell-muted{color:var(--md-on-surface-variant);font-size:0.875rem} .md-ui .md-col-sort{width:2.5rem;padding-left:0.5rem !important;padding-right:0.25rem !important} .md-ui .md-sort-handle{cursor:grab;color:var(--md-on-surface-variant)} .md-ui .md-sort-handle:active{cursor:grabbing} .md-ui .md-table-row-dragging td{opacity:0.45} .md-ui .md-table-row-drop-target td{background:#f3f6fc !important} .md-ui .md-table-modern .form-check-input{margin-top:0} .md-ui .md-collections-club-block + .md-collections-club-block{padding-top:0.5rem;border-top:1px solid var(--md-outline-variant)} .md-ui .md-collections-club-block{min-width:0;max-width:100%} .md-ui .md-collections-club-block>*,.md-ui .md-collections-club-block .accordion,.md-ui .md-collections-club-block .accordion-body{min-width:0;max-width:100%} @media (max-width:575.98px){.md-ui .md-collections-club-block .md-table-wrap{overflow-x:hidden} .md-ui .md-collections-club-block .md-table-modern,.md-ui .md-collections-club-block .md-table-modern tbody,.md-ui .md-collections-club-block .md-table-modern tr{display:block;width:100%} .md-ui .md-collections-club-block .md-table-modern thead{display:none} .md-ui .md-collections-club-block .md-table-modern tbody tr{padding:0.35rem 0} .md-ui .md-collections-club-block .md-table-modern tbody td{display:grid;grid-template-columns:minmax(7rem,42%) minmax(0,1fr);gap:0.5rem;align-items:center;width:100%;min-width:0;padding:0.35rem 0;text-align:left !important;white-space:normal} .md-ui .md-collections-club-block .md-table-modern tbody td::before{content:attr(data-label);min-width:0;color:var(--md-on-surface-variant);font-size:0.75rem;line-height:1.25;overflow-wrap:anywhere} .md-ui .md-collections-club-block .md-table-modern tbody td>*{grid-column:2;min-width:0;max-width:100%} .md-ui .md-collections-club-block .md-table-modern tbody td:first-child>div{width:100%} .md-ui .md-collections-club-block .md-table-modern tbody td:first-child input,.md-ui .md-collections-club-block .md-table-modern tbody input[type="date"]{min-width:0;width:100%} .md-ui .md-collections-club-block .md-table-modern tbody td:last-child{display:block;padding-top:0.6rem} .md-ui .md-collections-club-block .md-table-modern tbody td:last-child::before{display:none} .md-ui .md-collections-club-block .md-table-modern tbody td:last-child .btn{width:100%} .md-ui .md-collections-club-block .md-message-recipient-search-input{min-width:0}} .md-ui .md-collection-item-inactive .accordion-button{opacity:0.65} .md-ui .md-collection-item .accordion-button{display:flex;align-items:center;gap:0.35rem} .md-ui .md-collection-accordion-title{flex:1 1 auto;min-width:0;text-align:left} .md-ui .md-accordion .accordion-button .md-sort-handle{flex:0 0 auto;margin-right:0.5rem;cursor:grab;color:var(--md-on-surface-variant)} .md-ui .md-accordion .accordion-button .md-sort-handle:active{cursor:grabbing} .md-ui .md-collection-item-dragging{opacity:0.55} .md-ui .md-collection-item-drop-target .accordion-button{background:#f3f6fc !important} .md-ui .md-collection-edit-row .form-label{margin-bottom:0.25rem} .md-ui .md-collection-image-grid{display:flex;flex-wrap:wrap;gap:1rem} .md-ui .md-collection-cover-section{border-top:1px solid var(--md-outline-variant);padding-top:1rem} .md-ui .md-collection-cover-layout{display:flex;gap:1rem;align-items:flex-start;width:100%} .md-ui .md-collection-cover-preview{flex:0 1 1000px;width:100%;max-width:1000px;min-width:0;height:auto;aspect-ratio:1000 / 232;background:#d9d9d9;overflow:hidden} .md-ui .md-collection-cover-picker{flex:1 1 0;min-width:0;width:auto;display:flex;flex-direction:column;border:1px solid var(--md-outline-variant);background:#fafafa;padding:0.75rem 1rem;box-sizing:border-box} .md-ui .md-collection-cover-picker-label{font-size:0.7rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--md-on-surface-variant);margin-bottom:0.35rem;flex-shrink:0} .md-ui .md-collection-cover-picker-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:0.5rem} .md-ui .md-collection-cover-picker-controls{display:flex;justify-content:center;align-items:flex-start;flex:1;width:100%;min-height:0} .md-ui .md-collection-cover-picker-slide{width:200px;flex-shrink:0} .md-ui .md-collection-cover-picker-nav{display:flex;align-items:center;gap:0.15rem} .md-ui .md-collection-cover-picker-nav .btn-cover-picker-prev,.md-ui .md-collection-cover-picker-nav .btn-cover-picker-next{flex-shrink:0;padding:0.15rem} .md-ui .md-collection-cover-picker-nav .btn:disabled{opacity:0.35;pointer-events:none} .md-ui .md-collection-cover-picker-card{width:200px;display:flex;flex-direction:column;gap:0.5rem;border:2px solid transparent;background:transparent;padding:0;border-radius:0;overflow:visible;cursor:pointer;text-align:left} .md-ui .md-collection-cover-picker-card:hover .md-collection-cover-picker-thumb{border-color:rgba(23,136,147,0.45)} .md-ui .md-collection-cover-picker-card.is-active .md-collection-cover-picker-thumb{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary)} .md-ui .md-collection-cover-picker-thumb{position:relative;width:200px;height:200px;overflow:hidden;border-radius:8px;background:#f5f5f5;border:1px solid var(--md-outline-variant)} .md-ui .md-collection-cover-picker-thumb img{width:200px;height:200px;object-fit:cover;display:block} .md-ui .md-collection-cover-picker-title{font-size:0.875rem;font-weight:500;line-height:1.3;word-break:break-word} .md-ui .md-collection-cover-picker-user{font-size:0.8125rem;line-height:1.2} .md-ui .md-collection-cover-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-top:0.75rem;padding-top:0.5rem;border-top:1px solid var(--md-outline-variant);flex-wrap:wrap;width:100%} .md-ui .c-picker-counter{font-size:0.75rem;color:var(--md-on-surface-variant);white-space:nowrap} @media (max-width:991.98px){.md-ui .md-collection-cover-layout{flex-direction:column} .md-ui .md-collection-cover-preview{flex:1 1 auto;max-width:none} .md-ui .md-collection-cover-picker{flex:1 1 auto;width:100%}} .md-ui .md-collection-cover-preview img{display:block;width:100%;height:100%;object-fit:cover} .md-ui .md-collection-cover-preview--clickable{cursor:pointer} .md-ui .md-collection-cover-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;color:var(--md-on-surface-variant);font-size:0.875rem;cursor:pointer;user-select:none} .md-ui .md-collection-cover-empty:hover{color:var(--md-primary);background:rgba(23,136,147,0.08)} .md-ui .md-collection-image-card--cover{outline:2px solid var(--md-primary);outline-offset:2px} .md-ui .md-collection-image-card--cover .md-collection-image-thumb::after{content:'Titelbild';position:absolute;left:0;right:0;bottom:0;padding:0.2rem 0.35rem;font-size:0.7rem;font-weight:600;text-align:center;color:#fff;background:rgba(23,136,147,0.92)} .modal-cover-crop-dialog{width:min(96vw,1200px);max-width:none;margin:0.75rem auto} #hpImageCropModal{z-index:2200;pointer-events:auto} #hpImageCropModal .modal-dialog,#hpImageCropModal .modal-content,#hpImageCropModal .modal-footer .btn{pointer-events:auto} .md-collection-cover-modal{min-height:min(88vh,900px);display:flex;flex-direction:column} .md-collection-cover-modal .modal-body{flex:1 1 auto;min-height:0} .tox-tinymce,.tox .tox-editor-container,.tox .tox-toolbar,.tox .tox-statusbar{font-family:var(--app-font-sans) !important} .md-collection-cover-crop-wrap{position:relative;padding:0;height:min(72vh,720px);min-height:420px;background:#1a1a1a;overflow:hidden} .md-image-crop-busy-overlay{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.62)} .md-image-crop-busy-overlay[hidden]{display:none !important} .md-image-crop-busy-inner{display:flex;flex-direction:column;align-items:center;gap:0.85rem;padding:1rem 1.5rem;text-align:center} .md-image-crop-busy-text{margin:0;color:#fff;font-size:0.95rem} #mdImageCropModal.is-crop-uploading .modal-footer .btn[data-bs-dismiss="modal"],#mdImageCropModal.is-crop-uploading .btn-close{opacity:0.55} #mdImageCropSave.is-busy{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-width:8.5rem} #mdImageCropSave.is-busy::before{content:'';width:1rem;height:1rem;border:2px solid rgba(255,255,255,0.35);border-top-color:#fff;border-radius:50%;animation:md-image-crop-spin 0.75s linear infinite} @keyframes md-image-crop-spin{to{transform:rotate(360deg)}} .md-collection-cover-crop-box{width:100%;height:100%} .md-collection-cover-crop-wrap img{display:block;max-width:100%;max-height:100%} .md-collection-cover-crop-wrap .cropper-container{width:100% !important;height:100% !important} .md-ui .md-image-card{width:200px;flex:0 0 200px;min-width:0} .md-ui .md-image-card .md-image-card-meta{display:flex;flex-direction:column;gap:0.35rem;margin-top:0.35rem;width:100%;max-width:100%;min-width:0} .md-ui .md-image-card .textarea-wrapper{position:relative;width:100%;max-width:100%;min-width:0;margin:0;z-index:1} .md-ui .md-image-card .textarea-wrapper:has(.multi-select-header-active){z-index:100} .md-ui .md-image-card:has(.multi-select-header-active){position:relative;z-index:200} .md-ui .md-image-card .md-image-card-meta:has(.multi-select-header-active),.md-ui .md-collection-image-grid:has(.multi-select-header-active),.md-ui .md-image-drop-zone:has(.multi-select-header-active){position:relative;z-index:190;overflow:visible} .md-ui .md-image-card .md-cell-input,.md-ui .md-image-card .image-title-input{min-height:1.75rem;padding:0.2rem 0.35rem;font-size:0.875rem;line-height:1.35;border-radius:0;width:100%;background:#fff;border:1px solid var(--md-outline-variant);box-shadow:none} .md-ui .md-image-card .md-cell-input:focus{border-color:var(--md-outline-variant);box-shadow:none;outline:none} .md-ui .md-image-card .multi-select{width:100% !important;max-width:100%;--border-radius:0;--input-min-height:1.75rem;--spacing-medium:0.2rem;--spacing-large:0.35rem;--font-size-large:0.875rem;--font-size-larger:0.875rem;--line-height-larger:1.35;--icon-size:0.65rem;--icon-space:1.25rem;--primary-color:var(--md-primary,#1a73e8)} .md-ui .md-image-card .multi-select.md-tags-picker .multi-select-header{flex-wrap:wrap;overflow:hidden;gap:0;min-height:1.75rem;height:auto;align-items:center} .md-ui .md-image-card .multi-select.md-tags-picker .multi-select-header-option{flex:0 1 auto;max-width:calc(100% - 1.25rem)} .md-ui .md-image-card .multi-select .multi-select-header{width:100%;max-width:100%;flex-wrap:nowrap;overflow:hidden;border-radius:0;background:#fff;border:1px solid var(--md-outline-variant);min-height:1.75rem;padding:0.2rem 0.35rem;padding-right:1.25rem;box-shadow:none;gap:0;align-items:center} .md-ui .md-image-card .multi-select .multi-select-header.multi-select-header-active{border-color:var(--md-outline-variant);box-shadow:none} .md-ui .md-image-card .multi-select .multi-select-header::after{right:0.35rem;opacity:0.55} .md-ui .md-image-card .multi-select .multi-select-header-option{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;padding:0;border-radius:0;font-size:0.875rem;font-weight:400;color:inherit} .md-ui .md-image-card .multi-select .multi-select-header-max{display:none} .md-ui .md-image-card .multi-select .multi-select-options{border-radius:0;border:1px solid var(--md-outline-variant);box-shadow:0 2px 6px rgba(0,0,0,0.08);margin-top:2px;padding:0.25rem 0;z-index:101} .md-ui .md-image-card .multi-select .multi-select-options .multi-select-search{border-radius:0;font-size:0.875rem;margin:0.25rem 0.35rem;width:calc(100% - 0.7rem);padding:0.2rem 0.35rem;min-height:1.75rem;border-color:var(--md-outline-variant);box-shadow:none} .md-ui .md-image-card .multi-select .multi-select-options .multi-select-search:focus{border-color:var(--md-outline-variant);box-shadow:none;outline:none} .md-ui .md-image-card .multi-select .multi-select-options .multi-select-option{padding:0.35rem 0.5rem;border-radius:0} .md-ui .md-image-card .multi-select .multi-select-options .multi-select-option .multi-select-option-radio{border-radius:0;width:0.875rem;height:0.875rem;margin-right:0.5rem} .md-ui .md-image-card .textarea-wrapper .save-indicator{display:none} @keyframes md-led-glow{0%,100%{box-shadow:0 0 2px rgba(224,32,32,0.7),0 0 5px rgba(224,32,32,0.45)} 50%{box-shadow:0 0 4px rgba(224,32,32,1),0 0 10px rgba(224,32,32,0.75),0 0 18px rgba(224,32,32,0.4)}} .md-ui .md-image-card .textarea-wrapper.md-input-pending::after,.md-ui .md-image-card .textarea-wrapper:has(.md-collection-picker.md-collection-unset)::after,.md-ui .md-image-card .textarea-wrapper:has(.md-tags-picker.md-tags-unset)::after{content:'';position:absolute;top:50%;right:1.65rem;width:0.625rem;height:0.625rem;transform:translateY(-50%);border-radius:50%;background-color:#e02020;z-index:20;pointer-events:none;animation:md-led-glow 1.6s ease-in-out infinite} .md-ui .md-image-card .textarea-wrapper.md-input-pending .multi-select .multi-select-header{padding-right:2.35rem} .md-ui .md-image-card .multi-select .multi-select-header .multi-select-header-placeholder{color:var(--md-on-surface,#1c1b1f);font-weight:400} .md-ui .md-image-card .multi-select.multi-select-invalid .multi-select-header{border-color:var(--md-outline-variant);outline:none;box-shadow:none} .md-image-collection-mobile{display:none} @media (min-width:768px){.md-ui.md-image-board[data-board-mode="my"]:not([data-collection-pickers-ready="1"]) .md-image-card .image-collection-select.md-image-collection-mobile{display:block}} @media (max-width:767.98px){.md-image-collection-mobile{display:block} .md-ui.md-image-board[data-board-mode="my"] .md-image-card.md-image-card-pending{cursor:default}} .md-ui .md-image-card .multi-select.md-collection-picker .multi-select-header-max{display:none} .md-ui .md-image-card .multi-select.md-collection-picker .multi-select-option-radio,.md-ui .md-image-card .multi-select.md-collection-picker .multi-select-option.multi-select-selected .multi-select-option-radio::after{display:none !important;content:none !important} .md-ui .md-image-card .multi-select.md-collection-picker .multi-select-option{padding-left:0.5rem;cursor:pointer} .md-ui .md-image-card .multi-select.md-collection-picker .multi-select-option.multi-select-selected{font-weight:500} .md-ui .md-collection-image-card{width:200px;display:flex;flex-direction:column;gap:0.5rem} .md-ui .md-collection-image-thumb{position:relative;width:200px;height:200px;overflow:hidden;border-radius:8px;background:#f5f5f5;border:1px solid var(--md-outline-variant)} .md-ui .md-collection-image-thumb img{width:200px;height:200px;object-fit:cover;display:block} .md-ui .md-collection-image-title{font-size:0.875rem;font-weight:500;line-height:1.3;word-break:break-word} .md-ui .md-collection-image-user{font-size:0.8125rem;line-height:1.2} .md-ui .md-image-card-pending .md-collection-image-thumb{outline:2px dashed var(--md-outline-variant)} .md-ui .md-image-card-approved .md-collection-image-thumb{outline:2px solid #2e7d32} .md-ui .md-image-card-dragging{opacity:0.45} .md-ui .md-image-drop-zone.md-image-drop-active{background:#f3f6fc;outline:2px dashed var(--md-primary);outline-offset:4px} .md-ui .md-image-collection-toggle.md-image-drop-active{background:#f3f6fc;outline:2px dashed var(--md-primary);outline-offset:-2px} .md-ui .md-image-collections-stack{display:flex;flex-direction:column;gap:0.75rem} .md-ui .md-image-board-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(17rem,1fr);gap:1.25rem;align-items:start} .md-ui.md-image-board[data-collection-kind="ausflug"] .md-image-board-layout{grid-template-columns:minmax(0,1fr)} .md-ui.md-image-board[data-collection-kind="ausflug"] .md-image-board-pixelring{display:none} .md-ui .md-image-board-main,.md-ui .md-image-board-pixelring{min-width:0} .md-ui .md-image-board-pixelring{position:sticky;top:6rem;z-index:2} @media (max-width:991.98px){.md-ui .md-image-board-layout{grid-template-columns:1fr} .md-ui .md-image-board-pixelring{position:static}} .md-ui .md-image-collection-panel{border:1px solid var(--md-outline-variant);background:#fff} .md-ui.md-image-board[data-board-mode="my"] .md-image-board-layout{width:100%;margin:0 auto;grid-template-columns:minmax(0,1fr);gap:1rem} .md-ui.md-image-board[data-board-mode="my"] .md-image-collections-stack{gap:1rem} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel:not(.md-image-collection-panel--pixelring){overflow:hidden;border:1px solid color-mix(in srgb,var(--md-outline-variant) 82%,#fff);border-radius:0;box-shadow:0 0.25rem 0.9rem rgba(28,27,31,0.07);transition:box-shadow 0.2s ease,border-color 0.2s ease,transform 0.2s ease} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel:has(.multi-select-header-active){position:relative;z-index:180;overflow:visible} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel:not(.md-image-collection-panel--pixelring):hover{border-color:color-mix(in srgb,var(--md-primary) 24%,var(--md-outline-variant));box-shadow:0 0.6rem 1.4rem rgba(28,27,31,0.1)} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-toggle{min-height:4.25rem;padding:1rem 1.25rem;gap:0.75rem;background:linear-gradient(135deg,#fff,#f7f8fb);font-size:1rem;font-weight:650;transition:background-color 0.2s ease,color 0.2s ease} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-toggle:not(.collapsed){background:color-mix(in srgb,var(--md-primary) 8%,#fff);color:var(--md-primary)} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--md-primary) 30%,transparent);outline-offset:-3px} .md-ui.md-image-board[data-board-mode="my"] .md-accordion-count{margin:0 0.25rem 0 auto;padding:0.3rem 0.6rem;border-radius:999px;background:rgba(28,27,31,0.06);color:var(--md-on-surface-variant);font-size:0.75rem;font-weight:600;line-height:1.1} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-body{padding:1.25rem;border-top:1px solid rgba(28,27,31,0.07);background:#fff} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring{position:relative;border:0;border-radius:0;overflow:visible;background:radial-gradient(circle at top right,rgba(255,255,255,0.45),transparent 36%),linear-gradient(145deg,rgba(var(--bs-primary-rgb),0.98),rgba(var(--bs-primary-rgb),0.74));box-shadow:0 1rem 2.25rem rgba(var(--bs-primary-rgb),0.28)} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-collection-toggle{flex-direction:column;align-items:center;gap:0.75rem;padding:1.25rem 1rem 1rem;background:transparent;color:#fff;text-align:center} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-collection-title{flex:initial;font-size:1.15rem;font-weight:700;line-height:1.2} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-accordion-count{color:rgba(255,255,255,0.85)} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-collection-body{padding:0 1rem 1rem} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-drop-zone{display:flex;flex-direction:column;align-items:center} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-collection-image-grid{justify-content:center;width:100%} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-card{margin-right:auto;margin-left:auto} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-card-meta{align-items:center} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-card-meta>*{width:100%} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-zone-empty{width:100%;text-align:center} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-card .textarea-wrapper:has(.multi-select-header-active){z-index:1000} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .md-image-card .multi-select .multi-select-options{z-index:1001} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .btn-delete-image{color:#fff} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .btn-delete-image:hover,.md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel--pixelring .btn-delete-image:focus{color:#fff;text-decoration:underline} .md-ui .md-image-collection-pixelring-logo-wrap{display:grid;place-items:center;width:7rem;height:7rem;padding:0.75rem;border-radius:999px;background:rgba(255,255,255,0.92);box-shadow:0 0.75rem 1.5rem rgba(0,0,0,0.18)} .md-ui .md-image-collection-pixelring-logo{width:100%;height:100%;object-fit:contain;flex:0 0 auto} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel[data-collection-id="1"] .md-image-collection-toggle{color:var(--md-on-surface);background-color:#f3f3f3;background-image:repeating-linear-gradient(-45deg,transparent,transparent 7px,rgba(0,0,0,0.07) 7px,rgba(0,0,0,0.07) 8px )} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel[data-collection-id="1"] .md-image-collection-toggle::after{display:none} .md-ui .md-image-collection-toggle-static{cursor:default} .md-ui .md-image-collection-toggle-static::after{display:none} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel[data-collection-id="0"] .md-image-collection-toggle{background:#616161;color:#fff} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel[data-collection-id="0"] .md-image-collection-toggle::after{color:#fff} .md-ui.md-image-board[data-board-mode="my"] .md-image-collection-panel[data-collection-id="0"] .md-accordion-count{color:rgba(255,255,255,0.85)} .md-ui .md-image-collection-toggle{width:100%;display:flex;align-items:center;gap:0.5rem;padding:0.85rem 1rem;border:0;background:#f8f9fa;text-align:left;font-weight:500} .md-ui .md-image-collection-toggle::after{margin-left:auto;flex-shrink:0;content:'';width:0.65rem;height:0.65rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform 0.2s ease} .md-ui .md-image-collection-toggle:not(.collapsed)::after{transform:rotate(-135deg)} .md-ui .md-image-collection-title{flex:1 1 auto} .md-ui .md-image-collection-body{padding:1rem} .md-ui .md-image-approve-check{position:absolute;top:8px;right:8px;margin:0;cursor:pointer} .md-ui .md-image-approve-check input{position:absolute;opacity:0;width:0;height:0} .md-ui .md-image-approve-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:rgba(255,255,255,0.85);border:2px solid #ccc} .md-ui .md-image-approve-check input:checked + .md-image-approve-icon{background:#2e7d32;border-color:#2e7d32;color:#fff} .md-ui .md-image-approve-check input:checked + .md-image-approve-icon::after{content:'✓';font-size:1.4rem;font-weight:700} .md-ui .md-image-reject-btn{position:absolute;top:8px;left:8px;z-index:3;width:42px;height:42px;padding:0;border:2px solid #b3261e;border-radius:8px;background:rgba(255,255,255,0.9);color:#b3261e;font-size:2rem;font-weight:700;line-height:1} .md-ui .md-image-reject-btn:hover,.md-ui .md-image-reject-btn:focus-visible{background:#b3261e;color:#fff} .md-ui .md-image-card-rejected .md-collection-image-thumb img{filter:grayscale(1) brightness(0.7)} .md-ui .md-image-rejected-mark{position:absolute;z-index:4;top:50%;left:50%;color:#d32f2f;font-family:Arial,sans-serif;font-size:clamp(8rem,20vw,15rem);font-weight:200;line-height:0.6;text-shadow:0 2px 8px rgba(255,255,255,0.9);pointer-events:none;transform:translate(-50%,-50%)} .md-ui .md-image-rejected-label{position:absolute;z-index:5;right:0.5rem;bottom:0.45rem;padding:0.15rem 0.4rem;background:#b3261e;color:#fff;font-size:0.75rem;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;pointer-events:none} .md-ui .md-image-card-delete-request .md-collection-image-thumb{outline:3px solid #b3261e} .md-ui .md-image-delete-request-label{position:absolute;z-index:5;top:0.5rem;left:0.5rem;right:0.5rem;padding:0.3rem 0.45rem;background:#b3261e;color:#fff;font-size:0.75rem;font-weight:700;letter-spacing:0.03em;text-align:center;text-transform:uppercase;pointer-events:none} .md-ui .md-image-delete-request-note,.md-ui .btn-request-image-delete.is-requested{color:#b3261e} .md-ui .md-image-delete-btn{position:absolute;top:6px;right:6px;z-index:3;width:1.35rem;height:1.35rem;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,0.55);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .md-ui .md-image-delete-btn:hover{background:rgba(198,40,40,0.92)} .md-ui .md-image-thumb-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.5rem 0.5rem 0.4rem;background:linear-gradient(transparent,rgba(0,0,0,0.75));color:#fff;pointer-events:none} .md-ui .md-image-thumb-overlay-title{display:block;font-size:0.8125rem;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .md-ui .md-image-thumb-overlay-user{display:block;font-size:0.75rem;line-height:1.2;opacity:0.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .md-ui .md-image-thumb-overlay--user{padding:1rem 0.5rem 0.35rem} .md-ui .md-image-thumb-overlay--user .md-collection-image-user{display:block;font-size:0.75rem;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .md-ui.md-image-board[data-board-mode="all"] .md-image-card .md-image-card-meta{display:none} .md-ui .md-image-title-editable{border:1px dashed var(--md-outline-variant);padding:0.25rem 0.35rem;border-radius:4px;min-height:1.75rem} @media (max-width:575.98px){.md-ui.md-image-board>.container{max-width:none;padding-right:0.5rem !important;padding-left:0.5rem !important} .md-ui.md-image-board .md-image-collection-toggle{padding:0.7rem 0.6rem} .md-ui.md-image-board .md-image-collection-body{padding:0.5rem} .md-ui.md-image-board[data-board-mode="approve"] .md-collection-image-grid,.md-ui.md-image-board[data-board-mode="all"] .md-collection-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem;width:100%} .md-ui.md-image-board[data-board-mode="approve"] .md-image-card,.md-ui.md-image-board[data-board-mode="all"] .md-image-card{width:100%;min-width:0;flex:none} .md-ui.md-image-board[data-board-mode="approve"] .md-collection-image-thumb,.md-ui.md-image-board[data-board-mode="all"] .md-collection-image-thumb{width:100%;height:auto;aspect-ratio:1 / 1} .md-ui.md-image-board[data-board-mode="approve"] .md-collection-image-thumb img,.md-ui.md-image-board[data-board-mode="all"] .md-collection-image-thumb img{width:100%;height:100%} .md-ui.md-image-board[data-board-mode="approve"] .md-image-approve-icon{width:2.25rem;height:2.25rem} .md-ui.md-image-board[data-board-mode="approve"] .md-image-title-editable,.md-ui.md-image-board[data-board-mode="approve"] .md-collection-image-title,.md-ui.md-image-board[data-board-mode="approve"] .md-image-approve-by{overflow-wrap:anywhere} .md-ui.md-image-board .md-image-board-filters{gap:0.5rem !important} .md-ui.md-image-board .md-image-board-filters .md-image-member-filter{width:100%;min-width:0;max-width:none}} .md-ui.md-events-page:not(.is-events-ready) .md-event-public-desc-wrap::after,.md-ui.md-events-page:not(.is-events-ready) .md-event-public-expand-icon{display:none !important} .md-ui.md-events-page .md-events-list-view .row{overflow:visible} .md-ui.md-events-page .md-events-list-view [class*="col-"].d-flex{position:relative;overflow:visible} .md-ui.md-events-page .md-events-list-view [class*="col-"].d-flex:has(.md-event-public-card.is-expanded){z-index:80;align-self:flex-start} .md-ui .md-event-public-card--club.is-expanded{position:absolute;left:0;right:0;top:0;width:100%;height:auto;min-height:100%;overflow:visible;z-index:90;transform:none;background:#fff;border-color:color-mix(in srgb,var(--md-primary,#178893) 40%,var(--md-outline-variant,#dee2e6));box-shadow:0 18px 42px rgba(0,0,0,0.2)} .md-ui .md-event-public-card--club.is-expanded:hover,.md-ui .md-event-public-card--club.is-expanded:focus-within{transform:none;background:#fff;z-index:90} .md-ui .md-event-public-card--club.is-expanded .md-event-public-desc-wrap::after,.md-ui .md-event-public-card--club.is-expanded .md-event-public-body::after{display:none} @media (max-width:767.98px){.md-ui.md-events-page .md-events-list-view [class*="col-"].d-flex:has(.md-event-public-card.is-expanded){z-index:1;align-self:stretch} .md-ui .md-event-public-card--club.is-expanded{position:relative;left:auto;right:auto;top:auto;min-height:0;z-index:1;box-shadow:0 8px 24px rgba(0,0,0,0.12)} .md-ui .md-event-public-card--club.is-expanded:hover,.md-ui .md-event-public-card--club.is-expanded:focus-within{z-index:1}} .md-ui .md-event-public-card{display:flex;flex-direction:column;width:100%;height:100%;position:relative;z-index:1;border:1px solid var(--md-outline-variant);background:#fff;overflow:hidden;text-align:left;color:inherit;transition:border-color 0.18s ease,box-shadow 0.2s ease,transform 0.2s ease,background-color 0.18s ease} .md-ui .md-event-public-card--club:hover,.md-ui .md-event-public-card--club:focus-within{z-index:3;transform:scale(1.025);background:color-mix(in srgb,var(--md-primary,#178893) 9%,#fff);border-color:color-mix(in srgb,var(--md-primary,#178893) 38%,var(--md-outline-variant,#dee2e6));box-shadow:0 10px 28px rgba(0,0,0,0.12)} .md-ui .md-event-public-card--club .md-event-public-main-link{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto;color:inherit;text-decoration:none} .md-ui .md-event-public-card--club .md-event-public-image{flex:0 0 auto} .md-ui .md-event-public-card--club .md-event-public-main{flex:0 0 auto} .md-ui .md-event-public-card--club .md-event-public-body{flex:0 0 auto;display:block;position:relative;padding:0 1rem 0;min-height:0;overflow:visible} .md-ui .md-event-public-card--club .md-event-public-desc-wrap{position:relative;flex:none;display:block;overflow:visible} .md-ui .md-event-public-card--club.is-expandable:not(.is-expanded) .md-event-public-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:4.5em;margin-bottom:0} .md-ui .md-event-public-card--club.is-expandable:not(.is-expanded) .md-event-public-desc-wrap::after{content:none;display:none} .md-ui .md-event-public-card--club.is-expandable:not(.is-expanded) .md-event-public-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.25em;pointer-events:none;z-index:1;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100% )} .md-ui .md-event-public-card--club:hover.is-expandable:not(.is-expanded) .md-event-public-body::after,.md-ui .md-event-public-card--club:focus-within.is-expandable:not(.is-expanded) .md-event-public-body::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,color-mix(in srgb,var(--md-primary,#178893) 9%,#fff) 100% )} .md-ui .md-event-public-card--club.is-expandable .md-event-public-expand-icon{display:flex;align-items:center;justify-content:center;flex:0 0 2.75rem;align-self:stretch;width:100%;height:2.75rem;min-height:2.75rem;margin:auto 0 0;padding:0;border:0;border-top:1px solid color-mix(in srgb,var(--md-primary,#178893) 16%,var(--md-outline-variant,#dee2e6));border-radius:0;background:color-mix(in srgb,var(--md-primary,#178893) 7%,#fff);color:var(--md-primary,#178893);cursor:pointer;transition:background-color 0.15s ease} .md-ui .md-event-public-card--club.is-expandable .md-event-public-expand-icon:hover,.md-ui .md-event-public-card--club.is-expandable .md-event-public-expand-icon:focus-visible{background:color-mix(in srgb,var(--md-primary,#178893) 16%,#fff);outline:none} .md-ui .md-event-public-card--club.is-expandable .md-event-public-expand-icon:focus-visible{box-shadow:inset 0 0 0 2px var(--md-primary,#178893)} .md-ui .md-event-public-card--club.is-expandable .md-event-public-expand-chevron{margin:0} .md-ui .md-event-public-card--overlay{border:0;background:#111} .md-ui .md-event-public-card--overlay:has(.md-event-public-main-link:hover),.md-ui .md-event-public-card--overlay:has(.md-event-public-main-link:focus-visible){border-color:transparent;background:#111;box-shadow:0 10px 28px rgba(0,0,0,0.22);transform:translateY(-2px)} .md-ui .md-event-public-main-link{display:block;color:inherit;text-decoration:none;height:100%} .md-ui .md-event-public-main-link:focus-visible{outline:none} .md-ui .md-event-public-media{position:relative;width:100%;aspect-ratio:4 / 3;min-height:200px;overflow:hidden;background:#1a1a1a} .md-ui.md-events-page--root .md-event-public-media{aspect-ratio:16 / 10;min-height:170px} .md-ui .md-event-public-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s ease} .md-ui .md-event-public-card--overlay:has(.md-event-public-main-link:hover) .md-event-public-media>img,.md-ui .md-event-public-card--overlay:has(.md-event-public-main-link:focus-visible) .md-event-public-media>img{transform:scale(1.04)} .md-ui .md-event-public-overlay{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:0.2rem;padding:2.75rem 1rem 0.95rem;color:#fff;background:linear-gradient(to top,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.45) 55%,transparent 100% )} .md-ui.md-events-page--root .md-event-public-overlay{padding:2.25rem 0.9rem 0.8rem} .md-ui .md-event-public-overlay .md-event-public-club{color:rgba(255,255,255,0.78);margin-bottom:0.05rem} .md-ui .md-event-public-overlay .md-event-public-meta{color:rgba(255,255,255,0.82);font-size:0.78rem} .md-ui .md-event-public-overlay .md-event-public-meta--place{margin-top:0.15rem;opacity:0.9} .md-ui .md-event-public-overlay .md-event-public-distance{color:#fff} .md-ui .md-event-public-title{margin:0;font-size:1.15rem;font-weight:600;line-height:1.25;letter-spacing:-0.01em;color:#fff} .md-ui.md-events-page--root .md-event-public-title{font-size:1.05rem} .md-ui .md-event-public-image{flex:0 0 auto} .md-ui .md-event-public-image img{width:100%;height:220px;object-fit:cover;display:block} .md-ui .md-event-public-main{padding:1rem 1rem 0.35rem} .md-ui .md-event-public-body{flex:1 1 auto;display:flex;flex-direction:column;padding:0 1rem 0.75rem;min-height:0} .md-ui .md-event-public-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.25rem 0.4rem;line-height:1.35} .md-ui .md-event-public-meta-sep{opacity:0.55} .md-ui .md-event-public-time{font-variant-numeric:tabular-nums;letter-spacing:0.01em} .md-ui .md-event-public-distance{color:var(--md-primary,#178893);font-weight:500;white-space:nowrap} .md-ui .md-event-public-desc,.md-ui .md-event-detail-description{font-size:0.95rem;line-height:1.5} .md-ui .md-event-public-desc-wrap{position:relative;flex:1 1 auto;min-height:0} .md-ui .md-event-public-desc{margin-bottom:0} .md-ui .md-event-public-card:not(.is-expandable) .md-event-public-desc,.md-ui .md-event-public-card.is-expandable:not(.is-expanded) .md-event-public-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:4.5em} .md-ui .md-event-public-card.is-expandable:not(.is-expanded):not(.md-event-public-card--club) .md-event-public-desc-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.6em;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.72) 45%,#fff 100% )} .md-ui .md-event-public-card:not(.md-event-public-card--club):has(.md-event-public-main-link:hover).is-expandable:not(.is-expanded) .md-event-public-desc-wrap::after,.md-ui .md-event-public-card:not(.md-event-public-card--club):has(.md-event-public-main-link:focus-visible).is-expandable:not(.is-expanded) .md-event-public-desc-wrap::after{background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--md-primary,#178893) 5%,#fff) 45%,color-mix(in srgb,var(--md-primary,#178893) 8%,#fff) 100% )} .md-ui .md-event-public-card:not(.is-expanded) .md-event-public-desc img,.md-ui .md-event-public-card:not(.is-expanded) .md-event-public-desc table,.md-ui .md-event-public-card:not(.is-expanded) .md-event-public-desc iframe,.md-ui .md-event-public-card:not(.is-expanded) .md-event-public-desc video{display:none} .md-ui .md-event-public-card.is-expanded .md-event-public-desc{display:block;-webkit-line-clamp:unset;max-height:none;overflow:visible} .md-ui .md-event-public-card.is-expanded .md-event-public-desc-wrap::after{display:none} .md-ui .md-event-public-desc p:last-child,.md-ui .md-event-detail-description p:last-child{margin-bottom:0} .md-ui .md-event-public-desc img,.md-ui .md-event-detail-description img{max-width:100%;height:auto} .md-ui .md-event-public-expand-icon{display:none;align-self:center;width:2rem;height:1.5rem;margin-top:0.35rem;padding:0;border:none;background:transparent;cursor:pointer;color:var(--md-primary,#178893)} .md-ui .md-event-public-expand-chevron{display:block;width:0.85rem;height:0.55rem;margin:0.2rem auto 0;fill:currentColor;stroke:currentColor;stroke-width:0;transition:transform 0.18s ease,fill 0.15s ease,stroke-width 0.15s ease;transform-origin:center} .md-ui .md-event-public-expand-icon:hover .md-event-public-expand-chevron,.md-ui .md-event-public-expand-icon:focus-visible .md-event-public-expand-chevron{fill:currentColor;stroke-width:1.5} .md-ui .md-event-public-expand-icon:focus-visible{outline:2px solid var(--md-primary,#178893);outline-offset:2px} .md-ui .md-event-public-card.is-expandable:not(.md-event-public-card--club) .md-event-public-expand-icon{display:block} .md-ui .md-event-public-card.is-expanded .md-event-public-expand-chevron{transform:rotate(180deg)} .md-ui .md-event-detail-page .md-event-detail-back{color:var(--md-primary,#178893);text-decoration:none;font-weight:500} .md-ui .md-event-detail-page .md-event-detail-back:hover{text-decoration:underline} .md-ui .md-event-detail-page>.container{display:flex;flex-direction:column;align-items:center} .md-ui .md-event-detail-page .md-event-detail-back{align-self:flex-start} .md-ui .md-event-detail-article{width:100%;max-width:42rem;margin:0 auto;border:none;background:transparent;overflow:visible;text-align:left} .md-ui .md-event-detail-hero-img{width:100%;max-height:28rem;object-fit:cover;display:block} .md-ui .md-event-detail-content{padding:1.25rem 0 1.75rem} .md-ui .md-event-cal-actions{display:inline-flex;align-items:center;gap:0.35rem;margin-left:0.35rem} .md-ui .md-event-cal-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.2rem;min-width:2.35rem;height:1.75rem;padding:0 0.4rem;border-radius:999px;color:var(--md-primary,#178893);text-decoration:none;background:var(--md-surface-container-high,#f0f0f0);transition:background 0.15s ease,color 0.15s ease} .md-ui .md-event-cal-btn:hover,.md-ui .md-event-cal-btn:focus-visible{background:var(--md-primary,#178893);color:#fff;outline:none} .md-ui .md-event-cal-btn .bi{font-size:0.85rem;line-height:1} .md-ui .md-event-cal-btn .bi-calendar-event{font-size:0.95rem} .md-ui.md-admin-events-page .e-plz-picker{min-width:11rem;position:relative} .md-ui.md-admin-events-page .e-plz-picker .e-plz-search,.md-ui.md-admin-events-page .e-organizer-picker .e-organizer-search{width:100%} .md-ui.md-admin-events-page .e-plz-picker .md-message-recipient-results,.md-ui.md-admin-events-page .e-organizer-picker .md-message-recipient-results{left:0;right:0} .md-event-proposal-gallery,#mdEventProposalGallery{display:flex;flex-wrap:wrap;gap:0.45rem} .md-event-proposal-upload-row{display:flex;flex-wrap:wrap;align-items:center;gap:0.65rem;margin-bottom:0.35rem} .md-event-proposal-upload-row .form-control{flex:1 1 14rem;min-width:0} .md-event-proposal-upload-row .btn{flex:0 0 auto;white-space:nowrap} .md-event-proposal-thumb{display:block;position:relative;width:4.5rem;height:4.5rem;border-radius:0.45rem;overflow:hidden;border:1px solid rgba(0,0,0,0.12);background:#f4f5f6;cursor:grab;touch-action:none;user-select:none} .md-event-proposal-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none} .md-event-proposal-thumb.is-dragging{opacity:0.55;cursor:grabbing} .md-event-proposal-thumb.is-drop-target{outline:2px solid rgba(25,118,210,0.55);outline-offset:1px} .md-event-proposal-thumb-cover{display:none;position:absolute;left:0;right:0;bottom:0;padding:0.1rem 0.2rem;font-size:0.65rem;line-height:1.2;text-align:center;color:#fff;background:rgba(0,0,0,0.55);pointer-events:none} .md-event-proposal-thumb.is-cover .md-event-proposal-thumb-cover{display:block} .md-event-proposal-thumb.is-cover{border-color:rgba(25,118,210,0.55)} .md-event-proposal-summary{padding:0.75rem 0.9rem;border-radius:0.55rem;background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.06)} .md-event-proposals{padding:1rem 1.1rem;border:1px solid rgba(var(--bs-primary-rgb),0.22);border-radius:0.85rem;background:rgba(var(--bs-primary-rgb),0.05)} .md-event-proposal-row>.md-event-block-td{background:rgba(255,193,7,0.12);box-shadow:inset 3px 0 0 #e6a800} .md-event-proposal-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem 0.75rem;padding:0.35rem 0.15rem 0.55rem} .md-event-proposal-badge{display:inline-flex;align-items:center;padding:0.15rem 0.5rem;border-radius:0.35rem;font-size:0.75rem;font-weight:600;letter-spacing:0.01em;color:#6b4e00;background:rgba(255,193,7,0.35)} .md-event-proposal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.45rem} .md-event-proposal-card{display:block;padding:0.95rem 1rem;border-radius:0.65rem;background:#fff;border:1px solid rgba(0,0,0,0.08)} .md-event-proposal-edit{min-width:0} .md-event-proposal-title-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.4rem 0.75rem;margin-bottom:0.25rem} .md-event-proposal-distance{font-size:0.8rem;font-weight:500;color:var(--bs-primary)} .md-event-proposal-actions{display:flex;flex-wrap:wrap;gap:0.45rem;justify-content:flex-end} .md-kontakt-plz-picker{position:relative} .md-ui.md-admin-events-page .e-organizer-picker{position:relative;width:100%;max-width:22rem} .md-ui.md-admin-events-page .md-events-admin-table{table-layout:fixed} .md-ui.md-admin-events-page .md-event-col-title{width:22%} .md-ui.md-admin-events-page .md-event-col-date{width:11%} .md-ui.md-admin-events-page .md-event-col-time{width:9%} .md-ui.md-admin-events-page .md-event-col-plz{width:24%} .md-ui.md-admin-events-page .md-event-col-active{width:6%} .md-ui.md-admin-events-page .md-event-col-actions{width:12%} .md-ui.md-admin-events-page .md-events-admin-table>tbody>tr>*{box-shadow:none;background-color:transparent;--bs-table-bg-state:transparent} .md-ui.md-admin-events-page .md-events-admin-table>tbody>tr.md-table-new-user>.md-event-block-td{background-color:#fafafa} .md-ui.md-admin-events-page .md-events-admin-table>tbody>tr.md-event-main-row:hover>.md-event-block-td{background-color:color-mix(in srgb,var(--md-primary,#178893) 6%,#fff)} .md-ui.md-admin-events-page .md-events-admin-table>tbody>tr.md-table-new-user:hover>.md-event-block-td{background-color:#f5f5f5} .md-ui.md-admin-events-page .md-event-fields-table tbody tr:hover>td,.md-ui.md-admin-events-page .md-event-fields-table tbody tr>td,.md-ui.md-admin-events-page .md-events-admin-table.md-table-modern .md-event-fields-table tbody tr:hover>td{background:transparent !important;background-color:transparent !important;--bs-table-accent-bg:transparent;--bs-table-bg-state:transparent} .md-ui.md-admin-events-page .md-event-fields-table td.md-event-actions-cell,.md-ui.md-admin-events-page .md-event-fields-table td.md-event-actions-cell:hover{background:transparent !important;background-color:transparent !important;vertical-align:middle;display:flex;align-items:center;justify-content:flex-end;gap:0.35rem;overflow:visible;white-space:nowrap} .md-ui.md-admin-events-page .md-event-actions-cell .md-auto-save-status{min-width:0;flex:0 1 auto;white-space:nowrap;overflow:visible;text-overflow:clip} .md-ui.md-admin-events-page .md-event-block-td{padding:0.45rem 0.65rem !important;vertical-align:top} .md-ui.md-admin-events-page .md-event-fields-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0} .md-ui.md-admin-events-page .md-event-fields-table td{padding:0.2rem 0.35rem;border:0;vertical-align:middle;background:transparent} .md-ui.md-admin-events-page .md-event-fields-table td:first-child{padding-left:0} .md-ui.md-admin-events-page .md-event-fields-table td:last-child{padding-right:0} .md-ui.md-admin-events-page .md-cell-input,.md-ui.md-admin-events-page .md-event-detail-panel .form-control:not(.e-description-editor){background:#fff !important;background-color:#fff !important;border:1px solid var(--md-outline-variant,#dee2e6)} .md-ui.md-admin-events-page .md-cell-input:focus,.md-ui.md-admin-events-page .md-event-detail-panel .form-control:not(.e-description-editor):focus{background:#fff !important;background-color:#fff !important;border-color:var(--md-primary,#178893);box-shadow:none;outline:none} .md-ui.md-admin-events-page .md-events-admin-table tbody tr:hover .md-cell-input,.md-ui.md-admin-events-page .md-events-admin-table tbody tr.md-event-main-row.is-expanded .md-cell-input,.md-ui.md-admin-events-page .md-event-detail-panel .form-control:not(.e-description-editor):hover{background:#fff !important;background-color:#fff !important} .md-ui.md-admin-events-page .md-event-expand-btn{flex:0 0 auto;width:1.5rem;height:1.5rem;padding:0;margin:0;border:0;border-radius:0;background:transparent;background-color:transparent;box-shadow:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;color:inherit;line-height:1} .md-ui.md-admin-events-page .md-event-expand-btn::before,.md-ui.md-admin-events-page .md-event-expand-btn::after{content:"";display:block;width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;background-position:center;opacity:0.55;transition:transform 0.2s ease-in-out,opacity 0.15s ease;transform:rotate(0deg)} .md-ui.md-admin-events-page .md-event-expand-btn::before{display:none} .md-ui.md-admin-events-page .md-event-expand-btn:not(.collapsed)::after,.md-ui.md-admin-events-page tr.md-event-main-row.is-expanded .md-event-expand-btn::after{transform:rotate(-180deg)} .md-ui.md-admin-events-page .md-event-expand-btn:hover,.md-ui.md-admin-events-page .md-event-expand-btn:focus,.md-ui.md-admin-events-page .md-event-expand-btn:active,.md-ui.md-admin-events-page .md-event-expand-btn:not(.collapsed),.md-ui.md-admin-events-page .md-event-expand-btn:not(.collapsed):hover,.md-ui.md-admin-events-page .md-event-expand-btn:not(.collapsed):focus{background:transparent;background-color:transparent;box-shadow:none;outline:none;border:0;color:inherit} .md-ui.md-admin-events-page .md-event-expand-btn:focus-visible{outline:2px solid var(--md-primary,#178893);outline-offset:2px} .md-ui.md-admin-events-page .md-event-expand-btn:hover::after,.md-ui.md-admin-events-page .md-event-expand-btn:focus-visible::after{opacity:0.55} .md-ui.md-admin-events-page .md-event-detail-panel{display:flex;flex-direction:column;gap:0.85rem;margin-top:0;padding:0;max-height:0;overflow:hidden;opacity:0;text-align:left;transition:opacity 0.22s ease,margin-top 0.22s ease,padding 0.22s ease} .md-ui.md-admin-events-page .md-event-detail-panel.is-open{max-height:none;overflow:visible;opacity:1;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--md-outline-variant,#e5e5e5)} .md-ui.md-admin-events-page .md-event-detail-desc .tox-tinymce{max-height:none !important} .md-ui.md-admin-events-page .md-event-detail-toolbar{display:flex;flex-direction:column;gap:0.65rem;width:100%} .md-ui.md-admin-events-page .md-event-detail-toolbar-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1.5rem;row-gap:0.5rem;align-items:center;width:100%} .md-ui.md-admin-events-page .md-event-detail-photo{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 0.65rem;min-width:0} .md-ui.md-admin-events-page .md-event-detail-photo .md-event-admin-thumb{width:96px;height:54px;object-fit:cover;flex:0 0 auto} .md-ui.md-admin-events-page .md-event-detail-photo .e-image-preview.is-recropable{cursor:pointer} .md-ui.md-admin-events-page .md-event-detail-photo .e-image-preview.is-recropable:hover{opacity:0.88} .md-ui.md-admin-events-page .md-event-detail-organizer{display:flex;flex-direction:column;align-items:flex-start;gap:0.45rem;min-width:0;text-align:left} .md-ui.md-admin-events-page .md-event-detail-organizer .e-organizer-wrap{width:100%} .md-ui.md-admin-events-page .md-event-own-check{display:inline-flex;align-items:center;gap:0.4rem;margin:0;cursor:pointer;font-size:0.875rem;line-height:1.2;user-select:none} .md-ui.md-admin-events-page .md-event-own-check .form-check-input{margin:0;float:none;flex:0 0 auto} .md-ui.md-admin-events-page .md-event-detail-desc{width:100%;text-align:left} .md-ui.md-admin-events-page .md-event-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:0.75rem} .md-ui.md-admin-events-page .e-organizer-wrap .e-organizer-picker{width:100%;max-width:none} @media (max-width:767.98px){.md-ui.md-admin-events-page .md-table-wrap:has(.md-events-admin-table){overflow-x:hidden} .md-ui.md-admin-events-page .md-events-admin-table,.md-ui.md-admin-events-page .md-events-admin-table>tbody,.md-ui.md-admin-events-page .md-events-admin-table>tbody>tr,.md-ui.md-admin-events-page .md-event-block-td,.md-ui.md-admin-events-page .md-event-fields-table,.md-ui.md-admin-events-page .md-event-fields-table tbody,.md-ui.md-admin-events-page .md-event-fields-table tr{display:block;width:100%;min-width:0;max-width:100%} .md-ui.md-admin-events-page .md-events-admin-table>colgroup,.md-ui.md-admin-events-page .md-events-admin-table>thead,.md-ui.md-admin-events-page .md-event-fields-table>colgroup{display:none} .md-ui.md-admin-events-page .md-events-admin-table>tbody>tr.md-event-main-row{margin-bottom:0.75rem} .md-ui.md-admin-events-page .md-event-block-td{box-sizing:border-box;padding:0.5rem !important} .md-ui.md-admin-events-page .md-event-fields-table tr{display:grid;grid-template-columns:minmax(0,1fr);gap:0.15rem} .md-ui.md-admin-events-page .md-event-fields-table td{display:grid;grid-template-columns:minmax(5.5rem,36%) minmax(0,1fr);gap:0.5rem;align-items:center;width:100%;min-width:0;box-sizing:border-box;padding:0.3rem 0;text-align:left !important;white-space:normal} .md-ui.md-admin-events-page .md-event-fields-table td::before{content:attr(data-label);min-width:0;color:var(--md-on-surface-variant);font-size:0.75rem;line-height:1.25;overflow-wrap:anywhere} .md-ui.md-admin-events-page .md-event-fields-table td>*{grid-column:2;min-width:0;max-width:100%} .md-ui.md-admin-events-page .md-event-fields-table td input,.md-ui.md-admin-events-page .md-event-fields-table .e-plz-picker,.md-ui.md-admin-events-page .md-event-fields-table .e-plz-search{min-width:0;width:100%;max-width:100%} .md-ui.md-admin-events-page .md-event-fields-table td.md-event-actions-cell{display:flex;grid-column:1;justify-content:flex-end;padding-top:0.45rem} .md-ui.md-admin-events-page .md-event-fields-table td.md-event-actions-cell::before{display:none} .md-ui.md-admin-events-page .e-plz-picker{min-width:0} .md-ui.md-admin-events-page .md-message-recipient-search-input{min-width:0} .md-ui.md-admin-events-page .md-event-proposal-badge-row{overflow-wrap:anywhere} .md-ui.md-admin-events-page .md-event-detail-panel,.md-ui.md-admin-events-page .md-event-detail-toolbar,.md-ui.md-admin-events-page .md-event-detail-desc,.md-ui.md-admin-events-page .md-event-detail-footer{min-width:0;max-width:100%} .md-ui.md-admin-events-page .md-event-detail-toolbar-grid{grid-template-columns:minmax(0,1fr)} .md-ui.md-admin-events-page .md-event-detail-footer{flex-wrap:wrap} .md-ui.md-admin-events-page .md-event-detail-footer .btn{flex:1 1 auto}} .md-events-view-toggle .btn{min-width:6.5rem} .md-events-calendar-shell{border:1px solid var(--md-outline-variant,#dee2e6);background:#fff;padding:1rem} .md-events-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.75rem} .md-events-cal-nav{min-width:2.25rem;padding-left:0.5rem;padding-right:0.5rem;font-size:1.1rem;line-height:1} .md-events-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--md-events-cal-gap,0.35rem);margin-bottom:0.35rem;font-size:0.75rem;font-weight:600;color:var(--md-on-surface-variant,#6c757d);text-align:center} .md-events-calendar-weekdays span:nth-child(6),.md-events-calendar-weekdays span:nth-child(7){color:#5c6670} .md-events-calendar-grid{--md-events-cal-gap:0.35rem;--md-events-cal-pad:0.35rem;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--md-events-cal-gap)} .md-events-calendar-mobile-detail{display:none} .md-events-cal-day{position:relative;z-index:0;min-height:5.5rem;border:1px solid rgba(0,0,0,0.08);border-radius:4px;padding:var(--md-events-cal-pad);background:#fafafa;display:flex;flex-direction:column;gap:0.25rem;overflow:visible} .md-events-cal-day:has(.md-events-cal-range){z-index:1} .md-events-cal-day.is-selected{border:2px dashed var(--md-primary,#178893);box-shadow:none;background:rgba(var(--bs-primary-rgb,23,136,147),0.08)} .md-events-cal-day--empty{background:transparent;border-color:transparent} .md-events-cal-day.is-weekend{background:#eceff1} .md-events-cal-day.is-weekend.has-events{background:#e4e8eb} .md-events-cal-day.is-today{border-color:var(--md-primary,#178893);box-shadow:inset 0 0 0 1px var(--md-primary,#178893);background:#fff} .md-events-cal-day.is-weekend.is-today{background:color-mix(in srgb,var(--md-primary,#178893) 7%,#e8ecef)} .md-events-cal-day.has-events{background:#fff} .md-events-cal-day-num{font-size:0.8rem;font-weight:600;color:#495057} .md-events-cal-day-events{display:flex;flex-direction:column;gap:0.2rem;overflow:hidden} .md-events-cal-range-row{display:flex;flex-direction:column;gap:0.15rem;margin:0.15rem calc(-1 * var(--md-events-cal-pad,0.35rem)) 0.05rem;min-height:1.15rem} .md-events-cal-range{position:relative;z-index:1;display:flex;align-items:center;gap:0.2rem;width:100%;min-height:1.15rem;height:1.15rem;padding:0 0.35rem;border:0;cursor:pointer;background:rgba(0,0,0,0.22);color:#fff;border-radius:0;font-size:0.68rem;line-height:1.1;text-align:left;overflow:hidden} .md-events-cal-range:not(.is-row-end){width:calc(100% + var(--md-events-cal-gap,0.35rem))} .md-events-cal-range.is-pixelring{background:rgba(var(--bs-primary-rgb,23,136,147),0.88);box-shadow:0 1px 3px rgba(var(--bs-primary-rgb,23,136,147),0.28)} .md-events-cal-range.is-row-start{border-top-left-radius:999px;border-bottom-left-radius:999px;margin-left:0.35rem;width:calc(100% - 0.35rem)} .md-events-cal-range.is-row-start:not(.is-row-end){width:calc(100% - 0.35rem + var(--md-events-cal-gap,0.35rem))} .md-events-cal-range.is-row-end{border-top-right-radius:999px;border-bottom-right-radius:999px;margin-right:0.35rem;width:calc(100% - 0.35rem)} .md-events-cal-range.is-row-start.is-row-end{width:calc(100% - 0.7rem);margin-left:0.35rem;margin-right:0.35rem} .md-events-cal-range.is-range-mid{color:transparent} .md-events-cal-range-label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600} .md-events-cal-range .md-events-cal-deadline-icon{flex:0 0 auto;font-size:0.72rem;line-height:1;color:inherit;opacity:0.95} .md-events-cal-range:hover,.md-events-cal-range:focus-visible{filter:brightness(0.94);outline:none} .md-events-cal-range.is-pixelring:hover,.md-events-cal-range.is-pixelring:focus-visible{filter:brightness(1.05)} .md-events-cal-event{display:flex;flex-direction:column;align-items:flex-start;gap:0.05rem;width:100%;border:0;border-radius:3px;padding:0.15rem 0.3rem;background:rgba(var(--bs-primary-rgb,23,136,147),0.12);color:var(--bs-primary,#178893);font-size:0.68rem;line-height:1.25;text-align:left;cursor:pointer} .md-events-cal-event.is-deadline-from,.md-events-cal-event.is-deadline-until{flex-direction:row;align-items:center;gap:0.25rem} .md-events-cal-deadline-icon{flex:0 0 auto;font-size:0.72rem;line-height:1;opacity:0.95} .md-events-cal-event.is-deadline-from .md-events-cal-deadline-icon,.md-events-cal-event.is-deadline-until .md-events-cal-deadline-icon{color:inherit} .md-events-cal-event-time{font-size:0.62rem;font-variant-numeric:tabular-nums;opacity:0.92;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .md-events-cal-event-title{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .md-events-cal-undated-time{font-variant-numeric:tabular-nums;font-size:0.875em} .md-events-cal-event:hover,.md-events-cal-event:focus{background:rgba(var(--bs-primary-rgb,23,136,147),0.22)} .md-events-cal-event.is-deadline{background:transparent;color:var(--md-on-surface-variant,#6b6b6b);border:1px dashed rgba(0,0,0,0.18);font-weight:400} .md-events-cal-event.is-deadline:hover,.md-events-cal-event.is-deadline:focus{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.28);color:var(--md-on-surface,#1c1b1f)} .md-events-cal-event.is-pixelring-deadline{background:rgba(var(--bs-primary-rgb,23,136,147),0.92);color:#fff;border:0;font-weight:600;box-shadow:0 1px 4px rgba(var(--bs-primary-rgb,23,136,147),0.35)} .md-events-cal-event.is-pixelring-deadline:hover,.md-events-cal-event.is-pixelring-deadline:focus{background:rgba(var(--bs-primary-rgb,23,136,147),1);color:#fff} .md-events-cal-event.is-studio-booking{color:#fff;background:#50636f;border-color:#50636f;cursor:default} .md-events-cal-event.is-studio-booking:hover,.md-events-cal-event.is-studio-booking:focus{color:#fff;background:#40515b} .md-events-cal-event.is-studio-pending{background:#fff;border:1px dashed #df1d27;color:#a50f18} .md-events-cal-event.is-attention{animation:md-studio-calendar-attention .55s ease-in-out 4} @keyframes md-studio-calendar-attention{50%{background:#df1d27;border-color:#df1d27;color:#fff;transform:scale(1.025)}} .md-events-cal-event.is-pixelring-deadline .md-events-cal-event-time,.md-events-cal-event.is-pixelring-deadline .md-events-cal-event-title{color:#fff} .md-events-cal-event-club{font-size:0.58rem;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;opacity:0.85;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .md-ui .md-event-public-club{font-weight:600;letter-spacing:0.02em;text-transform:uppercase;font-size:0.72rem} .md-ui .md-event-public-card--deadline{height:auto;align-self:stretch;overflow:hidden;border:1px solid rgba(0,0,0,0.08);background:#fff;box-shadow:none;transition:box-shadow 0.2s ease,transform 0.2s ease} .md-ui .md-event-public-card--deadline:has(.md-event-public-main-link:hover),.md-ui .md-event-public-card--deadline:has(.md-event-public-main-link:focus-visible){border-color:rgba(0,0,0,0.12);background:#fff;box-shadow:0 10px 26px rgba(0,0,0,0.1);transform:translateY(-2px)} .md-ui .md-event-deadline-link{display:flex;flex-direction:column;gap:0;padding:0;height:100%;color:inherit;text-decoration:none} .md-ui .md-event-deadline-media{position:relative;overflow:hidden} .md-ui .md-event-deadline-cover{display:block;width:100%;aspect-ratio:1000 / 232;object-fit:cover;transition:transform 0.4s ease} .md-ui .md-event-public-card--deadline:has(.md-event-public-main-link:hover) .md-event-deadline-cover,.md-ui .md-event-public-card--deadline:has(.md-event-public-main-link:focus-visible) .md-event-deadline-cover{transform:scale(1.03)} .md-ui .md-event-deadline-shade{position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,0.16));pointer-events:none} .md-ui .md-event-deadline-body{display:flex;flex-direction:column;gap:0.25rem;padding:0.85rem 1rem 1rem} .md-ui .md-event-public-card--deadline .h6{font-weight:650;color:var(--md-on-surface,#1c1b1f);line-height:1.35} .md-ui .md-event-public-card--deadline:has(.md-event-public-main-link:hover) .h6,.md-ui .md-event-public-card--deadline:has(.md-event-public-main-link:focus-visible) .h6{color:var(--md-on-surface,#1c1b1f)} .md-ui .md-events-abgaben{--abgaben-accent:var(--md-primary,#178893);position:relative;margin:0 -1.5rem 2rem;width:auto;max-width:none;overflow:hidden;color:#f4fafb;background:radial-gradient(90% 70% at 8% -10%,color-mix(in srgb,var(--abgaben-accent) 34%,transparent),transparent 55%),radial-gradient(70% 60% at 92% 10%,color-mix(in srgb,var(--abgaben-accent) 18%,transparent),transparent 50%),linear-gradient(160deg,#0b1719 0%,#123036 48%,#0e2328 100%)} @media (min-width:992px){.md-ui .md-events-abgaben{margin-left:-3rem;margin-right:-3rem}} .md-ui .md-events-abgaben-inner{max-width:68rem;margin:0 auto;padding:clamp(1.75rem,4vw,2.75rem) clamp(1.1rem,4vw,2rem)} .md-ui .md-events-abgaben-head{display:grid;gap:0.85rem;margin-bottom:clamp(1.25rem,3vw,1.85rem);text-align:center;justify-items:center} .md-ui .md-events-abgaben-logo-wrap{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem} .md-ui .md-events-abgaben-logo{max-height:2.35rem;max-width:10rem;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:0.95} .md-ui .md-events-abgaben-kicker{margin:0 0 0.2rem;font-size:0.78rem;font-weight:650;letter-spacing:0.14em;text-transform:uppercase;color:color-mix(in srgb,#fff 62%,transparent)} .md-ui .md-events-abgaben-title{margin:0 0 0.4rem;font-family:"Merriweather Sans","Source Sans 3",system-ui,sans-serif;font-size:clamp(1.55rem,3.2vw,2.15rem);font-weight:700;letter-spacing:-0.03em;line-height:1.1;color:#fff} .md-ui .md-events-abgaben-lead{margin:0;max-width:28rem;font-size:0.98rem;line-height:1.5;color:color-mix(in srgb,#fff 72%,transparent)} .md-ui .md-events-abgaben-actions{display:flex;justify-content:center;margin-top:1rem} .md-ui .md-events-abgaben-join{min-width:10.5rem;padding:0.65rem 1.25rem !important;font-weight:650 !important;border-radius:0.4rem !important;box-shadow:0 0 0 0 color-mix(in srgb,#fff 35%,transparent);animation:md-events-abgaben-cta-pulse 2.6s ease-out infinite;transition:transform 0.2s ease,box-shadow 0.2s ease} .md-ui .md-events-abgaben-join:hover,.md-ui .md-events-abgaben-join:focus{transform:translateY(-2px);box-shadow:0 10px 28px color-mix(in srgb,#000 35%,transparent)} @keyframes md-events-abgaben-cta-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,#fff 40%,transparent)} 70%{box-shadow:0 0 0 14px color-mix(in srgb,#fff 0%,transparent)} 100%{box-shadow:0 0 0 0 color-mix(in srgb,#fff 0%,transparent)}} @media (prefers-reduced-motion:reduce){.md-ui .md-events-abgaben-join{animation:none !important}} .md-ui .md-events-abgaben-list{display:grid;gap:1rem} .md-ui .md-events-abgabe{display:grid;grid-template-columns:1fr;overflow:hidden;text-decoration:none;color:inherit;background:color-mix(in srgb,#fff 6%,transparent);border:1px solid color-mix(in srgb,#fff 14%,transparent);backdrop-filter:blur(8px);transition:transform 0.28s ease,border-color 0.28s ease,background-color 0.28s ease} @media (min-width:768px){.md-ui .md-events-abgabe{grid-template-columns:minmax(0,1.35fr) minmax(16rem,0.9fr);min-height:11.5rem}} .md-ui .md-events-abgabe:hover,.md-ui .md-events-abgabe:focus-visible{color:inherit;transform:translateY(-3px);border-color:color-mix(in srgb,#fff 28%,transparent);background:color-mix(in srgb,#fff 10%,transparent)} .md-ui .md-events-abgabe-visual{position:relative;overflow:hidden;min-height:8.5rem;background:color-mix(in srgb,var(--abgaben-accent) 25%,#0c1a1c)} @media (min-width:768px){.md-ui .md-events-abgabe-visual{min-height:100%}} .md-ui .md-events-abgabe-cover{display:block;width:100%;height:100%;min-height:8.5rem;object-fit:cover;object-position:center;transition:transform 0.55s ease} @media (min-width:768px){.md-ui .md-events-abgabe-cover{position:absolute;inset:0;min-height:0}} .md-ui .md-events-abgabe-cover--placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--abgaben-accent) 45%,transparent),transparent 70%),linear-gradient(180deg,#1a3a40,#0f2428)} .md-ui .md-events-abgabe:hover .md-events-abgabe-cover,.md-ui .md-events-abgabe:focus-visible .md-events-abgabe-cover{transform:scale(1.04)} .md-ui .md-events-abgabe-body{display:flex;flex-direction:column;justify-content:center;gap:0.85rem;padding:1.15rem 1.2rem 1.25rem} .md-ui .md-events-abgabe-name{margin:0;font-family:"Merriweather Sans","Source Sans 3",system-ui,sans-serif;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:700;letter-spacing:-0.02em;line-height:1.15;color:#fff} .md-ui .md-events-abgabe-timeline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0.55rem} .md-ui .md-events-abgabe-timeline--single{grid-template-columns:1fr} .md-ui .md-events-abgabe-point{display:flex;flex-direction:column;gap:0.15rem;min-width:0} .md-ui .md-events-abgabe-point--end{text-align:right} .md-ui .md-events-abgabe-point-label{font-size:0.68rem;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:color-mix(in srgb,#fff 55%,transparent)} .md-ui .md-events-abgabe-point-date{font-size:0.98rem;font-weight:650;line-height:1.25;color:#fff} .md-ui .md-events-abgabe-track{position:relative;width:2.4rem;height:2px;background:color-mix(in srgb,#fff 28%,transparent);align-self:center} .md-ui .md-events-abgabe-track::before,.md-ui .md-events-abgabe-track::after{content:"";position:absolute;top:50%;width:0.42rem;height:0.42rem;border-radius:50%;background:color-mix(in srgb,var(--abgaben-accent) 70%,#fff);transform:translateY(-50%)} .md-ui .md-events-abgabe-track::before{left:-0.1rem} .md-ui .md-events-abgabe-track::after{right:-0.1rem} .md-ui .md-events-abgabe-cta{align-self:flex-start;margin-top:0.15rem;font-size:0.88rem;font-weight:650;color:color-mix(in srgb,#9ad7de 90%,#fff);letter-spacing:0.01em} .md-ui .md-events-abgabe-cta::after{content:" →";transition:transform 0.2s ease;display:inline-block} .md-ui .md-events-abgabe:hover .md-events-abgabe-cta::after,.md-ui .md-events-abgabe:focus-visible .md-events-abgabe-cta::after{transform:translateX(3px)} .md-ui .md-events-list-grid{margin-top:0.25rem} .md-ui.md-events-page{overflow-x:clip;padding-top:0;padding-bottom:0} .md-ui.md-members-page{padding-top:clamp(0.75rem,2vw,1.25rem);padding-bottom:clamp(1.5rem,4vw,3rem)} @media (prefers-reduced-motion:reduce){.md-ui .md-events-abgabe,.md-ui .md-events-abgabe-cover,.md-ui .md-events-abgabe-cta::after{transition:none !important} .md-ui .md-events-abgabe:hover,.md-ui .md-events-abgabe:focus-visible{transform:none} .md-ui .md-events-abgabe:hover .md-events-abgabe-cover,.md-ui .md-events-abgabe:focus-visible .md-events-abgabe-cover{transform:none}} .md-ui.md-events-page--root .md-event-public-club-corner--circle{position:absolute;top:0.65rem;right:0.65rem;width:7.5rem;height:7.5rem;pointer-events:none;z-index:4} .md-ui.md-events-page--root .md-event-public-club-corner--circle::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--event-club-color,var(--md-primary,#178893));box-shadow:0 4px 14px rgba(0,0,0,0.35),0 1px 3px rgba(0,0,0,0.22)} .md-ui.md-events-page--root .md-event-public-club-corner--circle .md-event-public-club-corner-badge{position:absolute;inset:1.1rem;display:grid;place-items:center;background:transparent;padding:0;box-sizing:border-box} .md-ui.md-events-page--root .md-event-public-club-corner--circle .md-event-public-club-corner-logo{width:100%;height:100%;object-fit:contain;display:block} .md-ui.md-events-page--root .md-event-public-club-corner--circle .md-event-public-club-corner-logo.is-inverted{filter:invert(1)} .md-ui.md-events-page--root .md-event-public-card--overlay:has(.md-event-public-club-corner--circle) .md-event-public-overlay{padding-right:8.5rem;padding-top:0.35rem} .md-ui .md-event-deadline-range-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;margin-bottom:0.35rem} .md-ui .md-event-deadline-range-part{display:inline-flex;align-items:center;gap:0.2rem} .md-ui .md-event-deadline-range-part .bi{font-size:0.85em;opacity:0.85} .md-events-calendar-undated-item + .md-events-calendar-undated-item{margin-top:0.35rem} .md-events-calendar-undated-btn{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left;cursor:pointer} .md-events-calendar-undated-btn:hover strong,.md-events-calendar-undated-btn:focus strong{color:var(--bs-primary,#178893)} .md-event-detail-modal{font-family:"Roboto","Source Sans 3",system-ui,sans-serif;color:var(--md-on-surface,#1c1b1f)} .md-event-detail-modal .modal-content{border:none;border-radius:0;overflow:hidden;box-shadow:var(--md-elevation-2,0 0.5rem 1.25rem rgba(0,0,0,0.15))} .md-event-detail-modal .md-event-detail-header{background:var(--md-primary,#178893);border-bottom:none;padding:1rem 1.25rem} .md-event-detail-modal .modal-title{font-family:var(--app-font-sans);font-size:1.125rem;font-weight:700;line-height:1.35;color:var(--md-on-primary,#fff);letter-spacing:0.01em} .md-event-detail-modal .btn-close-white{filter:brightness(0) invert(1);opacity:0.85} .md-event-detail-modal .btn-close-white:hover,.md-event-detail-modal .btn-close-white:focus{opacity:1} .md-event-detail-modal .md-event-detail-body{padding:1.25rem 1.25rem 1rem;background:var(--md-surface,#fff);max-height:min(70vh,560px);overflow-y:auto} .md-event-detail-modal .md-event-detail-meta{font-size:0.875rem;line-height:1.45;color:var(--md-on-surface-variant,#49454f);margin-bottom:0.85rem} .md-event-detail-modal .md-event-detail-description{white-space:normal} .md-event-detail-modal .md-event-detail-footer{border-top:1px solid var(--md-outline-variant,#dee2e6);background:color-mix(in srgb,var(--md-primary-light,var(--md-primary-container,#4ea2ab)) 12%,#fff);padding:0.85rem 1.25rem} .md-event-detail-image{width:100%;max-height:16rem;object-fit:cover;display:block;border-radius:0;border:1px solid var(--md-outline-variant,#dee2e6);margin-bottom:1rem} .md-event-detail-date{font-family:var(--app-font-sans);font-size:0.875rem;font-weight:600;line-height:1.4;color:var(--md-primary,#178893);background:color-mix(in srgb,var(--md-primary,#178893) 10%,#fff);border-left:3px solid var(--md-primary,#178893);padding:0.45rem 0.65rem;margin-bottom:0.85rem} .md-event-detail-description{font-family:"Roboto","Source Sans 3",system-ui,sans-serif;font-size:0.9375rem;line-height:1.6;color:var(--md-on-surface-variant,#49454f);white-space:pre-wrap;margin-bottom:0} @media (max-width:767.98px){.md-ui.md-events-page{padding-top:0.75rem} .md-ui.md-events-page>.container{max-width:none;padding-right:0.5rem !important;padding-left:0.5rem !important} .md-events-calendar-shell{padding:0.3rem} .md-events-calendar-header{margin-bottom:0.5rem} .md-events-calendar-weekdays{--md-events-cal-gap:0.15rem;gap:var(--md-events-cal-gap);margin-bottom:0.2rem;font-size:0.65rem} .md-events-calendar-grid{--md-events-cal-gap:0.15rem;--md-events-cal-pad:0.14rem;gap:var(--md-events-cal-gap)} .md-events-cal-day{min-height:5.1rem;gap:0.12rem;padding:var(--md-events-cal-pad);border-radius:3px} .md-events-cal-day.is-selected{border-color:color-mix(in srgb,var(--md-primary,#178893) 72%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-primary,#178893) 72%,transparent)} .md-events-cal-day-num{padding-left:0.08rem;font-size:0.66rem;line-height:1.1} .md-events-cal-range-row{gap:0.1rem;margin-top:0.08rem;margin-bottom:0} .md-events-cal-range{min-height:1rem;height:1rem;padding:0 0.15rem;font-size:0.54rem} .md-events-cal-event{width:100%;height:auto;min-height:1.45rem;margin:0;padding:0.16rem 0.18rem;border-radius:2px;font-size:0.57rem;line-height:1.12} .md-events-cal-day-events{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:0.14rem;overflow:visible} .md-events-cal-event-club{display:none} .md-events-cal-event-time{font-size:0.52rem} .md-events-cal-event-title{display:-webkit-box;white-space:normal;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2} .md-events-cal-deadline-icon,.md-events-cal-range .md-events-cal-deadline-icon{font-size:0.58rem} .md-events-calendar-mobile-detail{display:block;margin-top:0.65rem;padding:0.65rem;border:1px solid rgba(0,0,0,0.1);border-left:3px solid var(--md-primary,#178893);background:#fff} .md-events-calendar-mobile-detail[hidden]{display:none} .md-events-calendar-mobile-detail-title{margin:0 0 0.45rem;font-size:0.82rem;font-weight:700;text-transform:capitalize} .md-events-calendar-mobile-detail-list{display:grid;gap:0.35rem} .md-events-calendar-mobile-detail-entry{width:100%;padding:0.5rem 0.6rem;border:0;border-radius:3px;background:color-mix(in srgb,var(--md-primary,#178893) 11%,#fff);color:var(--md-on-surface,#1c1b1f);font-size:0.78rem;line-height:1.3;text-align:left}} .md-auto-save-status{display:inline-block;min-width:4.75rem;text-align:right;font-size:0.75rem;line-height:1.2} .md-auto-save-status.is-saving{color:var(--md-on-surface-variant,#6c757d)} .md-auto-save-status.is-error{color:var(--md-error,#b3261e);font-weight:600} .md-auto-save-actions{display:flex;flex-wrap:wrap;gap:0.35rem;justify-content:flex-end;align-items:center} .md-ui .md-event-admin-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid var(--md-outline-variant)} .md-ui .md-club-settings-card{background:#f0f0f0;padding:0 1.25rem 1.25rem;margin-bottom:1rem;border:1px solid var(--md-outline-variant);border-left:4px solid var(--club-accent,var(--md-primary,#178893))} .md-ui .md-club-settings-row{padding:1rem 0;border-bottom:1px solid #fff} .md-ui .md-club-settings-row-board{border-bottom:none} .md-ui .md-club-actions-head{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.5rem;align-items:center;min-height:1.875rem} .md-ui .md-btn-muted{color:var(--md-on-surface-variant);border-color:var(--md-outline-variant);opacity:0.7} .md-ui .md-club-settings-save{padding-top:1rem;text-align:center} .md-ui .md-club-settings-save .btn-save-club-settings{min-width:14rem;padding:0.45rem 1.5rem} .md-ui .md-club-logo-box{display:flex;align-items:center;justify-content:center;min-height:7.5rem;border:1px solid var(--md-outline-variant);background-color:var(--md-club-logo-surface,#178893);background-image:none;transition:background-color 0.15s ease} .md-ui .md-club-logo-preview{position:relative;z-index:1;max-height:6.5rem;max-width:100%;object-fit:contain} .md-ui .md-club-logo-preview.md-club-logo-inverted{filter:invert(1)} .md-ui .btn-toggle-logo-invert.is-active{background:var(--md-primary);border-color:var(--md-primary);color:#fff} .md-ui .md-club-logo-actions{min-width:0} .md-ui .md-club-logo-actions .club-logo-input{min-width:6rem} .md-ui .md-club-logo-placeholder{position:relative;z-index:1;font-size:0.8rem;color:var(--md-on-surface-variant);text-align:center;padding:0.5rem;background:rgba(255,255,255,0.75)} .md-ui .md-club-settings-card .form-control-color{min-height:2.5rem;height:2.5rem;padding:0.15rem;border-radius:0;border:1px solid var(--md-outline-variant)} .md-pickr-wrap{position:relative;width:100%} .md-pickr-wrap .md-pickr-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none} .md-pickr-btn{display:block;width:100%;min-height:2.5rem;height:2.5rem;padding:0;border:1px solid var(--md-outline-variant,#ced4da);border-radius:0.35rem;background:linear-gradient(var(--md-pickr-color,#178893),var(--md-pickr-color,#178893)),repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0 / 12px 12px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.25)} .md-pickr-btn:hover,.md-pickr-btn:focus-visible{outline:none;border-color:var(--md-primary,#178893);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-primary,#178893) 25%,transparent)} .hp-polygonizr-settings .md-pickr-btn{border-radius:0.25rem} .pcr-app{z-index:1100} .md-ui .md-club-colors-stack .form-label{margin-bottom:0.25rem} .md-ui .md-club-address{min-height:7.5rem;resize:vertical;border-radius:0} .md-ui .board-extra-list{display:flex;flex-direction:column;gap:0.35rem} .md-ui .board-extra-list .board-extra-row{display:flex;gap:0.35rem;align-items:center} .md-ui .board-extra-list .board-extra-row .form-control,.md-ui .board-extra-list .board-extra-row .form-select{flex:1 1 0;min-width:0;border-radius:0} .md-ui .board-extra-list .board-extra-row .btn-remove-board-extra{flex:0 0 auto} .md-ui .md-club-settings-card .form-control,.md-ui .md-club-settings-card .form-select{border-radius:0} .md-ui .md-club-settings{padding-bottom:0.75rem;margin-bottom:0.75rem;border-bottom:1px solid var(--md-outline-variant)} .md-ui .md-club-actions{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center} .md-ui .md-club-actions .md-club-name{font-size:0.875rem;color:var(--md-on-surface);margin-right:auto;font-weight:500} .md-ui .md-club-rename{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0.5rem;margin-bottom:0.75rem} .md-ui .md-club-rename .md-form-field{flex:1 1 12rem;margin-bottom:0} .md-ui .md-field.form-floating>textarea.form-control{min-height:8rem;padding-top:1.5rem;resize:vertical} .md-ui .md-field-md.form-floating>textarea.form-control{min-height:5rem} .md-ui .md-search.form-floating>.form-control{border-radius:0;padding-left:0.75rem;min-height:2.5rem} .md-ui .md-switch{width:2.75rem;height:1.5rem;border-radius:0;border:2px solid var(--md-outline);background-color:var(--md-surface-container-high);cursor:pointer;transition:background 0.2s,border-color 0.2s} .md-ui .md-switch:checked{background-color:var(--md-primary);border-color:var(--md-primary)} .md-ui .md-switch:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--md-primary) 25%,transparent)} .md-segmented{display:flex;flex-wrap:wrap;align-items:center;gap:0.15rem 0.35rem} .md-segmented .btn,.md-segmented .btn-check + .btn,[data-filter].btn:not(.dropdown-toggle),[data-image-filter].btn{border:0;border-radius:0;background:transparent;color:var(--md-on-surface-variant);font-weight:400;padding:0.3rem 0.7rem;margin:0;line-height:1.3;box-shadow:none} .md-segmented .btn:hover,.md-segmented .btn-check + .btn:hover,[data-filter].btn:not(.dropdown-toggle):hover,[data-image-filter].btn:hover{color:var(--md-on-surface);background:transparent} .md-segmented .btn.active,.md-segmented .btn-check:checked + .btn,[data-filter].btn.active:not(.dropdown-toggle),[data-image-filter].btn.active{background:var(--md-primary);border-color:transparent;color:#fff} .md-segmented .btn.active:hover,.md-segmented .btn-check:checked + .btn:hover,[data-filter].btn.active:not(.dropdown-toggle):hover,[data-image-filter].btn.active:hover{background:var(--md-primary);color:#fff} .md-ui .sort-btns button{border:0;border-radius:0;background:transparent;color:var(--md-on-surface-variant);font-weight:400;padding:0.3rem 0.7rem;margin:0 0.15rem;line-height:1.3;transition:background 0.15s ease,color 0.15s ease} .md-ui .sort-btns button:hover{color:var(--md-on-surface);background:transparent} .md-ui .sort-btns button.active{background:var(--md-primary);color:#fff} .dropdown-item.active[data-filter],.dropdown-item.active[data-image-filter]{background:var(--md-primary);color:#fff} .bg-dark .md-segmented .btn,.bg-dark .md-segmented .btn-check + .btn,.bg-dark [data-filter].btn:not(.dropdown-toggle),.bg-dark [data-image-filter].btn{color:rgba(255,255,255,0.78)} .bg-dark .md-segmented .btn:hover,.bg-dark .md-segmented .btn-check + .btn:hover,.bg-dark [data-filter].btn:not(.dropdown-toggle):hover,.bg-dark [data-image-filter].btn:hover{color:#fff;background:rgba(255,255,255,0.08)} .bg-dark .md-segmented .btn.active,.bg-dark .md-segmented .btn-check:checked + .btn,.bg-dark [data-filter].btn.active:not(.dropdown-toggle),.bg-dark [data-image-filter].btn.active{background:var(--md-primary);color:#fff} .bg-dark .md-segmented .btn.active:hover,.bg-dark [data-filter].btn.active:not(.dropdown-toggle):hover,.bg-dark [data-image-filter].btn.active:hover{background:var(--md-primary);color:#fff} .bg-dark .filter-wrapper .btn-outline-primary.dropdown-toggle{color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.45)} .bg-dark .filter-wrapper .btn-outline-primary.dropdown-toggle:hover,.bg-dark .filter-wrapper .btn-outline-primary.dropdown-toggle:focus{color:#fff;border-color:#fff;background:rgba(255,255,255,0.08)} .md-ui .md-image-board-filters .md-image-member-filter{min-width:11rem;max-width:16rem;border-radius:0;border-color:var(--md-outline-variant);font-size:0.875rem;min-height:2.25rem} .md-ui .md-dropzone{background:#fff;border:1px dashed var(--md-outline-variant);border-radius:0;padding:2rem 1.5rem;cursor:pointer;transition:border-color 0.2s,background 0.2s} .md-ui .md-dropzone:hover,.md-ui .md-dropzone.md-dropzone-active{border-color:var(--md-primary);background:color-mix(in srgb,var(--md-primary) 6%,var(--md-surface-container))} .md-ui .md-progress-wrap{position:relative;max-width:28rem;margin-left:auto;margin-right:auto} .md-ui .md-progress{height:2rem;border-radius:0;background:var(--md-surface-container-high);overflow:hidden} .md-ui .md-progress .progress-bar{background:var(--md-primary);border-radius:0;height:100%} .md-ui .md-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:0.9375rem;font-weight:600;line-height:1;color:var(--md-on-surface);text-shadow:0 0 2px #fff,0 0 4px #fff;pointer-events:none} .md-ui .md-toolbar .form-floating.md-field>.form-select{min-height:2.5rem;border-radius:0;padding-top:1rem;font-size:0.875rem} .md-ui .md-edit-panel{background:#fff;border-radius:0;border:1px solid var(--md-outline-variant);padding:0.75rem} .md-ui .md-btn-danger{background:var(--md-error);border:none;color:#fff} .md-ui .md-btn-danger:hover{filter:brightness(1.08);color:#fff} .md-avatar-placeholder{position:relative;width:100%;aspect-ratio:1 / 1;background:#d9d9d9;overflow:hidden} @media (max-width:575.98px){.member-block .card-body{padding:0.65rem 0.45rem 0.75rem} .member-block .card-title{font-size:0.92rem;margin-bottom:0.25rem !important} .member-block .card-text{font-size:0.78rem} .page-section .col-6 .card-body{padding:0.65rem 0.45rem 0.75rem} .page-section .col-6 .card-title{font-size:0.92rem;margin-bottom:0.25rem !important} .page-section .col-6 .card-text{font-size:0.78rem}} .md-avatar-placeholder .md-avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.2s ease} .md-avatar-placeholder .md-avatar-img.is-loaded{opacity:1} .manage-avatar-card .md-avatar-placeholder{border-radius:0} .md-ui .form-control,.md-ui .form-select,.md-ui .btn,.md-ui .card{border-radius:0} .hp-text-row-section{padding-top:2.5rem;padding-bottom:2.5rem} .hp-text-row-section .hp-headline-text-title,.hp-text-row-section .hp-text-row-title{font-size:1.75rem;font-weight:500;letter-spacing:0.01em;line-height:1.3;margin-bottom:0.75rem} .hp-text-row-section p,.hp-text-row-section li{font-weight:400;line-height:1.7} .hp-text-row-section .hp-headline-text-paragraph:last-child{margin-bottom:0 !important} .hp-text-row-section .hp-headline-text-list{margin-top:0.85rem;margin-bottom:0;padding-left:0;list-style:none} .hp-text-row-section .hp-headline-text-list li,.hp-text-row-section .hp-editable-list li{position:relative;padding-left:1.15rem;margin-bottom:0.55rem;list-style:none} .hp-text-row-section .hp-headline-text-list li:last-child,.hp-text-row-section .hp-editable-list li:last-child{margin-bottom:0} .hp-text-row-section .hp-headline-text-list li::before,.hp-text-row-section .hp-editable-list li::before{content:'';position:absolute;left:0;top:0.55em;width:0.45rem;height:0.45rem;background:var(--md-primary,var(--bs-primary,#178893));border-radius:0} .hp-text-row-section .row.mb-5{margin-bottom:3rem !important} .hp-admin-modules .card{border-radius:0;border-color:var(--md-outline-variant,#ddd)} .hp-admin-module .card-header{background:#fafafa} .hp-portfolio-thumb,.hp-text-row-thumb{display:block;width:100%;max-width:120px;height:72px;object-fit:cover;background:#f0f0f0} .hp-portfolio-thumb-empty{min-height:72px;background:#eee} .hp-admin-page .container-fluid{max-width:none} .hp-admin-workspace{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:1rem;align-items:start} .hp-admin-editor{max-height:calc(100vh - 220px);overflow:auto;padding-right:0.25rem} .hp-live-preview-shell{position:sticky;top:5.5rem;max-height:calc(100vh - 220px);display:flex;flex-direction:column;border:1px solid var(--md-outline-variant,#ddd);background:#fff} .hp-live-preview-toolbar{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;align-items:baseline;padding:0.5rem 0.75rem;border-bottom:1px solid var(--md-outline-variant,#ddd);background:#fafafa;font-size:0.875rem} .hp-live-preview-canvas{overflow:auto;flex:1 1 auto;background:#fff} .hp-live-preview-canvas.is-loading{opacity:0.55;pointer-events:none} .hp-admin-module{border-color:var(--md-outline-variant,#ddd)} .hp-admin-module-toggle{background:#fafafa;padding:0.65rem 0.75rem;cursor:pointer} .hp-admin-module-toggle:hover{background:#f3f3f3} .hp-admin-module.is-selected .hp-admin-module-toggle{background:#eef7f8;box-shadow:inset 3px 0 0 var(--md-primary,#178893)} .hp-admin-module .card-body{display:none} .hp-admin-module.is-open .card-body{display:block} .hp-admin-module-chevron{transition:transform 0.15s ease} .hp-admin-module.is-open .hp-admin-module-chevron{transform:rotate(180deg)} .hp-preview-module{position:relative;cursor:default} .hp-preview-module a[href],.hp-preview-module button:not(:disabled),.hp-preview-module .btn,.hp-preview-module label[for],.hp-preview-module [role="button"]{cursor:pointer} .hp-preview-module.is-highlighted{outline:2px solid var(--md-primary,#178893);outline-offset:-2px} .hp-preview-module--inactive{opacity:0.38} .hp-preview-module--inactive::after{content:'Inaktiv';position:absolute;top:0.5rem;right:0.5rem;z-index:2;background:rgba(0,0,0,0.65);color:#fff;font-size:0.7rem;padding:0.15rem 0.4rem} @media (max-width:1199.98px){.hp-admin-workspace{grid-template-columns:1fr} .hp-live-preview-shell{position:static;max-height:none;order:-1} .hp-admin-editor{max-height:none}} .hp-wysiwyg-page .container-fluid{max-width:none} .hp-wysiwyg-canvas{background:#fff;border:1px solid var(--md-outline-variant,#ddd);min-height:50vh} .hp-wysiwyg-module{position:relative} .hp-wysiwyg-module--inactive .hp-wysiwyg-surface{opacity:0.38;pointer-events:none} .hp-wysiwyg-module--inactive::after{content:'Inaktiv';position:absolute;top:2.75rem;right:0.75rem;z-index:5;background:rgba(0,0,0,0.65);color:#fff;font-size:0.7rem;padding:0.15rem 0.4rem;pointer-events:none} .hp-wysiwyg-toolbar{display:flex;flex-wrap:wrap;gap:0.35rem 0.5rem;align-items:center;padding:0.35rem 0.75rem;background:#fafafa;border-bottom:1px solid var(--md-outline-variant,#ddd);position:sticky;top:0;z-index:4} .hp-wysiwyg-toolbar-label{font-size:0.75rem;font-weight:600;color:var(--md-primary,#178893);margin-right:0.25rem;cursor:pointer;border:1px solid transparent;border-radius:4px;padding:0.15rem 0.45rem;line-height:1.4;user-select:none} .hp-wysiwyg-toolbar-label:hover,.hp-wysiwyg-toolbar-label:focus-visible{border-color:var(--md-outline-variant,#ccc);background:#fff;outline:none} .hp-picker-option.is-current{border-color:var(--md-primary,#178893);box-shadow:0 0 0 1px var(--md-primary,#178893)} .hp-wysiwyg-btn{border:1px solid var(--md-outline-variant,#ccc);background:#fff;border-radius:4px;padding:0.1rem 0.45rem;font-size:0.8rem;line-height:1.4;cursor:pointer} .hp-wysiwyg-btn:hover{background:#f3f3f3} .hp-wysiwyg-active{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.8rem;margin:0 0.25rem} .hp-wysiwyg-save-state{margin-left:auto;font-size:0.75rem;color:#888} .hp-wysiwyg-save-state.is-saving{color:var(--md-primary,#178893)} .hp-wysiwyg-save-state.is-saved{color:#2e7d32} @media (max-width:575.98px){.hp-wysiwyg-toolbar{top:0;gap:0.3rem;padding:0.35rem 0.4rem} .hp-wysiwyg-save-state{width:100%;margin-left:0} .hp-wysiwyg-canvas{min-width:0;overflow-x:clip}} .hp-editable[contenteditable="true"]{outline:none;border-radius:2px;transition:box-shadow 0.15s ease} .hp-editable[contenteditable="true"]:empty::before{content:attr(data-placeholder);color:rgba(0,0,0,0.35);pointer-events:none} .hp-editable[contenteditable="true"]:focus{box-shadow:0 0 0 2px rgba(23,136,147,0.35)} .hp-wysiwyg-surface .bg-dark .hp-editable:focus,.hp-wysiwyg-surface .bg-primary .hp-editable:focus{box-shadow:0 0 0 2px rgba(255,255,255,0.45)} .hp-wysiwyg-surface section.bg-dark .hp-editable--on-dark,.hp-wysiwyg-surface section.bg-dark h2.hp-editable{color:#fff;caret-color:#fff} .hp-wysiwyg-surface section.bg-dark .hp-editable--on-dark:empty::before,.hp-wysiwyg-surface section.bg-dark h2.hp-editable:empty::before{color:rgba(255,255,255,0.45)} .hp-editable-tile{display:block;width:100%;position:relative;cursor:default} .hp-tile-upload img,.hp-row-image-btn img{width:100%;display:block} .hp-tile-media img{aspect-ratio:16 / 9;object-fit:cover;width:100%;display:block} .hp-tile-media{aspect-ratio:16 / 9;background:#e8e8e8;overflow:hidden} .hp-row-image-btn{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer} .hp-tile-upload-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;aspect-ratio:16 / 9;background:#e8e8e8;color:#666;font-size:0.9rem} .hp-row-image-placeholder{display:flex;align-items:center;justify-content:center;min-height:140px;width:100%;background:#e8e8e8;color:#666;font-size:0.9rem} .hp-portfolio-tile{position:relative} .hp-tile-actions{position:absolute;z-index:4;top:0.35rem;right:0.35rem;display:flex;gap:0.25rem;opacity:0;transition:opacity 0.15s ease} .hp-portfolio-tile:hover .hp-tile-actions,.hp-portfolio-tile:focus-within .hp-tile-actions{opacity:1} .hp-tile-actions .hp-tile-upload,.hp-tile-actions .hp-tile-remove,.hp-tile-actions .hp-image-clear-btn{position:static;opacity:1;border:0;background:rgba(0,0,0,0.55);color:#fff;width:1.6rem;height:1.6rem;line-height:1.6rem;text-align:center;padding:0;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:2px} .hp-tile-actions .hp-tile-upload:hover,.hp-tile-actions .hp-tile-remove:hover,.hp-tile-actions .hp-image-clear-btn:hover{background:rgba(0,0,0,0.75)} .hp-tile-actions .hp-image-clear-btn{background:rgba(179,38,30,0.9)} .hp-tile-actions .hp-image-clear-btn:hover,.hp-tile-actions .hp-image-clear-btn:focus-visible{background:#b3261e} .hp-text-row-media>.hp-image-clear-btn,.hp-compare-edit-actions .hp-image-clear-btn,.hp-testimonial-edit-card .hp-image-clear-btn{border:1px solid rgba(179,38,30,0.5);background:#fff;color:#b3261e;font-size:0.8125rem;line-height:1.2} .hp-text-row-media>.hp-image-clear-btn{display:block;margin-top:0.5rem;padding:0.35rem 0.6rem} .hp-compare-edit-actions .hp-image-clear-btn{padding:0.34rem 0.55rem} .hp-testimonial-edit-card .hp-image-clear-btn{position:absolute;left:0.85rem;bottom:0.55rem;width:4rem;padding:0.2rem} .hp-tile-actions .hp-tile-upload .bi{font-size:0.95rem;line-height:1} .hp-tile-remove{position:absolute;z-index:3;border:0;background:rgba(0,0,0,0.55);color:#fff;width:1.6rem;height:1.6rem;line-height:1.6rem;text-align:center;padding:0;font-size:1.1rem;cursor:pointer;opacity:0;transition:opacity 0.15s ease;top:0.35rem;right:0.35rem} .hp-portfolio-tile:hover .hp-tile-remove{opacity:1} .hp-editable-btn{cursor:text} .hp-editable-list:empty{display:none} .hp-add-list-item{font-size:0.8rem} .hp-highlight-divider + .hp-editable{margin-top:0.5rem} .hp-wysiwyg-surface .portfolio-box{position:relative;display:block} .hp-wysiwyg-surface .portfolio-box .portfolio-box-caption{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;position:absolute;bottom:0;text-align:center;opacity:0;color:#fff;background:rgba(244,98,58,0.9);pointer-events:none;transition:opacity 0.25s ease} .hp-wysiwyg-surface .portfolio-box:hover .portfolio-box-caption,.hp-wysiwyg-surface .portfolio-box:focus-within .portfolio-box-caption{opacity:1;pointer-events:auto} .hp-wysiwyg-portfolio .portfolio-box .portfolio-box-caption .project-name,.hp-wysiwyg-portfolio .portfolio-box .portfolio-box-caption .hp-portfolio-text{font-family:var(--app-font-sans);font-size:1.2rem;font-weight:400;line-height:1.2;color:#fff;caret-color:#fff} .hp-wysiwyg-portfolio .portfolio-box .portfolio-box-caption .hp-portfolio-text:empty::before{content:attr(data-placeholder);color:rgba(255,255,255,0.65);pointer-events:none} .hp-wysiwyg-portfolio .portfolio-box .portfolio-box-caption .hp-portfolio-text:focus{box-shadow:0 0 0 2px rgba(255,255,255,0.45);outline:none} #portfolio .portfolio-box .img-fluid{aspect-ratio:16 / 9;object-fit:cover;width:100%} #portfolio .portfolio-box .portfolio-box-caption .project-name{font-family:var(--app-font-sans);font-size:1.2rem;font-weight:400;line-height:1.2} .hp-headline-text-section{padding-top:2.5rem;padding-bottom:2.5rem} .hp-headline-text-title{font-size:1.75rem;font-weight:500;letter-spacing:0.01em;line-height:1.3;margin-bottom:0.75rem} .hp-headline-text-paragraph:last-child{margin-bottom:0 !important} .hp-headline-text-list{margin-top:0.5rem;margin-bottom:0} .hp-history-timeline .hp-headline-text-section + .hp-headline-text-section{border-top:1px solid rgba(0,0,0,0.06)} @media (min-width:768px){.hp-history-timeline .hp-headline-text-section[data-hp-align="left"] .hp-headline-text-media .hp-headline-text-image,.hp-history-timeline .hp-headline-text-section[data-hp-align="left"] .hp-headline-text-media .hp-headline-gallery.carousel{border-radius:0 0.5rem 0.5rem 0;overflow:hidden} .hp-history-timeline .hp-headline-text-section[data-hp-align="right"] .hp-headline-text-media .hp-headline-text-image,.hp-history-timeline .hp-headline-text-section[data-hp-align="right"] .hp-headline-text-media .hp-headline-gallery.carousel{border-radius:0.5rem 0 0 0.5rem;overflow:hidden}} @media (max-width:767.98px){.hp-history-timeline .hp-headline-text-media .hp-headline-text-image,.hp-history-timeline .hp-headline-text-media .hp-headline-gallery.carousel{border-radius:0.5rem;overflow:hidden}} .hp-headline-text-image{width:100%;display:block;object-fit:cover;max-height:22rem} .hp-headline-gallery.carousel{overflow:hidden} .hp-headline-gallery.hp-gallery-no-transition .carousel-item{transition:none !important} .hp-headline-gallery .carousel-inner{background:#f0f0f0;touch-action:pan-y pinch-zoom;cursor:grab} .hp-headline-gallery .carousel-inner.hp-gallery-touching{cursor:grabbing;user-select:none} .hp-headline-gallery .carousel-inner.hp-gallery-touching .carousel-item.active{position:relative;z-index:2} .hp-headline-gallery .carousel-item.hp-gallery-drag-adjacent{display:block !important;position:relative;z-index:1} .hp-headline-gallery .hp-headline-text-image{-webkit-user-drag:none;user-select:none} .hp-headline-gallery .carousel-control-prev,.hp-headline-gallery .carousel-control-next{width:12%;cursor:pointer} .hp-headline-gallery .carousel-item,.hp-headline-gallery-caption{cursor:default} .hp-headline-gallery .carousel-indicators{position:static;display:flex;justify-content:center;align-items:center;gap:0.35rem;margin:0.85rem 0 0;padding:0} .hp-headline-gallery .carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:2rem;height:0.2rem;margin:0;padding:0;border:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-radius:1px;background-color:#6c757d;background-clip:padding-box;opacity:0.55;text-indent:-999px;cursor:pointer;transition:opacity 0.2s ease,background-color 0.2s ease} .hp-headline-gallery .carousel-indicators [data-bs-target]:hover{opacity:0.85;background-color:#495057} .hp-headline-gallery .carousel-indicators .active{opacity:1;background-color:#212529} .hp-headline-gallery-caption{line-height:1.45;font-style:italic} .hp-headline-gallery-editor .hp-headline-gallery-preview{margin-bottom:0.5rem} .hp-headline-gallery-slides{display:flex;flex-wrap:wrap;gap:0.5rem} .hp-headline-gallery-slide{position:relative;width:6.5rem;display:flex;flex-direction:column;gap:0.25rem} .hp-headline-gallery-slide-caption{line-height:1.35;font-style:italic;min-height:1.35rem;font-size:0.72rem} .hp-headline-gallery .carousel-item .hp-headline-gallery-caption{padding:0 0.35rem 0.35rem} .hp-gallery-image-btn{display:block;width:100%;border:1px dashed rgba(0,0,0,0.2);border-radius:0.35rem;padding:0;background:#fafafa;overflow:hidden;cursor:pointer} .hp-gallery-image-btn img{width:100%;height:3rem;object-fit:cover;display:block} .hp-gallery-remove-btn{position:absolute;top:-0.35rem;right:-0.35rem;width:1.25rem;height:1.25rem;border:none;border-radius:50%;background:#dc3545;color:#fff;font-size:0.85rem;line-height:1;padding:0;cursor:pointer} .hp-headline-gallery-empty{padding:2rem 1rem;text-align:center;border:1px dashed rgba(0,0,0,0.15);border-radius:0.35rem;background:#fafafa} .hp-lang-dropdown .hp-lang-toggle{display:inline-flex;align-items:center;justify-content:center;padding-left:0.65rem;padding-right:0.65rem} .hp-lang-dropdown .hp-lang-toggle::after{display:none} .hp-lang-dropdown .hp-lang-toggle .bi{font-size:1.05rem;line-height:1} .hp-lang-dropdown-item{display:flex;align-items:center;gap:0.55rem} .hp-lang-dropdown-flag{font-size:1.1rem;line-height:1} .md-translations-toolbar .btn.active{pointer-events:none} .md-translations-table textarea{min-width:12rem} .hp-fade-in{opacity:1;transition:opacity 0.35s ease-out,transform 0.35s ease-out;transition-delay:var(--hp-fade-delay,0ms);will-change:opacity,transform} html.hp-fade-ready .hp-fade-in:not(.is-visible){opacity:0} .hp-fade-in--from-left{transform:translateX(-1.5rem)} .hp-fade-in--from-right{transform:translateX(1.5rem)} .hp-fade-in--from-bottom{transform:translateY(1rem)} .hp-fade-in.is-visible{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){.hp-fade-in,.hp-fade-in--from-left,.hp-fade-in--from-right,.hp-fade-in--from-bottom{opacity:1;transform:none;transition:none}} .hp-picker-preview--headline_text{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px;background:#fff} .hp-picker-preview--hero_slider{display:flex;flex-direction:column;justify-content:flex-end;padding:0;overflow:hidden;background:linear-gradient(160deg,#2b3035 0%,#6c757d 100%)} .hp-picker-preview--hero_slider .hp-picker-preview-hero{display:block;flex:1;min-height:48px;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,0.55) 100%),linear-gradient(120deg,#495057 0%,#adb5bd 100%)} .hp-picker-preview--hero_slider em{display:block;height:6px;width:42%;margin:0 0 10px 12px;border-radius:2px;background:rgba(255,255,255,0.9)} .hp-picker-preview--testimonials{display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff;align-items:center;justify-content:center} .hp-picker-preview--testimonials span{width:22px;height:22px;border-radius:50%;background:#ced4da} .hp-picker-preview--testimonials i{display:block;height:4px;width:78%;border-radius:2px;background:#adb5bd} .hp-picker-preview--testimonials i:last-of-type{width:55%} .hp-picker-preview--testimonials em{display:block;height:5px;width:36%;margin-top:4px;border-radius:2px;background:#6c757d} .hp-picker-preview--card_row{display:grid !important;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;background:#f5f5f5;align-items:stretch} .hp-picker-preview--card_row>span{display:flex;flex-direction:column;min-width:0;border-radius:3px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,0.08);box-shadow:none} .hp-picker-preview--card_row>span::before{content:'';display:block;aspect-ratio:4 / 3;background:linear-gradient(135deg,#ccc 0%,#aaa 100%)} .hp-picker-preview--card_row>span::after{content:'';display:block;height:4px;width:62%;margin:5px 4px 6px;border-radius:2px;background:#ced4da} .hp-picker-preview--image_compare{position:relative;display:grid !important;grid-template-columns:1fr 1fr;overflow:hidden;background:#e9ecef} .hp-picker-preview--image_compare .hp-picker-compare-a,.hp-picker-preview--image_compare .hp-picker-compare-b{display:block;min-height:72px} .hp-picker-preview--image_compare .hp-picker-compare-a{background:linear-gradient(135deg,#adb5bd 0%,#868e96 100%)} .hp-picker-preview--image_compare .hp-picker-compare-b{background:linear-gradient(135deg,#ced4da 0%,#f1f3f5 100%)} .hp-picker-preview--image_compare i{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,0.12)} .hp-picker-preview--image_compare i::after{content:'';position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--md-primary,#178893);transform:translate(-50%,-50%)} .hp-picker-preview--scroll_carousel{display:flex;align-items:stretch;gap:3px;padding:10px 8px;overflow:hidden} .hp-picker-preview--scroll_carousel span{flex:0 0 auto;width:18px;border-radius:2px;background:linear-gradient(160deg,#cfd8dc,#90a4ae)} .hp-picker-preview--scroll_carousel span:nth-child(2){width:28px} .hp-picker-preview--scroll_carousel span:nth-child(3){width:14px} .hp-picker-preview--scroll_carousel span:nth-child(4){width:22px;opacity:0.55} .hp-scroll-carousel-section{padding-top:3rem;padding-bottom:3rem} .hp-scroll-carousel-title{font-weight:300;letter-spacing:0.01em} .hp-scroll-carousel-subtitle{max-width:36rem;margin-left:auto;margin-right:auto} .hp-scroll-carousel{--hp-sc-height:480px;position:relative;width:100%;max-width:100%;min-width:0;height:var(--hp-sc-height);max-height:min(var(--hp-sc-height),72vh);overflow:hidden} .hp-scroll-carousel .hp-sc-track{display:flex;align-items:stretch;gap:4px;width:100%;max-width:100%;min-width:0;height:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;cursor:grab;padding:0 4px;box-sizing:border-box;user-select:none} .hp-scroll-carousel .hp-sc-track::-webkit-scrollbar{display:none} .hp-scroll-carousel.is-dragging,.hp-scroll-carousel.is-dragging .hp-sc-track{cursor:grabbing;user-select:none} .hp-scroll-carousel .hp-sc-item{position:relative;flex:0 0 auto;height:100%;width:auto;margin:0;overflow:hidden;background:rgba(0,0,0,0.08);border-radius:2px;min-width:min(220px,55vw);touch-action:pan-x} .hp-scroll-carousel .hp-sc-item.is-loaded{min-width:0} .hp-scroll-carousel .hp-sc-image{display:block;height:100%;width:auto;max-width:none;object-fit:contain;object-position:center;opacity:0;transition:opacity 0.35s ease,transform 0.45s cubic-bezier(0.22,1,0.36,1);transform:scale(1.01);-webkit-user-drag:none;user-select:none;pointer-events:none} .hp-scroll-carousel .hp-sc-image.is-loaded,.hp-scroll-carousel--editable .hp-sc-image{opacity:1;transform:scale(1)} .hp-scroll-carousel .hp-sc-item:hover .hp-sc-image.is-loaded{transform:scale(1.04)} .hp-scroll-carousel .hp-sc-caption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:0.75rem 0.9rem;color:#fff;font-size:0.875rem;line-height:1.35;background:linear-gradient(transparent,rgba(0,0,0,0.55));pointer-events:none} .hp-scroll-carousel .hp-sc-nav{position:absolute;top:50%;z-index:3;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:rgba(0,0,0,0.38) url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23FFF' height='48' viewBox='0 0 24 24' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E") center / 2rem no-repeat;transform:translateY(-50%);cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.2s ease,background-color 0.2s ease} .hp-scroll-carousel:hover .hp-sc-nav:not([hidden]),.hp-scroll-carousel:focus-within .hp-sc-nav:not([hidden]){opacity:1;pointer-events:auto} .hp-scroll-carousel .hp-sc-nav:hover{background-color:rgba(0,0,0,0.55)} .hp-scroll-carousel .hp-sc-nav--prev{left:0.75rem;transform:translateY(-50%) scaleX(-1)} .hp-scroll-carousel .hp-sc-nav--next{right:0.75rem} .hp-wysiwyg-module:has(.hp-scroll-carousel),.hp-wysiwyg-surface:has(.hp-scroll-carousel),.hp-scroll-carousel-section--editable{max-width:100%;min-width:0;overflow-x:clip} .hp-scroll-carousel--editable{height:var(--hp-sc-height);max-height:min(var(--hp-sc-height),60vh);min-height:220px;width:100%;max-width:100%;min-width:0} .hp-scroll-carousel--editable .hp-sc-track{cursor:grab;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.35) transparent;padding-bottom:0.35rem} .hp-scroll-carousel--editable .hp-sc-track::-webkit-scrollbar{display:block;height:8px} .hp-scroll-carousel--editable .hp-sc-track::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.28);border-radius:999px} .hp-scroll-carousel--editable .hp-sc-nav:not([hidden]){opacity:0.85;pointer-events:auto} .hp-scroll-carousel--editable .hp-sc-item--editable{width:auto;min-width:160px;height:100%;background:#e8eaed;cursor:pointer} .hp-scroll-carousel--editable .hp-sc-item--editable.is-loaded{min-width:0} .hp-scroll-carousel--editable .hp-sc-image{height:100%;width:auto;max-width:none;object-fit:contain;opacity:1;cursor:inherit;pointer-events:none;-webkit-user-drag:none;user-select:none} .hp-scroll-carousel--editable .hp-sc-placeholder{display:flex;align-items:center;justify-content:center;width:220px;height:100%;color:#6b7280;font-size:0.85rem;background:#e5e7eb} .hp-scroll-carousel--editable .hp-sc-caption{pointer-events:auto;min-height:2.25rem} .hp-scroll-carousel--editable .hp-sc-caption:empty::before{content:attr(data-placeholder);color:rgba(255,255,255,0.45)} .hp-scroll-carousel--editable .hp-sc-actions{position:absolute;top:0.4rem;right:0.4rem;z-index:4;opacity:0} .hp-scroll-carousel--editable .hp-sc-item:hover .hp-sc-actions,.hp-scroll-carousel--editable .hp-sc-item:focus-within .hp-sc-actions{opacity:1} @media (max-width:700px){.hp-scroll-carousel{--hp-sc-height:min(320px,var(--hp-sc-height))}} @media (prefers-reduced-motion:reduce){.hp-scroll-carousel .hp-sc-image,.hp-scroll-carousel .hp-sc-nav{transition:none} .hp-scroll-carousel .hp-sc-item:hover .hp-sc-image.is-loaded{transform:none}} .hp-picker-preview--expand_cards{display:flex !important;align-items:stretch;gap:3px;padding:10px 8px;overflow:hidden} .hp-picker-preview--expand_cards span{flex:1 1 0;min-width:0;border-radius:3px;background:linear-gradient(160deg,#9aa5ad,#6b757d);filter:grayscale(0.4)} .hp-picker-preview--expand_cards span.is-wide{flex:2.4 1 0;filter:none;background:linear-gradient(160deg,#c5ced4,#7d8a94)} .hp-expand-cards-section{padding-top:3rem;padding-bottom:3rem} .hp-expand-cards-heading{font-weight:300;letter-spacing:0.01em} .hp-expand-cards-sub{max-width:36rem;margin-left:auto;margin-right:auto} .hp-expand-cards{--hp-ec-height:400px;display:flex;flex-wrap:nowrap;width:100%;height:var(--hp-ec-height);max-height:min(var(--hp-ec-height),70vh);overflow:hidden;border-radius:0;background:#1a1a1a} .hp-ec-card{flex:1 1 0;min-width:0;height:100%;position:relative;overflow:hidden;cursor:pointer;transition:flex 0.5s ease;will-change:flex} .hp-ec-card:hover,.hp-ec-card:focus-within,.hp-ec-card.is-active{flex:3} .hp-ec-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;outline:none} .hp-ec-link:focus-visible{outline:2px solid #fff;outline-offset:-4px} .hp-ec-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transform:scale(1);transition:transform 0.5s ease,filter 0.5s ease;background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%} .hp-ec-image--empty{background:#2a2a2a} .hp-ec-card:hover .hp-ec-image,.hp-ec-card:focus-within .hp-ec-image,.hp-ec-card.is-active .hp-ec-image{filter:grayscale(0%);transform:scale(1.12)} .hp-ec-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.55),transparent 55%);opacity:0;transition:opacity 0.3s ease;z-index:1;pointer-events:none} .hp-ec-card:hover::after,.hp-ec-card:focus-within::after,.hp-ec-card.is-active::after{opacity:1} .hp-ec-title{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);margin:0;padding:0.55rem 0.85rem;background:rgba(0,0,0,0.72);color:#fff;font-size:1rem;font-weight:500;letter-spacing:0.02em;white-space:nowrap;max-width:calc(100% - 1rem);overflow:hidden;text-overflow:ellipsis;transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease;pointer-events:none} .hp-ec-card:hover .hp-ec-title,.hp-ec-card:focus-within .hp-ec-title,.hp-ec-card.is-active .hp-ec-title{background:rgba(255,255,255,0.88);color:#111;transform:translate(-50%,-50%) scale(1.06)} .hp-ec-desc{position:absolute;z-index:3;left:0;right:0;bottom:0;margin:0;padding:0.65rem 1rem 0.9rem;color:#fff;font-size:0.9rem;line-height:1.4;white-space:normal;background:linear-gradient(to top,rgba(0,0,0,0.82),transparent);transform:translateY(100%);transition:transform 0.35s ease;pointer-events:none} .hp-ec-card:hover .hp-ec-desc,.hp-ec-card:focus-within .hp-ec-desc,.hp-ec-card.is-active .hp-ec-desc{transform:translateY(0)} .hp-expand-cards--editable{height:auto;max-height:none;background:transparent;overflow:visible} .hp-expand-cards--editable .hp-ec-editor-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0.75rem;width:100%} .hp-expand-cards--editable .hp-ec-card--editable{flex:none;height:auto;min-height:0;background:#f3f4f6;border:1px solid var(--md-outline-variant,#ddd);cursor:default} .hp-expand-cards--editable .hp-ec-media{position:relative;height:140px;overflow:hidden;background:#e5e7eb} .hp-expand-cards--editable .hp-ec-media .hp-ec-image{filter:none;transform:none} .hp-expand-cards--editable .hp-ec-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:0.85rem} .hp-expand-cards--editable .hp-ec-editor-fields{padding:0.65rem 0.75rem 0.85rem;position:relative;z-index:2;background:#fff} .hp-expand-cards--editable .hp-ec-title,.hp-expand-cards--editable .hp-ec-desc{position:static !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;background:transparent !important;color:inherit;padding:0;white-space:normal;max-width:none;overflow:visible;text-overflow:clip;pointer-events:auto;z-index:auto} .hp-expand-cards--editable .hp-ec-card:hover .hp-ec-title,.hp-expand-cards--editable .hp-ec-card:focus-within .hp-ec-title,.hp-expand-cards--editable .hp-ec-card.is-active .hp-ec-title{background:transparent !important;color:#111 !important;transform:none !important} .hp-expand-cards--editable .hp-ec-card:hover .hp-ec-desc,.hp-expand-cards--editable .hp-ec-card:focus-within .hp-ec-desc,.hp-expand-cards--editable .hp-ec-card.is-active .hp-ec-desc{transform:none !important} .hp-expand-cards--editable .hp-ec-title{font-weight:600;margin-bottom:0.25rem;color:#111} .hp-expand-cards--editable .hp-ec-desc{color:#6b7280;font-size:0.875rem;min-height:2.5rem} .hp-expand-cards--editable .hp-ec-title:empty::before,.hp-expand-cards--editable .hp-ec-desc:empty::before{content:attr(data-placeholder);color:#9ca3af} .hp-expand-cards--editable .hp-ec-card::after{display:none} .hp-expand-cards--editable .hp-ec-card:hover .hp-ec-image,.hp-expand-cards--editable .hp-ec-card:focus-within .hp-ec-image{filter:none;transform:none} .hp-expand-cards--editable .hp-ec-actions{position:absolute;top:0.4rem;right:0.4rem;z-index:4;opacity:0} .hp-expand-cards--editable .hp-ec-card:hover .hp-ec-actions,.hp-expand-cards--editable .hp-ec-card:focus-within .hp-ec-actions{opacity:1} @media (max-width:700px){.hp-expand-cards{flex-direction:column;height:auto;max-height:none} .hp-ec-card{flex:none;width:100%;height:220px} .hp-ec-card:hover,.hp-ec-card:focus-within,.hp-ec-card.is-active{flex:none} .hp-ec-card::after{opacity:1} .hp-ec-desc{transform:translateY(0)} .hp-ec-image{filter:grayscale(0%)}} @media (prefers-reduced-motion:reduce){.hp-ec-card,.hp-ec-image,.hp-ec-title,.hp-ec-desc,.hp-ec-card::after{transition:none} .hp-ec-card:hover .hp-ec-image,.hp-ec-card:focus-within .hp-ec-image,.hp-ec-card.is-active .hp-ec-image{transform:none}} .hp-compare-section{padding-top:3rem;padding-bottom:3rem} .hp-compare-title{font-size:1.75rem;font-weight:500;letter-spacing:0.01em;line-height:1.3} .hp-compare-subtitle{max-width:40rem;margin-left:auto;margin-right:auto;line-height:1.6} .hp-compare{--hp-compare-pos:50%;position:relative;max-width:920px;margin:0 auto} .hp-compare-frame{position:relative;overflow:hidden;border-radius:1rem;background:#e9ecef;aspect-ratio:16 / 10;user-select:none;touch-action:none;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 14px 32px rgba(15,23,42,0.08)} .hp-compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none} .hp-compare-placeholder{display:flex;align-items:center;justify-content:center;color:#868e96;font-size:0.95rem;background:#f1f3f5} .hp-compare-img--before{background:#dee2e6} .hp-compare-before-clip{position:absolute;inset:0 auto 0 0;width:var(--hp-compare-pos);overflow:hidden;border-right:0;z-index:1} .hp-compare-before-clip .hp-compare-img--before{width:100cqw;max-width:none} .hp-compare-frame{container-type:inline-size} .hp-compare-before-clip .hp-compare-img{width:100cqw;max-width:none;left:0;right:auto} .hp-compare-handle{position:absolute;top:0;bottom:0;left:var(--hp-compare-pos);width:2px;background:#fff;transform:translateX(-50%);z-index:3;pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,0.12)} .hp-compare-knob{position:absolute;top:50%;left:50%;width:2.35rem;height:2.35rem;border-radius:50%;background:#fff;border:2px solid var(--md-primary,#178893);transform:translate(-50%,-50%);box-shadow:0 4px 14px rgba(0,0,0,0.18)} .hp-compare-knob::before,.hp-compare-knob::after{content:'';position:absolute;top:50%;width:0;height:0;border-style:solid;transform:translateY(-50%)} .hp-compare-knob::before{left:0.42rem;border-width:5px 6px 5px 0;border-color:transparent var(--md-primary,#178893) transparent transparent} .hp-compare-knob::after{right:0.42rem;border-width:5px 0 5px 6px;border-color:transparent transparent transparent var(--md-primary,#178893)} .hp-compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;appearance:none;background:transparent} .hp-compare-label{position:absolute;bottom:0.85rem;z-index:2;padding:0.28rem 0.55rem;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,0.45);border-radius:0.35rem;pointer-events:none} .hp-compare-label--before{left:0.85rem} .hp-compare-label--after{right:0.85rem} .hp-compare.is-teasing .hp-compare-before-clip,.hp-compare.is-teasing .hp-compare-handle{transition:width 1.15s cubic-bezier(0.22,1,0.36,1),left 1.15s cubic-bezier(0.22,1,0.36,1)} .hp-compare-edit-actions{display:flex;flex-wrap:wrap;gap:0.65rem;align-items:center;margin-top:0.85rem} .hp-compare--editable .hp-compare-label{pointer-events:auto;min-width:3rem;outline:none} .hp-compare--editable .hp-compare-label:empty::before{content:attr(data-placeholder);opacity:0.65} @media (prefers-reduced-motion:reduce){.hp-compare.is-teasing .hp-compare-before-clip,.hp-compare.is-teasing .hp-compare-handle{transition:none}} .hp-picker-preview--polygonizr{position:relative;background:#111827;overflow:hidden} .hp-picker-preview--polygonizr i{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(200,200,200,0.85)} .hp-picker-preview--polygonizr i:nth-child(1){top:18%;left:22%} .hp-picker-preview--polygonizr i:nth-child(2){top:28%;left:62%} .hp-picker-preview--polygonizr i:nth-child(3){top:58%;left:38%} .hp-picker-preview--polygonizr i:nth-child(4){top:68%;left:74%} .hp-picker-preview--polygonizr em{position:absolute;left:18%;right:18%;bottom:18%;height:8px;border-radius:2px;background:rgba(255,255,255,0.55)} .hp-polygonizr-section{position:relative;width:100%;min-height:var(--hp-polygonizr-height,55vh);background:var(--hp-polygonizr-bg,#111827);overflow:hidden;display:flex;align-items:center;justify-content:center} .hp-polygonizr{position:absolute;inset:0;width:100%;height:100%;z-index:0} .hp-polygonizr canvas{display:block;width:100% !important;height:100% !important} .hp-polygonizr-copy{position:relative;z-index:2;width:100%;padding:clamp(2rem,6vh,4rem) 0;color:#fff} .hp-polygonizr-section[data-hp-text-style="dark"] .hp-polygonizr-copy{color:#14171a} .hp-polygonizr-title{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;line-height:1.2;color:inherit !important;text-shadow:0 1px 12px rgba(0,0,0,0.35)} .hp-polygonizr-section[data-hp-text-style="dark"] .hp-polygonizr-title,.hp-polygonizr-section[data-hp-text-style="dark"] .hp-polygonizr-subtitle{text-shadow:0 1px 8px rgba(255,255,255,0.3)} .hp-polygonizr-subtitle{font-size:clamp(1rem,1.8vw,1.2rem);opacity:0.92;max-width:40rem;margin-left:auto;margin-right:auto;color:inherit !important} .hp-polygonizr-section--editable{flex-direction:column;align-items:stretch;justify-content:flex-start} .hp-polygonizr-section--editable .hp-polygonizr-copy{flex:1 1 auto;display:flex;align-items:center;justify-content:center} .hp-polygonizr-section--editable .hp-polygonizr-settings{position:relative;z-index:3;flex:0 0 auto;margin-top:auto;width:100%;padding-top:0.75rem;padding-bottom:1rem;background:rgba(255,255,255,0.96);border-top:1px solid rgba(0,0,0,0.08);box-shadow:0 -6px 18px rgba(0,0,0,0.06)} .hp-polygonizr-section--editable .hp-polygonizr-copy .hp-editable:empty::before{content:attr(data-placeholder);opacity:0.55;color:inherit} .hp-hero-slider-section{position:relative;width:100%} .hp-hero-slider{width:100%} .hp-hero-slider-frame{position:relative;min-height:clamp(18rem,62vh,42rem);overflow:hidden;background:#1a1d20} .hp-hero-slider-image{position:absolute;left:0;right:0;top:-10%;width:100%;height:120%;object-fit:cover;display:block;transform:translate3d(0,calc(var(--hp-hero-parallax-y,0px) + 3%),0) scale(1.14);transition:transform 1.35s cubic-bezier(0.22,1,0.36,1);will-change:transform} .hp-hero-slider .carousel-item.active .hp-hero-slider-image{transform:translate3d(0,var(--hp-hero-parallax-y,0px),0) scale(1.06)} .hp-hero-slider-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(0,0,0,0.28) 78%,rgba(0,0,0,0.52) 100% );pointer-events:none} .hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-scrim{background:linear-gradient(180deg,transparent 0%,transparent 55%,rgba(255,255,255,0.22) 80%,rgba(255,255,255,0.42) 100% )} .hp-hero-slider-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(2rem,6vh,4.5rem) clamp(1.35rem,5vw,4.5rem) clamp(2.25rem,7vh,5rem);max-width:min(44rem,92vw);color:#fff;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start;gap:0.65rem;transform:translate3d(0,var(--hp-hero-copy-parallax-y,0px),0);will-change:transform} .hp-hero-slider-frame[data-hp-text-style="light"] .hp-hero-slider-copy,.hp-hero-slider-frame:not([data-hp-text-style="dark"]) .hp-hero-slider-copy{color:#fff} .hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-copy{color:#14171a} .hp-hero-slider-title{margin:0;font-size:clamp(2.15rem,6.2vw,4.15rem);font-weight:600;letter-spacing:-0.03em;line-height:1.05;color:inherit;max-width:16ch} .hp-hero-slider-subtitle,.hp-hero-slider-caption{margin:0;font-size:clamp(1.1rem,2.15vw,1.45rem);font-weight:400;letter-spacing:0.01em;line-height:1.45;opacity:0.82;color:inherit;max-width:34ch} .hp-hero-slider-caption{margin-top:0.15rem;opacity:0.72} .hp-hero-slider-frame[data-hp-text-style="light"] .hp-hero-slider-title,.hp-hero-slider-frame[data-hp-text-style="light"] .hp-hero-slider-subtitle,.hp-hero-slider-frame[data-hp-text-style="light"] .hp-hero-slider-caption,.hp-hero-slider-frame:not([data-hp-text-style="dark"]) .hp-hero-slider-title,.hp-hero-slider-frame:not([data-hp-text-style="dark"]) .hp-hero-slider-subtitle,.hp-hero-slider-frame:not([data-hp-text-style="dark"]) .hp-hero-slider-caption{color:rgba(255,255,255,0.88) !important;caret-color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,0.45)} .hp-hero-slider-frame[data-hp-text-style="light"] .hp-hero-slider-title,.hp-hero-slider-frame:not([data-hp-text-style="dark"]) .hp-hero-slider-title{color:rgba(255,255,255,0.94) !important;opacity:1} .hp-hero-slider-frame[data-hp-text-style="light"] .hp-hero-slider-subtitle,.hp-hero-slider-frame[data-hp-text-style="light"] .hp-hero-slider-caption,.hp-hero-slider-frame:not([data-hp-text-style="dark"]) .hp-hero-slider-subtitle,.hp-hero-slider-frame:not([data-hp-text-style="dark"]) .hp-hero-slider-caption{color:rgba(255,255,255,0.78) !important} .hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-title,.hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-subtitle,.hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-caption{color:rgba(20,23,26,0.88) !important;caret-color:#14171a;text-shadow:0 1px 2px rgba(255,255,255,0.7)} .hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-title{color:rgba(20,23,26,0.92) !important;opacity:1} .hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-subtitle,.hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-caption{color:rgba(20,23,26,0.72) !important} .hp-hero-slider:not(.hp-hero-slider--editing) .hp-hero-slider-copy .hp-hero-slider-title{opacity:0;filter:blur(16px);transform:translate3d(0,2.1rem,0)} .hp-hero-slider:not(.hp-hero-slider--editing) .hp-hero-slider-copy .hp-hero-slider-subtitle{opacity:0;filter:blur(8px);transform:translate3d(0,1.35rem,0)} .hp-hero-slider:not(.hp-hero-slider--editing) .hp-hero-slider-copy.hp-hero-copy-animate .hp-hero-slider-title{animation:hp-hero-title-blur-in 1.1s cubic-bezier(0.16,1,0.3,1) forwards;animation-iteration-count:1} .hp-hero-slider:not(.hp-hero-slider--editing) .hp-hero-slider-copy.hp-hero-copy-animate .hp-hero-slider-subtitle{animation:hp-hero-subtitle-blur-in 0.95s cubic-bezier(0.22,1,0.36,1) 0.22s forwards;animation-iteration-count:1} @keyframes hp-hero-title-blur-in{0%{opacity:0;filter:blur(18px);transform:translate3d(0,2.4rem,0)} 45%{opacity:0.55;filter:blur(8px)} 75%{opacity:0.92;filter:blur(2px)} 100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}} @keyframes hp-hero-subtitle-blur-in{0%{opacity:0;filter:blur(8px);transform:translate3d(0,1.4rem,0)} 100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}} @media (prefers-reduced-motion:reduce){.hp-hero-slider-image,.hp-hero-slider .carousel-item.active .hp-hero-slider-image{top:0;height:100%;transform:none;transition:none} .hp-hero-slider-copy{transform:none} .hp-hero-slider:not(.hp-hero-slider--editing) .hp-hero-slider-copy .hp-hero-slider-title,.hp-hero-slider:not(.hp-hero-slider--editing) .hp-hero-slider-copy .hp-hero-slider-subtitle,.hp-hero-slider:not(.hp-hero-slider--editing) .hp-hero-slider-copy.hp-hero-copy-animate .hp-hero-slider-title,.hp-hero-slider:not(.hp-hero-slider--editing) .hp-hero-slider-copy.hp-hero-copy-animate .hp-hero-slider-subtitle{opacity:1;filter:none;transform:none;animation:none}} .hp-hero-slider .carousel-control-prev,.hp-hero-slider .carousel-control-next{width:3.5rem;opacity:0.85;z-index:3} .hp-hero-slider .carousel-indicators{margin-bottom:1rem;z-index:3} .hp-hero-slider .carousel-indicators [data-bs-target]{width:0.55rem;height:0.55rem;border-radius:50%;background-color:rgba(255,255,255,0.55)} .hp-hero-slider-frame[data-hp-text-style="dark"]~.carousel-indicators [data-bs-target],.hp-hero-slider:has(.carousel-item.active .hp-hero-slider-frame[data-hp-text-style="dark"]) .carousel-indicators [data-bs-target]{background-color:rgba(0,0,0,0.35)} .hp-hero-slider .carousel-indicators .active{background-color:#fff} .hp-hero-slider:has(.carousel-item.active .hp-hero-slider-frame[data-hp-text-style="dark"]) .carousel-indicators .active{background-color:#14171a} .hp-hero-slider-empty{min-height:12rem;display:flex;align-items:center;justify-content:center;background:#f1f3f5} .hp-hero-slider-section--editable .hp-hero-live-editor{margin-bottom:0.25rem} .hp-hero-slide-actions{position:absolute;top:0.75rem;right:0.75rem;z-index:4;display:flex;gap:0.3rem} .hp-hero-slide-actions .hp-hero-text-style-btn,.hp-hero-slide-actions .hp-hero-image-btn,.hp-hero-slide-actions .hp-hero-remove-btn{border:0;background:rgba(0,0,0,0.55);color:#fff;width:2rem;height:2rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;line-height:1;font-size:1.05rem} .hp-hero-slide-actions .hp-hero-text-style-btn:hover,.hp-hero-slide-actions .hp-hero-image-btn:hover,.hp-hero-slide-actions .hp-hero-remove-btn:hover{background:rgba(0,0,0,0.75)} .hp-hero-slider-section--editable .hp-hero-slider-copy .hp-editable{outline:none;border-radius:2px;min-height:1.2em;color:inherit !important} .hp-hero-slider-section--editable .hp-hero-slider-copy .hp-editable:focus{box-shadow:0 0 0 2px rgba(255,255,255,0.45)} .hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-copy .hp-editable:focus{box-shadow:0 0 0 2px rgba(20,23,26,0.35)} .hp-hero-slider-section--editable .hp-hero-slider-copy .hp-editable:empty::before{content:attr(data-placeholder);opacity:0.55;pointer-events:none;color:inherit !important} .hp-hero-slider-frame[data-hp-text-style="light"] .hp-hero-slider-copy .hp-editable:empty::before,.hp-hero-slider-frame:not([data-hp-text-style="dark"]) .hp-hero-slider-copy .hp-editable:empty::before{color:rgba(255,255,255,0.65) !important} .hp-hero-slider-frame[data-hp-text-style="dark"] .hp-hero-slider-copy .hp-editable:empty::before{color:rgba(20,23,26,0.5) !important} .hp-hero-slider-section--editable .hp-hero-slider-copy{z-index:3} .hp-testimonials-section{background:rgba(0,0,0,0.02)} .hp-testimonials-title{font-weight:700} .hp-testimonials-slider{max-width:44rem;margin:0 auto} .hp-testimonial-card{margin:0 auto;padding:1.5rem 1.25rem 2.5rem;text-align:center;max-width:36rem} .hp-testimonial-avatar{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:50%;margin:0 auto 1rem;display:block;border:2px solid rgba(0,0,0,0.08)} .hp-testimonial-quote{font-size:1.15rem;line-height:1.55;font-style:italic;color:#212529} .hp-testimonial-meta{margin-top:1rem;display:flex;flex-direction:column;gap:0.15rem} .hp-testimonial-author{font-weight:650} .hp-testimonial-role{color:#6c757d;font-size:0.92rem} .hp-testimonials-slider .carousel-control-prev,.hp-testimonials-slider .carousel-control-next{width:2.75rem;filter:invert(1) grayscale(1);opacity:0.55} .hp-testimonials-slider .carousel-indicators{margin-bottom:0} .hp-testimonials-slider .carousel-indicators [data-bs-target]{width:0.45rem;height:0.45rem;border-radius:50%;background-color:rgba(0,0,0,0.35)} .hp-testimonials-slider .carousel-indicators .active{background-color:rgba(0,0,0,0.75)} .hp-testimonials-items{display:flex;flex-direction:column;gap:0.85rem} .hp-testimonial-edit-card{position:relative;padding:1rem 1rem 1rem 5.5rem;border:1px solid rgba(0,0,0,0.1);border-radius:0.65rem;background:#fff;min-height:5.5rem} .hp-testimonial-edit-card .hp-testimonial-avatar-btn{position:absolute;left:0.85rem;top:0.85rem;width:4rem;height:4rem;padding:0;border:1px dashed rgba(0,0,0,0.2);border-radius:50%;overflow:hidden;background:#f8f9fa} .hp-testimonial-edit-card .hp-testimonial-avatar-btn img,.hp-testimonial-avatar-btn .hp-testimonial-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%} .hp-testimonial-edit-card .hp-testimonial-remove{position:absolute;top:0.35rem;right:0.35rem} .hp-card-row-section{padding-top:3.5rem;padding-bottom:3.5rem} .hp-card-row-title{font-weight:500;font-size:clamp(1.5rem,2.4vw,1.85rem);letter-spacing:0.01em;margin-bottom:2rem !important} .hp-card-row{--bs-gutter-x:1.75rem;--bs-gutter-y:1.75rem} @media (min-width:992px){.hp-card-row{--bs-gutter-x:2.25rem;--bs-gutter-y:2.25rem}} .hp-info-card{display:flex;flex-direction:column;border:0;border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 12px 28px rgba(15,23,42,0.06);transition:box-shadow 0.2s ease,transform 0.2s ease} .hp-info-card:hover{box-shadow:0 2px 4px rgba(15,23,42,0.05),0 18px 36px rgba(15,23,42,0.08)} .hp-info-card-media{aspect-ratio:16 / 10;background:#f4f6f8;overflow:hidden} .hp-info-card-image{width:100%;height:100%;object-fit:cover;display:block} .hp-hero-slider-frame>picture,.hp-compare-frame>picture,.hp-compare-before-clip>picture{position:absolute;inset:0;display:block} .hp-testimonial-card>picture{display:block;width:100%} .hp-ec-link>picture{display:block;width:100%;height:100%} .hp-info-card-media>picture{display:block;width:100%;height:100%} .hp-info-card-body{padding:1.5rem 1.45rem 1.65rem;display:flex;flex-direction:column;gap:0.65rem;flex:1} .hp-info-card-title{margin:0;font-size:1.2rem;font-weight:500;letter-spacing:0.01em;line-height:1.35} .hp-info-card-text{font-size:0.98rem;line-height:1.6} .hp-info-card-body .btn{margin-top:auto;align-self:flex-start;padding:0.55rem 1.1rem;border-radius:999px} .hp-info-card--editable{position:relative;min-height:12rem;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 10px 24px rgba(15,23,42,0.05)} .hp-info-card--editable:hover{transform:none} .hp-info-card--editable .hp-info-card-media{aspect-ratio:16 / 10;background:#f4f6f8;overflow:hidden} .hp-info-card--editable .hp-info-card-media .hp-row-image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:0;aspect-ratio:auto;color:#868e96;font-size:0.85rem;background:#f8f9fa} .hp-info-card--editable .hp-info-card-body{padding:1.35rem 1.25rem 1.5rem;gap:0.55rem} .hp-info-card--editable .hp-card-actions{opacity:0} .hp-info-card--editable:hover .hp-card-actions,.hp-info-card--editable:focus-within .hp-card-actions{opacity:1} .hp-info-card--editable .hp-card-actions .hp-tile-upload,.hp-info-card--editable .hp-card-actions .hp-tile-remove{position:static;opacity:1} .hp-card-row[data-hp-card-count="5"]>[class*="col-"]{flex:1 1 16%;max-width:20%} @media (max-width:991.98px){.hp-card-row[data-hp-card-count="5"]>[class*="col-"]{flex:1 1 40%;max-width:50%}} .hp-picker-preview--headline_text .hp-picker-preview-col--text{display:flex;flex-direction:column;gap:4px;justify-content:center} .hp-picker-preview--headline_text strong{display:block;width:70%;height:9px;background:#333;border-radius:2px} .hp-picker-preview--headline_text i{display:block;height:4px;background:#bbb;border-radius:2px} .hp-picker-preview--headline_text i:first-of-type{width:85%} .hp-picker-preview--headline_text i:last-of-type{width:65%} .hp-picker-preview--headline_text .hp-picker-preview-col--img{background:linear-gradient(135deg,#ddd,#bbb);border-radius:2px;min-height:48px} .hp-history-teaser-section{padding-top:3rem;padding-bottom:3rem;background:#fafafa} .hp-history-teaser-title{margin-bottom:1.5rem} .hp-history-teaser-stack{position:relative;text-align:left;max-height:13.75rem;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%)} .hp-history-teaser-stack--preview{pointer-events:none} .hp-history-teaser-snippet{padding-bottom:1.15rem} .hp-history-teaser-snippet + .hp-history-teaser-snippet{border-top:1px solid rgba(0,0,0,0.07);padding-top:1.15rem} .hp-history-teaser-snippet-title{font-size:1.15rem;font-weight:700;margin:0 0 0.35rem;color:var(--md-primary,#178893)} .hp-history-teaser-snippet-text{font-size:0.95rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .hp-picker-preview--history_teaser{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#fafafa} .hp-picker-preview--history_teaser span{display:block;width:55%;height:7px;background:#333;border-radius:2px;margin:0 auto 4px} .hp-picker-preview--history_teaser i{display:block;height:4px;background:#ccc;border-radius:2px} .hp-picker-preview--history_teaser i:nth-child(2){width:90%;opacity:1} .hp-picker-preview--history_teaser i:nth-child(3){width:85%;opacity:0.85} .hp-picker-preview--history_teaser i:nth-child(4){width:70%;opacity:0.45} .hp-picker-preview--history_teaser em{display:block;width:40%;height:10px;background:var(--md-primary,#178893);border-radius:3px;margin:4px auto 0;opacity:0.85} .hp-termine-teaser-section{padding-top:3rem;padding-bottom:3rem} .hp-termine-teaser-title{font-size:1.75rem} .hp-termine-teaser-panel{background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:0.5rem;padding:1.25rem 1.35rem;box-shadow:0 1px 3px rgba(0,0,0,0.04)} .hp-termine-teaser-panel-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--md-primary,#178893);margin:0 0 1rem} .hp-termine-teaser-list--preview{pointer-events:none} .hp-termine-teaser-list--peek{position:relative;overflow:hidden} .hp-termine-teaser-list--peek::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2.75rem;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 88%);pointer-events:none} .hp-termine-teaser-item--peek{opacity:0.38;pointer-events:none;user-select:none} .hp-termine-teaser-item--peek .hp-termine-teaser-item-text{-webkit-line-clamp:1} .hp-termine-teaser-item{display:flex;flex-direction:column;gap:0.15rem;padding:0.65rem 0} .hp-termine-teaser-item + .hp-termine-teaser-item{border-top:1px solid rgba(0,0,0,0.06)} .hp-termine-teaser-date{font-size:0.8rem;font-weight:600;color:var(--md-primary,#178893)} .hp-termine-teaser-item-title{font-size:0.95rem;font-weight:600;color:#212529} .hp-termine-teaser-item-text{font-size:0.85rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .hp-termine-teaser-item-link{display:flex;flex-direction:column;gap:0.15rem;text-decoration:none;color:inherit;transition:color 0.15s ease} .hp-termine-teaser-item-link:hover{color:var(--md-primary,#178893)} .hp-termine-teaser-item-link:hover .hp-termine-teaser-item-title{color:var(--md-primary,#178893)} .hp-picker-preview--termine_teaser{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px;background:#fff} .hp-picker-preview--termine_teaser .hp-picker-preview-col{display:flex;flex-direction:column;gap:4px;padding:6px;background:#f5f5f5;border-radius:3px} .hp-picker-preview--termine_teaser i{display:block;height:4px;background:#ccc;border-radius:2px} .hp-picker-preview--termine_teaser i:first-child{width:70%} .hp-picker-preview--termine_teaser i:last-child{width:90%} .hp-insert-zone{display:flex;justify-content:center;padding:0.15rem 0;background:linear-gradient(to bottom,transparent 49%,var(--md-outline-variant,#e0e0e0) 49%,var(--md-outline-variant,#e0e0e0) 51%,transparent 51%)} .hp-insert-actions{display:inline-flex;align-items:center;gap:0.35rem} .hp-insert-btn{display:inline-flex;align-items:center;gap:0.35rem;border:1px dashed var(--md-primary,#178893);background:#fff;color:var(--md-primary,#178893);border-radius:999px;padding:0.2rem 0.85rem;font-size:0.8rem;cursor:pointer;opacity:1;transform:none;transition:background 0.15s ease,box-shadow 0.15s ease} .hp-insert-btn:focus-visible{box-shadow:0 1px 4px rgba(0,0,0,0.08)} .hp-insert-btn:hover{background:#eef7f8} .hp-insert-btn-icon{display:inline-flex;width:1.1rem;height:1.1rem;align-items:center;justify-content:center;border-radius:50%;background:var(--md-primary,#178893);color:#fff;font-weight:700;line-height:1;font-size:0.9rem} .hp-paste-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px dashed var(--md-primary,#178893);background:#fff;color:var(--md-primary,#178893);border-radius:50%;padding:0;font-size:0.95rem;line-height:1;cursor:pointer;transition:background 0.15s ease,box-shadow 0.15s ease,transform 0.15s ease} .hp-paste-btn-icon{width:1.05rem;height:1.05rem;fill:currentColor;display:block} .hp-paste-btn[hidden]{display:none !important} .hp-paste-btn:hover{background:#eef7f8;transform:scale(1.05)} .hp-paste-btn:focus-visible{box-shadow:0 1px 4px rgba(0,0,0,0.08);outline:none} .hp-wysiwyg-module.is-copied .hp-copy-module{border-color:var(--md-primary,#178893);background:#eef7f8;color:var(--md-primary,#178893)} .hp-module-picker{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem} .hp-module-picker[hidden]{display:none !important} body.hp-picker-open{overflow:hidden} .hp-module-picker-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.45)} .hp-module-picker-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:min(90vh,640px);overflow:auto;background:#fff;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,0.2);padding:1rem 1.25rem 1.25rem} .hp-module-picker-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.25rem} .hp-module-picker-title{margin:0;font-size:1.15rem} .hp-module-picker-close{border:0;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:#666;padding:0.15rem 0.35rem} .hp-module-picker-hint{font-size:0.875rem;margin-bottom:1rem} .hp-module-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem} .hp-picker-option{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;border:1px solid var(--md-outline-variant,#ddd);border-radius:6px;padding:0.65rem;background:#fafafa;cursor:pointer;text-align:left;transition:border-color 0.15s ease,box-shadow 0.15s ease,background 0.15s ease} .hp-picker-option:hover,.hp-picker-option:focus-visible{border-color:var(--md-primary,#178893);background:#fff;box-shadow:0 2px 8px rgba(23,136,147,0.15);outline:none} .hp-picker-label{font-weight:600;font-size:0.9rem} .hp-picker-desc{font-size:0.75rem;color:#666;line-height:1.35} .hp-picker-preview{display:block;min-height:72px;border-radius:4px;overflow:hidden;background:#eee} .hp-picker-preview--portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:6px;background:#f5f5f5} .hp-picker-preview--portfolio span{display:block;aspect-ratio:4 / 3;background:linear-gradient(135deg,#ccc 0%,#aaa 100%);border-radius:2px} .hp-picker-preview--heading{display:flex;align-items:center;justify-content:center;padding:1rem;background:#fff} .hp-picker-preview--heading span{display:block;width:55%;height:10px;background:#444;border-radius:2px} .hp-picker-preview--text_row{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;background:#fff} .hp-picker-preview-col--text{display:flex;flex-direction:column;gap:4px;justify-content:center} .hp-picker-preview-col--text i{display:block;height:4px;background:#bbb;border-radius:2px} .hp-picker-preview-col--text i:first-child{width:70%;background:#666;height:6px} .hp-picker-preview-col--img{background:linear-gradient(135deg,#ddd,#bbb);border-radius:2px;min-height:48px} .hp-picker-preview--cta_dark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;background:#343a40} .hp-picker-preview--cta_dark span{display:block;width:50%;height:8px;background:rgba(255,255,255,0.85);border-radius:2px} .hp-picker-preview--cta_dark em{display:block;width:36%;height:14px;background:#f8f9fa;border-radius:3px} .hp-picker-preview--highlight{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;background:var(--md-primary,#178893)} .hp-picker-preview--highlight span{display:block;width:45%;height:8px;background:rgba(255,255,255,0.9);border-radius:2px} .hp-picker-preview--highlight hr{width:30%;margin:0;border:0;border-top:2px solid rgba(255,255,255,0.5)} .hp-picker-preview--highlight i{display:block;width:60%;height:4px;background:rgba(255,255,255,0.55);border-radius:2px} .hp-picker-preview--highlight em{display:block;width:32%;height:12px;background:#f8f9fa;border-radius:3px} .md-message-compose{overflow:hidden} .md-message-compose-toggle{display:flex;align-items:center;gap:0.75rem;width:100%;border:0;background:#fff;color:var(--md-on-surface);font-weight:500;font-size:1rem;padding:1rem 1.5rem;box-shadow:none;border-radius:0;text-align:left;cursor:pointer} .md-message-compose-toggle::before{content:'';flex-shrink:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;opacity:0.72;transition:transform 0.2s ease;transform-origin:35% 50%} .md-message-compose-toggle:not(.collapsed)::before{transform:rotate(90deg)} .md-message-compose-toggle:not(.collapsed){background:#fff;color:var(--md-on-surface);box-shadow:none} .md-message-compose-toggle:focus{box-shadow:none;outline:none} .md-message-compose-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--md-primary) 55%,transparent);outline-offset:-2px} .md-message-compose-body.md-card-body,.md-message-compose .md-card-body,.md-message-inbox .md-card-body{padding:1.25rem 1.5rem} .md-message-list{display:flex;flex-direction:column;gap:0.75rem} .md-message-item{border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:1rem 1.1rem;background:#fff;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease} .md-message-item:hover,.md-message-item:focus-visible{border-color:color-mix(in srgb,var(--md-primary) 35%,transparent);box-shadow:0 2px 8px rgba(0,0,0,0.06);outline:none} .md-message-item--unread{border-left:4px solid var(--md-primary);background:color-mix(in srgb,var(--md-primary) 6%,#fff)} .md-message-item-head{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;margin-bottom:0.35rem} .md-message-kind{display:inline-block;font-size:0.75rem;font-weight:500;color:var(--md-primary);text-transform:uppercase;letter-spacing:0.03em} .md-message-subject{color:#212529} .md-message-body{margin-top:0.85rem;padding-top:0.85rem;border-top:1px solid rgba(0,0,0,0.08);white-space:pre-wrap;color:#495057} .md-message-item.is-open .md-message-body{display:block !important} .md-message-recipient-combobox{position:relative} .md-message-recipient-input-row{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;min-height:3.5rem;padding:0.4rem 0.75rem;border:1px solid rgba(0,0,0,0.18);border-radius:0.75rem;background:#fff;cursor:text;transition:border-color 0.2s ease,box-shadow 0.2s ease} .md-message-recipient-input-row:focus-within{border-color:var(--md-primary);box-shadow:0 0 0 0.2rem color-mix(in srgb,var(--md-primary) 18%,transparent)} .md-message-recipient-chips{display:contents} .md-message-recipient-search-input{flex:1 1 10rem;min-width:10rem;width:auto;border:0;outline:none;padding:0.35rem 0.15rem;background:transparent;font-size:1rem;line-height:1.5;color:#212529} .md-message-recipient-search-input::placeholder{color:#6c757d} .md-message-recipient-results{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 0.35rem);border:1px solid rgba(0,0,0,0.1);border-radius:12px;background:#fff;max-height:240px;overflow-y:auto;box-shadow:0 4px 16px rgba(0,0,0,0.08)} #groupCreateModal .modal-content,#groupManageModal .modal-content,#groupCreateModal .modal-body,#groupManageModal .modal-body{overflow:visible} .md-message-group-modal-dialog .md-message-recipient-combobox{z-index:2} .md-message-group-modal-dialog .md-message-recipient-results{z-index:1080;max-height:min(280px,40vh)} .md-message-recipient-results-empty{padding:0.75rem 1rem} .md-message-recipient-result-item{display:flex;flex-direction:column;align-items:flex-start;gap:0.15rem;width:100%;border:0;border-bottom:1px solid rgba(0,0,0,0.06);background:transparent;text-align:left;padding:0.7rem 1rem;cursor:pointer;transition:background 0.15s ease} .md-message-recipient-result-item:last-child{border-bottom:0} .md-message-recipient-result-item:hover,.md-message-recipient-result-item:focus-visible{background:color-mix(in srgb,var(--md-primary) 10%,#fff);outline:none} .md-message-recipient-result-name{font-weight:500;color:#212529} .md-message-recipient-result-meta{font-size:0.8rem;color:#6c757d} .md-message-recipient-chip{display:inline-flex;align-items:center;gap:0.25rem;padding:0.2rem 0.5rem;border-radius:999px;background:color-mix(in srgb,var(--md-primary) 12%,#fff);color:var(--md-primary);font-size:0.8125rem;line-height:1.3;white-space:nowrap} .md-message-recipient-chip-remove{border:0;background:transparent;color:inherit;line-height:1;padding:0 0.15rem;font-size:1.1rem;cursor:pointer} .md-profile-contact-header,.md-event-detail-header{background:var(--md-primary);color:#fff} .md-profile-contact-header .modal-title,.md-event-detail-header .modal-title{color:#fff} @media (max-width:767.98px){.md-user-profile-overview{padding-bottom:2rem} .md-user-profile-overview .md-user-profile-copy{margin-top:1.5rem} .md-user-profile-gallery-head{padding-top:2rem;padding-bottom:0.75rem} .md-user-profile-gallery-head h2{margin-top:1.25rem !important;margin-bottom:0 !important} .md-user-profile-gallery-section{padding-top:0.75rem;padding-bottom:2rem}} .md-message-chat-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:0;height:min(70vh,640px);min-height:520px;border:1px solid rgba(0,0,0,0.08);border-radius:12px;overflow:hidden;background:#fff} .md-message-chat-list{border-right:1px solid rgba(0,0,0,0.08);background:#fafafa;overflow-y:auto;min-height:0;height:100%} .md-message-chat-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:0.2rem;width:100%;border:0;border-bottom:1px solid rgba(0,0,0,0.06);background:transparent;text-align:left;padding:0.85rem 1rem;cursor:pointer;transition:background 0.2s ease} .md-message-chat-list-item:hover,.md-message-chat-list-item.is-active{background:color-mix(in srgb,var(--md-primary) 10%,#fff)} .md-message-chat-list-item--unread{border-left:3px solid var(--md-primary)} .md-message-chat-list-item--info{background:color-mix(in srgb,var(--md-primary) 9%,#f3f9fa);border-left:3px solid var(--md-primary-light)} .md-message-chat-list-item--info:hover,.md-message-chat-list-item--info.is-active{background:color-mix(in srgb,var(--md-primary) 16%,#fff)} .md-message-chat-list-item--info.md-message-chat-list-item--unread{border-left-color:var(--md-primary);border-left-width:4px} .md-message-chat-list-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.4rem;width:100%} .md-message-chat-list-led{display:inline-block;width:0.5rem;height:0.5rem;border-radius:50%;background-color:#e02020;flex-shrink:0;margin-left:auto;animation:md-led-glow 1.6s ease-in-out infinite} .md-message-chat-list-info-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.12rem 0.5rem;border-radius:999px;background:var(--md-primary);color:#fff;font-size:0.62rem;font-weight:700;letter-spacing:0.05em;line-height:1.2;text-transform:uppercase} .md-message-chat-list-item--info .md-message-chat-list-title{font-weight:600;color:var(--md-primary)} .md-message-chat-list-item--group{background:color-mix(in srgb,#5c6bc0 8%,#f7f8fd);border-left:3px solid #7986cb} .md-message-chat-list-item--group:hover,.md-message-chat-list-item--group.is-active{background:color-mix(in srgb,#5c6bc0 14%,#fff)} .md-message-chat-list-item--group.md-message-chat-list-item--unread{border-left-color:#5c6bc0;border-left-width:4px} .md-message-chat-list-group-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.12rem 0.5rem;border-radius:999px;background:#5c6bc0;color:#fff;font-size:0.62rem;font-weight:700;letter-spacing:0.05em;line-height:1.2;text-transform:uppercase} .md-message-chat-list-item--group .md-message-chat-list-title{font-weight:600;color:#3f4c9b} .md-message-chat-list-item--pixelring{background:color-mix(in srgb,#2f3a44 7%,#f5f6f7);border-left:3px solid #5a6570} .md-message-chat-list-item--pixelring:hover,.md-message-chat-list-item--pixelring.is-active{background:color-mix(in srgb,#2f3a44 12%,#fff)} .md-message-chat-list-item--pixelring.md-message-chat-list-item--unread{border-left-color:#2f3a44;border-left-width:4px} .md-message-chat-list-pixelring-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.12rem 0.5rem;border-radius:999px;background:#2f3a44;color:#fff;font-size:0.62rem;font-weight:700;letter-spacing:0.05em;line-height:1.2;text-transform:uppercase} .md-message-chat-list-title{font-weight:500;color:#212529} .md-message-chat-list-preview,.md-message-chat-list-meta{font-size:0.8rem;line-height:1.35} .md-message-chat-panel{display:flex;flex-direction:column;min-height:0;height:100%} .md-message-chat-placeholder{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem} .md-message-chat-active{display:flex;flex-direction:column;flex:1;min-height:0} .md-message-chat-header{padding:0.9rem 1rem;border-bottom:1px solid rgba(0,0,0,0.08);background:color-mix(in srgb,var(--md-primary) 8%,#fff)} .md-message-chat-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem} .md-message-chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;min-height:0} .md-message-chat-bubble{max-width:85%;padding:0.7rem 0.85rem;border-radius:14px;background:#f1f3f5} .md-message-chat-bubble--mine{align-self:flex-end;background:color-mix(in srgb,var(--md-primary) 14%,#fff);border:1px solid color-mix(in srgb,var(--md-primary) 22%,transparent)} .md-message-chat-bubble--other{align-self:flex-start} .md-message-chat-bubble-meta{display:flex;flex-wrap:wrap;gap:0.35rem 0.75rem;margin-bottom:0.35rem;font-size:0.75rem} .md-message-chat-bubble-author{font-weight:500;color:var(--md-primary)} .md-message-chat-bubble--rich{max-width:min(96%,42rem);width:100%} .md-message-chat-bubble-body{white-space:pre-wrap;font-size:0.95rem;color:#343a40;word-break:break-word} .md-message-chat-bubble-body--html{white-space:normal;overflow-x:auto;line-height:1.5} .md-message-chat-bubble-body--html .md-message-headline{margin:0 0 0.75rem;font-size:1.05rem;line-height:1.35} .md-message-chat-bubble-body--html .md-message-headline strong{font-weight:700;color:#212529} .md-message-chat-bubble-body--html>:first-child{margin-top:0} .md-message-chat-bubble-body--html>:last-child{margin-bottom:0} .md-message-chat-bubble-body--html p{margin:0 0 0.65rem} .md-message-chat-bubble-body--html h1,.md-message-chat-bubble-body--html h2,.md-message-chat-bubble-body--html h3,.md-message-chat-bubble-body--html h4{margin:0.75rem 0 0.45rem;font-size:1rem;line-height:1.3} .md-message-chat-bubble-body--html h1{font-size:1.2rem} .md-message-chat-bubble-body--html h2{font-size:1.1rem} .md-message-chat-bubble-body--html ul,.md-message-chat-bubble-body--html ol{margin:0.35rem 0 0.65rem;padding-left:1.35rem;list-style-position:outside} .md-message-chat-bubble-body--html ul{list-style-type:disc} .md-message-chat-bubble-body--html ol{list-style-type:decimal} .md-message-chat-bubble-body--html li{margin:0.2rem 0} .md-message-chat-bubble-body--html a{color:var(--md-primary);text-decoration:underline} .md-message-chat-bubble-body--html blockquote{margin:0.5rem 0;padding:0.35rem 0.75rem;border-left:3px solid color-mix(in srgb,var(--md-primary) 40%,transparent);color:#495057} .md-message-chat-bubble-body--html hr{margin:0.75rem 0;border:0;border-top:1px solid rgba(0,0,0,0.12)} .md-message-chat-bubble-body--html img{max-width:100%;height:auto;border-radius:6px;display:block;margin:0.35rem 0} .md-message-html-table-wrap{overflow-x:auto;margin:0.5rem 0;max-width:100%} .md-message-chat-bubble-body--html table{width:100%;min-width:280px;border-collapse:collapse;margin:0} .md-message-chat-bubble-body--html th,.md-message-chat-bubble-body--html td{border:1px solid rgba(0,0,0,0.12);padding:0.35rem 0.5rem;text-align:left} .md-message-rich-editor{min-height:12rem} .md-message-chat-reply{display:flex;gap:0.75rem;align-items:flex-end;padding:0.85rem 1rem 1rem;border-top:1px solid rgba(0,0,0,0.08)} .md-message-chat-reply-main{min-width:0;display:flex;flex-direction:column;gap:0.5rem} .md-message-chat-reply-actions{display:flex;align-items:center;gap:0.25rem;flex-shrink:0} .md-message-chat-reply-attachments{display:flex;flex-wrap:wrap;gap:0.45rem} .md-message-chat-reply-thumb{position:relative;display:inline-block;width:4.25rem;height:4.25rem;border-radius:0.55rem;overflow:hidden;border:1px solid rgba(0,0,0,0.12);background:#f4f5f6} .md-message-chat-reply-thumb img{width:100%;height:100%;object-fit:cover;display:block} .md-message-chat-reply-thumb-remove{position:absolute;top:0.15rem;right:0.15rem;width:1.25rem;height:1.25rem;border:0;border-radius:999px;background:rgba(33,37,41,0.78);color:#fff;line-height:1;font-size:0.9rem;cursor:pointer} @media (max-width:767.98px){.md-message-chat-layout{grid-template-columns:1fr;grid-template-rows:minmax(220px,34vh) minmax(0,1fr);height:min(78vh,720px)} .md-message-chat-list{height:auto;max-height:none;border-right:0;border-bottom:1px solid rgba(0,0,0,0.08)}} @media (max-width:575.98px){.md-message-compose-body.md-card-body,.md-message-compose .md-card-body,.md-message-inbox .md-card-body{padding-right:0.65rem;padding-left:0.65rem} .md-message-chat-list-item,.md-message-chat-header,.md-message-chat-messages{padding-right:0.65rem;padding-left:0.65rem} .md-message-chat-reply{flex-wrap:wrap;gap:0.5rem;padding:0.65rem} .md-message-chat-reply-main{flex:1 1 100%} .md-message-chat-reply-actions{width:100%;justify-content:flex-end}} .hp-picker-preview--month_slider{position:relative !important;display:block !important;overflow:hidden;background:#1a1f24} .hp-picker-preview--month_slider .is-hero{position:absolute;inset:0;background:linear-gradient(120deg,rgba(23,136,147,0.55),transparent 55%),linear-gradient(160deg,#5a6670,#2a3238)} .hp-picker-preview--month_slider i{position:absolute;top:58%;right:14%;width:22px;height:22px;border-radius:50%;background:linear-gradient(160deg,#c5ced4,#7d8a94);box-shadow:0 0 0 4px color-mix(in srgb,#178893 35%,transparent)} .hp-picker-preview--month_slider i:nth-child(2){right:22%;top:48%;width:18px;height:18px} .hp-picker-preview--month_slider i:nth-child(3){right:12%;top:62%;width:12px;height:12px;opacity:0.7} .hp-picker-preview--month_slider i:nth-child(4){right:8%;top:68%;width:8px;height:8px;opacity:0.4} .hp-month-slider-section{--hp-ms-height:85vh;--hp-ms-accent:var(--md-primary,#178893);padding:0;margin:0;background:#0b0f12} body.hp-nav-over-hero .hp-cms-page--hero>.hp-month-slider-section:first-child{--hp-ms-height:100vh;margin-top:0} body.hp-nav-over-hero #mainNav{background-color:transparent !important;background-image:none !important;box-shadow:none !important;transition:background-color 0.2s ease,box-shadow 0.2s ease,padding 0.2s ease} body.hp-nav-over-hero #mainNav::before{content:'';position:absolute;left:0;right:0;top:0;height:calc(100% + 3.5rem);pointer-events:none;z-index:0;background:linear-gradient(to bottom,rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.52) 42%,rgba(0,0,0,0.18) 72%,rgba(0,0,0,0) 100% )} body.hp-nav-over-hero #mainNav>.container{position:relative;z-index:1} body.hp-nav-over-hero #mainNav.navbar-shrink,body.hp-nav-over-hero #mainNav.is-open{background-color:var(--bs-primary,#178893) !important;background-image:none !important;box-shadow:0 8px 8px -8px rgba(0,0,0,0.22) !important} body.hp-nav-over-hero #mainNav.navbar-shrink::before,body.hp-nav-over-hero #mainNav.is-open::before{opacity:0} body.hp-nav-over-hero #mainNav .navbar-nav .nav-item .nav-link,body.hp-nav-over-hero #mainNav .navbar-nav .nav-item .nav-link-public,body.hp-nav-over-hero #mainNav .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle{color:rgba(255,255,255,0.88) !important} body.hp-nav-over-hero #mainNav .navbar-nav .nav-item .nav-link:hover,body.hp-nav-over-hero #mainNav .navbar-nav .nav-item .nav-link:focus,body.hp-nav-over-hero #mainNav .navbar-nav .nav-item .nav-link-public:hover,body.hp-nav-over-hero #mainNav .navbar-nav .nav-item .nav-link-public:focus,body.hp-nav-over-hero #mainNav .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:hover,body.hp-nav-over-hero #mainNav .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:focus,body.hp-nav-over-hero #mainNav .navbar-nav .nav-item.dropdown.show .nav-link.dropdown-toggle{color:#fff !important} body.hp-nav-over-hero #mainNav .navbar-nav .nav-item .nav-link.active,body.hp-nav-over-hero #mainNav .navbar-nav .nav-item.dropdown>.nav-link.dropdown-toggle.active,body.hp-nav-over-hero #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link.active,body.hp-nav-over-hero #mainNav.navbar-shrink .navbar-nav .nav-item.dropdown>.nav-link.dropdown-toggle.active{color:#fff !important} body.hp-nav-over-hero #mainNav:not(.navbar-shrink):not(.is-open) .navbar-toggler,body.hp-nav-over-hero #mainNav.navbar-shrink .navbar-toggler,body.hp-nav-over-hero #mainNav.is-open .navbar-toggler{border-color:rgba(255,255,255,0.55)} body.hp-nav-over-hero .hp-ms-content{top:50%} .hp-month-slider-section--editable{padding:1.5rem 0 2rem;background:transparent} .hp-month-slider{--hp-ms-ox:78%;--hp-ms-oy:72%;--hp-ms-circle:132px;position:relative;width:100%;height:var(--hp-ms-height);min-height:420px;max-height:100vh;overflow:hidden;background:#0b0f12} .hp-ms-origin{display:none} .hp-ms-list{position:relative;width:100%;height:100%} .hp-ms-item{width:var(--hp-ms-circle);height:var(--hp-ms-circle);position:absolute;top:var(--hp-ms-oy);left:var(--hp-ms-ox);transform:translate(-50%,-50%) scale(0);border-radius:50%;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 18px 40px rgba(0,0,0,0.4);z-index:100;opacity:0;transition:top 1s,left 1s,width 1s,height 1s,border-radius 0.35s ease-out,transform 1s,opacity 1s,box-shadow 1s} .hp-month-slider:not(.is-ready) .hp-ms-item,.hp-month-slider.is-booting .hp-ms-item{transition:none !important} .hp-ms-item:nth-child(1),.hp-ms-item:nth-child(2){top:0;left:0;width:100%;height:100%;transform:none;border-radius:0;box-shadow:none;opacity:1} .hp-ms-item:nth-child(3),.hp-ms-item:nth-child(4),.hp-ms-item:nth-child(5),.hp-ms-item:nth-child(6),.hp-ms-item:nth-child(n + 7){top:var(--hp-ms-oy);left:var(--hp-ms-ox);transform:translate(-50%,-50%) scale(0.35);opacity:0;pointer-events:none;z-index:100} .hp-month-slider.next .hp-ms-item:nth-child(2),.hp-month-slider.prev .hp-ms-item:nth-child(2){border-radius:0;transition:top 1s,left 1s,width 1s,height 1s,border-radius 0.28s ease-out,transform 1s,opacity 1s,box-shadow 1s} .hp-ms-content{position:absolute;top:50%;left:clamp(1.5rem,8vw,100px);transform:translateY(-50%);width:min(26rem,calc(100% - 10rem));max-width:400px;text-align:left;color:#fff;display:none;z-index:2} .hp-ms-item:nth-child(2) .hp-ms-content{display:block} .hp-ms-item:nth-child(2) .hp-ms-eyebrow,.hp-ms-item:nth-child(2) .hp-ms-name,.hp-ms-item:nth-child(2) .hp-ms-des,.hp-ms-item:nth-child(2) .hp-ms-btn{opacity:0;animation:hpMsAnimate 1s ease-in-out 1 forwards} .hp-ms-item:nth-child(2) .hp-ms-eyebrow{animation-delay:0.3s} .hp-ms-item:nth-child(2) .hp-ms-name{animation-delay:0.6s} .hp-ms-item:nth-child(2) .hp-ms-des{animation-delay:0.9s} .hp-ms-item:nth-child(2) .hp-ms-btn{animation-delay:1.2s} .hp-ms-eyebrow{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:0.95;letter-spacing:0.02em;color:var(--hp-ms-accent);margin:0} .hp-ms-name{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:0.95;margin:0;text-shadow:3px 4px 4px rgba(255,255,255,0.35)} .hp-ms-des{font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:1.5;margin:10px 0 20px 5px;max-width:38ch} .hp-ms-btn{display:flex;flex-wrap:wrap;gap:0.85rem;margin-left:5px} .hp-ms-btn-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:2px solid #fff;border-radius:0;background:transparent;color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:0.3s} .hp-ms-btn-link:hover,.hp-ms-btn-link:focus-visible{background:#fff;color:#111} .hp-ms-btn-link--ghost{color:var(--hp-ms-accent);border-color:#fff} .hp-ms-btn-link--ghost:hover,.hp-ms-btn-link--ghost:focus-visible{background:var(--hp-ms-accent);border-color:var(--hp-ms-accent);color:#fff} .hp-ms-arrows{position:absolute;top:calc(var(--hp-ms-oy) + 12%);left:var(--hp-ms-ox);transform:translateX(-50%);z-index:120;display:flex;align-items:center;justify-content:center;gap:10px;width:auto;max-width:none} .hp-ms-prev,.hp-ms-next,.hp-ms-toggle{width:50px;height:50px;border:none;border-radius:50%;background:var(--hp-ms-accent);color:#fff;font-weight:700;font-size:1rem;line-height:1;cursor:pointer;transition:0.5s;display:inline-flex;align-items:center;justify-content:center;padding:0} .hp-ms-toggle{font-size:1.25rem} .hp-ms-toggle[hidden]{display:none !important} .hp-month-slider.is-paused .hp-ms-toggle{background:#fff;color:#111} .hp-ms-prev:hover,.hp-ms-next:hover,.hp-ms-toggle:hover,.hp-ms-prev:focus-visible,.hp-ms-next:focus-visible,.hp-ms-toggle:focus-visible{background:#fff;color:#111} .hp-ms-progress{position:absolute;top:0;left:0;height:4px;width:0%;background:var(--hp-ms-accent);z-index:130;animation:none} @keyframes hpMsAnimate{from{opacity:0;transform:translateY(100px);filter:blur(33px)} to{opacity:1;transform:translateY(0);filter:blur(0)}} @keyframes hpMsProgress{from{width:0%} to{width:100%}} @keyframes hpMsOriginPulse{0%,100%{box-shadow:0 0 0 10px color-mix(in srgb,var(--hp-ms-accent) 18%,transparent),0 18px 48px rgba(0,0,0,0.4),inset 0 0 28px rgba(0,0,0,0.25)} 50%{box-shadow:0 0 0 16px color-mix(in srgb,var(--hp-ms-accent) 28%,transparent),0 22px 56px rgba(0,0,0,0.45),inset 0 0 34px rgba(0,0,0,0.28)}} .hp-ms-editor-list{display:grid;gap:1rem} .hp-ms-editor-item{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:1rem;align-items:stretch;padding:0.85rem;border:1px solid rgba(0,0,0,0.08);background:#fff} .hp-ms-editor-media{position:relative;min-height:120px;background:#e9ecef;overflow:hidden} .hp-ms-editor-media img{width:100%;height:100%;object-fit:cover;display:block} .hp-ms-placeholder{display:grid;place-items:center;height:100%;min-height:120px;color:#6c757d;font-size:0.85rem} .hp-ms-actions{position:absolute;top:0.4rem;right:0.4rem;display:flex;gap:0.25rem;opacity:0;transition:opacity 0.15s} .hp-ms-editor-item:hover .hp-ms-actions,.hp-ms-editor-item:focus-within .hp-ms-actions{opacity:1} @media (max-width:999px){.hp-month-slider{--hp-ms-ox:82%;--hp-ms-oy:74%;--hp-ms-circle:112px} .hp-ms-content{left:50px} .hp-ms-eyebrow,.hp-ms-name{font-size:clamp(2rem,9vw,4.2rem)} .hp-ms-des{font-size:clamp(1.1rem,3.2vw,1.4rem)}} @media (max-width:690px){.hp-month-slider{--hp-ms-ox:78%;--hp-ms-oy:78%;--hp-ms-circle:88px;min-height:520px} .hp-ms-item:nth-child(n + 4){opacity:0;pointer-events:none} .hp-ms-content{top:38%;left:1.1rem;right:1.1rem;width:auto;max-width:none} .hp-ms-eyebrow,.hp-ms-name{font-size:clamp(1.8rem,10vw,2.8rem)} .hp-ms-btn-link{padding:10px 15px;font-size:0.9rem} .hp-ms-arrows{top:auto;bottom:1.35rem;left:auto;right:1.1rem;transform:none} .hp-ms-editor-item{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){.hp-ms-item,.hp-ms-btn-link,.hp-ms-prev,.hp-ms-next,.hp-ms-toggle,.hp-ms-origin{transition:none;animation:none !important} .hp-ms-item:nth-child(2) .hp-ms-eyebrow,.hp-ms-item:nth-child(2) .hp-ms-name,.hp-ms-item:nth-child(2) .hp-ms-des,.hp-ms-item:nth-child(2) .hp-ms-btn,.hp-ms-progress{animation:none !important;opacity:1;filter:none;transform:none}} .md-ui.md-admin-times-page{padding-top:0.75rem;padding-bottom:1.5rem} .md-ui .md-admin-times-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.35rem 1rem;margin-bottom:0.7rem} .md-ui .md-admin-times-tabs{margin:0} .md-ui .md-admin-times-recent{margin-bottom:0.8rem} .md-ui .md-admin-times-recent-title{margin:0 0 0.35rem;color:#6c757d;font-size:0.68rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase} .md-ui .md-admin-times-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.45rem} .md-ui .md-admin-times-recent-item{display:flex;flex-direction:column;min-width:0;padding:0.45rem 0.55rem;border-left:3px solid var(--md-primary,#178893);background:#f6f8f8} .md-ui .md-admin-times-recent-name{overflow:hidden;font-size:0.8rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap} .md-ui .md-admin-times-recent-club,.md-ui .md-admin-times-recent-time{overflow:hidden;color:#6c757d;font-size:0.66rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap} .md-ui .md-admin-times-club{margin-bottom:0.85rem} .md-ui .md-admin-times-club-label{font-size:0.68rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#6c757d;padding:0.35rem 0.2rem 0.25rem} .md-ui .md-admin-times-login{border-top:1px solid #eceff1} .md-ui .md-admin-times-login:last-child{border-bottom:1px solid #eceff1} .md-ui .md-admin-times-login>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.15rem 0.7rem;padding:0.28rem 0.2rem;font-size:inherit;line-height:1.3;cursor:pointer;list-style:none} .md-ui .md-admin-times-login>summary::-webkit-details-marker{display:none} .md-ui .md-admin-times-login>summary::before{content:"▸";color:#8a9096;font-size:0.7rem;width:0.7rem} .md-ui .md-admin-times-login[open]>summary::before{content:"▾"} .md-ui .md-admin-times-login-name{font-weight:600} .md-ui .md-admin-times-login-count,.md-ui .md-admin-times-login-last{color:#6c757d;font-variant-numeric:tabular-nums} .md-ui .md-admin-times-user-table td .md-admin-times-login{border:0} .md-ui .md-admin-times-user-table>tbody>tr>td:first-child{white-space:normal;vertical-align:top} .md-ui .md-admin-times-user-table>tbody>tr>td{vertical-align:top} .md-ui .md-admin-times-user-table td .md-admin-times-login>summary{padding:0} .md-ui .md-admin-times-nested{width:auto;margin:0.28rem 0 0.15rem 1.1rem;border-collapse:collapse} .md-ui .md-admin-times-nested thead th,.md-ui .md-admin-times-nested tbody td{padding:0.1rem 0.45rem 0.1rem 0;font-size:0.74rem;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums;border:0;background:transparent} .md-ui .md-admin-times-nested thead th{font-weight:600;color:#8a9096;font-size:0.66rem;text-transform:uppercase;letter-spacing:0.03em} .md-ui .md-admin-times-nested tbody td{color:#5c636a} .md-ui .md-admin-times-login-empty{margin:0 0 0.35rem 1.1rem;font-size:0.76rem;color:#8a9096} .md-ui .md-admin-times-head h2{margin:0;font-size:1.1rem} .md-ui .md-admin-times-totals{margin:0;font-size:0.78rem;color:#6c757d} .md-ui .md-admin-times-sum-wrap{margin-bottom:0.75rem} .md-ui .md-admin-times-table-wrap{border-radius:8px} .md-ui .md-admin-times-table thead th,.md-ui .md-admin-times-table tbody td{padding:0.32rem 0.6rem;font-size:0.95rem;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums} .md-ui .md-admin-times-table tbody tr.md-admin-times-month-row td{padding:0.38rem 0.55rem 0.18rem;font-size:0.68rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#6c757d;background:#f6f7f8;border-bottom:0} .md-ui .md-admin-times-table tbody tr.is-week td{background:#fafbfb;color:#5c636a} .md-ui .md-admin-times-table tbody tr.is-running td{color:var(--md-primary,#178893)} .md-ui .md-admin-times-live{margin-left:0.4rem;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.03em} @media (max-width:575.98px){.md-ui .md-admin-times-page>.container{max-width:none;padding-right:0.5rem !important;padding-left:0.5rem !important} .md-ui .md-admin-times-head{align-items:flex-start} .md-ui .md-admin-times-tabs{max-width:100%} .md-ui .md-admin-times-recent-grid{gap:0.25rem} .md-ui .md-admin-times-recent-item{padding:0.35rem 0.38rem;border-left-width:2px} .md-ui .md-admin-times-recent-name{font-size:0.68rem} .md-ui .md-admin-times-recent-club,.md-ui .md-admin-times-recent-time{font-size:0.58rem} .md-ui .md-admin-times-table-wrap{width:100%;max-width:100%;overflow-x:hidden} .md-ui .md-admin-times-table{display:table;width:100%;table-layout:fixed} .md-ui .md-admin-times-table>thead{display:table-header-group} .md-ui .md-admin-times-table thead th,.md-ui .md-admin-times-table tbody td{min-width:0;padding:0.26rem 0.18rem;font-size:0.68rem;line-height:1.2;white-space:normal;overflow-wrap:anywhere} .md-ui .md-admin-times-table thead th{font-size:0.58rem;line-height:1.15;text-align:left;vertical-align:bottom} .md-ui .md-admin-times-table tbody td{text-align:left} .md-ui .md-admin-times-table tbody tr.md-admin-times-month-row td{padding:0.35rem 0.22rem 0.16rem;font-size:0.62rem} .md-ui .md-admin-times-user-table>thead>tr>th:nth-child(1){width:52%} .md-ui .md-admin-times-user-table>thead>tr>th:nth-child(2){width:16%} .md-ui .md-admin-times-user-table>thead>tr>th:nth-child(3){width:32%} .md-ui .md-admin-times-sum-table>thead>tr>th:first-child{width:34%} .md-ui .md-admin-times-sum-table>thead>tr>th:not(:first-child){width:22%} .md-ui .md-admin-times-session-table>thead>tr>th:nth-child(1){width:18%} .md-ui .md-admin-times-session-table>thead>tr>th:nth-child(2){width:25%} .md-ui .md-admin-times-session-table>thead>tr>th:nth-child(3),.md-ui .md-admin-times-session-table>thead>tr>th:nth-child(4){width:14%} .md-ui .md-admin-times-session-table>thead>tr>th:nth-child(5){width:29%} .md-ui .md-admin-times-nested{width:100%;margin:0.28rem 0 0.1rem;table-layout:fixed} .md-ui .md-admin-times-nested thead th,.md-ui .md-admin-times-nested tbody td{padding:0.08rem 0.08rem 0.08rem 0;font-size:0.56rem;white-space:nowrap} .md-ui .md-admin-times-nested thead th{font-size:0.5rem} .md-ui .md-admin-times-live{display:block;margin:0.08rem 0 0;font-size:0.54rem}}