/* ==========================================================================
   DHB Alarmsysteem (Ajax)

   Gegenereerd uit het ontwerp (dhb-sectie-ajax.html). Geen enkele waarde is
   overgetypt; wie iets wil veranderen past het ontwerp aan en bouwt opnieuw.

   Opbouw:
     1. de kleuren en letters van het ontwerp, als variabelen op de omhulling
     2. de omhulling zelf: wat in het ontwerp op <body> staat
     3. een regel die thema en kit terugdraait voor kale elementen
     4. de regels van het ontwerp, elk met dezelfde omhulling ervoor
     5. een paar aanvullingen voor keuzes die het ontwerp niet kent

   De namen beginnen met dhbs- in plaats van dhb-: .dhb-btn en .dhb-eyebrow
   bestaan al elders in de plugin en mogen hier niet doorheen lekken.
   ========================================================================== */


/* 1. kleuren en letters */
.dhbs{--dhbs-orange:#FF4400; --dhbs-orange-text:#D93A00; --dhbs-orange-soft:#FFF0EA; --dhbs-ink:#161616; --dhbs-ground:#F5F3F0; --dhbs-white:#FFFFFF; --dhbs-line:#E7E3DE; --dhbs-muted:#5F5A55; --dhbs-muted-dark:#C4BEB7; --dhbs-display:'DHB Elms','Satoshi',system-ui,sans-serif; --dhbs-body:'Satoshi','DHB Satoshi',system-ui,-apple-system,'Segoe UI',sans-serif; --dhbs-radius:28px}

/* 2. de omhulling: wat in het ontwerp op <body> staat */
.dhbs.dhbs.dhbs{font-family:var(--dhbs-body);color:var(--dhbs-ink);-webkit-font-smoothing:antialiased;font-size:16px;line-height:normal;font-weight:400;font-style:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;text-align:left;text-indent:0;text-shadow:none;white-space:normal;font-variant:normal;overflow-wrap:normal;word-break:normal;hyphens:manual}

/* 3. thema en kit terugdraaien voor kale elementen. Lichter dan elke
   regel hieronder, zwaarder dan wat een kit schrijft. */
.dhbs.dhbs.dhbs :is(div,section,article,figure,figcaption,h1,h2,h3,h4,h5,h6,p,a,span,strong,b,em,i,small,ul,ol,li,hr,img,br){all:revert}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem *{box-sizing:border-box}

/* 5a. aanvulling: een link op een plek waar het ontwerp er geen heeft */
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem :where(p a:not([class])){color:var(--dhbs-orange-text);font-weight:600;text-underline-offset:3px}

/* 4. het ontwerp */
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-sprite{position:absolute;width:0;height:0;overflow:hidden}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 32px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-section a:focus-visible{outline:3px solid var(--dhbs-orange);outline-offset:3px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-pill-label{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 14px;background:var(--dhbs-white);border:1px solid var(--dhbs-line);border-radius:999px;font-size:14px;font-weight:500}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-pill-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dhbs-orange)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-h2{margin:0;font-family:var(--dhbs-display);font-weight:800;font-size:clamp(34px,4.2vw,52px);line-height:1.1;letter-spacing:-0.02em}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-h2 em{font-style:normal;color:var(--dhbs-orange)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:1.5}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-checks li{display:flex;gap:12px;align-items:flex-start}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-check{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--dhbs-orange-soft);color:var(--dhbs-orange-text);display:flex;align-items:center;justify-content:center}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-check svg{width:14px;height:14px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 20px;white-space:nowrap;border-radius:999px;font-family:var(--dhbs-display);font-weight:800;font-size:17px;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-btn svg{width:18px;height:18px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-btn--primary{background:var(--dhbs-orange);color:#fff;font-weight:800;font-size:18px;min-height:62px;box-shadow:0 16px 32px -14px rgba(255,68,0,.7)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-btn--primary:hover{transform:translateY(-2px)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax{padding:96px 0;background:var(--dhbs-ground)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__head{max-width:860px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__brand{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__logo{font-family:var(--dhbs-display);font-weight:800;font-size:22px;letter-spacing:.32em;color:var(--dhbs-ink)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__logo img{display:block;height:24px;width:auto}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__intro{margin:24px 0 0;font-size:18px;line-height:1.7;color:#4A4641}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__intro strong{font-weight:600;color:var(--dhbs-ink)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__panel{margin-top:56px;padding:28px;background:var(--dhbs-white);border:1px solid var(--dhbs-line);border-radius:32px;box-shadow:0 1px 2px rgba(22,22,22,.04),0 24px 56px -32px rgba(22,22,22,.22)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp{display:flex;flex-direction:column;background:var(--dhbs-white);border:1px solid var(--dhbs-line);border-radius:22px;overflow:hidden;transition:border-color .2s,transform .2s}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp:hover{border-color:#D5CFC8;transform:translateY(-3px)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage{position:relative;aspect-ratio:16/11;background:#EDEAE6;overflow:hidden;display:flex;align-items:center;justify-content:center}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage::before{content:"";position:absolute;top:50%;left:50%;width:34%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:30%;background:#FFFFFF;box-shadow:0 0 0 26px rgba(255,255,255,.78),0 0 0 54px rgba(255,255,255,.56),0 0 0 84px rgba(255,255,255,.38),0 0 0 116px rgba(255,255,255,.22)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage img,.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage svg{position:relative;z-index:1;max-width:46%;max-height:70%;width:auto;height:auto;filter:drop-shadow(0 18px 18px rgba(22,22,22,.28))}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage svg{width:46%;height:70%}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__body{padding:18px 22px 22px;border-top:1px solid var(--dhbs-line)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__name{margin:0;font-family:var(--dhbs-display);font-weight:800;font-size:18px;letter-spacing:-0.01em}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__sub{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--dhbs-muted)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app{position:relative;overflow:hidden;margin-top:24px;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;align-items:center;padding:32px 56px 32px 32px;border-radius:26px;color:#fff;background:radial-gradient(620px 420px at 100% 0%,rgba(255,68,0,.22),rgba(255,68,0,0) 70%),radial-gradient(460px 340px at 0% 100%,rgba(255,68,0,.08),rgba(255,68,0,0) 70%),linear-gradient(160deg,#1F1F1F 0%,#161616 55%,#121212 100%)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-blob{position:absolute;top:-760px;right:-900px;width:1300px;height:auto;transform:rotate(-24deg);opacity:.4;pointer-events:none;overflow:visible}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-blob--2{top:auto;right:auto;bottom:-760px;left:-900px;transform:rotate(156deg)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual{position:relative;z-index:1;aspect-ratio:1/1.12;border-radius:20px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual>img{width:100%;height:100%;object-fit:cover;display:block}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__text{position:relative;z-index:1}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__title{margin:0;font-family:var(--dhbs-display);font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-0.015em}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app .dhbs-checks{margin-top:24px;gap:18px;font-size:16px;line-height:1.65;color:var(--dhbs-muted-dark)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app .dhbs-checks strong{font-weight:600;color:#fff}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app .dhbs-check{background:var(--dhbs-orange);color:#fff;margin-top:2px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app .dhbs-btn{display:inline-flex;margin-top:32px}
@media (max-width:1040px){
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app{grid-template-columns:1fr;gap:32px;padding:28px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual{max-width:340px}
}
@media (max-width:640px){
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-wrap{padding:0 20px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax{padding:64px 0}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__panel{margin-top:40px;padding:16px;border-radius:26px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__grid{gap:12px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__body{padding:14px 16px 18px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__name{font-size:16px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__sub{font-size:14px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app{padding:20px;border-radius:20px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app .dhbs-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp,.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-btn{transition:none}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp:hover{transform:none}
}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__brand{gap:20px;margin-bottom:24px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__logo{display:inline-flex;align-items:center;line-height:1;flex-shrink:0;letter-spacing:0}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__logo svg{width:112px;height:auto;display:block}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__intro{max-width:800px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__panel{margin-top:52px;padding:32px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__collection{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 4px 28px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-eyebrow{margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.5;color:var(--dhbs-orange-text)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__collection h3{margin:0;font-family:var(--dhbs-display);font-weight:800;font-size:26px;letter-spacing:-0.02em;line-height:1.25}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__collection-note{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:var(--dhbs-ground);font-size:14px;font-weight:500;color:var(--dhbs-ink);white-space:nowrap}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__collection-note::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dhbs-orange)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__grid{gap:20px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp{border-radius:22px;transition:border-color .25s,box-shadow .25s,transform .25s}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp:hover{border-color:#D5CFC8;transform:translateY(-4px);box-shadow:0 26px 44px -30px rgba(22,22,22,.4)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage{aspect-ratio:auto;height:280px;background:#EFECE8}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage::before{width:132px;height:132px;aspect-ratio:auto;border:0;border-radius:32%;background:#FFFFFF;box-shadow:0 0 0 30px rgba(255,255,255,.74),0 0 0 62px rgba(255,255,255,.5),0 0 0 96px rgba(255,255,255,.3),0 0 0 132px rgba(255,255,255,.16)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage img{width:212px;height:212px;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(22,22,22,.22));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp:hover .dhbs-comp__stage img{transform:translateY(-6px) scale(1.03)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__wireless{position:absolute;right:14px;top:14px;z-index:2;display:inline-flex;gap:7px;align-items:center;padding:6px 12px 6px 9px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid var(--dhbs-line);font-size:12px;font-weight:500;color:var(--dhbs-ink)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__wireless svg{position:static;width:15px;height:15px;max-width:none;max-height:none;filter:none;color:var(--dhbs-orange-text)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__body{padding:20px 24px 24px;flex:1}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__model{display:block;margin:0 0 6px;font-size:13px;font-weight:500;color:var(--dhbs-orange-text)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__name{font-size:19px;line-height:1.3}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__sub{margin-top:6px;font-size:15px;line-height:1.6}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:56px;margin-top:28px;padding:36px 56px 36px 36px;border-radius:26px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual{margin:0;aspect-ratio:auto;width:100%;max-width:360px;border-radius:20px;background:#fff;display:flex;flex-direction:column;padding:26px 0 24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual-label{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--dhbs-ink)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual-label svg{width:76px;height:17px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual-label span{font-size:12px;border-left:1px solid var(--dhbs-line);padding-left:14px;line-height:22px;color:var(--dhbs-muted)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__phone-image{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;margin:18px 0 14px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__phone-image img{display:block;width:540px;height:400px;max-width:none;flex-shrink:0;object-fit:contain}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual figcaption{color:var(--dhbs-ink);text-align:center;font-family:'Satoshi','DHB Satoshi',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:16px;line-height:1.5}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual figcaption span{display:block;margin-top:2px;font-family:var(--dhbs-body);font-size:13px;font-weight:400;color:var(--dhbs-muted)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-eyebrow--light{color:#FF8E64;margin-bottom:12px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__title{text-wrap:balance}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app .dhbs-checks{gap:20px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app .dhbs-checks strong{display:block;font-size:17px;margin-bottom:2px}
@media (max-width:1040px){
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;padding:28px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__phone-image img{width:480px;height:355px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage{height:250px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage img{width:188px;height:188px}
}
@media (max-width:820px){
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app{grid-template-columns:1fr;gap:32px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app__visual{margin:0 auto}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__collection{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (max-width:640px){
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__brand{flex-wrap:wrap;gap:14px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__logo svg{width:96px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__panel{padding:14px;margin-top:36px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__collection{padding:10px 6px 20px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__collection h3{font-size:21px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__grid{gap:12px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp{border-radius:18px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage{height:190px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage::before{width:84px;height:84px;box-shadow:0 0 0 20px rgba(255,255,255,.74),0 0 0 42px rgba(255,255,255,.5),0 0 0 66px rgba(255,255,255,.3)}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage img{width:136px;height:136px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__wireless{right:8px;top:8px;padding:5px 9px 5px 7px;font-size:11px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__body{padding:14px 14px 18px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__model{font-size:12px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__name{font-size:16px;overflow-wrap:anywhere}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__sub{font-size:14px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app{padding:20px;margin-top:14px;border-radius:20px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-app .dhbs-btn{width:100%;white-space:normal;text-align:center}
}
@media (max-width:380px){
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-ajax__grid{grid-template-columns:1fr}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage{height:240px}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage img{width:180px;height:180px}
}
@media (prefers-reduced-motion:reduce){
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp__stage img{transition:none}
.dhbs.dhbs.dhbs.dhbs-w-alarmsysteem .dhbs-comp:hover .dhbs-comp__stage img{transform:none}
}