:root{--color-dark-anthracite: #1d2025;--color-dark-blue: #143452;--color-deep-blue: #003764;--color-cream-white: #fefbf4;--color-warm-beige: #fdebda;--color-light-beige-gray: #f2efe8;--color-neutral-gray-beige: #e5e0da;--color-warm-gray: #a2958e;--color-dark-warm-gray: #7e6f67;--color-light-warm-gray: #c4bab4;--color-neutral-gray: #707379;--color-blue-gray: #4f667e;--font-family: "Suisse-Intl", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xs: .8rem;--spacing-sm: 1.2rem;--spacing-md: 1.6rem;--spacing-lg: 2.4rem;--spacing-xl: 4.8rem;--spacing-xxl: 7.2rem;--spacing-xxxl: 9.6rem;--radius-button: 9999px;--radius-card: 0;--radius-input: 0;--transition-fast: .15s linear;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out;--container-max-width: 1366px;--container-padding-mobile: 1.2rem;--container-padding-tablet: 4.8rem;--container-padding-desktop: 8.8rem;--container-padding-xl: 11.4rem;--grid-gap: 12px;--grid-gap-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:1.6rem;line-height:1.625;font-weight:var(--font-weight-light);color:var(--color-dark-anthracite);background-color:var(--color-cream-white);overflow-x:clip}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}@media(min-width:720px){.container{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media(min-width:1367px){.container{padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}@media(min-width:1680px){.container{padding-left:var(--container-padding-xl);padding-right:var(--container-padding-xl)}}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:#1d2025;border-bottom:1px solid var(--color-neutral-gray-beige);padding:var(--spacing-xl) 0}.header-content{text-align:center}.logo{margin-bottom:var(--spacing-md)}.vzug-logo,.vzug-logo-fallback{height:40px;width:auto;display:block;margin:0 auto}.page-title{font-size:2.4rem;font-weight:var(--font-weight-medium);line-height:1.2;margin-bottom:var(--spacing-sm);color:var(--color-cream-white)}.page-subtitle{font-size:1.6rem;color:var(--color-light-warm-gray);font-weight:var(--font-weight-light)}@media(min-width:1025px){.page-title{font-size:3.2rem}}.app-main{flex:1;padding:var(--spacing-xxl) 0}@media(min-width:1025px){.app-main{padding:var(--spacing-xxxl) 0}}.instructions-section{margin-bottom:var(--spacing-xl)}.instructions-card{background-color:var(--color-light-beige-gray);padding:var(--spacing-lg);border:1px solid var(--color-neutral-gray-beige)}.instructions-card h2{font-size:1.8rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);color:var(--color-dark-anthracite)}.instructions-list{list-style:decimal;padding-left:var(--spacing-lg);line-height:1.8}.instructions-list li{margin-bottom:var(--spacing-sm)}.tabs-container{margin-bottom:var(--spacing-xl)}.tabs{display:flex;gap:var(--spacing-sm);border-bottom:2px solid var(--color-neutral-gray-beige);margin-bottom:var(--spacing-xl)}.tab-button{all:unset;cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);font-size:1.6rem;font-weight:var(--font-weight-medium);color:var(--color-neutral-gray);background-color:transparent;border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--transition-normal);position:relative}.tab-button:hover{color:var(--color-warm-gray)}.tab-button:focus-visible{outline:2px solid var(--color-neutral-gray);outline-offset:4px}.tab-button.active{color:var(--color-dark-anthracite);border-bottom-color:var(--color-dark-anthracite)}.tab-panel{display:none}.tab-panel.active{display:block}.panel-content{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-title{font-size:2rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg);color:var(--color-dark-anthracite)}.input-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:1.8rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);color:var(--color-dark-anthracite)}.input-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:720px){.input-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.input-grid{grid-template-columns:repeat(3,1fr)}}.input-group{display:flex;flex-direction:column}.input-label{font-size:1.4rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-dark-anthracite);line-height:1.5}.input-hint{display:block;font-size:1.2rem;font-weight:var(--font-weight-light);color:var(--color-neutral-gray);margin-top:.4rem}.input-field,select.input-field{padding:var(--spacing-sm);font-size:1.6rem;font-family:var(--font-family);border:1px solid var(--color-neutral-gray-beige);background-color:var(--color-cream-white);color:var(--color-dark-anthracite);transition:var(--transition-normal);border-radius:var(--radius-input)}.input-field:focus{outline:none;border-color:var(--color-dark-anthracite);background-color:var(--color-light-beige-gray)}.input-field:hover{border-color:var(--color-warm-gray)}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:calc(var(--spacing-sm) * 3)}.info-note{margin-top:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-warm-beige);font-size:1.2rem;color:var(--color-dark-anthracite);border-left:3px solid var(--color-dark-warm-gray)}.export-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-light-beige-gray);border:1px solid var(--color-neutral-gray-beige)}.export-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-md)}.export-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:1.4rem;font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--color-cream-white);background-color:var(--color-dark-anthracite);border:none;border-radius:var(--radius-button);cursor:pointer;transition:var(--transition-normal);text-decoration:none}.export-button:hover{background-color:var(--color-dark-warm-gray);transform:translateY(-1px)}.export-button:active{transform:translateY(0)}.export-button-pdf{background-color:var(--color-dark-blue)}.export-button-pdf:hover{background-color:var(--color-deep-blue)}.export-button-excel{background-color:#217346}.export-button-excel:hover{background-color:#1a5a36}.export-icon{font-size:1.6rem}@media(max-width:719px){.export-buttons{flex-direction:column}.export-button{width:100%;justify-content:center}}.calculation-section{margin-bottom:var(--spacing-xl)}.table-wrapper{overflow-x:auto;margin-bottom:var(--spacing-lg)}.calculation-table{width:100%;border-collapse:collapse;font-size:1.4rem;background-color:var(--color-cream-white)}.calculation-table thead{background-color:var(--color-light-beige-gray)}.calculation-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-medium);border-bottom:2px solid var(--color-neutral-gray-beige);color:var(--color-dark-anthracite)}.calculation-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-neutral-gray-beige);color:var(--color-dark-anthracite)}.calculation-table tbody tr:hover{background-color:var(--color-light-beige-gray)}.calculation-table small{display:block;font-size:1.1rem;color:var(--color-neutral-gray);margin-top:.4rem}.value-display{font-weight:var(--font-weight-normal)}.calculated-value{font-weight:var(--font-weight-medium);color:var(--color-dark-blue)}.fixed-value{font-weight:var(--font-weight-normal);color:var(--color-neutral-gray)}.result-value{font-weight:var(--font-weight-bold);font-size:1.6rem;color:var(--color-deep-blue)}.sum-row{background-color:var(--color-light-beige-gray);font-weight:var(--font-weight-medium)}.result-row{background-color:var(--color-warm-beige);border-top:2px solid var(--color-dark-warm-gray)}.spalt-info{background-color:var(--color-light-beige-gray);padding:var(--spacing-sm);font-size:1.3rem}.info-box{background-color:var(--color-warm-beige);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);border-left:4px solid var(--color-dark-warm-gray)}.info-box p{margin-bottom:var(--spacing-sm);line-height:1.6}.info-box p:last-child{margin-bottom:0}.info-box strong{font-weight:var(--font-weight-medium)}.reference-section{margin-top:var(--spacing-xl)}.reference-tables-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-md)}@media(min-width:1025px){.reference-tables-grid{grid-template-columns:1fr 1fr}}.reference-table-item{display:flex;flex-direction:column}.reference-table-title{font-size:1.6rem;font-weight:var(--font-weight-medium);color:var(--color-dark-anthracite);margin-bottom:var(--spacing-sm);text-align:center}.table-instruction{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-light-beige-gray);font-size:1.3rem;line-height:1.6}.image-container{text-align:center;margin-top:var(--spacing-md)}.reference-image{max-width:100%;height:auto;border:1px solid var(--color-neutral-gray-beige);box-shadow:0 2px 8px #0000001a}.app-footer{background-color:var(--color-dark-anthracite);color:var(--color-cream-white);padding:var(--spacing-lg) 0;margin-top:auto}.footer-text{text-align:center;font-size:1.2rem;color:var(--color-light-warm-gray)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-neutral-gray);outline-offset:4px}@media(max-width:719px){.calculation-table{font-size:1.2rem}.calculation-table th,.calculation-table td{padding:var(--spacing-xs) var(--spacing-sm)}}