/* Design-Elemente als Bricks-Bausteine (01.11.2026). Regeln im Rahmen .ae; die Grundwerte (--ae-*)
   zeigen auf die Alpner-Werte (--bk-*). Nur innerhalb von .ae wirksam. Eigene Ergänzungen stehen ganz unten. */
.ae{
  --ae-color-primary:var(--bk-red);--ae-color-white:#fff;--ae-color-black:var(--bk-ink);--ae-color-black-light:var(--bk-dark);
  --ae-color-neutral:#8a8681;--ae-color-grey:var(--bk-muted);--ae-text-color-grey:var(--bk-muted);--ae-title-color:var(--bk-ink);
  --ae-color-fill:var(--bk-sand);--ae-color-badge-fill:rgb(23 25 29/.07);--ae-color-button-hover:var(--bk-red);
  --ae-border-style-solid:solid;--ae-border-width-double:2px;--ae-border-radius:1.25rem;
  --ae-button-height:2.9rem;--ae-button-height-large:3.25rem;--ae-button-height-small:2.25rem;--ae-button-side-padding-small:1rem;
  --ae-circle:3.5rem;--ae-circle-large:4rem;--ae-circle-small:3rem;--ae-badge-height:1.75rem;--ae-font-size-caption:.875rem;
  --ae-gap:.5em;--ae-grid-gap:1rem;--ae-grid-gutter:1rem;--ae-grid-gutter-3x:3rem;--ae-h1-line-height:1;
  --ae-h4-font-size:1.85rem;--ae-h4-font-size-min:1.45rem;--ae-h4-clamp-size:calc(1.1rem + 1.2vw);--ae-h4-letter-spacing:-.03em;--ae-h4-line-height:1.2;
  --ae-h5-font-size:1.35rem;--ae-h5-font-size-min:1.15rem;--ae-h5-clamp-size:calc(.95rem + .6vw);--ae-h5-letter-spacing:-.025em;--ae-h5-line-height:1.3;
  --ae-h6-font-size:1.0625rem;--ae-h6-letter-spacing:-.02em;--ae-h6-line-height:1.4;
  --ae-spacer:clamp(1.4rem,2vw,2rem);--ae-spacer-05:.25rem;--ae-spacer-1:.5rem;--ae-spacer-2:.75rem;--ae-spacer-3:1rem;--ae-spacer-4:1.25rem;--ae-spacer-5:1.5rem;--ae-spacer-6:1.75rem;
  --ae-subtitle-color:var(--bk-muted);--ae-subtitle-font-family:inherit;--ae-subtitle-font-size:.92em;--ae-subtitle-font-weight:500;--ae-subtitle-letter-spacing:inherit;--ae-subtitle-line-height:inherit;--ae-subtitle-style:normal;--ae-subtitle-text-decoration:none;--ae-subtitle-text-transform:none;
  --ae-text-medium:500;--ae-text-semi-bold:600;
  --ae-title-font-family:var(--bk-f-titel);--ae-title-font-size:inherit;--ae-title-font-weight:var(--bk-titel-w);--ae-title-letter-spacing:inherit;--ae-title-line-height:inherit;--ae-title-style:normal;--ae-title-text-decoration:none;--ae-title-text-transform:none;
  --ae-pricing-titles-font-size-min:2.5rem;--ae-h1-clamp-size:calc(1.6rem + 2.4vw);--ae-pricing-titles-font-size:3.5rem;
  --ae-transition-duration:.35s;--ae-transition-function:cubic-bezier(.645,.045,.355,1);
  --ae-gap-small:.25em;--ae-font-size-small:.95em;--ae-cursor-pointer:pointer;--ae-circle-extra-small:2.5rem;--ae-transform-scale:scale3d(1.03,1.03,1.03);
  --ae-border-radius-small:calc(var(--ae-border-radius) / 2);--ae-h2-font-size:2.6rem;--ae-h2-font-size-min:1.9rem;--ae-h1-letter-spacing:-.045em;
  --ae-button-border-radius:var(--bk-r-btn);--ae-color-button:var(--bk-dark);--ae-color-video-button:var(--bk-dark);
  color:var(--bk-text)}

/* ---- Referenz-Original (herausgelöst) ---- */
.ae h1, .ae .h1, .ae h2, .ae .h2, .ae h3, .ae .h3, .ae h4, .ae .h4, .ae h5, .ae .h5, .ae h6, .ae .h6, .ae .font-titles, .ae .titles-typo{font-family: var(--ae-title-font-family);
  font-weight: var(--ae-title-font-weight);
  margin: 0;}
.ae h1:not(.title) + *, .ae .h1:not(.title) + *, .ae h2:not(.title) + *, .ae .h2:not(.title) + *, .ae h3:not(.title) + *, .ae .h3:not(.title) + *, .ae h4:not(.title) + *, .ae .h4:not(.title) + *, .ae h5:not(.title) + *, .ae .h5:not(.title) + *, .ae h6:not(.title) + *, .ae .h6:not(.title) + *, .ae .font-titles:not(.title) + *, .ae .titles-typo:not(.title) + *{margin-block-start: 1em;}
.ae h1, .ae .h1, .ae h2, .ae .h2, .ae h3, .ae .h3, .ae h4, .ae .h4, .ae h5, .ae .h5, .ae h6, .ae .h6{color: var(--ae-title-color);
  font-size: var(--ae-title-font-size);
  letter-spacing: var(--ae-title-letter-spacing);
  line-height: var(--ae-title-line-height);
  font-style: var(--ae-title-style);
  text-transform: var(--ae-title-text-transform);
  text-decoration: var(--ae-title-text-decoration);}
.ae h4, .ae .h4{font-size: clamp(var(--ae-h4-font-size-min), var(--ae-h4-clamp-size), var(--ae-h4-font-size));
  letter-spacing: var(--ae-h4-letter-spacing);
  line-height: var(--ae-h4-line-height);}
.ae h5, .ae .h5{font-size: clamp(var(--ae-h5-font-size-min), var(--ae-h5-clamp-size), var(--ae-h5-font-size));
  letter-spacing: var(--ae-h5-letter-spacing);
  line-height: var(--ae-h5-line-height);}
.ae h6, .ae .h6{font-size: var(--ae-h6-font-size);
  letter-spacing: var(--ae-h6-letter-spacing);
  line-height: var(--ae-h6-line-height);}
.ae h4:not(.title) + *, .ae .h4:not(.title) + *, .ae h5:not(.title) + *, .ae .h5:not(.title) + *, .ae h6:not(.title) + *, .ae .h6:not(.title) + *{margin-top: 0.75rem;}
.ae .alert .icon-button{color: inherit;
  margin: calc(var(--ae-spacer-1) * -1) -0.65rem calc(var(--ae-spacer-1) * -1) 0;}
.ae .author-details{margin-top: var(--ae-gap-small);
  font-size: var(--ae-font-size-small);}
