.b-tile{--tile-border-radius:var(--card-border-radius);--tile-picture-height:18rem;background:#fff;height:100%;position:relative;text-align:left}@media (min-width:576px){.b-tile{--tile-picture-height:28rem;display:grid;grid-template-rows:auto 1fr}}.b-tile.is-centered{text-align:center}.b-tile.is-centered .tile-action{justify-content:center}.b-tile.has-gradient{background:linear-gradient(180deg,#fff 70%,#f4f5f9);box-shadow:none}.b-tile.has-gradient:before{display:none}.b-tile.has-gradient .tile-picture-wrapper{background:none}.b-tile.has-narrow-desktop-image{--tile-picture-height:19rem}@media (max-width:575.98px){.b-tile.has-horizontal-mobile-view{display:flex}.b-tile.has-horizontal-mobile-view.is-centered{text-align:left}.b-tile.has-horizontal-mobile-view.is-centered .tile-action{justify-content:unset}.b-tile.has-horizontal-mobile-view .tile-picture-wrapper{background:linear-gradient(90deg,#fff 50%,#f4f5f9);border-bottom-left-radius:16px;border-top-right-radius:0;display:flex;height:auto;justify-content:center;width:30%}.b-tile.has-horizontal-mobile-view .tile-content{flex:1}}@media (min-width:768px){.b-tile.has-badge .tile-text,.b-tile.has-badge .tile-title{padding-right:12rem}}.b-tile .tile-picture-wrapper{background-image:linear-gradient(180deg,#fff 50%,#f4f5f9);border-top-left-radius:var(--tile-border-radius);border-top-right-radius:var(--tile-border-radius);height:var(--tile-picture-height);overflow:hidden;place-items:center;width:100%}.b-tile .tile-picture{display:flex;height:100%;justify-content:center}.b-tile .tile-image{height:100%;-o-object-fit:var(--tile-image-sizing);object-fit:var(--tile-image-sizing);width:100%}.b-tile .tile-flag{z-index:1}.b-tile .tile-content:only-child,.b-tile .tile-flag+.tile-content{grid-row:span 2}.b-tile .tile-content{align-content:start;display:grid;grid-template-rows:auto 1fr;padding:2.5rem 2rem 2.5rem 1.5rem}@media (min-width:768px){.b-tile .tile-content{padding:2.5rem 2rem}}@media (min-width:992px){.b-tile .tile-content{padding:3.5rem 4rem}}@media (max-width:767.98px){.b-tile .tile-text{margin-top:1.5rem}}.b-tile .tile-overlay-link{justify-self:start;z-index:1}.b-tile .tile-action{align-self:end;display:flex}.b-tile .tile-action.has-button{justify-content:end}.b-tile .tile-action.has-price{justify-content:space-between}.b-tile .tile-link-button:before,.b-tile .tile-radio-label:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.b-tile .tile-price-container{align-items:baseline;display:flex;font-size:3rem}@media (max-width:767.98px){.b-tile .tile-price-container{font-size:1.8rem}}.b-tile .tile-strikethrough-price{align-self:center}.b-tile .tile-price{font-weight:bolder;margin-left:1.5rem;margin-right:.5rem}.b-tile .tile-price-monthly{font-size:.54em;font-weight:bolder}.b-tile .tile-radio:checked+.tile-radio-label{background-color:#8cce3b;background-position:center 50%;border-color:#8cce3b}.b-tile .tile-radio:checked+.tile-radio-label:before{box-shadow:0 0 0 3px #8cce3b}.b-tile .tile-radio-label{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg id='fd8aeb64-73c7-4e5c-9d18-4ec10f5e2884' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'%3E%3Cg id='e190875a-e6d2-45c9-bee2-b6dd39d101b5' data-name='Symbols'%3E%3Cg id='b1f9a41a-189a-4fe1-98f7-669358046852' data-name='Checkbox'%3E%3Cg id='f7d4c612-8724-4367-a33a-ed171cea8c60' data-name='Path-2'%3E%3Cpath d='M7.67,16a1,1,0,0,1-.73-.31l-6.66-7A1,1,0,0,1,1.72,7.31l6,6.24L20.28.31a1,1,0,1,1,1.44,1.38l-13.33,14A1,1,0,0,1,7.67,16Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position:center -100%;background-repeat:no-repeat;background-size:auto 50%;border:3px solid #b7bdc7;border-radius:50%;height:2.4rem;margin-left:auto;transition:background-position .2s;width:2.4rem}@media (min-width:768px){.b-tile .tile-radio-label{height:4rem;width:4rem}}.b-tile .tile-radio-label:before{border-radius:var(--tile-border-radius);box-shadow:0 0 #8cce3b;transition:box-shadow .2s}.b-tile .tile-badge{bottom:-.5rem;left:-2rem;position:absolute;z-index:1}@media (max-width:767.98px){.b-tile .tile-badge{font-size:1rem}}@media (min-width:768px){.b-tile .tile-badge{--badge-width:12rem;bottom:auto;left:auto;right:2rem;top:calc(var(--tile-picture-height) - var(--badge-width)/2)}}@media (min-width:992px){.b-tile .tile-badge{right:7rem}}
