.binder-spine{background:#fff;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;position:relative;page-break-after:avoid;page-break-inside:avoid;page-break-before:avoid;height:100%}.color-strip{width:100%;flex-shrink:0}.color-strip.top,.color-strip.bottom{height:15mm}.logo-section{background:#fff;padding:3mm 2mm;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5mm;min-height:12mm;border-bottom:1px solid #e0e0e0}.company-logo{max-width:85%;max-height:10mm;height:auto;object-fit:contain}.company-name-fallback{font-size:11px;font-weight:700;text-align:center;color:#1a1a1a}.dna-subcompany{font-size:14px;font-weight:900;letter-spacing:2px;text-align:center;margin-top:1mm;padding:1mm 3mm;border-radius:1.5mm;background-color:#ffed0026;border:1.5px solid #ffed00;color:#1a1a1a}.binder-spine.wide .dna-subcompany{font-size:16px;letter-spacing:2.5px;padding:1.5mm 4mm}.main-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:5mm;padding:5mm 3mm;background:#fff}.bottom-section{display:flex;flex-direction:column;gap:3mm;padding:3mm 3mm 4mm;background:#fff}.info-box{border:2px solid;border-radius:2mm;padding:3mm 2.5mm;display:flex;flex-direction:column;justify-content:center;box-shadow:0 1px 3px #00000014;transition:all .2s ease}.box-content{font-size:11px;font-weight:800;line-height:1.3;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center;white-space:pre-line;color:#1a1a1a}.department-box{min-height:12mm}.department-box .box-content{font-size:12px;font-weight:800}.title-box{min-height:25mm;flex:1}.title-content{font-size:18px;font-weight:900;line-height:1.3;text-align:center;white-space:pre-line}.year-box-bottom{min-height:14mm;display:flex;flex-direction:column;justify-content:center}.year-content{font-size:18px;font-weight:900;text-align:center;letter-spacing:.5px}.freetext-box{min-height:8mm;display:flex;flex-direction:column;justify-content:center}.freetext-content{font-size:10px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.5px}.binder-spine.wide .box-content,.binder-spine.wide .department-box .box-content{font-size:14px;font-weight:900}.binder-spine.wide .title-content{font-size:20px;font-weight:900}.binder-spine.wide .year-content{font-size:22px;font-weight:900}.binder-spine.wide .freetext-content{font-size:11px;font-weight:900}.binder-spine.wide .company-logo{max-height:11mm}@media screen{.info-box:hover{transform:translateY(-.5px);box-shadow:0 2px 4px #0000001f}}@media print{body{margin:0;padding:0}.binder-spine{box-shadow:none!important;margin:0!important;padding:0!important;page-break-after:avoid!important;page-break-inside:avoid!important;page-break-before:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;height:190mm!important;min-height:190mm!important;max-height:190mm!important}.color-strip,.info-box,.dna-subcompany,.logo-section,.main-content,.bottom-section{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.info-box{box-shadow:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print{display:none!important}}@media (max-width: 768px){.binder-spine{transform:scale(.7);transform-origin:top center}}@media print{.preview-container{transform:scale(1)}}.print-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#f5f5f5;z-index:1000;overflow:auto}.print-preview-header{background:#fff;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:2rem;position:sticky;top:0;z-index:10}.print-preview-header h2{margin:0;font-size:1.5rem;color:#1a1a1a}.print-preview-info{flex:1;text-align:center}.page-count{display:inline-block;padding:.5rem 1rem;background:#f0f0f0;border-radius:6px;font-weight:600;color:#333}.print-preview-actions{display:flex;gap:1rem}.btn-print,.btn-close{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-print{background:#ffed00;color:#1a1a1a}.btn-print:hover{background:#ffe600;transform:translateY(-2px);box-shadow:0 4px 12px #ffed004d}.btn-close{background:#e0e0e0;color:#1a1a1a}.btn-close:hover{background:#d0d0d0}.print-preview-content{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem;min-height:calc(100vh - 200px)}.a4-page{width:297mm;height:210mm;background:#fff;box-shadow:0 4px 12px #00000026;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow:hidden;padding-top:10mm}.a4-page.landscape{flex-direction:row}.binder-with-cutlines{position:relative;display:flex;align-items:center;justify-content:center;height:190mm;flex-shrink:0}.a4-page .binder-spine{max-height:190mm;height:190mm}.cutline-vertical{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed #666;pointer-events:none;z-index:10}.cutline-left{left:0}.print-cutline{border-left-width:2px;border-left-style:dashed;border-left-color:#666}.cutline-svg{position:absolute;left:0;top:0;pointer-events:none}.cutline-svg line{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}.page-number{position:absolute;top:5mm;right:5mm;background:#ffffffe6;padding:2mm 4mm;border-radius:3mm;font-size:10px;font-weight:600;color:#666;border:1px solid #ddd}.print-instructions{background:#fff;margin:2rem;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:297mm;margin-left:auto;margin-right:auto}.print-instructions h3{margin-top:0;color:#1a1a1a;font-size:1.25rem}.print-instructions ul{list-style:none;padding:0;margin:1rem 0 0}.print-instructions li{padding:.5rem 0;font-size:1rem;color:#333}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html{margin:0;padding:0}body{margin:0!important;padding:0!important;width:297mm;height:auto}.print-preview-overlay{position:static;background:#fff;width:297mm}.no-print{display:none!important}.print-preview-content{padding:0!important;margin:0!important;display:block!important;width:297mm;gap:0!important}.a4-page{width:297mm!important;height:210mm!important;min-height:210mm!important;max-height:210mm!important;transform:none!important;scale:1!important;box-shadow:none!important;margin:0!important;padding:0 0 0 5mm!important;page-break-after:always!important;page-break-inside:avoid!important;page-break-before:avoid!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:flex-start!important;overflow:visible!important;position:relative}.a4-page:last-child{page-break-after:auto!important}.binder-with-cutlines{height:190mm!important;min-height:190mm!important;max-height:190mm!important;display:flex!important;align-items:center!important;flex-shrink:0!important;page-break-inside:avoid!important;position:relative}.a4-page .binder-spine{box-shadow:none!important;height:190mm!important;min-height:190mm!important;max-height:190mm!important;page-break-inside:avoid!important}.page-number{display:none!important}.cutline-svg{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;z-index:9999!important;width:3px!important;height:210mm!important}.cutline-svg.first-cutline{left:5mm!important;top:0!important}.cutline-svg line{stroke:#000!important;stroke-width:3!important;stroke-dasharray:8,4!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;vector-effect:non-scaling-stroke!important}.a4-page:before{content:""!important;position:absolute!important;left:5mm!important;top:0!important;bottom:0!important;width:0!important;border-left:2px dashed #000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;z-index:9999!important}@page{size:297mm 210mm;margin:0}}@media screen and (max-width: 1400px){.a4-page{transform:scale(.6);transform-origin:top center;margin-bottom:-80mm}}@media screen and (max-width: 1000px){.a4-page{transform:scale(.4);transform-origin:top center;margin-bottom:-120mm}}@media screen and (min-width: 1401px){.a4-page{transform:scale(.8);transform-origin:top center;margin-bottom:-40mm}}.app{min-height:100vh;display:flex;gap:2rem;padding:2rem;background:#f5f5f5}.control-panel{width:400px;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:fit-content;position:sticky;top:2rem}.control-panel h1{margin:0 0 1.5rem;font-size:1.75rem;color:#1a1a1a}.form-section{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s;background-color:#fff;color:#1a1a1a}.form-group select option{background-color:#fff;color:#1a1a1a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ffed00;background-color:#fff}.form-group textarea{resize:vertical;min-height:80px}.radio-group{display:flex;gap:1rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s;font-weight:500}.radio-label:hover{border-color:#ffed00;background:#fffef0}.radio-label input[type=radio]{cursor:pointer;width:18px;height:18px}.radio-label input[type=radio]:checked+span,.radio-label:has(input[type=radio]:checked){border-color:#ffed00;background:#fffef0}.space-info{display:flex;gap:1rem;padding:.75rem;background:#f0f0f0;border-radius:6px;margin-top:.5rem;font-size:.9rem}.info-item{flex:1;text-align:center;color:#333}.batch-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.add-button{padding:.875rem 1rem;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.add-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.add-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.print-button{padding:1rem;background:#ffed00;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.print-button:hover:not(:disabled){background:#ffe600;transform:translateY(-2px);box-shadow:0 4px 12px #ffed004d}.print-button:active:not(:disabled){transform:translateY(0)}.print-button:disabled{opacity:.5;cursor:not-allowed}.batch-list{margin-top:1rem;padding:.75rem;background:#f8f8f8;border-radius:6px;border:1px solid #e0e0e0;max-height:250px;overflow-y:auto}.batch-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:0 .25rem}.batch-list-header h3{margin:0;font-size:.9rem;color:#1a1a1a;font-weight:700}.batch-list-header h3:after{content:" - Klick zum Anzeigen";font-size:.75rem;font-weight:400;color:#666;margin-left:.5rem}.clear-batch-button{padding:.25rem .5rem;background:#f44;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.clear-batch-button:hover{background:#c00}.batch-items{display:flex;flex-direction:column;gap:.4rem}.batch-item{background:#fff;padding:.5rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 2px #00000014;transition:all .2s;border:2px solid transparent}.batch-item:hover{box-shadow:0 2px 4px #0000001f;background:#fafafa}.batch-item.selected{border-color:#ffed00;background:#fffef0;box-shadow:0 2px 6px #ffed004d}.batch-item-content{display:flex;gap:.5rem;align-items:center;flex:1;min-width:0;padding:.25rem;border-radius:3px;transition:background .2s}.batch-item-content:hover{background:#ffed001a}.batch-item-number{font-weight:700;color:#666;font-size:.75rem;min-width:18px;flex-shrink:0}.batch-item-info{flex:1;font-size:.75rem;line-height:1.3;min-width:0;overflow:hidden}.batch-item-info strong{color:#1a1a1a;font-size:.8rem}.batch-item-info br{display:none}.batch-item-info>*{display:inline;margin-right:.25rem}.badge{display:inline-block;padding:1px 4px;background:#ffed00;border-radius:3px;font-size:.65rem;font-weight:700;margin-left:.25rem}.remove-batch-button{padding:.25rem .5rem;background:#f44;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;line-height:1;flex-shrink:0}.remove-batch-button:hover{background:#c00;transform:scale(1.05)}.instructions{margin-top:2rem;padding:1rem;background:#f8f8f8;border-radius:8px;border-left:4px solid #FFED00}.instructions h3{margin:0 0 .75rem;font-size:1rem;color:#333}.instructions ul{margin:0;padding-left:1.25rem}.instructions li{margin-bottom:.5rem;color:#666;font-size:.9rem;line-height:1.5}.preview-section{flex:1;display:flex;flex-direction:column;align-items:center}.preview-section h2{margin:0 0 2rem;font-size:1.5rem;color:#1a1a1a}.preview-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;align-items:center;transform:scale(.7);transform-origin:top center}@media print{.app{padding:0;background:#fff;display:block}.preview-section{display:block}.preview-section h2{display:none}.preview-container{box-shadow:none;padding:0;border-radius:0;display:flex;justify-content:flex-start;align-items:flex-start}}@media (max-width: 1024px){.app{flex-direction:column}.control-panel{width:100%;position:static}.preview-container{overflow-x:auto}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}