.ae .avatar{background-color: color-mix(in srgb, var(--ae-color-neutral) 40%, transparent);
  width: var(--ae-circle);
  height: var(--ae-circle);
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;}
.ae .avatar > img.avatar{max-width: 100%;
  width: 100%;
  height: auto;}
.ae .avatar{border-radius: 100%;}
.ae .avatar::after{content: "";
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  box-shadow: inset 0 0 0 0.3125rem color-mix(in srgb, var(--ae-color-neutral) 15%, transparent);}
.ae .avatar.-small{width: var(--ae-circle-small);
  height: var(--ae-circle-small);}
.ae .avatar.-large{width: var(--ae-circle-large);
  height: var(--ae-circle-large);}
.ae .badge-holder{display: inline-flex;
  vertical-align: middle;
  align-items: center;}
.ae .badge > i, .ae .badge .badge-inner{font-size: 0.82em;}
.ae .badge .badge-inner{background-color: var(--ae-color-grey);
  color: var(--ae-color-white);
  padding: 0 var(--ae-spacer-1);
  height: var(--ae-spacer-5);
  line-height: var(--ae-spacer-5);
  margin-left: calc(var(--ae-spacer-1) * -1);
  border-radius: calc(var(--ae-border-radius) * 0.68);}
.ae .badge.-primary, .ae .badge.tag-sale, .ae .tag.-primary, .ae .tag.tag-sale{color: var(--ae-color-white);
  background: var(--ae-color-primary);}
.ae .badge.-outlined, .ae .tag.-outlined{background-color: transparent;
  border: var(--ae-border-width-double) var(--ae-border-style-solid) currentColor;}
.ae .badge.-pill, .ae .tag.-pill{margin-bottom: var(--ae-spacer-2);}
.ae .badge.-pill.-inverse, .ae .tag.-pill.-inverse{color: var(--ae-color-white);}
.ae .badge.-pill > svg, .ae .tag.-pill > svg{fill: currentColor;
  margin-right: var(--ae-spacer-05);}
.ae .badge.-pill, .ae .tag.-pill{border-radius: 0.8rem;}
.ae .icon-button{position: relative;
  background-color: transparent;
  padding: 0;
  border: none;
  text-align: center;
  outline: none;
  cursor: var(--ae-cursor-pointer);
  min-width: var(--ae-circle);
  width: var(--ae-circle);
  height: var(--ae-circle);
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color var(--ae-transition-function) var(--ae-transition-duration);}
.ae .icon-button > .icon{margin-left: 0;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  transition: all var(--ae-transition-function) var(--ae-transition-duration);
  transition-property: transform, opacity;}
.ae .icon-button.-small{min-width: var(--ae-circle-small);
  width: var(--ae-circle-small);
  height: var(--ae-circle-small);}
.ae .icon-button.-extra-small{min-width: var(--ae-circle-extra-small);
  width: var(--ae-circle-extra-small);
  height: var(--ae-circle-extra-small);}
.ae .icon-button:hover{color: inherit;}
.ae .icon-button:hover .icon{opacity: 0.75;
  transform: var(--ae-transform-scale);}
.ae .icon-button:focus, .ae .icon-button:active{background-color: var(--ae-color-fill);
  box-shadow: inset 0 0 0 0.3125rem color-mix(in srgb, var(--ae-color-neutral) 15%, transparent);}
.ae .icon-buttons-animation .icon-button::before{content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--ae-color-primary);
  transform: scale(0);
  transition: all var(--ae-transition-function) var(--ae-transition-duration);
  border-radius: 50%;}
.ae .icon-buttons-animation .icon-button:focus{outline: none;}
.ae .icon-buttons-animation .icon-button:focus::before{animation: var(--ae-transition-duration) click_animation var(--ae-transition-function) 1;}
.ae .icon-group{color: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  border-radius: 100%;}
.ae .icon-group.-contained, .ae .icon-group.-outlined{min-width: var(--ae-circle);
  max-width: var(--ae-circle);
  height: var(--ae-circle);}
.ae .icon-group.-contained .icon, .ae .icon-group.-outlined .icon{font-size: 1.75em;}
.ae .icon-group.-contained .icon.bi, .ae .icon-group.-outlined .icon.bi{font-size: 1.65em;}
.ae .icon-group.-contained > span, .ae .icon-group.-outlined > span{font-size: 2.5em;}
.ae .icon-group.-contained > span.emoji, .ae .icon-group.-outlined > span.emoji{font-size: 1.65em;}
.ae .icon-group.-contained{background-color: var(--ae-color-fill);}
.ae .icon-group.-outlined{border: var(--ae-border-width-double) var(--ae-border-style-solid) var(--ae-color-black-light);}
.ae .icon-group > img, .ae .icon-group > img.icon{max-width: 50%;
  max-height: 50%;}
.ae .icon-group:not(.-contained):not(.-outlined){justify-content: flex-start;}
.ae .icon-group:not(.-contained):not(.-outlined) > img{max-height: 2rem;
  max-width: initial;}
.ae .icon-group:not(.-contained):not(.-outlined) .icon{font-size: 2em;}
.ae .icon-group:not(.-contained):not(.-outlined) > span{font-size: 2.75em;}
.ae .icon-group:not(.-contained):not(.-outlined).-small .icon{font-size: 1.75em;}
.ae .icon-group:not(.-contained):not(.-outlined).-large .icon{font-size: 2.25em;}
.ae .icon-group.-small.-contained, .ae .icon-group.-small.-outlined{min-width: var(--ae-circle-small);
  max-width: var(--ae-circle-small);
  height: var(--ae-circle-small);}
.ae .icon-group.-large.-contained, .ae .icon-group.-large.-outlined{min-width: var(--ae-circle-large);
  max-width: var(--ae-circle-large);
  height: var(--ae-circle-large);}
.ae .horizontal-accordion-item .accordion-body{height: 100%;
  transition: all var(--ae-transition-function) var(--ae-transition-duration);}
.ae .horizontal-accordion-item:not(.active):hover .accordion-body{background-color: var(--ae-color-fill);}
.ae .accordion-item .accordion-body > h2, .ae .accordion-item .accordion-body > h3, .ae .accordion-item .accordion-body > h4, .ae .accordion-item .accordion-body > h5, .ae .accordion-item .accordion-body > h6{margin-top: 1.5em;
  margin-bottom: 1em;}
.ae .accordion-item > .accordion-button{position: relative;
  cursor: var(--ae-cursor-pointer);
  display: flex;
  justify-content: space-between;
  align-items: center;}
.ae .accordion-item > .accordion-button .accordion-header{gap: var(--ae-gap);
  display: flex;
  align-items: center;
  transition: all var(--ae-transition-function) var(--ae-transition-duration);}
.ae .accordion-item > .accordion-button .icon-button{margin: 0;
  position: relative;}
