/* Mobilbestellsystem: Bausteine der Kassensoftware-Seite (sn-*, ks-*), dazu App-Screenshots und QR-Code (mb-*) */
@import url("page-kassensoftware.css");

/* Screenshots der App */
.mb-shots{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.mb-shots figure{margin:0;}
.mb-shots img{display:block;width:100%;height:auto;mix-blend-mode:multiply;}
.mb-shots figcaption{margin-top:8px;font-size:15px;line-height:1.55;color:var(--sn-muted);text-align:center;}

/* QR-Code: Pixelgrafik scharf vergroessern */
.ks-split-media img.mb-qr{width:180px;height:180px;padding:12px;border-radius:8px;image-rendering:pixelated;}

/* Zwei Anbindungen nebeneinander */
.ks-links.mb-links{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto;}

/* Tablet */
@media only screen and (max-width:999px){
	.mb-shots{grid-template-columns:repeat(2,1fr);}
	.ks-links.mb-links{grid-template-columns:1fr;max-width:560px;}
}
/* Handy */
@media only screen and (max-width:767px){
	.ks-split-media img.mb-qr{width:150px;height:150px;}
}

/* Funktionsliste der App */
.sn .mb-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 30px;max-width:960px;list-style:none;margin:0 auto;padding:0;}
.sn .mb-features li{list-style:none;position:relative;padding-left:26px;margin:0;font-size:16px;line-height:1.55;color:var(--sn-text);font-weight:400;}
.sn .mb-features li::before{content:"✓";position:absolute;left:0;top:0;color:#1aa6d8;font-weight:700;}
.sn .mb-note{max-width:960px;margin:30px auto 0;text-align:center;font-size:16px;line-height:1.6;color:var(--sn-muted);font-weight:400;}
.sn .mb-note a{color:#1a8fc4;}
@media only screen and (max-width:999px){.sn .mb-features{grid-template-columns:repeat(2,1fr);}}
@media only screen and (max-width:767px){.sn .mb-features{grid-template-columns:1fr;}}

/* Smartphone im oberen Bereich: freigestellt, mit Schatten statt Rahmen */
.mb-hero-phone{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25));}