/* Kassensoftware: Grundlayout (sn-*) von der Startseite, dazu eigene Bausteine (ks-*) */
@import url("page-home.css");

/* Oberer Bereich */
.sn .ks-kicker{color:#fff;font-family:Rubik,sans-serif;font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin-bottom:10px;}
.sn .ks-price{color:#fff;font-size:16px;line-height:1.5;font-weight:400;}
.sn .ks-price strong{font-family:Rubik,sans-serif;font-size:22px;font-weight:700;}
.sn .sn-hero h1{font-size:36px;}
.ks-hero-shot{display:block;width:100%;height:auto;border-radius:4px;}

/* Bestelltag in Schritten */
.sn .ks-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;margin:0;padding:0;counter-reset:ks-step;}
.sn .ks-steps li{position:relative;list-style:none;margin:0;padding:0 0 0 0;counter-increment:ks-step;}
.sn .ks-steps li::before{content:counter(ks-step);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--sn-gradient);color:#fff;font-family:Rubik,sans-serif;font-size:22px;font-weight:700;margin-bottom:16px;}
.sn .ks-steps h3{font-size:20px;font-weight:500;margin-bottom:8px;}
.sn .ks-steps p{font-size:15px;line-height:1.6;color:var(--sn-muted);font-weight:400;}

/* Staerken */
.ks-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px;}
.ks-feature i{display:inline-block;font-size:36px;line-height:1;color:#1aa6d8;margin-bottom:14px;}
.sn .ks-feature h3{font-size:19px;font-weight:500;margin-bottom:8px;}
.sn .ks-feature p{font-size:15px;line-height:1.6;color:var(--sn-muted);font-weight:400;}

/* Finanzamt */
.ks-split{display:flex;align-items:center;gap:60px;max-width:960px;margin:0 auto;}
.ks-split > div:first-child{flex:1 1 auto;}
.ks-split-media{flex:0 0 auto;}
.ks-split-media img{display:block;width:200px;height:200px;padding:10px;background:#fff;border-radius:50%;box-shadow:0 8px 22px rgba(0,0,0,.12);}
.sn .ks-split h2{font-size:30px;line-height:1.25;font-weight:700;margin-bottom:14px;}
.sn .ks-split p{font-size:16px;line-height:1.65;color:var(--sn-muted);font-weight:400;margin-bottom:18px;}
.sn .ks-checks{list-style:none;margin:0;padding:0;}
.sn .ks-checks li{list-style:none;position:relative;padding-left:26px;margin-bottom:8px;font-size:16px;line-height:1.55;color:var(--sn-text);font-weight:400;}
.sn .ks-checks li::before{content:"✓";position:absolute;left:0;top:0;color:#1aa6d8;font-weight:700;}

/* Anbindungen */
.ks-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.ks-link{border:1px solid #e1e1e1;border-radius:8px;padding:28px;}
.sn .ks-link h3{font-size:19px;font-weight:500;margin-bottom:10px;}
.sn .ks-link p{font-size:15px;line-height:1.6;color:var(--sn-muted);font-weight:400;}
.sn .ks-link a{color:#1a8fc4;}
.sn .ks-link a:hover{color:#c2177a;}

/* Screenshots */
.sn-shots.ks-shots{grid-template-columns:repeat(3,1fr);}
.ks-shots img{background:#fff;}

/* Funktionen zum Aufklappen */
.ks-details{max-width:900px;margin:0 auto;border-top:1px solid #e1e1e1;}
.ks-details details{border-bottom:1px solid #e1e1e1;}
.ks-details summary{display:flex;align-items:center;gap:14px;padding:18px 4px;cursor:pointer;list-style:none;font-family:Rubik,sans-serif;font-size:19px;font-weight:500;color:var(--sn-text);}
.ks-details summary::-webkit-details-marker{display:none;}
.ks-details summary::after{content:"+";margin-left:auto;font-size:26px;font-weight:300;line-height:1;color:#1aa6d8;}
.ks-details details[open] summary::after{content:"–";}
.ks-details summary:hover{color:#1a8fc4;}
.ks-details summary i{font-size:24px;width:30px;text-align:center;color:#1aa6d8;}
.sn .ks-details ul{columns:2;column-gap:40px;list-style:none;margin:0;padding:0 4px 22px 48px;}
.sn .ks-details li{list-style:none;position:relative;break-inside:avoid;padding-left:20px;margin-bottom:6px;font-size:15px;line-height:1.55;color:var(--sn-muted);font-weight:400;}
.sn .ks-details li::before{content:"✓";position:absolute;left:0;top:0;color:#1aa6d8;font-weight:700;}

/* Tablet */
@media only screen and (max-width:999px){
	.sn .sn-hero h1{font-size:32px;}
	.sn .ks-steps{grid-template-columns:repeat(2,1fr);}
	.ks-features{grid-template-columns:repeat(2,1fr);}
	.sn-shots.ks-shots{grid-template-columns:repeat(2,1fr);}
	.ks-links{grid-template-columns:1fr;max-width:560px;margin:0 auto;}
}
/* Handy */
@media only screen and (max-width:767px){
	.sn .sn-hero h1{font-size:26px;}
	.sn .ks-steps,.ks-features,.sn-shots.ks-shots{grid-template-columns:1fr;}
	.ks-split{flex-direction:column-reverse;gap:24px;align-items:flex-start;}
	.ks-split-media img{width:120px;height:120px;}
	.sn .ks-split h2{font-size:26px;}
	.sn .ks-details ul{columns:1;padding-left:4px;}
	.ks-details summary{font-size:17px;}
}