/* Einheitlicher Abschnittsbaukasten für Modern, Elegant, Fokus und Kombi. */
.qr-pro-flex-sections-page{--qr-pro-section-accent:#fa8f2f}
.qr-pro-flex-sections-page .qr-pro-builder{margin:0 18px 18px;padding:16px;border:1px solid #dbe4ee;border-radius:12px;background:#f7fafc}
.qr-pro-flex-sections-page .qr-pro-builder h3{margin:0 0 4px;color:#17233c;font-size:16px;font-weight:800}
.qr-pro-flex-sections-page .qr-pro-builder p{margin:0 0 13px;color:#657286;font-size:13px;line-height:1.45}
.qr-pro-flex-sections-page .qr-pro-builder-grid{display:grid;grid-template-columns:minmax(150px,1fr) minmax(170px,1.35fr) auto;gap:10px;align-items:end}
.qr-pro-flex-sections-page .qr-pro-field{display:flex;min-width:0;flex-direction:column;gap:5px}
.qr-pro-flex-sections-page .qr-pro-field label{color:#354257;font-size:12px;font-weight:800}
.qr-pro-flex-sections-page .qr-pro-field select,.qr-pro-flex-sections-page .qr-pro-field input{width:100%;min-height:42px;border:1px solid #cbd6e2;border-radius:8px;background:#fff;color:#17233c;padding:8px 10px;font:inherit}
.qr-pro-flex-sections-page .qr-pro-add-button{width:auto!important;min-width:120px;height:42px!important;border:0!important;border-radius:8px;background:#ff7a1a!important;color:#fff!important;padding:0 16px!important;font-weight:800}
.qr-pro-flex-sections-page .qr-pro-icon-picker{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:7px;margin-top:13px}
.qr-pro-flex-sections-page .qr-pro-icon-choice{width:100%!important;min-width:0!important;height:44px!important;border:1px solid #d4dee9!important;border-radius:8px;background:#fff!important;color:var(--qr-pro-section-accent)!important;padding:8px!important}
.qr-pro-flex-sections-page .qr-pro-icon-choice:hover,.qr-pro-flex-sections-page .qr-pro-icon-choice.is-selected{border-color:#ff7a1a!important;box-shadow:0 0 0 2px rgba(255,122,26,.2)}
.qr-pro-flex-sections-page .qr-pro-icon-choice svg{display:block;width:23px;height:23px;margin:auto;fill:currentColor}
.qr-pro-flex-sections-page .qr-pro-icon-choice span{display:block;margin-top:5px;font-size:11px;font-weight:700}
.qr-pro-flex-sections-page .qr-pro-added-list{margin:0 18px 18px;border-top:1px solid #e5e9ef}
.qr-pro-flex-sections-page .qr-pro-added-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid #e5e9ef}
.qr-pro-flex-sections-page .qr-pro-added-row label{display:flex;min-width:0;gap:9px;align-items:center;cursor:pointer}
.qr-pro-flex-sections-page .qr-pro-added-row input{flex:0 0 auto}
.qr-pro-flex-sections-page .qr-pro-added-row span{overflow-wrap:anywhere}
.qr-pro-flex-sections-page .qr-pro-status{color:#24864b;font-size:12px;font-weight:800}
.qr-pro-flex-sections-page main .qr-pro-section{position:relative;width:100%;color:inherit}
.qr-pro-flex-sections-page main .qr-pro-section-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(70,104,138,.28)}
.qr-pro-flex-sections-page main .qr-pro-section-icon{display:inline-flex;flex:0 0 25px;width:25px;height:25px;align-items:center;justify-content:center;color:var(--qr-pro-section-accent)}
.qr-pro-flex-sections-page main .qr-pro-section-icon svg{width:22px;height:22px;fill:currentColor}
.qr-pro-flex-sections-page main .qr-pro-section-title{min-width:0;font-size:14px;font-weight:700;text-transform:uppercase;overflow-wrap:anywhere}
.qr-pro-flex-sections-page main .qr-pro-controls{position:static;z-index:30;display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;gap:4px;margin-left:auto;padding:3px;border:1px solid #ccd7e3;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(23,35,60,.09)}
.qr-pro-flex-sections-page main .qr-pro-controls:empty{display:none}
.qr-pro-flex-sections-page main .qr-pro-controls button{display:inline-flex;min-width:30px;min-height:30px;align-items:center;justify-content:center;gap:3px;border:1px solid #d8e0e9;border-radius:6px;background:#fff;color:#17233c;padding:5px 7px;font:700 11px/1.2 Arial,sans-serif;cursor:pointer}
.qr-pro-flex-sections-page main .qr-pro-controls button:hover,.qr-pro-flex-sections-page main .qr-pro-controls button:focus{border-color:var(--qr-pro-section-accent);background:#f4f7fb;color:#17233c;outline:none}
.qr-pro-flex-sections-page main .qr-pro-controls button:disabled{opacity:.42;cursor:not-allowed}
.qr-pro-flex-sections-page main .qr-pro-body{color:inherit;font-size:11px;line-height:1.55}
.qr-pro-flex-sections-page main .qr-pro-timeline{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px}
.qr-pro-flex-sections-page main .qr-pro-period{color:var(--qr-pro-section-accent);font-weight:700}
.qr-pro-flex-sections-page main .qr-pro-detail-title{margin-bottom:3px;font-weight:700}
.qr-pro-flex-sections-page main .qr-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.qr-pro-flex-sections-page main .qr-pro-grid-item{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid rgba(20,33,61,.12)}
.qr-pro-flex-sections-page main .qr-pro-level{color:var(--qr-pro-section-accent);font-weight:700}
.qr-pro-flex-sections-page .show-sections.qr-pro-sections-attention{position:relative;z-index:1;border-radius:999px;padding:7px 13px!important;color:#fff!important;background:#ff7a1a!important;box-shadow:0 0 0 0 rgba(255,122,26,.62);animation:qrProSectionsPulse 1.25s ease-in-out infinite}
@keyframes qrProSectionsPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,122,26,.58);transform:scale(1)}50%{box-shadow:0 0 0 9px rgba(255,122,26,0);transform:scale(1.045)}}
.qr-pro-icon-dialog-backdrop{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.64)}
.qr-pro-icon-dialog{width:min(680px,100%);max-height:88vh;overflow:auto;border-radius:18px;background:#fff;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.35);color:#17233c}
.qr-pro-icon-dialog h3{margin:0 0 5px}.qr-pro-icon-dialog p{margin:0 0 15px;color:#657286}
.qr-pro-icon-dialog .qr-pro-icon-picker{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px}
.qr-pro-icon-dialog .qr-pro-icon-choice{width:100%;height:78px;border:1px solid #d4dee9;border-radius:8px;background:#fff;color:#46688a;padding:8px}
.qr-pro-icon-dialog .qr-pro-icon-choice:hover,.qr-pro-icon-dialog .qr-pro-icon-choice.is-selected{border-color:#ff7a1a;box-shadow:0 0 0 2px rgba(255,122,26,.2)}
.qr-pro-icon-dialog .qr-pro-icon-choice svg{display:block;width:25px;height:25px;margin:auto;fill:currentColor}
.qr-pro-icon-dialog .qr-pro-icon-choice span{display:block;margin-top:5px;font-size:11px;font-weight:700}
.qr-pro-dialog-close{width:100%;margin-top:18px;border:0;border-radius:9px;background:#edf1f5;color:#17233c;padding:11px;font-weight:800}
.qresume-pdf-render .qr-pro-controls,.qresume-print-wrap .qr-pro-controls,.qr-pdf-page .qr-pro-controls{display:none!important}
@media print{.qr-pro-controls,.qr-pro-icon-dialog-backdrop{display:none!important}}
@media(max-width:700px){.qr-pro-flex-sections-page .qr-pro-builder{margin:0 10px 14px;padding:13px}.qr-pro-flex-sections-page .qr-pro-builder-grid{grid-template-columns:1fr}.qr-pro-flex-sections-page .qr-pro-add-button{width:100%!important}.qr-pro-flex-sections-page .qr-pro-icon-picker{grid-template-columns:repeat(4,minmax(40px,1fr))}.qr-pro-flex-sections-page main .qr-pro-section-head{align-items:flex-start;flex-wrap:wrap}.qr-pro-flex-sections-page main .qr-pro-controls{width:100%;margin-left:33px;overflow-x:auto}.qr-pro-flex-sections-page main .qr-pro-controls:empty{display:none}
.qr-pro-flex-sections-page main .qr-pro-controls button{flex:1}.qr-pro-flex-sections-page main .qr-pro-timeline{grid-template-columns:1fr;gap:4px}.qr-pro-flex-sections-page main .qr-pro-grid{grid-template-columns:1fr}.qr-pro-icon-dialog .qr-pro-icon-picker{grid-template-columns:repeat(2,minmax(90px,1fr))}}

/* Optional ohne Icon */
.qr-pro-flex-sections-page .qr-pro-no-icon-mark{display:grid!important;place-items:center;width:23px;height:23px;margin:auto;border:2px solid currentColor;border-radius:50%;font:900 13px/1 Arial,sans-serif}
.qr-pro-flex-sections-page main .qr-pro-section.qr-pro-section-no-icon .qr-pro-section-icon{display:none!important}
.qr-pro-flex-sections-page main .qr-pro-section.qr-pro-section-no-icon .qr-pro-section-head{gap:0}
@media(max-width:700px){.qr-pro-flex-sections-page main .qr-pro-section.qr-pro-section-no-icon .qr-pro-controls{margin-left:0}}