.ae .accordion-item > .accordion-button .icon-button:not(.next-btn) .icon{transition: all var(--ae-transition-function) var(--ae-transition-duration);}
.ae .accordion-item > .accordion-button .icon-button:not(.next-btn) .icon::after, .ae .accordion-item > .accordion-button .icon-button:not(.next-btn) .icon::before{content: "";
  width: var(--ae-spacer-2);
  height: 0.1rem;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all var(--ae-transition-function) var(--ae-transition-duration);}
.ae .accordion-item > .accordion-button .icon-button:not(.next-btn) .icon::before{transform: translate(-50%, -50%) rotate(90deg);}
.ae .accordion-item.active > .accordion-collapse{opacity: 1;}
.ae .accordion-item.active > .accordion-button .icon-button:not(.next-btn) .icon{transform: rotate(180deg);}
.ae .accordion-item.active > .accordion-button .icon-button:not(.next-btn) .icon::before{opacity: 0;}
.ae .accordion-item > .accordion-collapse{overflow: hidden;
  height: 0;
  transition: height var(--ae-transition-function) var(--ae-transition-duration);}
.ae .accordion-item > .accordion-collapse > .accordion-body > p:first-child{margin-top: 0;}
.ae .accordion-item > .accordion-collapse > .accordion-body > p:last-child{margin-bottom: 0;}
.ae .accordion-item:last-child{margin-bottom: 0;}
.ae .accordion.-text{display: grid;
  grid-gap: var(--ae-spacer-05);}
.ae .accordion.-numbered{counter-reset: accordion-item;}
.ae .banner .button.-without-text{border-radius: 50%;}
.ae .banner .button.-without-text.-flat{background-color: var(--ae-color-fill);}
.ae .banner .button.-without-text.-large{min-height: var(--ae-circle);
  min-width: var(--ae-circle);}
.ae .banner:not(.-with-overlay-image) .button.-without-text.-flat{color: inherit;}
.ae .banner.-with-overlay-image a:not(.button):not(:hover){transition: none;}
.ae .banner.-with-overlay-image .overlay-details .title, .ae .banner.-with-overlay-image .overlay-details .subtitle, .ae .banner.-with-overlay-image .overlay-details .description p, .ae .banner.-with-overlay-image .overlay-details .button .icon{transition: none;
  transition: color var(--ae-transition-function) var(--ae-transition-duration);}
.ae .banner.-with-overlay-image:hover .overlay-details .title, .ae .banner.-with-overlay-image:hover .overlay-details .button.-flat{color: inherit;}
.ae .banner.-with-icon-button-animation .button.-without-text{transition-property: background-color, border-color, transform;}
.ae .banner.-with-icon-button-animation:not(:hover) .button.-without-text{transform: rotate(-45deg);}
.ae .call-to-action{width: 100%;
  position: relative;
  background-color: color-mix(in srgb, var(--ae-color-primary) 10%, transparent);
  padding: var(--ae-grid-gutter-3x);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;}
.ae .call-to-action.-with-shadow{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);}
.ae .circle-progress .circle i, .ae .circle-progress .circle .icon-group, .ae .circle-progress .circle .range{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;}
.ae .compare-container{box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;}
.ae .compare-container img{width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  display: block;}
.ae .compare-container .compare-before{z-index: 2;}
.ae .compare-container .compare-after{z-index: 1;}
.ae .compare-container.active .compare-overlay, .ae .compare-container.active :hover.compare-overlay{background: transparent;}
.ae .compare-container.active .compare-overlay .compare-before-label, .ae .compare-container.active .compare-overlay .compare-after-label, .ae .compare-container.active :hover.compare-overlay .compare-before-label, .ae .compare-container.active :hover.compare-overlay .compare-after-label{opacity: 0;}
.ae .compare-container .compare-before-label, .ae .compare-container .compare-after-label{opacity: 0;}
.ae .compare-container .compare-before-label::before, .ae .compare-container .compare-after-label::before{content: attr(data-content);}
.ae .compare-handle{z-index: 40;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
.ae .compare-handle::before, .ae .compare-handle::after{content: "";
  display: block;
  background-color: var(--ae-color-white);
  position: absolute;
  z-index: 30;
  width: 0.125em;
  height: 9999px;
  margin-left: -0.0625em;
  left: 50%;}
.ae .compare-handle::before{bottom: 50%;
  margin-bottom: 1.7em;}
.ae .compare-handle::after{top: 50%;
  margin-top: 1.7em;}
.ae .compare-overlay{background: transparent;
  z-index: 3;
  transition: all var(--ae-transition-function) var(--ae-transition-duration);}
.ae .compare-overlay, .ae .compare-overlay .compare-before-label, .ae .compare-overlay .compare-after-label{position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all var(--ae-transition-function) var(--ae-transition-duration);}
.ae .compare-overlay .compare-before-label, .ae .compare-overlay .compare-after-label{transition-property: opacity;}
.ae .compare-overlay .compare-before-label::before, .ae .compare-overlay .compare-after-label::before{color: var(--ae-color-white);
  position: absolute;
  background-color: var(--ae-color-black-light);
  font-size: var(--ae-font-size-caption);
  font-weight: var(--ae-text-semi-bold);
  padding: 0.15rem var(--ae-spacer-1);
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  border-radius: var(--ae-border-radius-small);}
.ae .compare-overlay .compare-before-label::before{left: var(--ae-spacer-3);}
.ae .compare-overlay .compare-after-label::before{right: var(--ae-spacer-3);}
.ae .compare-overlay:hover{background-color: color-mix(in srgb, var(--ae-color-black) 25%, transparent);}
.ae .compare-overlay:hover .compare-after-label, .ae .compare-overlay:hover .compare-before-label{opacity: 1;}
.ae .compare .icon-button{background-color: color-mix(in srgb, var(--ae-color-grey) 10%, white);
  padding: 0;}
.ae .compare .icon-button .icon{width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
  background-position: center;
  background-repeat: no-repeat;}
.ae .compare-vertical .compare-handle{transform: translate(-50%, -50%) rotate(90deg);}
.ae .compare-vertical .compare-before-label::before, .ae .compare-vertical .compare-after-label::before{content: attr(data-content);
  transform: translateX(-50%);
  left: 50%;
  right: auto;}
.ae .compare-vertical .compare-before-label::before{top: var(--ae-spacer-3);
  bottom: auto;}
.ae .compare-vertical .compare-after-label::before{top: auto;
  bottom: var(--ae-spacer-3);}
.ae .compare-wrapper.-with-shadow .compare{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);}
.ae .counter-number{margin-bottom: var(--ae-spacer-1);
  display: inline-flex;
  vertical-align: middle;
  align-items: center;}
.ae .counter-number .icon-group{margin-right: var(--ae-spacer-1);}
.ae .counter-number .holder{color: var(--ae-title-color);
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  font-size: clamp(var(--ae-h2-font-size-min), 1.55vw + var(--ae-spacer-3), var(--ae-h2-font-size));}
.ae .counter-number .holder span{letter-spacing: var(--ae-h1-letter-spacing);
  line-height: 100%;}
