/* Extracted from buchungsplattform.html */
.bp-selfservice{padding:5rem 2rem;background:#ffffff;}
.bp-selfservice__inner{max-width:1200px;margin:0 auto;text-align:center;}
.bp-selfservice__badge{display:inline-block;padding:0.4rem 1.2rem;border-radius:6px;background:#e8f4fd;color:#1a2b3c;font-size:0.8rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:1rem;}
.bp-selfservice__title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:#1a2b3c;margin-bottom:1rem;}
.bp-selfservice__title span{color:#66ff7e;}
.bp-selfservice__desc{font-size:1.05rem;color:#5a6a7a;max-width:700px;margin:0 auto 3rem;line-height:1.7;}
.bp-selfservice__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.bp-selfservice__card{position:relative;background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:2rem 1.5rem;text-align:left;transition:all 0.3s ease;overflow:hidden;}
.bp-selfservice__card::before{content:'';position:absolute;top:-50px;right:-50px;width:120px;height:120px;border-radius:50%;background:rgba(102,255,126,0.08);transition:transform 0.4s ease;}
.bp-selfservice__card:hover{transform:translateY(-4px);border-color:#66ff7e;box-shadow:0 12px 32px rgba(102,255,126,0.12);}
.bp-selfservice__card:hover::before{transform:scale(2.5);}
.bp-selfservice__card-icon{width:48px;height:48px;margin-bottom:1.2rem;}
.bp-selfservice__card-title{font-size:1.05rem;font-weight:700;color:#1a2b3c;margin-bottom:0.6rem;}
.bp-selfservice__card-text{font-size:0.9rem;color:#5a6a7a;line-height:1.6;}
@media(max-width:900px){.bp-selfservice__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.bp-selfservice__grid{grid-template-columns:1fr;}}