.angebote{padding-block:var(--hf-space-7) var(--hf-space-8)}.hero~.angebote{padding-top:calc(var(--hf-space-7) + var(--hf-hero-ueberlapp,0px));background-image:linear-gradient(180deg, #ffffff0f, transparent 120px), radial-gradient(42% 260px at 74% 0, color-mix(in srgb, var(--hf-marke-500) 34%, transparent), transparent 100%), radial-gradient(50% 420px at 8% 100%, color-mix(in srgb, var(--hf-marke-800) 55%, transparent), transparent 100%);background-repeat:no-repeat}.angebote__kopf{gap:var(--hf-space-2);padding-bottom:var(--hf-space-3);margin-bottom:var(--hf-space-5);border-bottom:var(--hf-border-w) solid color-mix(in srgb, var(--hf-fg) 40%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.angebote__alle{font-size:var(--hf-text-sm);color:var(--hf-fg-muted);white-space:nowrap;transition:color var(--hf-dur) var(--hf-ease), transform var(--hf-dur) var(--hf-ease);font-weight:500}.angebote__alle:hover{color:var(--hf-fg);transform:translate(3px)}.angebote__h{font-family:var(--hf-font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,1rem + .6vw,1.375rem);font-weight:700;line-height:1.1}.angebote__raster{gap:var(--hf-space-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.angebot{grid-column:span 2}.angebot--gross{grid-column:span 3}.angebot--breit{grid-column:span 2}@media (max-width:1020px){.angebote__raster{grid-template-columns:repeat(2,minmax(0,1fr))}.angebot,.angebot--gross{grid-column:span 1}.angebot--gross{grid-column:span 2}}@media (max-width:640px){.angebote__raster{grid-template-columns:minmax(0,1fr)}.angebot,.angebot--gross,.angebot--breit{grid-column:span 1}}@media (min-width:1600px){.angebote__raster{gap:var(--hf-space-4);grid-template-columns:repeat(12,minmax(0,1fr))}.angebot{grid-column:span 3}.angebot--gross{grid-column:span 6}.angebot--breit{grid-column:span 3}}.angebot{--karte-schatten:color-mix(in srgb, var(--ton) 55%, transparent);--karte-kante:color-mix(in srgb, var(--hf-karte-b) 42%, transparent);--karte-licht:color-mix(in srgb, var(--hf-karte-b) 45%, #fff);isolation:isolate;gap:var(--hf-space-2);min-width:0;padding:var(--hf-space-5);border-radius:var(--hf-radius-lg);color:#fff;background-color:color-mix(in srgb, var(--ton) 38%, #0b1220);background-image:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--hf-karte-b) 34%, transparent), transparent 58%), linear-gradient(160deg, color-mix(in srgb, var(--ton) 52%, #0b1220) 0%, color-mix(in srgb, var(--ton) 26%, #0b1220) 70%);box-shadow:inset 0 1px 0 #ffffff38, 0 0 0 1px var(--karte-kante), 0 2px 4px -2px var(--karte-schatten), 0 22px 40px -28px var(--karte-schatten);transform-origin:50% 100%;transition:transform var(--hf-dur) var(--hf-ease), box-shadow var(--hf-dur) var(--hf-ease);align-content:start;display:grid;position:relative;overflow:hidden}.angebot:before{content:"";pointer-events:none;z-index:-1;background-image:var(--hf-korn);opacity:var(--hf-korn-deckung);mix-blend-mode:soft-light;position:absolute;inset:0}.angebot:after{content:"";pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--hf-dur) var(--hf-ease);background:radial-gradient(80% 60% at 50% 0,#ffffff24,#0000 70%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.angebot:hover{box-shadow:inset 0 1px 0 #ffffff52, 0 0 0 1px color-mix(in srgb, var(--hf-karte-b) 70%, transparent), 0 6px 12px -6px var(--karte-schatten), 0 36px 60px -30px var(--karte-schatten);transform:perspective(1000px)rotateX(2deg)translateY(-6px)}.angebot:hover:after{opacity:1}.angebot:hover .angebot__zeichen{transform:translateY(-2px)rotate(-5deg)scale(1.06)}.angebot:hover .angebot__pfeil{color:var(--hf-karte-a);background:#fff;transform:translate(2px,-2px)}.angebot:hover .angebot__bild{opacity:.9;transform:translate(-4px,-6px)scale(1.03)}}.angebot:active{transform:scale(.985)}.angebot:has(.angebot__t a:focus-visible){box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--hf-karte-b), 0 22px 40px -28px var(--karte-schatten)}.angebot .angebot__t a:focus-visible{outline:none}.angebot--gross{padding:var(--hf-space-6);gap:var(--hf-space-3);background-color:var(--ton);background-image:var(--hf-verlauf-karte);min-height:24rem}.angebot__bild{z-index:-1;pointer-events:none;opacity:.6;width:min(52%,320px);height:auto;transition:transform var(--hf-dur-slow) var(--hf-ease), opacity var(--hf-dur) var(--hf-ease);position:absolute;top:9%;right:-4%;-webkit-mask-image:linear-gradient(200deg,#000 55%,#0000 95%);mask-image:linear-gradient(200deg,#000 55%,#0000 95%)}.angebot__bild--dossier{width:min(40%,250px);top:-6%;right:-6%;-webkit-mask-image:linear-gradient(205deg,#000 35%,#0000 75%);mask-image:linear-gradient(205deg,#000 35%,#0000 75%)}.angebot__bild--klein{opacity:.55;width:32%;max-width:150px;top:auto;bottom:12%;right:7%;-webkit-mask-image:radial-gradient(closest-side,#000 70%,#0000 100%);mask-image:radial-gradient(closest-side,#000 70%,#0000 100%)}.angebot:not(.angebot--gross) .angebot__x,.angebot:not(.angebot--gross) .angebot__live{max-width:60%}.angebot--gross .angebot__eyebrow,.angebot--gross .angebot__t,.angebot--gross .angebot__x{max-width:62%}@media (max-width:640px){.angebot--gross{min-height:0}.angebot__bild--klein{opacity:.45;width:28%;bottom:10%;right:5%}.angebot:not(.angebot--gross) .angebot__x,.angebot:not(.angebot--gross) .angebot__live{max-width:72%}.angebot__bild{opacity:.45;width:44%;top:-4%;right:-8%}.angebot--gross .angebot__eyebrow,.angebot--gross .angebot__t{max-width:70%}.angebot--gross .angebot__x{max-width:none}}.angebot--dossier{--hf-karte-a:var(--hf-karte-dossier-a);--hf-karte-b:var(--hf-karte-dossier-b)}.angebot--lage{--hf-karte-a:var(--hf-karte-lage-a);--hf-karte-b:var(--hf-karte-lage-b)}.angebot--baugesuch{--hf-karte-a:var(--hf-karte-baugesuch-a);--hf-karte-b:var(--hf-karte-baugesuch-b)}.angebot--alarm{--hf-karte-a:var(--hf-karte-alarm-a);--hf-karte-b:var(--hf-karte-alarm-b)}.angebot--auftrag{--hf-karte-a:var(--hf-karte-auftrag-a);--hf-karte-b:var(--hf-karte-auftrag-b)}.angebot--firmen{--hf-karte-a:var(--hf-karte-firmen-a);--hf-karte-b:var(--hf-karte-firmen-b)}.angebot--rechner{--hf-karte-a:var(--hf-karte-rechner-a);--hf-karte-b:var(--hf-karte-rechner-b)}.angebot--foerder{--hf-karte-a:var(--hf-karte-foerder-a);--hf-karte-b:var(--hf-karte-foerder-b)}.angebot--forum{--hf-karte-a:var(--hf-karte-forum-a);--hf-karte-b:var(--hf-karte-forum-b)}.angebot--magazin{--hf-karte-a:var(--hf-karte-magazin-a);--hf-karte-b:var(--hf-karte-magazin-b)}.angebot--unternehmer{--hf-karte-a:var(--hf-karte-unternehmer-a);--hf-karte-b:var(--hf-karte-unternehmer-b)}.angebot--nachhaltig{--hf-karte-a:var(--hf-karte-nachhaltig-a);--hf-karte-b:var(--hf-karte-nachhaltig-b)}.angebot--wert{--hf-karte-a:var(--hf-karte-wert-a);--hf-karte-b:var(--hf-karte-wert-b)}.angebot--heizung{--hf-karte-a:var(--hf-karte-heizung-a);--hf-karte-b:var(--hf-karte-heizung-b)}.angebot__kopfzeile{justify-content:space-between;align-items:flex-start;gap:var(--hf-space-3);margin-bottom:var(--hf-space-1);display:flex}.angebot__zeichen{border-radius:var(--hf-radius);color:#fff;background-image:linear-gradient(180deg, #ffffff47, transparent 55%), var(--hf-verlauf-karte);background-color:var(--ton);width:46px;height:46px;box-shadow:0 10px 18px -10px var(--karte-schatten), inset 0 0 0 1px #ffffff38;transition:transform var(--hf-dur) var(--hf-ease);place-items:center;display:grid}.angebot__zeichen svg{width:24px;height:24px;display:block}.angebot--gross .angebot__zeichen{background-color:#ffffff24;background-image:none;box-shadow:inset 0 0 0 1px #ffffff4d}.angebot__pfeil{color:#fff;width:32px;height:32px;transition:transform var(--hf-dur) var(--hf-ease), background var(--hf-dur) var(--hf-ease), color var(--hf-dur) var(--hf-ease);background:#ffffff1f;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff47}.angebot__pfeil svg{width:16px;height:16px}.angebot__marke{pointer-events:none;border-radius:3px;flex:none;width:auto;max-width:45%;height:24px;display:block;box-shadow:0 0 0 1px #fff9}.angebot__eyebrow{letter-spacing:.01em;color:var(--karte-licht);font-size:.75rem;font-weight:650}.angebot--gross .angebot__eyebrow{color:#ffffffeb;font-size:.8125rem}.angebot__t{font-family:var(--hf-font-display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:700;line-height:1.08}.angebot__t a{color:inherit;text-decoration:none}.angebot__t a:after{content:"";z-index:1;position:absolute;inset:0}.angebot--gross .angebot__t{font-size:clamp(1.75rem,1rem + 2vw,2.75rem)}.angebot__x{font-size:var(--hf-text-sm);line-height:var(--hf-leading-relaxed);color:#ffffffe6;overflow-wrap:anywhere;max-width:52ch;margin:0}.angebot__live{pointer-events:none;z-index:2;gap:var(--hf-space-2);min-width:0;margin-top:var(--hf-space-1);padding-top:var(--hf-space-3);border-top:1px solid #ffffff2e;display:grid;position:relative}.angebot__live :is(a,button,input,select,textarea,label,form,[role=button],[role=combobox],[role=listbox],[role=option]){pointer-events:auto}.angebot__zahl{align-items:baseline;gap:var(--hf-space-2);flex-wrap:wrap;margin:0;display:flex}.angebot__zahl strong{font-family:var(--hf-font-display);font-size:var(--hf-text-2xl);font-variant-numeric:tabular-nums;color:var(--karte-licht);line-height:1}.angebot__zahl span{font-size:var(--hf-text-sm);color:#ffffffe6}.angebot__leer{font-size:var(--hf-text-sm);line-height:var(--hf-leading-relaxed);color:#ffffffe6;margin:0;font-style:italic}.angebot--dossier{container-type:inline-size}.angebot__bausteine{gap:var(--hf-space-2) var(--hf-space-5);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@container (min-width:520px){.angebot__bausteine{grid-template-columns:repeat(2,minmax(0,1fr))}}.angebot__bausteine li{min-width:0;padding-left:var(--hf-space-3);font-size:var(--hf-text-xs);color:#ffffffe6;overflow-wrap:anywhere;border-left:2px solid #ffffff59;line-height:1.4}.angebot__bausteine b{color:#fff;font-weight:650;font-size:var(--hf-text-sm);display:block}.angebot__welten{margin:var(--hf-space-1) 0 0;gap:var(--hf-space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.angebot__welten li{border-radius:var(--hf-radius-pill);font-size:var(--hf-text-xs);color:#fff;background:#ffffff24;padding:4px 10px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff47}.angebot__stand{letter-spacing:.01em;color:#ffffffeb;margin:0;font-size:.75rem}.angebot__suche{gap:var(--hf-space-2);flex-wrap:wrap;display:flex}.angebot__suche input{min-width:0;font:inherit;font-size:var(--hf-text-sm);min-height:44px;padding:0 var(--hf-space-3);border-radius:var(--hf-radius);color:#fff;background:#ffffff1f;border:1px solid #ffffff73;flex:10rem}.angebot__suche input::placeholder{color:#ffffffbf}.angebot__suche input:focus-visible{outline-offset:1px;background:#ffffff2e;outline:2px solid #fff}.angebot__suchknopf{min-height:44px;padding:0 var(--hf-space-4);border-radius:var(--hf-radius);color:var(--hf-karte-lage-a);font:inherit;font-size:var(--hf-text-sm);cursor:pointer;transition:transform var(--hf-dur-fast) var(--hf-ease), opacity var(--hf-dur) var(--hf-ease);background:#fff;border:0;font-weight:650;box-shadow:0 8px 16px -10px #00000080}.angebot__suchknopf:hover{opacity:.92;transform:translateY(-1px)}.angebot__suchknopf:active{transform:translateY(1px)}.angebot__suchknopf:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (max-width:640px){.angebot:not(.angebot--gross){column-gap:var(--hf-space-4);row-gap:var(--hf-space-1);padding:var(--hf-space-4);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"kopf eyebrow""kopf titel""kopf text""kopf live"}.angebot:not(.angebot--gross) .angebot__kopfzeile{flex-direction:column;grid-area:kopf;align-items:flex-start;margin:0}.angebot:not(.angebot--gross) .angebot__eyebrow{grid-area:eyebrow}.angebot:not(.angebot--gross) .angebot__t{grid-area:titel}.angebot:not(.angebot--gross) .angebot__x{grid-area:text}.angebot:not(.angebot--gross) .angebot__live{grid-area:live}.angebot:not(.angebot--gross) .angebot__pfeil{right:var(--hf-space-4);top:var(--hf-space-4);position:absolute}.angebot:not(.angebot--gross) .angebot__marke{margin-top:var(--hf-space-2);max-width:46px;height:auto}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.angebot{animation:linear backwards angebot-rein;animation-timeline:view();animation-range:entry entry 40%}}}@keyframes angebot-rein{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.angebot,.angebot:after,.angebot__pfeil,.angebot__zeichen,.angebot__bild,.angebot__suchknopf,.angebote__alle{transition:none}.angebot:hover,.angebot:active,.angebot:hover .angebot__pfeil,.angebot:hover .angebot__zeichen,.angebot:hover .angebot__bild{transform:none}}