.ae .counter-number.-with-increaser .holder::after{content: "+";
  font-size: 0.65em;
  margin-left: 0.4rem;}
.ae .counter.-right-icon .counter-number{flex-direction: row-reverse;}
.ae .counter.-right-icon .counter-number .icon-group{margin-left: var(--ae-spacer-1);
  margin-right: 0;}
.ae .counter.-top-icon .counter-number{align-items: center;
  flex-direction: column;}
.ae .counter.-top-icon .counter-number .icon-group{margin-bottom: var(--ae-spacer-1);
  margin-right: 0;}
.ae .counter.-top-icon.-center .counter-number{align-items: center;}
.ae .counter.-top-icon.-left .counter-number{align-items: flex-start;}
.ae .counter.-top-icon.-right .counter-number{align-items: flex-end;}
.ae .titles-typo .dynamic-text{color: var(--ae-title-color);}
.ae .heading .title + .subtitle{padding-top: 0.5em;}
.ae .heading .subtitle{color: var(--ae-subtitle-color);
  font-family: var(--ae-subtitle-font-family);
  font-size: var(--ae-subtitle-font-size);
  letter-spacing: var(--ae-subtitle-letter-spacing);
  line-height: var(--ae-subtitle-line-height);
  font-weight: var(--ae-subtitle-font-weight);
  font-style: var(--ae-subtitle-style);
  text-transform: var(--ae-subtitle-text-transform);
  text-decoration: var(--ae-subtitle-text-decoration);}
.ae .heading .subtitle + .divider{margin-block-start: 1em;}
.ae .heading .subtitle + .title{padding-top: 0.15em;}
.ae .heading .divider + .subtitle{padding-top: 1em;}
.ae .icon-box .icon-box-content .icon-box-heading + *{margin-top: var(--ae-spacer-1);}
.ae .icon-box .icon-box-content p{margin: 0;}
.ae .icon-box .icon-box-content .button{margin-top: var(--ae-spacer-3);}
.ae .icon-box:not(.-left-icon):not(.-floating-icon) .icon-box-content .icon-box-heading{margin-top: var(--ae-spacer-3);}
.ae .icon-box.-left-icon{display: flex;
  align-items: flex-start;}
.ae .icon-box.-left-icon .icon-group{margin-right: var(--ae-spacer-3);}
.ae .icon-box.-left-icon .icon-box-content{flex-grow: 2;}
.ae .icon-box.-left-icon .icon-box-content .icon-box-heading{margin-bottom: var(--ae-spacer-05);
  margin-top: var(--ae-spacer-05);}
.ae .icon-box.-floating-icon .icon-box-header{margin-bottom: var(--ae-spacer-1);
  display: flex;
  align-items: center;}
.ae .icon-box.-floating-icon .icon-group{margin-right: var(--ae-spacer-2);}
.ae .pricing-list-headline, .ae .pricing-list-details{display: flex;
  justify-content: space-between;}
.ae .pricing-list-headline{align-items: center;}
.ae .pricing-list-price{margin: 0;
  display: flex;}
.ae .pricing-list-details{margin-top: 0.25em;
  align-items: flex-start;}
.ae .pricing-list-details p{margin: 0;}
.ae .pricing-list.-with-discount .pricing-list-price .regular-price{color: var(--ae-text-color-grey);
  text-decoration: line-through;}
.ae .pricing-table-headline p{font-size: var(--ae-font-size-caption);}
.ae .pricing-table-price .price-number{color: var(--ae-title-color);
  line-height: 100%;
  display: block;
  letter-spacing: -0.05em;
  margin-bottom: var(--ae-spacer-1);
  font-size: clamp(var(--ae-pricing-titles-font-size-min), var(--ae-h1-clamp-size), var(--ae-pricing-titles-font-size));
  letter-spacing: var(--ae-h1-letter-spacing);
  line-height: var(--ae-h1-line-height);}
.ae .pricing-table .old-price{color: var(--ae-text-color-grey);
  display: inline-block;
  margin-bottom: var(--ae-spacer-05);}
.ae .pricing-table .button{margin: 0;
  transform: none;}
.ae .pricing-table.-contained{padding: var(--ae-spacer);
  background-color: var(--ae-color-fill);
  border-radius: var(--ae-border-radius);}
.ae .pricing-table > *, .ae .service-table > *{margin-bottom: var(--ae-spacer-4);}
.ae .pricing-table .heading, .ae .service-table .heading{margin-bottom: var(--ae-spacer-4);}
.ae .pricing-table > div:last-child, .ae .pricing-table .button, .ae .service-table > div:last-child, .ae .service-table .button{margin: 0;}
.ae .pricing-table-features, .ae .service-table-features{font-size: var(--ae-font-size-small);}
.ae .pricing-table-features + .button, .ae .service-table-features + .button{margin-top: var(--ae-spacer-6);}
.ae .pricing-table-features ul li, .ae .service-table-features ul li{gap: var(--ae-gap);
  margin-bottom: var(--ae-spacer-1);
  min-width: 100%;
  display: flex;
  align-items: flex-start;}
.ae .pricing-table-features ul li:last-child, .ae .service-table-features ul li:last-child{margin: 0;}
.ae .pricing-table-features ul li .icon, .ae .service-table-features ul li .icon{margin-top: var(--ae-spacer-05);}
.ae .pricing-table-features .icon, .ae .service-table-features .icon{line-height: 16px;}
.ae .pricing-table-features .exist .icon, .ae .service-table-features .exist .icon{color: var(--ae-color-primary);}
.ae .pricing-table-features .missing, .ae .service-table-features .missing{color: var(--ae-color-grey);}
.ae .pricing-table.-center .pricing-table-features ul li, .ae .pricing-table.-center .service-table-features ul li, .ae .service-table.-center .pricing-table-features ul li, .ae .service-table.-center .service-table-features ul li{justify-content: center;}
.ae .service-table{padding: var(--ae-spacer);
  border-radius: var(--ae-border-radius);
  transition: all var(--ae-transition-function) var(--ae-transition-duration);
  transition-property: background-color, box-shadow;}
.ae .service-table:hover{background-color: var(--ae-color-fill);}
.ae .service-table.-with-shadow:hover{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);}
.ae .subscribe-form input[type=email], .ae .subscribe-form input[type=number], .ae .subscribe-form input[type=password], .ae .subscribe-form input[type=search], .ae .subscribe-form input[type=tel], .ae .subscribe-form input[type=text], .ae .subscribe-form input[type=date], .ae .subscribe-form input[type=url], .ae .subscribe-form .button{border-radius: var(--ae-button-border-radius);}
.ae .subscribe-form .button, .ae .subscribe-form input[type=submit], .ae .subscribe-form button[type=submit]{white-space: nowrap;
  position: absolute;
  left: 100%;
  top: 0;
  transform: translate(-100%, 0);}
.ae .tabs-nav{position: relative;
  max-width: 100%;}
.ae .tabs-nav:not(.-hidden){display: inline-flex;
  vertical-align: middle;
  align-items: center;}
