#oplossingen .seo-demo{min-width:0;padding:clamp(20px,3vw,28px);color:#17273e;font:400 15px/1.5 Lato,Arial,sans-serif}
#oplossingen .seo-demo *{box-sizing:border-box}
#oplossingen .seo-demo :is(h3,h4,p){margin:0}
#oplossingen .seo-demo__header{margin-bottom:22px}
#oplossingen .seo-demo__eyebrow,#oplossingen .seo-demo__scene-label{display:block;color:#3e5f98;font-size:12px;font-weight:700;letter-spacing:.025em}
#oplossingen .seo-demo__header h3{margin:5px 0 7px;font:600 clamp(21px,2.4vw,27px)/1.25 Poppins,Lato,sans-serif;letter-spacing:-.025em}
#oplossingen .seo-demo__header p{max-width:45ch;color:#526178;font-size:14px}
#oplossingen .seo-demo__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
#oplossingen .seo-demo__field{display:grid;gap:6px;min-width:0;color:#31445f;font-size:13px;font-weight:700}
#oplossingen .seo-demo__field :is(select,input){width:100%;min-width:0;min-height:48px;padding:10px 13px;border:1px solid #aabbd3;border-radius:12px;background:#fff;color:#17273e;font:400 15px Lato,Arial,sans-serif}
#oplossingen .seo-demo__field select{appearance:none;-webkit-appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317273e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:24px 24px;background-position:right 14px center}
#oplossingen .seo-demo__scene{min-width:0;min-height:186px;padding:18px 20px;border:1px solid #dce5f2;border-radius:16px;background:#f6f9ff}
#oplossingen .seo-demo__result{display:flex;gap:13px;align-items:flex-start;margin-top:17px}
#oplossingen .seo-demo__site-mark{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#dce9ff;color:#2459d6;font:600 18px Poppins,Lato,sans-serif}
#oplossingen .seo-demo__result-copy{min-width:0}
#oplossingen .seo-demo__site-name{display:block;margin-bottom:3px;color:#526178;font-size:12px}
#oplossingen .seo-demo__result-title{display:block;min-height:48px;max-width:100%;padding:6px 0;border:0;background:transparent;color:#2459d6;font:600 17px/1.35 Poppins,Lato,sans-serif;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;overflow-wrap:anywhere;cursor:pointer}
#oplossingen .seo-demo__result-title:hover{text-decoration-color:currentColor}
#oplossingen .seo-demo__result-copy p{margin-top:3px;color:#526178;font-size:13px;overflow-wrap:anywhere}
#oplossingen .seo-demo__back{min-height:48px;margin:-9px 0 8px -4px;padding:8px 4px;border:0;background:transparent;color:#2459d6;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
#oplossingen .seo-demo__page{padding:19px;border-radius:12px;background:#fff}
#oplossingen .seo-demo__page h4{margin:9px 0 8px;font:600 clamp(19px,2vw,23px)/1.25 Poppins,Lato,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}
#oplossingen .seo-demo__page p{max-width:52ch;color:#526178;font-size:14px;overflow-wrap:anywhere}
#oplossingen .seo-demo__contact{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:19px;padding:10px 18px;border:0;border-radius:24px;background:#2459d6;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
#oplossingen .seo-demo__contact:hover{background:#1745b3}
#oplossingen .seo-demo .seo-demo__note{margin-top:12px;color:#68778d;font-size:11px;line-height:1.4}
#oplossingen .seo-demo :is(button,input,select):focus-visible{outline:3px solid #2459d6;outline-offset:3px}
@media(max-width:480px){#oplossingen .seo-demo{padding:20px}#oplossingen .seo-demo__fields{grid-template-columns:1fr}#oplossingen .seo-demo__scene{padding:16px}#oplossingen .seo-demo__result{gap:10px}#oplossingen .seo-demo__page{padding:16px}}
@media(max-width:360px){#oplossingen .seo-demo{padding:16px}#oplossingen .seo-demo__site-mark{width:32px;height:32px}#oplossingen .seo-demo__result-title{font-size:15px}}

#oplossingen .seo-demo{padding:28px 28px 4px}
#oplossingen .seo-demo__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
#oplossingen .seo-demo__header h3{margin:0;font-size:clamp(23px,2.2vw,30px);line-height:1.2;letter-spacing:-.045em}
#oplossingen .seo-demo__header h3 span{color:var(--blue)}
#oplossingen .seo-demo__header p{font-size:13px;max-width:25ch;flex-shrink:0}
#oplossingen .seo-demo__scene{min-height:280px;padding:24px;border:0;background:#f0f4fc}
#oplossingen .seo-demo__query{display:flex;align-items:center;gap:12px;background:#fff;border-radius:28px;padding:14px 18px;min-height:52px;margin-bottom:24px;font-size:15px;overflow-wrap:anywhere}
#oplossingen .seo-demo__query svg{width:20px;height:20px;flex:none;color:var(--muted)}
#oplossingen .seo-demo__scene-label{font-size:11px;font-weight:700;letter-spacing:0;color:var(--muted)}
#oplossingen .seo-demo__result-title{font-size:23px;line-height:1.25;letter-spacing:-.035em}
#oplossingen .seo-demo__result-copy p{max-width:56ch;font-size:14px}
#oplossingen .seo-demo__fields{margin:16px 0 0;gap:12px}
#oplossingen .seo-demo__page{display:grid;grid-template-columns:38% 1fr;gap:22px;align-items:center;padding:0;border-radius:0;background:transparent}
#oplossingen .seo-demo__page>img{width:100%;height:208px;object-fit:cover;border-radius:12px}
#oplossingen .seo-demo__page h4{font-size:23px;line-height:1.2;margin:9px 0}
#oplossingen .seo-demo__page p{font-size:13px}
#oplossingen .seo-demo__contact{background:#dce7fe;color:#173f86;font-size:13px;margin-top:14px}
#oplossingen .seo-demo__contact:hover{background:#cbdcfc}
#oplossingen .seo-demo .seo-demo__note{font-size:10px;margin-top:12px}
@media(max-width:1100px) and (min-width:840px){#oplossingen .seo-demo__header{display:block}#oplossingen .seo-demo__header p{max-width:none;margin-top:10px}#oplossingen .seo-demo__header p br{display:none}}
@media(max-width:839px){#oplossingen .seo-demo{padding:8px 20px 4px}#oplossingen .seo-demo__header{display:block;margin-bottom:22px}#oplossingen .seo-demo__header h3{font-size:26px}#oplossingen .seo-demo__header p{margin-top:10px;max-width:none}#oplossingen .seo-demo__header p br{display:none}}
@media(max-width:600px){#oplossingen .seo-demo__scene{padding:18px;min-height:0}#oplossingen .seo-demo__result{display:block}#oplossingen .seo-demo__site-mark{display:none}#oplossingen .seo-demo__result-title{font-size:23px}#oplossingen .seo-demo__query{font-size:13px;padding:12px;gap:8px}#oplossingen .seo-demo__fields{grid-template-columns:1fr 1fr;gap:10px}#oplossingen .seo-demo__field :is(input,select){font-size:13px;padding-left:10px}#oplossingen .seo-demo__field select{padding-right:32px;background-position:right 6px center;background-size:20px}#oplossingen .seo-demo__page{grid-template-columns:1fr;gap:18px}#oplossingen .seo-demo__page>img{height:170px}#oplossingen .seo-demo__page h4{font-size:24px}}
@media(max-width:359px){#oplossingen .seo-demo{padding-left:12px;padding-right:12px}#oplossingen .seo-demo__header h3{font-size:24px}#oplossingen .seo-demo__fields{grid-template-columns:1fr}}

#oplossingen .seo-demo__result-title{text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:5px}