/* EifelGas Theme – Gestaltung */
a{color:#0060AA}a:hover{color:#00467D}
@keyframes eg-drift1{from{transform:translateX(0)}to{transform:translateX(-60px)}}
@keyframes eg-drift2{from{transform:translateX(0)}to{transform:translateX(40px)}}
@keyframes eg-glow{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes eg-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes eg-popA{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes eg-popB{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes eg-barA{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes eg-barB{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes eg-pulse{0%{transform:scale(.7);opacity:.85}100%{transform:scale(2.8);opacity:0}}
@keyframes eg-dot{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes eg-march{to{stroke-dashoffset:-28}}
@keyframes eg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes eg-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes eg-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.eg-far{animation:eg-drift1 20s ease-in-out infinite alternate}
.eg-mid{animation:eg-drift2 26s ease-in-out infinite alternate}
.eg-sun{animation:eg-glow 6s ease-in-out infinite}
.eg-ticker{animation:eg-tick 38s linear infinite}
.eg-tickwrap:hover .eg-ticker{animation-play-state:paused}
.eg-live{animation:eg-dot 1.6s ease-in-out infinite}
.eg-tile{transition:transform .25s ease, box-shadow .25s ease}
.eg-tile:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(10,37,64,.14)}
.eg-pin{transform-box:fill-box;transform-origin:center;animation:eg-pulse 2.4s ease-out infinite}
.eg-route{stroke-dasharray:6 8;animation:eg-march 1.4s linear infinite}
.eg-float{animation:eg-float 4s ease-in-out infinite}
.eg-h1{animation:eg-in .8s cubic-bezier(.2,.8,.2,1) both}
.eg-h2{animation:eg-in .8s .15s cubic-bezier(.2,.8,.2,1) both}
.eg-h3{animation:eg-in .8s .3s cubic-bezier(.2,.8,.2,1) both}
.eg-btn{transition:transform .2s ease, background-color .2s ease}
.eg-btn:hover{transform:translateY(-2px)}
@keyframes eg-kbz{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(-0.8%,-0.5%,0)}}
@keyframes eg-par{from{transform:translateY(-9%)}to{transform:translateY(9%)}}
.eg-kb{animation:eg-kbz 28s ease-in-out infinite alternate}
@supports (animation-timeline: view()){.eg-par{animation:eg-par linear both;animation-timeline:view()}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}
.eg-js .eg-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.eg-js .eg-reveal.eg-in{opacity:1;transform:none}
.eg-js .eg-tile.eg-in{transition:opacity .7s ease,transform .25s ease,box-shadow .25s ease}.eg-js .eg-tile.eg-in:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(10,37,64,.14)}
.eg-js .eg-kicker{position:relative;padding-left:0;transition:padding-left .6s .2s ease}
.eg-js .eg-in .eg-kicker,.eg-js .eg-kicker.eg-in{padding-left:34px}
.eg-kicker::before{content:"";position:absolute;left:0;top:50%;width:24px;height:3px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .6s .2s ease}
.eg-in .eg-kicker::before{transform:scaleX(1)}
@keyframes eg-nudge{0%,100%{transform:none}20%{transform:translateY(-6px) rotate(-3deg)}40%{transform:translateY(0) rotate(3deg)}60%{transform:translateY(-3px) rotate(-2deg)}80%{transform:none}}
.eg-wa{animation:eg-nudge 1s 4s ease}
.eg-wa::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:eg-ring 2s 4s ease-out 2}
@keyframes eg-ring{to{box-shadow:0 0 0 16px rgba(37,211,102,0)}}
.eg-faq summary::-webkit-details-marker{display:none}
.eg-faq .eg-faq-i{transition:transform .25s ease}
.eg-faq[open] .eg-faq-i{transform:rotate(45deg)}
.eg-faq[open]{border-color:#9FB3C6}
.eg-faq[open] p{animation:eg-in .35s ease both}
@keyframes eg-calcA{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes eg-calcB{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
.eg-pin2{animation:eg-pulse 2.4s ease-out infinite}

/* ===== EifelGas Theme – Grundlagen ===== */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:#ffffff}
[hidden]{display:none !important}
.eg-root{font-family:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#0A2540;background:#ffffff;font-size:17px;line-height:1.55;overflow-x:hidden}
.eg-root *,.eg-root *::before,.eg-root *::after{box-sizing:border-box}
section[id]{scroll-margin-top:16px}
img{max-width:100%}
.eg-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#ffffff;color:#0A2540;padding:10px 16px;border-radius:8px;font-weight:700}
.eg-skip:focus{left:8px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid #0060AA;outline-offset:2px}

/* Menü */
.eg-nav a{color:#0A2540;text-decoration:none}
.eg-nav a:hover{color:#0060AA}
.eg-nav a[aria-current="page"]{color:#0060AA;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}

/* Gas-Finder */
.eg-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.eg-use{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:70px;padding:8px 4px;border-radius:10px;cursor:pointer;font:inherit;text-align:center;transition:background-color .2s ease,color .2s ease,transform .2s ease;background:#ffffff;color:#0A2540;border:1px solid #D5DEE7}
.eg-use[aria-pressed="true"]{background:#0A2540;color:#ffffff;border-color:#0A2540;transform:translateY(-2px)}
.eg-rec.eg-pop{animation:eg-popA .45s cubic-bezier(.2,.8,.2,1) both}

/* Jahreszeiten-Knöpfe */
.eg-season-btn{font:inherit;font-size:14px;font-weight:600;padding:8px 14px;min-height:40px;border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease;background:rgba(8,30,54,0.35);color:#ffffff;border:1px solid rgba(255,255,255,0.4)}
.eg-season-btn[aria-pressed="true"]{font-weight:700;background:#ffffff;color:#0A2540;border-color:#ffffff}

/* Auswahl-Knöpfe (Rechner) */
.eg-chip{font:inherit;font-size:15px;font-weight:600;padding:10px 14px;min-height:46px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease,color .2s ease;background:#ffffff;color:#0A2540;border:1px solid #D5DEE7}
.eg-chip--left{justify-content:flex-start}
.eg-chip[aria-pressed="true"]{font-weight:700;background:#0A2540;color:#ffffff;border-color:#0A2540}
.eg-calc-anim{animation:eg-calcA .35s ease both}

/* Filter-Knöpfe (Sortiment) */
.eg-pill{font:inherit;font-weight:600;font-size:15px;padding:10px 16px;min-height:44px;border-radius:999px;border:1px solid #C5D0DB;cursor:pointer;background:#ffffff;color:#0A2540}
.eg-pill[aria-pressed="true"]{font-weight:700;border-color:#0A2540;background:#0A2540;color:#ffffff}

/* Formular-Reiter */
.eg-tab{font:inherit;font-weight:600;font-size:16px;padding:10px 18px;min-height:44px;border-radius:7px;border:none;cursor:pointer;background:transparent;color:#0A2540}
.eg-tab[aria-selected="true"]{font-weight:700;background:#0A2540;color:#ffffff}
[data-form-panel="anfrage"]:not([hidden]){display:flex}

/* Sortiment-Karten */
.eg-card{transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.eg-card.eg-in:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(10,37,64,.14)}

/* Rechtstexte */
.eg-prose{font-size:17px;line-height:1.65;color:#2A3A4A}
.eg-prose h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:30px;line-height:1.1;text-transform:uppercase;color:#0A2540;margin:40px 0 12px}
.eg-prose h2:first-child{margin-top:0}
.eg-prose p{margin:0 0 14px}
.eg-prose ul{margin:0 0 14px;padding-left:22px}
.eg-prose a{color:#0060AA}

/* Bewertungs-Plugin */
.eg-review-widget{width:100%}

/* Kleine Bildschirme */
@media (max-width:520px){
  .eg-uses{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .eg-use span{font-size:11px !important;line-height:1.15;overflow-wrap:anywhere;hyphens:auto;text-align:center}
}
@media (max-width:640px){
  [data-shop-top]{display:none}
  [data-shop-border]{white-space:nowrap}
}

/* ===============================================================
 * Version 1.1: Anfrageformular und Anfragefenster
 * ============================================================= */
.eg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.eg-form{display:flex;flex-direction:column;gap:18px;margin:0}
.eg-form-body{display:flex;flex-direction:column;gap:16px}
.eg-topics{border:0;margin:0;padding:0;min-width:0}
.eg-label{font-weight:600;font-size:15px;padding:0;margin-bottom:8px}
.eg-topic-row{display:flex;flex-wrap:wrap;gap:8px}
.eg-topic{position:relative;flex:0 0 auto}
.eg-topic input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.eg-topic span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid #C5D0DB;background:#ffffff;font-weight:600;font-size:15px;cursor:pointer;color:#0A2540;white-space:nowrap;box-sizing:border-box;transition:background .15s ease,color .15s ease,border-color .15s ease}
.eg-topic input:checked+span{background:#0A2540;color:#ffffff;border-color:#0A2540}
.eg-topic input:focus-visible+span{outline:3px solid #8CC05A;outline-offset:2px}
.eg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.eg-span2{grid-column:1/-1}
.eg-field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px;min-width:0;color:#0A2540}
.eg-field[hidden],.eg-photo-hint[hidden],.eg-alert[hidden],.eg-plzchip[hidden]{display:none}
.eg-field input,.eg-field select,.eg-field textarea{font:inherit;font-weight:400;font-size:16px;padding:12px 14px;border:1px solid #C5D0DB;border-radius:10px;min-height:48px;box-sizing:border-box;background:#ffffff;color:#0A2540;width:100%;transition:border-color .15s ease,box-shadow .15s ease}
.eg-field textarea{resize:vertical;min-height:96px}
.eg-field input:focus,.eg-field select:focus,.eg-field textarea:focus{outline:none;border-color:#0060AA;box-shadow:0 0 0 3px rgba(0,96,170,.18)}
.eg-invalid input,.eg-invalid select,.eg-invalid textarea{border-color:#B23A3A;box-shadow:0 0 0 3px rgba(178,58,58,.14)}
.eg-consent.eg-invalid{color:#8A1F14}
.eg-opt{font-weight:400;color:#5B6B7A}
.eg-alert{background:#FDECEA;border:1px solid #F0B4AE;color:#8A1F14;border-radius:10px;padding:12px 16px;font-size:15px}
.eg-plzchip{align-self:flex-start;background:#ffffff;border:1px solid #C5D0DB;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}
.eg-photo-hint{margin:0;font-size:14px;color:#3D4B59;background:#EAF4E2;border-radius:10px;padding:10px 14px}
.eg-photo-hint a{color:#2F5E17;font-weight:700}
.eg-form-foot{display:flex;flex-direction:column;gap:14px}
.eg-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#5B6B7A;font-weight:400}
.eg-consent input{width:20px;height:20px;margin:1px 0 0;flex:0 0 auto;accent-color:#467F27}
.eg-consent a{color:#0060AA}
.eg-submit{background:#467F27;color:#ffffff;border:none;font:inherit;font-weight:700;font-size:18px;padding:14px 28px;border-radius:10px;min-height:52px;cursor:pointer;align-self:flex-start;box-sizing:border-box}
.eg-submit:disabled{opacity:.7;cursor:wait}
.eg-success{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:32px 0;animation:eg-in .5s ease both}
.eg-success strong{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:34px;line-height:1.05;text-transform:uppercase}
.eg-success p{margin:0;color:#5B6B7A}
.eg-btn-ghost{background:transparent;border:2px solid #0A2540;color:#0A2540;font-weight:700;padding:10px 20px;border-radius:8px;min-height:44px;box-sizing:border-box;text-decoration:none;display:inline-flex;align-items:center}
@media (max-width:520px){
  .eg-grid{grid-template-columns:1fr}
  .eg-form--inline .eg-submit{align-self:stretch;width:100%}
}

/* Anfragefenster: am PC mittig, am Handy von unten */
html.eg-lock,html.eg-lock body{overflow:hidden}
.eg-sheet{font-family:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:17px;line-height:1.5;padding:0;border:0;width:min(600px,calc(100vw - 32px));max-width:none;max-height:min(90vh,880px);border-radius:18px;background:#F3F6F9;color:#0A2540;box-shadow:0 30px 80px rgba(8,30,54,.35);overflow:hidden;transition:transform .25s ease}
.eg-sheet[open]{display:flex;flex-direction:column;animation:eg-sheet-pop .28s cubic-bezier(.2,.8,.2,1) both}
.eg-sheet::backdrop{background:rgba(8,30,54,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.eg-sheet-head{position:relative;background:#0A2540;color:#ffffff;padding:22px 72px 18px 24px;flex:0 0 auto}
.eg-sheet-grip{display:none}
.eg-sheet-titles h2{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:30px;line-height:1.05;text-transform:uppercase;outline:none}
.eg-sheet-titles p{margin:6px 0 0;color:#C9D6E3;font-size:15px;line-height:1.45}
.eg-sheet-titles p:empty{display:none}
.eg-sheet-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#ffffff;display:grid;place-items:center;cursor:pointer}
.eg-sheet-close:hover{background:rgba(255,255,255,.22)}
.eg-sheet-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px;font-size:14px;color:#C9D6E3}
.eg-sheet-quick[hidden]{display:none}
.eg-sheet-quick a{display:inline-flex;align-items:center;gap:6px;color:#ffffff;text-decoration:none;font-weight:700;background:rgba(255,255,255,.12);border-radius:999px;padding:6px 12px;min-height:36px;box-sizing:border-box}
.eg-sheet-quick a:hover{background:rgba(255,255,255,.22)}
.eg-sheet-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.eg-sheet-main[hidden],.eg-sheet-done[hidden]{display:none}
.eg-form--dialog{flex:1 1 auto;min-height:0;gap:0}
.eg-form--dialog .eg-form-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 24px 24px}
.eg-form--dialog .eg-form-foot{flex:0 0 auto;background:#ffffff;border-top:1px solid #E3E9EF;padding:14px 24px calc(14px + env(safe-area-inset-bottom));gap:12px}
.eg-form--dialog .eg-consent{font-size:13px}
.eg-form--dialog .eg-submit{align-self:stretch;width:100%}
.eg-form--dialog .eg-topic-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:2px 24px 6px}
.eg-form--dialog .eg-topic-row::-webkit-scrollbar{display:none}
.eg-sheet-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 24px calc(32px + env(safe-area-inset-bottom))}
.eg-sheet-done strong{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:32px;line-height:1.05;text-transform:uppercase}
.eg-sheet-done p{margin:0 0 8px;color:#5B6B7A}
.eg-sheet-done .eg-submit{align-self:stretch}
@keyframes eg-sheet-pop{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes eg-sheet-up{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:640px){
  .eg-sheet{width:100%;max-width:100%;max-height:92vh;max-height:calc(100dvh - 20px);margin:auto 0 0;border-radius:20px 20px 0 0}
  .eg-sheet[open]{animation:eg-sheet-up .32s cubic-bezier(.2,.8,.2,1) both}
  .eg-sheet-grip{display:block;width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.35);margin:-8px auto 12px}
  .eg-sheet-head{padding:14px 60px 12px 20px}
  .eg-sheet-titles h2{font-size:24px}
  .eg-sheet-titles p{font-size:14px;line-height:1.4;margin-top:4px}
  .eg-sheet-quick{flex-wrap:nowrap;margin-top:10px;gap:8px}
  .eg-sheet-quick > span{display:none}
  .eg-sheet-quick a{min-height:34px;padding:5px 12px;font-size:14px}
  .eg-sheet-close{top:16px;right:12px}
  .eg-form--dialog .eg-form-body{padding:16px 20px 20px}
  .eg-form--dialog .eg-form-foot{padding:12px 20px calc(12px + env(safe-area-inset-bottom))}
  .eg-form--dialog .eg-topic-row{margin:0 -20px;padding:2px 20px 6px}
}
@media (prefers-reduced-motion: reduce){.eg-sheet[open]{animation:none}.eg-sheet{transition:none}}

/* Handy: SB-Shop-Bild und Event-Band */
@media (max-width:520px){
  .eg-event{padding:24px 20px !important}
}

/* Version 1.1: ausgewähltes Produkt im Anfragefenster */
.eg-item{background:#ffffff;border:1px solid #D6E1EC;border-left:4px solid #467F27;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.eg-item[hidden]{display:none}
.eg-item.eg-invalid{border-color:#B23A3A;box-shadow:0 0 0 3px rgba(178,58,58,.14)}
.eg-item-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.eg-item-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#467F27}
.eg-item-x{font:inherit;font-size:14px;font-weight:600;color:#0060AA;background:none;border:0;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.eg-item-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:24px;line-height:1.05;text-transform:uppercase;color:#0A2540}
.eg-item-detail{font-size:14px;color:#5B6B7A;line-height:1.4}
.eg-item-detail[hidden],.eg-item-sizes[hidden]{display:none}
.eg-item-sizes{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.eg-item-sk{font-size:14px;font-weight:600;color:#0A2540}
.eg-item-row{display:flex;flex-wrap:wrap;gap:8px}
.eg-chip[hidden]{display:none !important}

/* Version 1.2: Service-Knöpfe, Mengenauswahl, Versprechen */
.eg-svc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.eg-svc-actions .eg-btn{flex:1 1 110px;justify-content:center;text-align:center;padding-left:12px !important;padding-right:12px !important;white-space:nowrap}
.eg-choice{border:0;margin:0;padding:0;min-width:0}
.eg-choice legend{font-weight:600;font-size:15px;padding:0;margin-bottom:8px}
.eg-choice[hidden]{display:none}
.eg-choice-row{display:flex;flex-wrap:wrap;gap:8px}
.eg-choice.eg-invalid .eg-topic span{border-color:#B23A3A}
.eg-choice.eg-invalid legend{color:#8A1F14}
@media (max-width:640px){.eg-promise{padding:22px 20px !important}.eg-promise-title{flex-basis:100% !important}}
.eg-promise ul{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
@media (max-width:1100px){.eg-promise ul{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:560px){.eg-promise ul{grid-template-columns:1fr !important}}