.ae .tabs-nav .icon{transition: color var(--ae-transition-function) var(--ae-transition-duration);}
.ae .tabs-nav .icon::before{margin-right: var(--ae-gap-small);}
.ae .tabs-nav .title{white-space: nowrap;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  align-items: center;
  transition: color var(--ae-transition-function) var(--ae-transition-duration);}
.ae .tabs-nav .subtitle{display: block;
  margin: 0 0 var(--ae-spacer-05) 0;
  color: var(--ae-subtitle-color);
  font-family: var(--ae-subtitle-font-family);
  font-size: var(--ae-subtitle-font-size);
  letter-spacing: var(--ae-subtitle-letter-spacing);
  line-height: var(--ae-subtitle-line-height);
  font-weight: var(--ae-subtitle-font-weight);
  font-style: var(--ae-subtitle-style);
  text-transform: var(--ae-subtitle-text-transform);
  text-decoration: var(--ae-subtitle-text-decoration);}
.ae .tabs-nav .description{margin: var(--ae-spacer-05) 0 0 0;}
.ae .tabs-nav-line{width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  transition: transform var(--ae-transition-function) var(--ae-transition-duration);}
.ae .tabs-nav-link{width: auto;
  min-height: var(--ae-button-height);
  cursor: var(--ae-cursor-pointer);
  gap: var(--ae-gap-small);
  display: flex;
  align-items: center;
  transition: all var(--ae-transition-function) var(--ae-transition-duration);}
.ae .tabs-nav-link:not(:hover):not(.active){opacity: 0.75;}
.ae .tabs-content-item::before{display: none;}
.ae .tabs-content-item:not(.active){overflow: hidden;
  height: 0;
  opacity: 0;
  transition-property: opacity;}
.ae .tabs-content-item.active{height: auto;
  opacity: 1;
  transition: all var(--ae-transition-function) var(--ae-transition-duration);}
.ae .tabs-content-item > p{margin: 0;}
.ae .tabs:not(.-vertical):not(.-with-button) .tabs-nav-line{border-bottom: var(--ae-border-width-double) var(--ae-border-style-solid) var(--ae-color-black-light);}
.ae .tabs:not(.-vertical) .tabs-content{margin-top: var(--ae-spacer-3);}
.ae .tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child){margin-right: var(--ae-spacer-5);}
.ae .tabs.-contained .tabs-nav-link{padding: 0 var(--ae-spacer-3);}
.ae .tabs.-contained .tabs-nav-link:has(.-with-description){padding: var(--ae-spacer-3) var(--ae-spacer);}
.ae .tabs.-contained .tabs-nav-link.active{background-color: var(--ae-color-fill);}
.ae .tabs.-with-button .tabs-nav{background-color: var(--ae-color-fill);
  outline: var(--ae-spacer-05) solid var(--ae-color-fill);
  border-radius: var(--ae-border-radius);}
.ae .tabs.-with-button .tabs-nav-link{min-height: var(--ae-button-height-small);
  padding: 0 var(--ae-spacer-3);
  z-index: 1;}
.ae .tabs.-with-button .tabs-nav-link:has(.-with-description){padding: var(--ae-spacer-3) var(--ae-spacer);}
.ae .tabs.-with-button .tabs-nav-link.active .title, .ae .tabs.-with-button .tabs-nav-link.active .icon{color: var(--ae-color-white);}
.ae .tabs.-with-button .tabs-nav-line{height: var(--ae-button-height-small);
  background-color: var(--ae-color-button);
  border-radius: var(--ae-border-radius);}
.ae .testimonial{gap: var(--ae-spacer-2);}
.ae .testimonial, .ae .testimonial.-inline{display: flex;
  flex-direction: column;}
.ae .testimonial > p{margin: 0;}
.ae .testimonial > p > b{margin-bottom: var(--ae-grid-gap);}
.ae .testimonial .holder{gap: var(--ae-spacer-2);
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  flex-direction: column;}
.ae .testimonial.-middle-avatar .testimonial-text{order: 1;}
.ae .testimonial.-middle-avatar .author{order: 3;}
.ae .testimonial.-middle-avatar:not(.-inline) .avatar{order: 2;}
.ae .testimonial.-left .holder{align-items: flex-start;}
.ae .testimonial.-center{align-items: center;}
.ae .testimonial.-right{align-items: flex-end;}
.ae .testimonial.-inline .holder{flex-direction: row;
  align-items: center;}
.ae .testimonial.-inline .holder .author{text-align-last: left;}
.ae .video-button .icon-button{transition: all var(--ae-transition-function) var(--ae-transition-duration);}
.ae .video-button .icon-button .icon{transform: translateX(0.15rem);}
.ae .video-button .icon-button:hover{transform: var(--ae-transform-scale);}
.ae .video-button:not(.-outlined) .icon-button{background-color: var(--ae-color-video-button);}
.ae .video-button:not(.-outlined) .icon-button .icon{color: var(--ae-color-white);}
.ae .video-button:not(.-outlined):not(.-blurred) .icon-button:hover{background-color: var(--ae-color-primary);}
.ae .video-button.-outlined .icon-button{border: var(--ae-border-width-double) var(--ae-border-style-solid) currentColor;}
.ae .video-button.-outlined .icon-button:hover{background-color: transparent;
  color: var(--ae-color-primary);}
.ae .video-button.-outlined .icon-button:hover .icon{color: currentColor;}
.ae .video-button.-blurred .icon-button{background-color: color-mix(in srgb, var(--ae-color-neutral) 50%, transparent);
  backdrop-filter: blur(0.15rem);}
.ae .video-button.-animation .icon-button{position: relative;}
.ae .video-button.-animation .icon-button::after{outline-style: var(--ae-border-style-solid);
  outline-color: color-mix(in srgb, var(--ae-color-video-button) 16%, transparent);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  animation: 1.5s linear infinite video_sc;
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;}
.ae .video-button.-animation .icon-button:hover::after{animation: none;}
.ae .video-button.-with-shadow:not(.-with-preview) .icon-button{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);}
.ae .-inline-flex:not(.-right) > .button{margin-right: var(--ae-spacer-2);}
.ae .-rotate-45.button svg, .ae .-rotate-45.button .icon::before, .ae .-rotate-45 .button svg, .ae .-rotate-45 .button .icon::before{transform: scale(0.9) rotate(-45deg) !important;}
@media screen and (min-width: 769px){.ae .card.-metro.-stretch, .ae .card.-metro.-stretch a:not(.button){height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;}
.ae .card.-metro.-stretch .image-holder, .ae .card.-metro.-stretch a:not(.button) .image-holder{height: 100%;}
.ae .card.-metro.-stretch .image-holder img, .ae .card.-metro.-stretch a:not(.button) .image-holder img{height: 100%;
    object-fit: cover;}
.ae .icon-button.-large{min-width: var(--ae-circle-large);
    width: var(--ae-circle-large);
    height: var(--ae-circle-large);}
.ae .tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child){margin-right: var(--ae-spacer-4);}
.ae .tabs.-vertical{display: flex;
    align-items: flex-start;}
