/* Startseite (index.php) */
.page-area{padding-top:0;padding-bottom:0;}
.sn{--sn-blue:#07c4fc;--sn-pink:#f11b86;--sn-text:#333;--sn-muted:#666;--sn-gradient:linear-gradient(45deg,rgba(7,241,252,.8),rgba(241,27,134,.8));}
.sn h1,.sn h2,.sn h3{font-family:Rubik,sans-serif;color:var(--sn-text);margin:0;}
.sn p{margin:0;}
.sn .kc-container{padding-left:15px;padding-right:15px;}

/* Buttons */
.sn .sn-btn{display:inline-block;padding:14px 30px;border-radius:4px;font-family:Rubik,sans-serif;font-size:16px;font-weight:500;line-height:1.2;text-decoration:none;transition:opacity .15s,background-color .15s,color .15s;}
.sn .sn-btn-primary{background:#fff;color:#c2177a;box-shadow:0 4px 14px rgba(0,0,0,.12);}
.sn .sn-btn-primary:hover,.sn .sn-btn-primary:focus{opacity:.9;color:#c2177a;}
.sn .sn-btn-secondary{border:2px solid #fff;color:#fff;padding:12px 28px;}
.sn .sn-btn-secondary:hover,.sn .sn-btn-secondary:focus{background:#fff;color:#c2177a;}

/* Oberer Bereich */
.sn-hero{background:var(--sn-gradient);padding:56px 0 40px;overflow:hidden;}
.sn-hero-grid{display:flex;align-items:center;gap:48px;}
.sn-hero-text{flex:1 1 52%;min-width:0;}
.sn-hero-media{flex:1 1 48%;min-width:0;}
.sn .sn-hero h1{color:#fff;font-size:42px;line-height:1.2;font-weight:700;margin-bottom:18px;}
.sn .sn-hero .sn-lead{color:#fff;font-size:19px;line-height:1.6;font-weight:400;margin-bottom:28px;}
.sn-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;}
.sn .sn-phone{color:#fff;font-size:16px;line-height:1.5;font-weight:400;}
.sn .sn-phone a{color:#fff;font-weight:600;text-decoration:none;}
.sn .sn-phone a:hover{text-decoration:underline;}
.sn .sn-phone span{opacity:.85;margin-left:6px;}
.sn .sn-phone i{margin-right:6px;}
.sn-video{position:relative;background:#fff;border-radius:8px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.22);}
.sn-video video{pointer-events:none;display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:4px;background:#fff;}
.sn-seal{position:absolute;right:-10px;bottom:-30px;width:118px;height:118px;padding:6px;background:#fff;border-radius:50%;box-shadow:0 8px 22px rgba(0,0,0,.2);}
@media only screen and (min-width:1200px){.sn-seal{right:-41px;bottom:-45px;}}
.sn .sn-badges{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;list-style:none;margin:40px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.35);}
.sn .sn-badges li{display:flex;align-items:center;gap:10px;color:#fff;font-family:Rubik,sans-serif;font-size:16px;font-weight:500;line-height:1.3;margin:0;}
.sn .sn-badges img{width:34px;height:34px;padding:2px;background:#fff;border-radius:50%;}
.sn .sn-badges i{font-size:26px;width:34px;text-align:center;}

/* Allgemeine Abschnitte */
.sn-section{padding:70px 0;}
.sn-grey{background:#f6f6f6;}
.sn .sn-title{font-size:34px;line-height:1.25;font-weight:700;text-align:center;margin-bottom:40px;}

/* Produktkarten */
.sn-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.sn-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:32px 28px 28px;transition:box-shadow .2s,transform .2s;}
.sn-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-2px);}
.sn-card-icon{width:64px;height:64px;border-radius:50%;background:var(--sn-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.sn-card-icon i{color:#fff;font-size:28px;}
.sn .sn-card h3{font-size:22px;font-weight:500;margin-bottom:14px;}
.sn .sn-card ul{list-style:none;margin:0 0 20px;padding:0;flex:1 1 auto;}
.sn .sn-card li{list-style:none;position:relative;padding-left:24px;margin-bottom:8px;font-size:15px;line-height:1.55;color:var(--sn-muted);font-weight:400;}
.sn .sn-card li::before{content:"✓";position:absolute;left:0;top:0;color:#1aa6d8;font-weight:700;}
.sn .sn-price{font-size:16px;line-height:1.4;color:var(--sn-text);margin-bottom:16px;font-weight:400;}
.sn .sn-price strong{font-family:Rubik,sans-serif;font-size:28px;font-weight:700;}
.sn .sn-price span{display:block;font-size:14px;color:var(--sn-muted);}
.sn .sn-more{font-family:Rubik,sans-serif;font-weight:500;color:#1a8fc4;text-decoration:none;}
.sn .sn-more:hover{color:#c2177a;}

/* Vorteile */
.sn-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.sn-benefit{text-align:center;}
.sn-benefit i{display:inline-block;font-size:40px;line-height:1;color:#1aa6d8;margin-bottom:16px;}
.sn .sn-benefit h3{font-size:19px;font-weight:500;margin-bottom:10px;}
.sn .sn-benefit p{font-size:15px;line-height:1.6;color:var(--sn-muted);font-weight:400;}

/* Screenshots */
.sn-shots{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;align-items:start;}
.sn-shots figure{margin:0;}
.sn-shots img{display:block;width:100%;height:auto;aspect-ratio:1024/716;object-fit:cover;object-position:top;border:1px solid #e1e1e1;border-radius:6px;}
.sn-shots figcaption{margin-top:12px;font-size:15px;line-height:1.55;color:var(--sn-muted);}

/* Abschluss */
.sn-cta{background:var(--sn-gradient);padding:56px 0;}
.sn-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px;}
.sn .sn-cta h2{color:#fff;font-size:32px;line-height:1.25;font-weight:700;margin-bottom:10px;}
.sn .sn-cta p{color:#fff;font-size:17px;line-height:1.6;font-weight:400;max-width:620px;}
.sn-cta-actions{text-align:center;flex:0 0 auto;}
.sn .sn-cta-actions .sn-phone{margin-top:12px;}

/* Tablet */
@media only screen and (max-width:999px){
	.sn-hero-grid{flex-direction:column;align-items:stretch;gap:32px;}
	.sn-seal{right:-8px;bottom:-22px;width:96px;height:96px;}
	.sn .sn-hero h1{font-size:34px;}
	.sn-cards{grid-template-columns:1fr;max-width:560px;margin:0 auto;}
	.sn-benefits{grid-template-columns:repeat(2,1fr);}
	.sn .sn-badges{justify-content:flex-start;}
	.sn .sn-badges li{flex:0 0 calc(50% - 12px);}
}
/* Handy */
@media only screen and (max-width:767px){
	.sn-hero{padding:36px 0 30px;}
	.sn-seal{right:-6px;bottom:-20px;width:80px;height:80px;padding:4px;}
	.sn .sn-hero h1{font-size:28px;}
	.sn .sn-hero .sn-lead{font-size:17px;}
	.sn .sn-btn{display:block;text-align:center;width:100%;}
	.sn-section{padding:50px 0;}
	.sn .sn-title{font-size:28px;margin-bottom:28px;}
	.sn-benefits,.sn-shots{grid-template-columns:1fr;}
	.sn .sn-badges li{flex:0 0 100%;}
	.sn-cta-grid{flex-direction:column;align-items:stretch;text-align:left;}
	.sn .sn-cta h2{font-size:26px;}
}
html{scroll-behavior:smooth;}