/* Heide Bauelemente Fensterrechner 0.4 – vollständig gekapselt für Divi */
.heide-fr,.heide-fr *{box-sizing:border-box}.heide-fr{--hf-blue:#102a82;--hf-navy:#102752;--hf-border:#dbe2ed;font-family:inherit;color:#14213b;max-width:1200px;margin:24px auto 55px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(13,36,83,.12)}
.heide-fr .heide-fr-hero{padding:46px 5%;background:linear-gradient(100deg,#0c2859 0%,#174078 70%,#345e87 100%);color:#fff}.heide-fr .heide-fr-kicker{color:#d7e4ff;font-weight:800;font-size:13px;letter-spacing:1.5px}.heide-fr .heide-fr-hero h2{color:#fff!important;font-size:clamp(30px,4vw,47px)!important;line-height:1.12!important;margin:14px 0!important;font-weight:800!important}.heide-fr .heide-fr-hero p{color:#f0f4ff!important;font-size:16px!important;line-height:1.65!important;max-width:610px;margin:0!important}
.heide-fr .heide-fr-shell{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:stretch}.heide-fr .heide-fr-form{padding:28px 30px 35px;min-width:0}.heide-fr .heide-fr-section{border:0!important;padding:0!important;margin:0 0 30px!important;min-width:0}.heide-fr .heide-fr-section legend{float:none!important;display:flex!important;align-items:center;gap:12px;width:100%;padding:0!important;margin:0 0 16px!important;font-weight:800!important;color:#122343!important;font-size:20px!important;line-height:1.3!important}.heide-fr .heide-fr-stepnum{width:35px;height:35px;flex:none;border-radius:50%;display:inline-grid;place-items:center;background:#1232a0;color:white;font-size:17px;font-weight:800}.heide-fr .heide-fr-choicegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.heide-fr .heide-fr-choice{display:flex!important;align-items:center;gap:12px;padding:16px!important;border:1.5px solid var(--hf-border);border-radius:10px;background:#fff;cursor:pointer;min-height:88px;margin:0!important;color:#162b48!important;font-size:14px!important}.heide-fr .heide-fr-choice.is-selected,.heide-fr .heide-fr-coloritem.is-selected{border-color:#1645d2!important;background:#eef4ff!important;box-shadow:0 0 0 1px #1645d2 inset}.heide-fr input[type=radio]{appearance:auto!important;-webkit-appearance:radio!important;accent-color:#1745d3!important;display:inline-block!important;position:static!important;opacity:1!important;width:19px!important;height:19px!important;flex:none!important;margin:0!important;padding:0!important;box-shadow:none!important}.heide-fr .heide-fr-choice strong{display:block;color:#162341;font-size:14px;line-height:1.4}.heide-fr .heide-fr-choice small{display:block;color:#53637c;font-size:13px;line-height:1.4;margin-top:3px}.heide-fr .heide-fr-glass-icon{font-size:32px;color:#7493bb;line-height:1}
.heide-fr .heide-fr-colorlist{border:1px solid var(--hf-border);border-radius:10px;overflow:hidden}.heide-fr .heide-fr-coloritem{display:flex!important;align-items:center;gap:13px;min-height:48px;padding:10px 14px!important;margin:0!important;border-bottom:1px solid var(--hf-border);border-left:2px solid transparent;cursor:pointer;font-size:14px!important;color:#1b2b43!important}.heide-fr .heide-fr-coloritem:last-child{border-bottom:0}.heide-fr .heide-fr-coloritem>span:nth-of-type(2){flex:1}.heide-fr .heide-fr-coloritem small{margin-left:auto;white-space:nowrap;color:#465772;font-size:13px}.heide-fr .heide-fr-swatch{display:inline-block;width:30px;height:21px;flex:none;border:1px solid #a9b3c2;border-radius:3px}.heide-fr .heide-fr-swatch.white{background:#fff}.heide-fr .heide-fr-swatch.gray{background:#52565b}.heide-fr .heide-fr-swatch.wood{background:linear-gradient(100deg,#6a3519,#a36b39,#68391d)}.heide-fr .heide-fr-helper{color:#637189!important;font-size:12px!important;line-height:1.5!important;margin:10px 0 0!important}
.heide-fr .heide-fr-measure-layout{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px;align-items:center}.heide-fr .heide-fr-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.heide-fr .heide-fr-measures label{display:block!important;font-size:13px!important;font-weight:700!important;color:#273956!important;margin:0!important}.heide-fr input[type=number]{appearance:auto!important;display:block!important;width:100%!important;height:46px!important;padding:10px 12px!important;margin:7px 0 0!important;border:1px solid #c7d1e0!important;border-radius:7px!important;background:#fff!important;color:#152849!important;font-size:16px!important;line-height:1.3!important;box-shadow:none!important}.heide-fr input[type=number]:focus{outline:2px solid #2a58ce;outline-offset:1px}.heide-fr .heide-fr-window-diagram{position:relative;padding:12px 26px 30px 5px}.heide-fr .heide-fr-window{height:115px;border:7px double #8f9eb0;background:#d2e6f8;position:relative;box-shadow:inset 0 0 0 3px #eaf3fa}.heide-fr .heide-fr-pane{position:absolute;inset:5px;border:1px solid #8caac8;background:linear-gradient(125deg,transparent 43%,#e9f7ff 44%,#e9f7ff 52%,transparent 53%)}.heide-fr .heide-fr-handle{position:absolute;right:7px;top:43%;height:18px;border-left:3px solid #6b7d8d}.heide-fr .heide-fr-height{position:absolute;right:0;top:40%;font-size:11px;color:#415370;writing-mode:vertical-rl}.heide-fr .heide-fr-width{position:absolute;bottom:4px;left:30%;font-size:11px;color:#415370}.heide-fr .heide-fr-service{min-height:120px;align-items:flex-start}.heide-fr .heide-fr-service input{margin-top:3px!important}
.heide-fr .heide-fr-summary{background:#f3f6fc;border-left:1px solid #e0e7f0;padding:35px 28px;min-width:0}.heide-fr .heide-fr-summary h3{color:#0d1c3c!important;font-size:27px!important;line-height:1.2!important;font-weight:800!important;margin:0 0 4px!important}.heide-fr .heide-fr-count{font-size:15px!important;margin:0 0 20px!important;color:#3b4c66!important}.heide-fr .heide-fr-price{padding:20px 10px;text-align:center;border-radius:10px;background:#0d285b;color:#fff}.heide-fr .heide-fr-price strong{display:block;color:#fff!important;font-size:clamp(25px,3vw,37px)!important;font-weight:800!important;line-height:1.25!important}.heide-fr .heide-fr-price span{display:block;color:#f0f4ff;font-size:14px;margin-top:4px}.heide-fr .heide-fr-features{list-style:none!important;padding:0!important;margin:24px 0!important}.heide-fr .heide-fr-features li{position:relative;padding:0 0 12px 26px!important;margin:0!important;font-size:14px!important;line-height:1.45!important;color:#263653!important}.heide-fr .heide-fr-features li:before{content:'✓';position:absolute;left:0;top:0;color:#0b348b;font-weight:900}.heide-fr .heide-fr-notice{padding:18px;border-radius:10px;background:#e6ecf6;color:#223452;margin:20px 0 24px}.heide-fr .heide-fr-notice strong{font-size:15px}.heide-fr .heide-fr-notice p{font-size:13px!important;line-height:1.6!important;margin:7px 0 0!important;color:#364761!important}.heide-fr .heide-fr-cta{display:block!important;text-align:center;text-decoration:none!important;border-radius:9px;padding:14px 10px;margin:10px 0;font-size:15px!important;font-weight:800!important;line-height:1.4!important}.heide-fr .heide-fr-request{background:#102fa3;color:white!important}.heide-fr .heide-fr-call{border:1px solid #14327d;color:#14327d!important;background:transparent}.heide-fr .heide-fr-error{font-size:13px!important;color:#a22b2b!important;line-height:1.5!important;margin:10px 0!important}.heide-fr .heide-fr-error:empty{display:none}
@media(max-width:900px){.heide-fr .heide-fr-shell{grid-template-columns:1fr}.heide-fr .heide-fr-summary{border-left:0;border-top:1px solid #e0e7f0}.heide-fr .heide-fr-form{padding:24px}.heide-fr .heide-fr-hero{padding:32px 24px}}@media(max-width:580px){.heide-fr{margin:10px auto 30px;border-radius:12px}.heide-fr .heide-fr-form,.heide-fr .heide-fr-summary{padding:22px 17px}.heide-fr .heide-fr-choicegrid{grid-template-columns:1fr}.heide-fr .heide-fr-measure-layout{grid-template-columns:1fr}.heide-fr .heide-fr-window-diagram{width:160px;margin:auto}.heide-fr .heide-fr-section legend{font-size:18px!important}.heide-fr .heide-fr-coloritem{font-size:12px!important;gap:9px}.heide-fr .heide-fr-coloritem small{font-size:12px}.heide-fr .heide-fr-swatch{width:23px}}

/* V5: Header mit echtem Fensterfoto wie in der freigegebenen Designvorlage */
.heide-fr .heide-fr-hero{min-height:280px;background-image:linear-gradient(90deg,rgba(9,33,76,.98) 0%,rgba(15,48,95,.93) 44%,rgba(16,46,85,.28) 78%,rgba(10,29,65,.10) 100%),url("fenster-header.webp")!important;background-size:cover!important;background-position:center 52%!important;display:flex;flex-direction:column;justify-content:center}
.heide-fr .heide-fr-hero h2,.heide-fr .heide-fr-hero p{max-width:510px!important}
.heide-fr .heide-fr-shell{background:#fff}
@media(max-width:650px){.heide-fr .heide-fr-hero{min-height:250px;background-position:62% center!important}.heide-fr .heide-fr-hero p{font-size:14px!important}}

/* Version 0.6.0: eindeutiges anthrazitgraues Standardfarbmuster und Versionsanzeige */
.heide-fr .heide-fr-swatch.anthracite{background:#383e43;border-color:#30363a}
.heide-fr .heide-fr-version{margin:22px 0 0!important;padding-top:12px!important;border-top:1px solid #dce4f0;color:#687891!important;font-size:11px!important;text-align:right;letter-spacing:.02em}

/* V1.0.0: getrennte Netto- und Bruttopreisanzeige */
.heide-fr .heide-fr-price .heide-fr-net-label,.heide-fr .heide-fr-price .heide-fr-gross-label{display:block;color:#dce6f6!important;font-size:13px!important;margin:0 0 5px!important;font-weight:500!important}
.heide-fr .heide-fr-price strong.heide-fr-net-value{display:block;font-size:clamp(20px,2.3vw,27px)!important;font-weight:700!important;line-height:1.35!important;margin:0 0 13px!important}
.heide-fr .heide-fr-price strong.heide-fr-gross-value{display:block;font-size:clamp(27px,3vw,37px)!important;font-weight:800!important;line-height:1.3!important}
.heide-fr .heide-fr-price .heide-fr-price-divider{height:1px;background:rgba(255,255,255,.27);margin:0 15px 13px}

/* V1.1.0: Fenstertyp-Auswahl; vorhandenes Design bleibt erhalten */
.heide-fr .heide-fr-type-section{margin-bottom:26px!important;padding-bottom:24px!important;border-bottom:1px solid #dce4f0!important}
.heide-fr .heide-fr-type-section legend{font-size:18px!important}
.heide-fr .heide-fr-type{min-height:78px}

/* Version 1.2.0: Fenstersymbole und Maß-Hinweis */
.heide-fr .heide-fr-type{gap:10px!important;min-height:108px}
.heide-fr .heide-fr-type-icon{width:56px;height:64px;flex:none;display:block}
.heide-fr .heide-fr-type-icon-double{width:83px}
.heide-fr .heide-fr-type strong{font-size:13px!important}
.heide-fr .heide-fr-measure-hint{background:#eaf0fa;color:#253a5a!important;border-radius:8px;padding:10px 13px!important;font-size:12px!important;line-height:1.5!important;margin:14px 0 0!important}
@media(max-width:580px){.heide-fr .heide-fr-type{min-height:92px}}

/* Version 1.3.0: korrigierte Fluegel-Symbole; keine Layoutaenderung */

/* Version 1.4.0: originalgetreue Fenstersymbole als Bilddateien */
.heide-fr img.heide-fr-type-icon{width:42px!important;height:64px!important;object-fit:contain!important;max-width:none!important;flex:0 0 auto!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;padding:0!important}
.heide-fr img.heide-fr-type-icon-double{width:86px!important;height:64px!important}

/* V1.5: Elementauswahl nach Fenster/Balkontür */
.heide-fr .heide-fr-category-tabs{display:flex;gap:8px;margin:0 0 14px;}
.heide-fr .heide-fr-category-tabs button{flex:1;border:1px solid #c9d5e9;border-radius:9px;background:#f3f6fb;color:#18345c;padding:12px 14px;font-weight:750;cursor:pointer;font-size:15px;}
.heide-fr .heide-fr-category-tabs button.is-active{background:#1338ae;color:#fff;border-color:#1338ae;box-shadow:0 3px 8px #0a2e771a;}
.heide-fr .heide-fr-element-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.heide-fr .heide-fr-element-grid .heide-fr-type{flex-direction:column;justify-content:center;text-align:center;gap:7px!important;min-height:142px;padding:12px 7px!important;position:relative;}
.heide-fr .heide-fr-element-grid .heide-fr-type input{position:absolute!important;left:9px!important;top:11px!important;}
.heide-fr .heide-fr-element-grid .heide-fr-type img.heide-fr-type-icon{height:68px!important;width:auto!important;max-width:110px!important;object-fit:contain!important;}
.heide-fr .heide-fr-element-grid .heide-fr-type strong{font-size:12px!important;line-height:1.3!important;}
.heide-fr .heide-fr-element-grid .heide-fr-type[hidden]{display:none!important;}
@media(max-width:580px){.heide-fr .heide-fr-element-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Version 2.0.0: neue Glassymbole, senkrechte Höhenpfeile, Mengenhinweis */
.heide-fr .heide-fr-glass-illustration{width:56px!important;height:56px!important;object-fit:contain!important;flex:0 0 56px!important;display:block!important;max-width:none!important;border:0!important;box-shadow:none!important;background:transparent!important}
.heide-fr .heide-fr-window-diagram .heide-fr-height{position:absolute!important;right:0!important;top:10px!important;bottom:30px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;writing-mode:initial!important;font-size:12px!important;line-height:1!important;color:#263d5e!important;white-space:nowrap!important}
.heide-fr .heide-fr-window-diagram .heide-fr-height-label{writing-mode:vertical-rl!important;font-size:11px!important}
.heide-fr .heide-fr-window-diagram .heide-fr-arrow-up,.heide-fr .heide-fr-window-diagram .heide-fr-arrow-down{font-size:20px!important;line-height:1!important;font-weight:700!important}
.heide-fr .heide-fr-volume-notice{margin:14px 0 8px;padding:13px 15px;background:#eaf1ff;border:1px solid #b9ccef;border-radius:10px;color:#233b62}
.heide-fr .heide-fr-volume-notice strong{font-size:14px!important;color:#122d62!important;display:block;margin-bottom:4px}
.heide-fr .heide-fr-volume-notice p{font-size:13px!important;line-height:1.55!important;margin:0!important;color:#2c4263!important}