.ae .tabs.-vertical .tabs-nav{width: auto;
    margin-right: var(--ae-spacer-5);
    flex-direction: column;}
.ae .tabs.-vertical .tabs-nav-line{top: 0;
    left: auto;
    right: 0;}
.ae .tabs.-vertical:not(.-with-button) .tabs-nav-line{border-right: var(--ae-border-width-double) var(--ae-border-style-solid) var(--ae-color-black-light);}
.ae .tabs.-vertical .tabs-content{width: auto;
    flex-grow: 2;}
.ae .tabs.-vertical:not(.-contained):not(.-with-button) .tabs-nav-link{padding: 0;
    padding-right: var(--ae-spacer-3);}
.ae .tabs.-vertical.-with-button .tabs-nav-link{width: 100%;
    justify-content: center;}
.ae .tabs.-vertical.-with-button .tabs-nav-link:has(.-with-description){justify-content: flex-start;}
.ae .tabs.-vertical.-with-button .tabs-nav-line{width: 100%;}
.ae .-inline-flex.-right > .button{margin-left: var(--ae-spacer-1);}}
@media screen and (max-width: 768px){.ae .horizontal-accordion > .horizontal-accordion-item .accordion-body{padding-left: 0;}
.ae .call-to-action{flex-direction: column;}
.ae .service-table{background-color: var(--ae-color-fill);}
.ae .tabs-nav{overflow-x: auto;}
.ae .tabs.-vertical .tabs-nav-link:not(:last-child){margin-right: var(--ae-spacer-4);}
.ae .tabs.-vertical:not(.-with-button) .tabs-nav-line{border-bottom: var(--ae-border-width-double) var(--ae-border-style-solid) var(--ae-color-black-light);}
.ae .tabs.-tabs-with-description .tabs-nav{margin-bottom: var(--ae-spacer-4);
    min-width: 100%;
    display: flex;
    flex-direction: column;}
.ae .tabs.-tabs-with-description .tabs-nav-link:not(:last-child){margin-right: 0;}
.ae .tabs.-tabs-with-description .tabs-nav-line{border-bottom: none;
    top: 0;
    left: auto;
    right: 0;
    border-right: var(--ae-border-width-double) var(--ae-border-style-solid) var(--ae-color-black-light);}
.ae .-inline-flex.-right > .button{margin-right: var(--ae-spacer-1);}}

