/*! * Grün-Event Rollrasen Konfigurator – Frontend Styles * * WICHTIG: Alle Regeln laufen mit !important, damit Theme-CSS sie nicht * überschreiben kann. Eigener Namespace .gerk-* zur Kollisions-Vermeidung. */ :root{--gerk-brand:#036a38 !important;--gerk-brand-dark:#024a27 !important;--gerk-brand-light:#effcd9 !important;--gerk-brand-lighter:#f7fde8 !important}.gerk-wrap,.gerk-wrap *{box-sizing:border-box!important}.gerk-wrap{max-width:640px!important;margin:0 auto!important;padding:16px 12px!important;font-family:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;color:#111827!important;-webkit-font-smoothing:antialiased!important;line-height:1.4!important}.gerk-wrap button{font-family:inherit!important;cursor:pointer!important;background:none!important;border:none!important;padding:0!important;margin:0!important;color:inherit!important}.gerk-wrap a{text-decoration:none!important;color:inherit!important}.gerk-wrap input{font-family:inherit!important;margin:0!important}.gerk-wrap label{font-family:inherit!important;margin:0!important}.gerk-wrap svg{display:inline-block!important;vertical-align:middle!important}@media (min-width:640px){.gerk-wrap{padding:24px 16px!important}}.gerk-card{background:#ffffff!important;border:1px solid #e5e7eb!important;border-top:3px solid var(--gerk-brand)!important;border-radius:0!important}.gerk-section{padding:16px!important;border-bottom:1px solid #f0f0f0!important}@media (min-width:640px){.gerk-section{padding:16px 20px!important}}.gerk-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important}.gerk-section-label{font-size:11px!important;font-weight:700!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:0.05em!important}.gerk-section-hint{font-size:11px!important;color:#9ca3af!important}@media (max-width:639px){.gerk-section-hint{display:none!important}}.gerk-sort-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}@media (min-width:640px){.gerk-sort-grid{grid-template-columns:1fr 1fr!important}}.gerk-sort-btn{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:14px!important;text-align:left!important;background:#ffffff!important;border:1px solid #e5e7eb!important;border-radius:0!important;transition:background 0.15s,border-color 0.15s!important;min-height:56px!important;position:relative!important;z-index:1!important;width:100%!important;color:inherit!important}.gerk-sort-btn+.gerk-sort-btn{margin-top:-1px!important}@media (min-width:640px){.gerk-sort-btn+.gerk-sort-btn{margin-top:0!important;margin-left:-1px!important}}.gerk-sort-btn.is-active{border:2px solid var(--gerk-brand)!important;background:var(--gerk-brand-lighter)!important;z-index:2!important}.gerk-sort-icon{flex-shrink:0!important;margin-top:2px!important;color:#9ca3af!important}.gerk-sort-btn.is-active .gerk-sort-icon{color:var(--gerk-brand)!important}.gerk-sort-body{flex:1!important;min-width:0!important}.gerk-sort-title-row{display:flex!important;align-items:center!important;gap:6px!important}.gerk-sort-title{font-weight:700!important;font-size:14px!important;color:#374151!important}.gerk-sort-btn.is-active .gerk-sort-title{color:var(--gerk-brand-dark)!important}.gerk-sort-sub{display:block!important;font-size:11px!important;color:#6b7280!important;margin-top:2px!important}.gerk-sort-check{color:var(--gerk-brand)!important}.gerk-area-row{display:flex!important;flex-direction:column!important;gap:8px!important}@media (min-width:640px){.gerk-area-row{flex-direction:row!important;align-items:stretch!important;gap:12px!important}}.gerk-area-input-grp{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.gerk-area-label{font-size:14px!important;font-weight:600!important;color:#374151!important}.gerk-input-wrap{position:relative!important}.gerk-qm-input{width:100px!important;border:2px solid #d1d5db!important;border-radius:0!important;padding:10px 32px 10px 12px!important;font-size:16px!important;font-weight:700!important;color:#111827!important;background:var(--gerk-brand-lighter)!important;outline:none!important;min-height:44px!important;box-shadow:none!important}.gerk-qm-input:focus{border-color:var(--gerk-brand)!important}.gerk-qm-input::-webkit-outer-spin-button,.gerk-qm-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.gerk-qm-input{-moz-appearance:textfield!important}.gerk-input-suffix{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;font-size:12px!important;font-weight:700!important;color:#9ca3af!important;pointer-events:none!important}.gerk-equals{display:none!important;align-items:center!important;font-weight:700!important;color:#d1d5db!important;padding:0 4px!important}@media (min-width:640px){.gerk-equals{display:flex!important}}.gerk-price-box{flex:1!important;display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:2px 8px!important;padding:10px 16px!important;background:var(--gerk-brand)!important;color:#ffffff!important}.gerk-price-amount{font-size:1.75rem!important;font-weight:800!important;letter-spacing:-0.02em!important;color:#ffffff!important}.gerk-price-detail{font-size:11px!important;opacity:0.75!important;white-space:nowrap!important;color:#ffffff!important}.gerk-tier-tip{margin-top:10px!important;padding:6px 12px!important;display:flex!important;align-items:center!important;gap:8px!important;background:#fffbeb!important;border-left:3px solid #f59e0b!important;font-size:12px!important;color:#92400e!important}.gerk-tier-tip-arrow{color:#d97706!important;font-weight:700!important}.gerk-tier-tip strong{color:inherit!important;font-weight:700!important}.gerk-tier-tip .gerk-tier-tip-save{color:#b45309!important}.gerk-plz-row{display:flex!important;flex-direction:column!important;gap:8px!important}@media (min-width:640px){.gerk-plz-row{flex-direction:row!important;align-items:center!important;gap:12px!important}}.gerk-plz-label{font-size:14px!important;font-weight:600!important;color:#374151!important;flex-shrink:0!important}.gerk-plz-input-grp{display:flex!important;flex:1!important}.gerk-plz-input{flex:1!important;min-width:0!important;border:2px solid #d1d5db!important;border-radius:0!important;padding:10px 12px!important;font-size:14px!important;font-family:'Menlo','Monaco','Courier New',monospace!important;letter-spacing:0.1em!important;outline:none!important;min-height:44px!important;background:#ffffff!important;color:#111827!important;box-shadow:none!important}.gerk-plz-input:focus{border-color:var(--gerk-brand)!important}.gerk-plz-input.is-ok{border-color:var(--gerk-brand)!important}.gerk-plz-input.is-bad{border-color:#dc2626!important}.gerk-plz-badge{display:flex!important;align-items:center!important;gap:6px!important;padding:0 12px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;border:2px solid!important;border-left:none!important;white-space:nowrap!important}.gerk-plz-badge.is-ok{background:var(--gerk-brand-light)!important;color:var(--gerk-brand)!important;border-color:var(--gerk-brand)!important}.gerk-plz-badge.is-bad{background:#fef2f2!important;color:#dc2626!important;border-color:#dc2626!important}.gerk-status-box{margin-top:10px!important;display:flex!important;align-items:flex-start!important;gap:10px!important;padding:10px 12px!important;font-size:12px!important}.gerk-status-box.is-ok{background:var(--gerk-brand-light)!important;border-left:3px solid var(--gerk-brand)!important}.gerk-status-box.is-warn{background:#fffbeb!important;border-left:3px solid #f59e0b!important}.gerk-status-box.is-error{background:#fef2f2!important;border-left:3px solid #dc2626!important}.gerk-status-icon{margin-top:2px!important;flex-shrink:0!important;font-weight:700!important}.gerk-status-icon.is-warn{color:#d97706!important}.gerk-status-icon.is-error{color:#dc2626!important}.gerk-status-title{font-weight:700!important}.gerk-status-box.is-ok .gerk-status-title{color:var(--gerk-brand-dark)!important}.gerk-status-box.is-warn .gerk-status-title{color:#92400e!important}.gerk-status-box.is-error .gerk-status-title{color:#b91c1c!important}.gerk-status-text{color:#6b7280!important;margin-top:2px!important}.gerk-status-box.is-warn .gerk-status-text{color:#b45309!important}.gerk-status-box.is-error .gerk-status-text{color:#dc2626!important}.gerk-plz-prehint{margin-top:8px!important;font-size:12px!important;color:#6b7280!important;line-height:1.5!important}.gerk-cta-row{display:flex!important;flex-direction:column!important;gap:0!important}@media (min-width:640px){.gerk-cta-row{flex-direction:row!important;flex-wrap:wrap!important}}.gerk-cta{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:14px 20px!important;font-size:14px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.03em!important;transition:background 0.15s,color 0.15s!important;min-height:48px!important;border-radius:0!important;box-shadow:none!important;width:100%!important;box-sizing:border-box!important}@media (min-width:640px){.gerk-cta{justify-content:flex-start!important;width:auto!important;flex:1 1 0!important}}.gerk-cta-primary,.gerk-cta-primary span,.gerk-cta-primary *{background:var(--gerk-brand)!important;color:#ffffff!important}.gerk-cta-primary{background:var(--gerk-brand)!important}.gerk-cta-primary:hover,.gerk-cta-primary:hover span,.gerk-cta-primary:hover *{background:var(--gerk-brand-dark)!important;color:#ffffff!important}.gerk-cta-primary:hover{background:var(--gerk-brand-dark)!important}.gerk-cta-secondary{background:#ffffff!important;color:var(--gerk-brand)!important;border:2px solid var(--gerk-brand)!important;margin-top:0!important}.gerk-cta-secondary span,.gerk-cta-secondary *{color:var(--gerk-brand)!important;background:transparent!important}@media (min-width:640px){.gerk-cta-secondary{margin-left:-2px!important}}.gerk-cta-secondary:hover{background:var(--gerk-brand-lighter)!important;color:var(--gerk-brand-dark)!important}.gerk-cta-secondary:hover span,.gerk-cta-secondary:hover *{color:var(--gerk-brand-dark)!important;background:transparent!important}.gerk-cta-secondary.is-highlight{background:var(--gerk-brand-dark)!important;color:#ffffff!important}.gerk-cta-secondary.is-highlight span,.gerk-cta-secondary.is-highlight *{color:#ffffff!important;background:transparent!important}.gerk-cta-secondary.is-highlight:hover{background:var(--gerk-brand)!important;color:#ffffff!important}.gerk-cta-secondary.is-highlight:hover span,.gerk-cta-secondary.is-highlight:hover *{color:#ffffff!important;background:transparent!important}.gerk-cta-icon{font-size:16px!important}.gerk-footer{padding:12px 16px!important;background:#f8f8f8!important;display:flex!important;flex-direction:column!important;gap:6px!important;font-size:11px!important}@media (min-width:640px){.gerk-footer{padding:12px 20px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}}.gerk-footer-pickup{display:flex!important;align-items:flex-start!important;gap:8px!important;color:#6b7280!important}.gerk-pin-icon{color:var(--gerk-brand)!important;margin-top:1px!important;flex-shrink:0!important}.gerk-footer-pickup strong{color:#1f2937!important;font-weight:700!important}.gerk-footer-pickup .gerk-next{color:var(--gerk-brand-dark)!important;font-weight:700!important}.gerk-footer-tax{color:#9ca3af!important}.gerk-hidden{display:none!important}.gerk-empty{padding:16px!important;border:1px dashed #d1d5db!important;color:#6b7280!important;font-size:14px!important}