/* Kompakte Designansicht und gut erkennbare Bedienflächen. */
#knipskiste#knipskiste#knipskiste .homeDivider{max-width:1240px;width:calc(100% - 56px);height:18px;margin:8px auto 12px;position:relative;display:flex;align-items:center;justify-content:center}
#knipskiste#knipskiste#knipskiste .homeDivider::before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.17) 20%,rgba(255,255,255,.17) 80%,transparent)}
#knipskiste#knipskiste#knipskiste .homeDivider span{width:64px;height:3px;background:var(--rust);border-radius:2px;z-index:1}
#knipskiste#knipskiste#knipskiste .customInfoButton{width:auto!important;align-self:flex-start!important;display:inline-flex!important;padding:4px 0!important;margin:6px 0 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#f0ac80!important;font:500 12px/1.6 Inter,sans-serif!important;text-transform:none!important;letter-spacing:0!important;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#knipskiste#knipskiste#knipskiste .customInfoPopup{position:fixed;z-index:75;width:300px;max-width:calc(100vw - 24px);padding:18px;background:#303234;border:1px solid rgba(231,151,101,.4);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.35);color:#f1f0ec;font:400 13px/1.6 Inter,sans-serif}
#knipskiste#knipskiste#knipskiste .customInfoPopup[hidden]{display:none!important}
#knipskiste#knipskiste#knipskiste .customInfoPopup{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
#knipskiste#knipskiste#knipskiste .customInfoPopup h3{font:600 15px/1.5 Inter,sans-serif;margin:0 30px 8px 0;color:#f1f0ec}
#knipskiste#knipskiste#knipskiste .customInfoPopup p{margin:0 0 10px}
#knipskiste#knipskiste#knipskiste .customInfoPopup a{color:#f0ac80;font-weight:600;text-underline-offset:4px}
#knipskiste#knipskiste#knipskiste .customInfoClose{position:absolute;right:8px;top:8px;width:30px;height:30px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;background:#424548;color:#fff;font:400 24px/1 Inter,sans-serif;box-shadow:none}
#knipskiste#knipskiste#knipskiste .lightboxClose{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;position:absolute!important;top:max(14px,env(safe-area-inset-top))!important;right:14px!important;width:auto!important;min-width:118px!important;height:48px!important;padding:0 15px!important;margin:0!important;background:#f1f0ec!important;color:#17191b!important;border:1px solid #fff!important;border-radius:12px!important;box-shadow:0 4px 16px rgba(0,0,0,.35)!important;font:600 14px/1 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important;z-index:2}
#knipskiste#knipskiste#knipskiste .lightboxClose .closeMark{font:400 32px/1 Inter,sans-serif!important;color:#17191b!important}
#knipskiste#knipskiste#knipskiste .boothSlide{padding:12px!important}
#knipskiste#knipskiste#knipskiste .boothSlideHeading{padding-bottom:6px!important;margin-bottom:8px!important}
#knipskiste#knipskiste#knipskiste .boothSlideHeading h3{font-size:21px!important;line-height:1.4!important}
#knipskiste#knipskiste#knipskiste .boothShots{gap:8px!important}
#knipskiste#knipskiste#knipskiste .boothShot .boothImageStage{height:auto!important;aspect-ratio:3/2!important;background-color:#252729!important}
#knipskiste#knipskiste#knipskiste .boothShot:first-child .boothImageStage{height:auto!important;aspect-ratio:16/9!important}
#knipskiste#knipskiste#knipskiste .boothShot>span{font:400 11px/1.4 Inter,sans-serif!important;padding:6px!important}
#knipskiste#knipskiste#knipskiste .boothChoose{display:inline-flex!important;margin:10px 0 0!important;padding:6px 10px!important;font:500 12px/1.5 Inter,sans-serif!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhotos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhoto{display:flex;flex-direction:column;padding:8px!important;min-width:0!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhoto img{aspect-ratio:16/10!important;height:auto!important;width:100%!important;object-fit:contain!important;background:#252729!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhoto span{font:500 11px/1.5 Inter,sans-serif!important;padding:7px 0 0!important}
/* Voraussetzungen als ruhige Übersicht mit kleinen Symbolen. */
#knipskiste#knipskiste#knipskiste .siteRequirements{display:block!important}
#knipskiste#knipskiste#knipskiste .requirementsIntro{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:center;margin-bottom:16px}
#knipskiste#knipskiste#knipskiste .requirementsIntro .script{grid-column:1;margin:0 0 3px!important;font-size:23px!important}
#knipskiste#knipskiste#knipskiste .requirementsIntro h2{grid-column:1;margin-bottom:0!important}
#knipskiste#knipskiste#knipskiste .requirementsIntro p:not(.script){grid-column:2;grid-row:1/3;margin:0!important}
#knipskiste#knipskiste#knipskiste .requirementsList{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;padding:16px 0!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px!important}
#knipskiste#knipskiste#knipskiste .requirementsList li{padding-left:48px!important}
#knipskiste#knipskiste#knipskiste .requirementsList li::before{content:none!important}
#knipskiste#knipskiste#knipskiste .requirementIcon{position:absolute;left:0;top:0;width:34px;height:34px;padding:6px;border-radius:9px;color:#f0ac80;background:rgba(231,151,101,.1)}
/* Die Erklärungen haben weniger Bildfläche und keinen Bildbeschnitt. */
#knipskiste#knipskiste#knipskiste #start>.subpageHero{padding-bottom:6px!important}
#knipskiste#knipskiste#knipskiste #start>.infoNavigation{padding-top:0!important;padding-bottom:4px!important}
#knipskiste#knipskiste#knipskiste .infoTabs{padding:0!important;margin:0 auto!important}
#knipskiste#knipskiste#knipskiste .touchscreenPreview{aspect-ratio:16/9!important;min-height:0!important;display:flex;align-items:center;justify-content:center;padding:18px!important}
#knipskiste#knipskiste#knipskiste #qr-download .functionGrid{grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr)!important;align-items:center!important}
#knipskiste#knipskiste#knipskiste #qr-download .qrDownloadPreview{width:220px!important;max-width:100%!important;min-height:0!important;height:310px!important;justify-self:center!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:18px!important;font:400 12px/1.5 Inter,sans-serif!important}
#knipskiste#knipskiste#knipskiste .phonePlaceholder{width:104px;height:178px;border:2px solid #82878a;border-radius:17px;display:grid;place-items:center;position:relative;background:#252729}
#knipskiste#knipskiste#knipskiste .phonePlaceholder::before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:27px;height:4px;background:#82878a;border-radius:4px}
#knipskiste#knipskiste#knipskiste .qrMark{font:400 58px/1 Inter,sans-serif!important;color:#9da2a4!important}
#knipskiste#knipskiste#knipskiste #ausstattung .functionVisual img{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;width:100%!important}
@media(max-width:800px){#knipskiste#knipskiste#knipskiste #qr-download .functionGrid{grid-template-columns:1fr!important}#knipskiste#knipskiste#knipskiste #qr-download .qrDownloadPreview{width:100%!important;height:auto!important;flex-direction:row;gap:18px;justify-content:center!important}#knipskiste#knipskiste#knipskiste .phonePlaceholder{width:80px;height:135px;flex:0 0 80px}}
@media(max-width:700px){#knipskiste#knipskiste#knipskiste .requirementsIntro{grid-template-columns:1fr}#knipskiste#knipskiste#knipskiste .requirementsIntro p:not(.script){grid-column:1;grid-row:auto;margin-top:8px!important}#knipskiste#knipskiste#knipskiste .requirementsList{grid-template-columns:1fr;gap:16px!important}#knipskiste#knipskiste#knipskiste .boothShot:first-child .boothImageStage{height:auto!important;aspect-ratio:16/9!important}#knipskiste#knipskiste#knipskiste .boothShot .boothImageStage{height:auto!important;aspect-ratio:3/2!important}#knipskiste#knipskiste#knipskiste .homeDivider{width:calc(100% - 40px)}}

/* Native Bildformate: Startbildschirm 16:9, Fotorahmen 3:2. */
#knipskiste#knipskiste#knipskiste .boothShot{padding:0!important;margin:0!important;overflow:hidden!important}
#knipskiste#knipskiste#knipskiste .boothShot .boothImageStage{width:100%!important;display:block!important;padding:0!important;line-height:0!important;border-radius:0!important}
#knipskiste#knipskiste#knipskiste .boothShot .boothImageStage img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}

#knipskiste#knipskiste#knipskiste .boothShot .boothImageStage{position:relative!important;overflow:hidden!important}
#knipskiste#knipskiste#knipskiste .boothShot .boothImageStage img{position:absolute!important;inset:0!important}

/* Etwas kleinere Vorlage; alle eigenen Beispiele als einfache Galerie. */
#knipskiste#knipskiste#knipskiste .boothSlides{width:100%!important;max-width:none!important;margin:0 auto!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhotos{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;align-items:start!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhoto{display:block!important;width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:10px!important;transform:none!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhoto img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhoto span{display:block!important;padding:9px 10px!important;font:500 11px/1.5 Inter,sans-serif!important}
@media(max-width:700px){#knipskiste#knipskiste#knipskiste .boothSlides{max-width:none!important}#knipskiste#knipskiste#knipskiste .simpleDesignPhotos{gap:10px!important}}

/* Galerie-Kacheln dürfen die vollständige Rasterspalte ausfüllen. */
#knipskiste#knipskiste#knipskiste .simpleDesignPhoto{max-width:none!important;justify-self:stretch!important;box-sizing:border-box!important;flex:none!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhotos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
#knipskiste#knipskiste#knipskiste .boothSlides{max-width:none!important;width:100%!important}
#knipskiste#knipskiste#knipskiste .boothSlide{width:100%!important;max-width:none!important;box-sizing:border-box!important}
#knipskiste#knipskiste#knipskiste .simpleDesignPhoto span{font-size:12px!important;overflow-wrap:anywhere!important}
@media(max-width:480px){#knipskiste#knipskiste#knipskiste .simpleDesignPhotos{grid-template-columns:1fr!important}}