/* ---- Eigene Ergänzungen für Bricks und Alpner (nicht aus der Referenz) ---- */
.ae-raster{display:grid;gap:clamp(.9rem,1.6vw,1.5rem);align-items:stretch}
.ae-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ae-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ae-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ae-abstand{margin-top:clamp(2rem,4vw,3rem)}
@media (max-width:999.98px){.ae-3,.ae-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639.98px){.ae-2,.ae-3,.ae-4{grid-template-columns:minmax(0,1fr)}}
.bk-sec.bk-tint .ae .pricing-table.-contained,.bk-sec.bk-tint .ae .service-table{background:var(--bk-card)}
/* Knöpfe in Alpner-Form */
.ae .button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--ae-button-height);padding:0 1.25rem;border:var(--ae-border-width-double) solid var(--ae-color-button);border-radius:var(--ae-button-border-radius);background:var(--ae-color-button);color:#fff;font:600 .9375rem/1 var(--bk-f-text);text-decoration:none;transition:background-color .25s,border-color .25s,color .25s}
.ae .button:hover{background:var(--bk-red);border-color:var(--bk-red);color:#fff}
.ae .button.-primary{background:var(--bk-red);border-color:var(--bk-red)}
.ae .button.-primary:hover{background:var(--bk-red-2);border-color:var(--bk-red-2)}
.ae .button.-outlined{background:transparent;color:var(--bk-ink);border-color:currentColor}
.ae .button.-outlined:hover{background:var(--bk-ink);border-color:var(--bk-ink);color:#fff}
.ae .button:focus-visible{outline:3px solid var(--bk-blue);outline-offset:3px}
/* Preistabelle */
.ae .pricing-table{display:flex;flex-direction:column}
.ae .pricing-table .pricing-table-button-holder{margin-top:auto}
.ae .pricing-table .tag{display:inline-flex;align-items:center;min-height:var(--ae-badge-height);padding:.25rem .75rem;border-radius:999px;background:var(--ae-color-badge-fill);color:var(--bk-ink);font-size:var(--ae-font-size-caption);font-weight:500}
.ae .pricing-table-price .price-number{font-size:clamp(2.5rem,1.8rem + 1.6vw,3.4rem)}
.ae :is(.pricing-table-features,.service-table-features) ul{margin:0;padding:0;list-style:none}
.ae :is(.pricing-table-features,.service-table-features) .icon svg{inline-size:1.1rem;block-size:1.1rem;stroke-width:2.4}
.ae .pricing-table.ae-hervor{background:var(--bk-dark);color:#d9d7d3}
.ae .pricing-table.ae-hervor :is(.title,.price-number){color:#fff}
.ae .pricing-table.ae-hervor .tag{background:rgb(255 255 255/.14);color:#fff}
.ae .pricing-table.ae-hervor .subtitle{color:#bdb9b3}
/* Service-Tabelle */
.ae .service-table{display:flex;flex-direction:column;border-radius:var(--ae-border-radius);transition:background-color .3s,box-shadow .3s}
.ae .service-table .icon-group{color:var(--bk-icon)}
.ae .service-table .icon-group svg{inline-size:1.5rem;block-size:1.5rem}
.ae .service-table .service-table-button-holder{order:9;margin-top:auto;padding-top:var(--ae-spacer-4)}
.ae .service-table .missing{text-decoration:line-through;text-decoration-color:rgb(23 25 29/.3)}
.ae .service-table .missing .icon{color:var(--bk-muted)}
/* Preisliste */
.ae .pricing-list{padding:1rem 0;border-bottom:1px solid rgb(23 25 29/.1)}
.ae .pricing-list-headline{display:flex;align-items:baseline;gap:.75rem}
.ae .pricing-list-title{flex:1;display:flex;align-items:baseline;gap:.75rem}
.ae .pricing-list-title::after{content:"";flex:1;border-bottom:2px dotted rgb(23 25 29/.22);transform:translateY(-.25em)}
.ae .pricing-list-price .title{white-space:nowrap;font-variant-numeric:tabular-nums}
.ae .pricing-list-details p{margin:.2rem 0 0;color:var(--bk-muted);font-size:.9375rem}
/* Vorher/Nachher */
.ae .compare-container{--pos:50%;position:relative;overflow:hidden;border-radius:var(--bk-r-l);aspect-ratio:21/9;user-select:none}
.ae .compare-container img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;max-inline-size:none}
.ae .compare-container img.ae-nachher{clip-path:inset(0 0 0 var(--pos))}
.ae .compare-container .ae-compare-griff{position:absolute;inset-block:0;left:var(--pos);z-index:2;inline-size:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgb(23 25 29/.15);pointer-events:none}
.ae .compare-container .ae-compare-griff::after{content:"";position:absolute;top:50%;left:50%;inline-size:3rem;block-size:3rem;border-radius:50%;background:#fff;box-shadow:0 10px 30px -10px rgb(23 25 29/.5);transform:translate(-50%,-50%);-webkit-mask:none}
.ae .compare-container .ae-compare-regler{position:absolute;inset:0;z-index:3;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:ew-resize}
.ae .compare-container .ae-compare-regler:focus-visible+*{outline:none}
.ae .compare-container:focus-within{outline:3px solid var(--bk-blue);outline-offset:3px}
.ae .compare-container :is(.compare-before-label,.compare-after-label){position:absolute;bottom:1rem;z-index:2;padding:.3rem .8rem;border-radius:999px;background:rgb(23 25 29/.65);color:#fff;font-size:.8125rem;font-weight:600;pointer-events:none}
.ae .compare-container .compare-before-label{left:1rem}.ae .compare-container .compare-after-label{right:1rem}
@media (max-width:639.98px){.ae .compare-container{aspect-ratio:4/3}}
/* Zähler */
.ae .counter{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 0;border-top:2px solid var(--bk-ink)}
.ae .counter-number .holder{display:flex;align-items:baseline;gap:.35rem;color:var(--bk-ink)}
.ae .counter-number .number{font:var(--bk-titel-w) clamp(2.6rem,1.8rem + 2vw,3.6rem)/1 var(--bk-f-titel);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.ae .counter-number :is(.text-before,.text-after){color:var(--bk-red-text);font:600 1rem/1 var(--bk-f-titel)}
.ae .counter p{margin:0;color:var(--bk-muted);font-size:.9375rem}
/* Kundenstimme */
.ae .testimonial.ae-karte{flex-direction:column;align-items:flex-start;padding:clamp(1.4rem,2vw,1.9rem);border-radius:var(--ae-border-radius);background:var(--bk-card);box-shadow:0 0 0 1px var(--bk-line)}
.ae .testimonial .testimonial-headline b{display:inline-flex;padding:.25rem .75rem;border-radius:999px;background:var(--bk-sand);color:var(--bk-ink);font-size:.8125rem;font-weight:600}
.ae .testimonial>p{color:var(--bk-ink);font:500 1.0625rem/1.55 var(--bk-f-text)}
.ae .testimonial .holder{margin-top:auto}
.ae .testimonial .author-details{color:var(--bk-muted);font-size:.875rem}
/* Symbol-Kachel und Ablauf */
.ae .icon-box .icon-group{flex:none;color:var(--bk-icon);background:var(--bk-eis)}
.ae .icon-box .icon-group svg{inline-size:1.4rem;block-size:1.4rem}
.ae .icon-box p{color:var(--bk-text);font-size:.9375rem}
.ae .process{padding-top:1.25rem;border-top:1px solid rgb(23 25 29/.14)}
.ae .process .process-number{color:var(--bk-red-text);font:600 .9375rem/1 var(--bk-f-titel)}
.ae .process .process-headline{margin:.6rem 0 .5rem;font-size:1.2rem}
.ae .process .process-description{margin:0;color:var(--bk-text);font-size:.9375rem}
/* Reiter */
.ae .tabs-nav{display:flex;flex-wrap:wrap;gap:.4rem;padding:.35rem;border-radius:999px;background:var(--bk-card);box-shadow:0 0 0 1px var(--bk-line);inline-size:fit-content;max-inline-size:100%}
.ae .tabs-nav-link{display:inline-flex;align-items:center;min-height:42px;padding:0 1.1rem;border-radius:999px;color:var(--bk-ink);font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}
.ae .tabs-nav-link.active{background:var(--bk-dark);color:#fff}
.ae .tabs-content-item{padding:1.25rem .25rem}
.ae .tabs-content-item p{margin:0 0 1rem}
/* Akkordeon */
.ae .accordion{display:grid;gap:.6rem}
.ae .accordion-item{border-radius:var(--bk-r-m);background:var(--bk-card);box-shadow:0 0 0 1px var(--bk-line)}
.ae .accordion-button{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:.75rem 1.1rem;cursor:pointer}
.ae .accordion-button:focus-visible{outline:3px solid var(--bk-blue);outline-offset:2px;border-radius:var(--bk-r-m)}
.ae .accordion-header{margin:0}
.ae .ae-plus{position:relative;flex:none;inline-size:28px;block-size:28px;border-radius:50%;background:var(--bk-bg2)}
.ae .ae-plus::before,.ae .ae-plus::after{content:"";position:absolute;top:50%;left:50%;inline-size:12px;block-size:2px;border-radius:2px;background:var(--bk-ink);transform:translate(-50%,-50%);transition:transform .25s var(--bk-ease)}
.ae .ae-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.ae .accordion-item.active .ae-plus::after{transform:translate(-50%,-50%) rotate(0)}
.ae .accordion-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--bk-ease)}
.ae .accordion-item.active .accordion-collapse{grid-template-rows:1fr}
.ae .accordion-body{overflow:hidden;padding:0 1.1rem}
.ae .accordion-item.active .accordion-body{padding-bottom:1rem}
.ae .accordion-body p{margin:0;color:var(--bk-text)}
/* Abzeichen und Aufruf */
.ae.ae-abzeichen{display:flex;flex-wrap:wrap;gap:.6rem}
.ae .badge{color:var(--bk-ink)}
.ae .call-to-action.ae-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem 2rem;padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--bk-r-l);background:var(--bk-dark);color:#fff}
.ae .call-to-action.ae-cta .subtitle{color:#d9d7d3}
.ae .call-to-action.ae-cta .title{margin-top:.35rem;color:#fff;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.2rem)}
.ae .call-to-action.ae-cta .holder{display:flex;flex-wrap:wrap;gap:.6rem}
.ae .call-to-action.ae-cta .button.-outlined{color:#fff}
.ae .call-to-action.ae-cta .button.-outlined:hover{background:#fff;color:var(--bk-ink)}
@media (max-width:767.98px){.ae .call-to-action.ae-cta{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.ae .accordion-collapse,.ae .ae-plus::after{transition:none}}
/* Referenz setzt die Höhe per eigenem Skript; hier übernimmt das Raster (0fr → 1fr) */
.ae .accordion-item > .accordion-collapse{height:auto;opacity:1}
/* Griff im Vorher/Nachher mit Pfeilen */
.ae .compare-container .ae-compare-griff::before{content:"‹ ›";position:absolute;top:50%;left:50%;z-index:1;color:var(--bk-ink);font:700 1rem/1 var(--bk-f-titel);letter-spacing:.35em;transform:translate(-45%,-55%);white-space:nowrap}
/* Sterne in den Kundenstimmen in Gelb */
.ae .testimonial .ae-sterne{color:var(--bk-stern)}
/* Abzeichen (Referenz «Badge»; die Original-Regel hängt an WordPress-Schlagwortwolken und wurde deshalb nicht übernommen) */
.ae .badge{display:inline-flex;align-items:center;gap:var(--ae-gap);min-height:2rem;padding:.3rem .85rem;border-radius:999px;background:var(--ae-color-badge-fill);color:var(--bk-ink);font-size:var(--ae-font-size-caption);font-weight:500;line-height:1;white-space:nowrap}
.ae .badge .badge-inner{display:inline-flex;align-items:center;height:1.4rem;margin-left:-.45rem;padding:0 .55rem;border-radius:999px;background:var(--bk-dark);color:#fff;font-size:.78rem;font-weight:600}
.ae .badge.-primary{background:var(--bk-red);color:#fff}
.ae .badge.-outlined{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
/* Aufruf: Untertitel klein, Titel gross */
.ae .call-to-action.ae-cta .heading.title{font-size:inherit}
.ae .call-to-action.ae-cta .subtitle{font:500 .9375rem/1.4 var(--bk-f-text)}
.ae .call-to-action.ae-cta h3.title{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.2rem);line-height:1.15}
/* Handy: Zähler 2×2, Tabs als gleich breite Segmente statt Umbruch */
@media (max-width:639.98px){
.ae.ae-raster:has(> .counter){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}
.ae .counter-number .holder{flex-wrap:wrap;column-gap:.3rem;row-gap:.15rem}
.ae .counter-number .number{font-size:clamp(2.1rem,1.6rem + 2.2vw,2.6rem)}
.ae .counter-number :is(.text-before,.text-after){font-size:.875rem}
.ae .tabs-nav:not(.-hidden){display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);inline-size:100%;border-radius:16px;gap:.25rem;padding:.3rem}
.ae .tabs-nav-link{justify-content:center;padding:0 .4rem;border-radius:12px;font-size:.875rem;text-align:center}
}
/* Abstand zwischen Tabs nur über gap (Referenz-Rand rechts würde die Segmente stauchen); Abzeichen nur ein Rand */
.ae .tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child){margin-right:0}
.ae .badge.-outlined{border:0}
/* Auf den Seiten (01.11.2026): Team-Preise, Zähler, Abschluss-Band */
.ae-preise.ae-4 .pricing-table-price .price-number{font-size:clamp(2rem,1.1rem + 1.5vw,2.75rem)}
.ae-preise + .pr-k-hinweis{margin-top:1.25rem}
.ae-zahlen{margin-top:clamp(2rem,4vw,3rem)}
.ae .call-to-action.ae-cta :is(h2,h3).title{margin:.35rem 0 0;color:#fff;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.2rem);line-height:1.15}
.ae .call-to-action.ae-cta .subtitle{margin:0}
.ae .ae-cta-gross{align-items:center}
.ae .ae-cta-gross .heading{max-inline-size:40rem}
.ae .ae-cta-gross .text{margin:.85rem 0 0;color:#d9d7d3}
.ae .ae-cta-gross .adresse{margin:.6rem 0 0;color:#bdb9b3;font-size:.875rem}
.ae .call-to-action.ae-cta-gross .holder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;flex:0 1 31rem}
.ae .ae-cta-gross .button{min-inline-size:0;padding:0 1rem;white-space:nowrap}
.ae .ae-cta .button svg{inline-size:1.15em;block-size:1.15em;flex:none}
/* Knöpfe nie schmaler als ihr Text (04.11.2026: bei 1024 px überlappten «076 445 38 58» und «info@…»).
   Ab 1180 px Text links, Knöpfe rechts in fester Breite; darunter Knöpfe unter dem Text, in natürlicher Breite nebeneinander. */
.ae .call-to-action.ae-cta-gross .holder{flex:0 0 31rem}
@media (max-width:1179.98px){
.ae .call-to-action.ae-cta.ae-cta-gross{flex-direction:column;align-items:flex-start}
.ae .call-to-action.ae-cta-gross .holder{display:flex;flex-wrap:wrap;flex:none;inline-size:100%}
.ae .ae-cta-gross .heading{max-inline-size:48rem}
}
@media (max-width:479.98px){.ae .call-to-action.ae-cta-gross .holder{display:grid;grid-template-columns:minmax(0,1fr)}}
.bk-sec .ae .pricing-table.-contained.ae-hervor{background:var(--bk-dark)}
/* Handy: Team-Preise zum Wischen (nächste Karte schaut hervor), statt vier Karten untereinander */
@media (max-width:639.98px){
.ae.ae-raster.ae-preise{display:flex;gap:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--bk-gut);margin-inline:calc(-1*var(--bk-gut));padding:0 var(--bk-gut) .5rem;scrollbar-width:none}
.ae.ae-raster.ae-preise::-webkit-scrollbar{display:none}
.ae.ae-raster.ae-preise > .pricing-table{flex:0 0 84%;scroll-snap-align:start}
}
/* Preis passt sich der Kartenbreite an (schmale Spalte neben dem Inhaltsverzeichnis, vier Karten): nie umbrechen */
.ae .pricing-table{container-type:inline-size}
.ae .pricing-table-price .price-number,.ae-preise.ae-4 .pricing-table-price .price-number{font-size:clamp(1.6rem,14.5cqi,3.4rem);white-space:nowrap}
/* Schmale Spalte (z. B. Ratgeber neben dem Inhaltsverzeichnis, Handy): Karten etwas dichter, Knopf auf einer Zeile */
:where(div,section):has(> .ae-preise){container-type:inline-size}
@container (max-width:52rem){
.ae-preise .pricing-table.-contained{padding:1.1rem}
.ae-preise .pricing-table .button{padding:0 .85rem;font-size:.8125rem}
.ae-preise .pricing-table .tag{font-size:.75rem}
}
/* Preiskacheln mit Hover (Wunsch des Nutzers 03.11.2026, gleich wie die Leistungskarten der Startseite):
   Karte hebt sich mit Schatten, roter Rand als Ring (kein Springen), Knopf wird rot. Nur Geräte mit Maus. */
.ae .pricing-table.-contained{transition:transform .25s var(--bk-ease,ease),box-shadow .25s var(--bk-ease,ease)}
.ae .pricing-table .button{transition:background-color .25s var(--bk-ease,ease),border-color .25s var(--bk-ease,ease),color .25s var(--bk-ease,ease)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.ae .pricing-table.-contained:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1.5px var(--bk-red),0 18px 40px -16px rgba(38,37,36,.35)}
.ae .pricing-table.-contained.ae-hervor:hover{box-shadow:0 22px 44px -16px rgba(38,37,36,.55)}
.ae .pricing-table.-contained:hover .button{background-color:var(--bk-red);border-color:var(--bk-red);color:#fff}
.ae .pricing-table.-contained.ae-hervor:hover .button{background-color:var(--bk-red-2);border-color:var(--bk-red-2)}
}