:root{--icon-panel-headline-color: var(--color-black)}.panel-icon-teaser{position:relative;z-index:0;display:flex;flex-direction:column;gap:16px;padding:24px;background-color:var(--color-white);border:1px solid rgba(0,0,0,0);border-radius:16px;height:100%;transition:transform .2s ease,box-shadow .3s ease}@media(min-width: 64rem){.panel-icon-teaser{padding:32px;gap:24px;align-items:flex-start;justify-content:space-between}}@media(min-width: 80rem){.panel-icon-teaser{padding:40px;gap:32px}}.panel-icon-teaser .icon-base{--icon-base-size: 40px;width:var(--icon-base-size);height:var(--icon-base-size);background-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.08);border-radius:8px;padding:8px;flex-shrink:0}@media(min-width: 64rem){.panel-icon-teaser .icon-base{--icon-base-size: 48px}}@media(min-width: 80rem){.panel-icon-teaser .icon-base{--icon-base-size: 64px}}.panel-icon-teaser .icon-base svg{fill:currentColor}.panel-icon-teaser .panel-icon-content{display:flex;gap:8px;flex-direction:column;align-items:flex-start}@media(min-width: 64rem){.panel-icon-teaser .panel-icon-content{gap:12px}}.panel-icon-teaser .panel-icon-content h1::before{content:"( h1 tags are not allowed here, use h2-h6 )";display:block}.panel-icon-teaser .panel-icon-content h2,.panel-icon-teaser .panel-icon-content h3,.panel-icon-teaser .panel-icon-content h4,.panel-icon-teaser .panel-icon-content h5,.panel-icon-teaser .panel-icon-content h6{font-size:18px;font-weight:600;color:var(--icon-panel-headline-color)}@media(min-width: 64rem){.panel-icon-teaser .panel-icon-content>p{padding-right:40px}}.panel-icon-teaser .panel-icon-content>a{padding:12px 20px !important;font-size:12px}@media(min-width: 64rem){.panel-icon-teaser .panel-icon-content>a{margin-top:8px}}.panel-icon-teaser .panel-icon-content>a.btn-ghost{padding:12px 0 !important}.panel-icon-teaser.type-ghost{background-color:rgba(0,0,0,0);border:none;padding:0}.panel-icon-teaser.type-outline[data-theme=black]{border-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.3)}.panel-icon-teaser.type-outline[data-theme=primary]{border-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.3)}.panel-icon-teaser.type-outline[data-theme=secondary]{border-color:hsla(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l), 0.3)}.panel-icon-teaser.type-outline[data-theme=white]{border-color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.3)}.panel-icon-teaser.type-fill[data-theme=black]{background-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1);border-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1)}.panel-icon-teaser.type-fill[data-theme=black] .icon-base{background-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1);color:var(--color-black)}.panel-icon-teaser.type-fill[data-theme=primary]{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);border-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1)}.panel-icon-teaser.type-fill[data-theme=primary] .icon-base{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);color:var(--color-primary)}.panel-icon-teaser.type-fill[data-theme=secondary]{background-color:hsla(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l), 0.1);border-color:hsla(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l), 0.1)}.panel-icon-teaser.type-fill[data-theme=secondary] .icon-base{background-color:hsla(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l), 0.1);color:var(--color-secondary)}.panel-icon-teaser.type-fill[data-theme=white]{background-color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1);border-color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1)}.panel-icon-teaser.type-fill[data-theme=white] .icon-base{background-color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1);color:var(--color-white)}@media(min-width: 64rem){.panel-icon-teaser.layout-direction-right{flex-direction:row}}.panel-icon-teaser.layout-direction-right .panel-icon-content{height:100%}@media(min-width: 64rem){.panel-icon-teaser.layout-direction-right .panel-icon-content{padding-top:16px;justify-content:flex-end;flex:1 0 auto}}.panel-icon-teaser:hover{z-index:99}@media(min-width: 64rem){.panel-icon-teaser:hover{box-shadow:0 4px 16px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.04);transform:scale(1.008)}}.panel-icon-teaser:hover.type-ghost{box-shadow:none;transform:none}