/* Digiklant publieke website
   Klassieke Nederlandse bedrijfssoftware uitstraling
   Geen externe bibliotheken of lettertypen */

:root{
  --groen-950:#03291e;
  --groen-900:#043b2a;
  --groen-800:#07523a;
  --groen-700:#086849;
  --blauw-950:#092438;
  --blauw-900:#0b3552;
  --blauw-800:#124d73;
  --blauw-700:#1d638b;
  --staal-100:#edf2f5;
  --staal-150:#e3eaee;
  --staal-200:#d6e0e6;
  --staal-300:#bdcbd3;
  --staal-400:#96aab7;
  --staal-600:#526b79;
  --inkt:#1c2b33;
  --gedempt:#53656f;
  --goud-100:#fff9dd;
  --goud-300:#e4d28d;
  --goud-500:#b69531;
  --papier:#ffffff;
  --omhulsel-breedte:1220px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%}
body{
  color:var(--inkt);
  background-color:#d9e1e5;
  background-image:
    linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px),
    linear-gradient(135deg,rgba(79,102,116,.055) 25%,transparent 25%,transparent 75%,rgba(79,102,116,.055) 75%);
  background-size:20px 20px,20px 20px,8px 8px;
  border-top:5px solid var(--groen-950);
  font:12px/1.48 Tahoma,Verdana,Arial,sans-serif;
}
img{max-width:100%;height:auto}
a{color:#075d91;text-decoration:underline;text-underline-offset:2px}
a:hover{color:#003f68}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.visueel-verborgen{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.website-omhulsel{
  width:var(--omhulsel-breedte);
  max-width:calc(100% - 24px);
  min-height:100vh;
  margin:0 auto;
  background:#f7f9fa;
  border-left:1px solid #718a99;
  border-right:1px solid #718a99;
  box-shadow:0 0 22px rgba(31,49,59,.34);
}

.hulpmiddelen-balk{
  min-height:29px;
  display:flex;
  align-items:center;
  padding:0 13px;
  color:#ecf5f1;
  background:linear-gradient(#07503a,#033526);
  border-bottom:1px solid #001c14;
  box-shadow:inset 0 1px rgba(255,255,255,.12);
}
.hulpmiddelen-merk{font-size:11px;font-weight:700;letter-spacing:.25px;text-transform:uppercase}
.hulpmiddelen-status{display:flex;align-items:center;gap:7px;margin-left:18px;color:#cde2da;font-size:10px}
.hulpmiddelen-koppelingen{height:29px;display:flex;margin-left:auto}
.hulpmiddelen-koppelingen a{display:flex;align-items:center;padding:0 13px;color:#fff;text-decoration:none;border-left:1px solid rgba(255,255,255,.14)}
.hulpmiddelen-koppelingen a:hover{background:rgba(255,255,255,.08)}

.hoofdkop{
  min-height:105px;
  display:flex;
  align-items:center;
  gap:24px;
  padding:12px 16px;
  background:
    linear-gradient(90deg,#fff 0,#fff 53%,rgba(235,241,244,.95) 74%,#dce5ea 100%);
  border-bottom:1px solid #8095a2;
  position:relative;
  overflow:hidden;
}
.hoofdkop:after{
  content:"";
  position:absolute;
  right:-12px;
  top:-50px;
  width:430px;
  height:220px;
  opacity:.22;
  background:
    linear-gradient(90deg,transparent 0,transparent 35%,#557587 35%,#557587 37%,transparent 37%,transparent 47%,#557587 47%,#557587 49%,transparent 49%),
    linear-gradient(#6e8795 0 2px,transparent 2px 24px,#6e8795 24px 26px,transparent 26px 48px);
  transform:skewX(-18deg);
  pointer-events:none;
}
.merk{position:relative;z-index:2;display:block;width:365px;text-decoration:none}
.merk img{display:block;width:344px;height:68px}
.hoofdkop-paneel{
  position:relative;
  z-index:2;
  width:492px;
  margin-left:auto;
  border:1px solid #889eab;
  background:#f8fafb;
  box-shadow:1px 1px 0 #fff,2px 2px 0 rgba(96,116,128,.18);
}
.hoofdkop-paneel-titel{
  min-height:27px;
  display:flex;
  align-items:center;
  padding:0 9px;
  color:#fff;
  font-weight:700;
  background:linear-gradient(#2d729a,#154b70 49%,#103e60 50%,#1b587c);
  border-bottom:1px solid #0c3653;
  text-shadow:0 1px #092b42;
}
.hoofdkop-paneel-titel img{width:16px;height:16px;margin-right:7px}
.hoofdkop-controles{display:grid;grid-template-columns:1fr 1fr}
.hoofdkop-controles span{min-height:30px;display:flex;align-items:center;padding:5px 8px;border-right:1px solid #c5d0d6;border-bottom:1px solid #c5d0d6;color:#334853}
.hoofdkop-controles span:nth-child(2n){border-right:0}
.hoofdkop-controles span:nth-last-child(-n+2){border-bottom:0}
.hoofdkop-controles img{width:16px;height:16px;margin-right:7px;image-rendering:auto}

.navigatie-omhulsel{background:linear-gradient(#28698f,#164b6e 49%,#103d5e 50%,#1b587b);border-top:1px solid #5d829a;border-bottom:3px solid #c7cdd1}
.mobiel-menu{display:none;width:100%;min-height:42px;padding:0 13px;border:0;color:#fff;font-weight:700;text-align:left;background:linear-gradient(#2b6d92,#154a6d)}
.hoofdnavigatie{height:42px;display:flex;align-items:stretch;padding-left:7px}
.hoofdnavigatie a{min-width:126px;display:flex;align-items:center;justify-content:center;padding:0 10px;color:#fff;text-decoration:none;font-weight:700;text-shadow:0 1px #0a3048;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(3,33,52,.7)}
.hoofdnavigatie a:hover{background:linear-gradient(#3d7da4,#205a80)}
.hoofdnavigatie a.actief{padding-top:0;color:#173d56;text-shadow:none;background:linear-gradient(#fffef5,#eee7cb);border-top:3px solid var(--goud-500)}
.hoofdnavigatie a.aanmelden{min-width:132px;margin-left:auto;background:linear-gradient(#13805a,#07563c 49%,#044d35 50%,#0a6948);border-left-color:#4f9c80}
.hoofdnavigatie a.aanmelden:hover{background:linear-gradient(#199268,#086247)}

.broodkruimels{min-height:31px;display:flex;align-items:center;padding:0 13px;color:#5b6d76;background:linear-gradient(#f5f8f9,#e7edf0);border-bottom:1px solid #b4c0c7}
.broodkruimels a{text-decoration:none}
.inhoud{padding:13px}

.blikvanger-kader{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) 352px;
  border:1px solid #768f9f;
  background:#fff;
  box-shadow:inset 0 1px #fff,0 1px 0 rgba(87,108,120,.13);
}
.blikvanger-hoofd{
  position:relative;
  min-height:382px;
  padding:29px 34px 25px;
  overflow:hidden;
  background:
    linear-gradient(102deg,#fff 0,#fff 63%,rgba(235,242,245,.92) 84%,#dfe9ee 100%);
  border-right:1px solid #768f9f;
}
.blikvanger-hoofd:after{
  content:"";
  position:absolute;
  right:-68px;
  bottom:-84px;
  width:340px;
  height:230px;
  border:1px solid rgba(24,81,113,.17);
  background:repeating-linear-gradient(0deg,rgba(24,81,113,.07) 0 1px,transparent 1px 18px);
  transform:rotate(-8deg);
}
.status-lint{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:25px;padding:0 9px;margin-bottom:10px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.45px;text-transform:uppercase;background:linear-gradient(#12815a,#07573d);border:1px solid #044b34;box-shadow:inset 0 1px rgba(255,255,255,.18)}
.status-lint img{width:16px;height:16px;margin-right:7px}
.blikvanger-hoofd h1{position:relative;z-index:2;max-width:760px;margin:0;color:#123e5d;font:400 39px/1.16 Georgia,'Times New Roman',serif;letter-spacing:-.4px}
.blikvanger-inleiding{position:relative;z-index:2;max-width:770px;margin:16px 0 14px;color:#2c3e48;font-size:15px;line-height:23px}
.blikvanger-bewijs{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;max-width:760px;margin:0 0 19px;padding:11px 12px;border-left:4px solid var(--goud-500);background:var(--goud-100);color:#4d482e}
.blikvanger-bewijs span{display:flex;align-items:flex-start;line-height:18px}
.blikvanger-bewijs img{width:16px;height:16px;margin:1px 7px 0 0}
.knoppenrij{position:relative;z-index:2;display:flex;gap:9px;flex-wrap:wrap}
.klassieke-knop{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #5e7684;color:#163f58;text-decoration:none;font-weight:700;background:linear-gradient(#fff,#dfe7eb);box-shadow:inset 0 1px #fff,1px 1px 0 #c5cfd4}
.klassieke-knop img{width:18px;height:18px}
.klassieke-knop.primair{color:#fff;text-shadow:0 1px #033824;border-color:#034730;background:linear-gradient(#15845e,#07583e 49%,#044d35 50%,#0b6a49)}
.klassieke-knop.blauw{color:#fff;text-shadow:0 1px #0d3047;border-color:#123d5b;background:linear-gradient(#3379a1,#174f73 49%,#104665 50%,#205f85)}
.klassieke-knop:hover{filter:brightness(1.045)}

.blikvanger-console{padding:12px;background:#e8eef2}
.console-venster{height:100%;border:1px solid #527286;background:#fff;box-shadow:2px 2px 0 #b6c2c9}
.console-titel{height:31px;display:flex;align-items:center;padding:0 8px;color:#fff;font-weight:700;background:linear-gradient(#1683a1,#075d76 49%,#04536b 50%,#0d6a84);border-bottom:1px solid #034258;text-shadow:0 1px #07384a}
.console-titel img{width:17px;height:17px;margin-right:7px}
.console-bediening{margin-left:auto;font-family:Arial,sans-serif;letter-spacing:4px;color:#cbe4ee}
.console-inhoud{padding:9px}
.console-inleiding{margin-bottom:8px;padding:8px;border:1px solid #a9b8c1;background:linear-gradient(#fafcfd,#edf2f5)}
.console-inleiding strong{display:block;margin-bottom:3px;color:#075b3f;font-size:13px}
.console-inleiding span{display:block;color:#4d5f69;line-height:17px}
.status-tabel{border:1px solid #91a5b1}
.status-kop{min-height:27px;display:grid;grid-template-columns:1fr 76px;align-items:center;color:#164967;font-weight:700;background:linear-gradient(#f7fafb,#dbe7ed);border-bottom:1px solid #91a5b1}
.status-kop span{padding:0 7px}
.status-kop span:last-child{text-align:center;border-left:1px solid #c0ccd2}
.status-rij{min-height:34px;display:grid;grid-template-columns:26px 1fr 76px;align-items:center;border-bottom:1px solid #d2dbe0}
.status-rij:last-child{border-bottom:0}
.status-rij img{width:17px;height:17px;margin-left:6px}
.status-rij b{font-size:11px;color:#283e49}
.status-rij em{height:100%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:700;color:#075f41;background:#eff8f4;border-left:1px solid #d2dbe0}
.console-voet{display:flex;align-items:center;gap:7px;margin-top:8px;padding:7px;border:1px solid #a9b8c1;background:#f7f9fa;color:#4a5c65}
.console-voet img{width:16px;height:16px}

.zekerheid-balk{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #91a7b4;border-top:0;background:linear-gradient(#fafbfc,#eef2f4)}
.zekerheid-onderdeel{min-height:70px;display:grid;grid-template-columns:36px 1fr;align-items:center;padding:9px 11px;border-right:1px solid #bdc8ce}
.zekerheid-onderdeel:last-child{border-right:0}
.zekerheid-onderdeel img{width:27px;height:27px}
.zekerheid-onderdeel strong{display:block;margin-bottom:3px;color:#164967}
.zekerheid-onderdeel span{display:block;color:#53636c;font-size:11px;line-height:15px}

.hoofdindeling{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:13px;margin-top:13px}
.paneel{margin-bottom:13px;border:1px solid #8fa5b2;background:#fff;box-shadow:0 1px 0 rgba(71,91,103,.12)}
.paneel-titel{min-height:35px;display:flex;align-items:center;padding:0 10px;color:#164967;font-size:13px;font-weight:700;background:linear-gradient(#fbfcfd,#dbe7ed);border-bottom:1px solid #8fa5b2}
.paneel-titel.donker{color:#fff;text-shadow:0 1px #0b3149;background:linear-gradient(#2e7096,#184e71 49%,#113f5e 50%,#1c587c);border-bottom-color:#103b58}
.paneel-titel.groen{color:#fff;text-shadow:0 1px #043423;background:linear-gradient(#16815b,#07583e 49%,#054e36 50%,#0a6848);border-bottom-color:#034630}
.paneel-titel.goud{color:#5d4b06;background:linear-gradient(#fffbea,#eadc9d);border-bottom-color:#ad9540}
.paneel-titel img{width:18px;height:18px;margin-right:8px}
.paneel-titel a{margin-left:auto;color:inherit;font-size:10px;font-weight:400}
.paneel-inhoud{padding:13px}

.moduleraster{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c0cbd1;border-left:1px solid #c0cbd1}
.modulekaart{position:relative;min-height:132px;display:grid;grid-template-columns:47px 1fr;padding:13px 13px 12px;border-right:1px solid #c0cbd1;border-bottom:1px solid #c0cbd1;background:linear-gradient(#fff,#f5f8f9)}
.modulekaart:before{content:attr(data-nummer);position:absolute;right:7px;top:6px;color:#d8e2e7;font:700 28px/1 Arial,sans-serif}
.modulekaart img{width:32px;height:32px;margin-top:1px}
.modulekaart h2{position:relative;margin:0 0 5px;color:#075d41;font-size:14px}
.modulekaart p{position:relative;margin:0 0 7px;line-height:18px;color:#334650}
.modulekaart a{position:relative;font-weight:700;font-size:11px}
.modulekaart:hover{background:linear-gradient(#fff,#eef5f2)}

.licentie-balk{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:0;border:1px solid #a9913a;background:#fffdf0}
.licentie-tekst{padding:14px 16px;border-right:1px solid #d0bf78}
.licentie-tekst h2{margin:0 0 7px;color:#0c4d36;font:400 24px/1.22 Georgia,'Times New Roman',serif}
.licentie-tekst p{margin:0 0 8px;line-height:19px}
.licentie-actie{display:flex;align-items:center;padding:14px;background:linear-gradient(#fffdf4,#f2e9bd)}
.licentie-actie .klassieke-knop{width:100%}

.vergelijking-inleiding{display:grid;grid-template-columns:265px 1fr;border:1px solid #a8b7c0;background:#f7f9fa}
.vergelijking-tekst{padding:14px;border-right:1px solid #a8b7c0}
.vergelijking-tekst strong{display:block;margin-bottom:6px;color:#174767;font:400 22px/1.3 Georgia,'Times New Roman',serif}
.vergelijking-tekst p{margin:0;line-height:19px}
.vergelijking{width:100%;border-collapse:collapse;font-size:11px}
.vergelijking th,.vergelijking td{padding:8px;border-left:1px solid #b7c3ca;border-bottom:1px solid #b7c3ca;text-align:left;vertical-align:top}
.vergelijking tr:last-child td{border-bottom:0}
.vergelijking th{color:#164967;background:linear-gradient(#f7f9fa,#dde6ea)}
.vergelijking th:first-child,.vergelijking td:first-child{border-left:0;width:22%}
.vergelijking td:nth-child(2){color:#58666d;background:#fbfbfb}
.vergelijking td:nth-child(3){background:#f0f7f4}
.vergelijking b{color:#075f42}

.proces-spoor{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #a5b5be}
.proces-stap{position:relative;min-height:145px;padding:11px 9px;border-right:1px solid #a5b5be;background:linear-gradient(#fff,#f0f4f6)}
.proces-stap:last-child{border-right:0}
.proces-stap:not(:last-child):after{content:'›';position:absolute;right:-8px;top:57px;z-index:2;width:16px;height:25px;line-height:22px;text-align:center;color:#fff;font-size:18px;background:#416f89;border:1px solid #2b546b}
.proces-pictogramlijn{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.proces-nummer{width:27px;height:27px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background:linear-gradient(#14805a,#07573d);border:1px solid #044932}
.proces-pictogramlijn img{width:24px;height:24px}
.proces-stap h3{margin:0 0 5px;color:#164967;font-size:11px;line-height:15px}
.proces-stap p{margin:0;color:#4b5d67;font-size:10px;line-height:15px}

.zijbalk-paneel{margin-bottom:13px;border:1px solid #94a8b4;background:#fff}
.zijbalk-titel{min-height:33px;display:flex;align-items:center;padding:0 9px;color:#164967;font-weight:700;background:linear-gradient(#fafcfd,#dbe6ec);border-bottom:1px solid #94a8b4}
.zijbalk-titel img{width:17px;height:17px;margin-right:7px}
.zijbalk-inhoud{padding:10px;line-height:18px}
.zijbalk-paneel.goud{border-color:#ad9845}
.zijbalk-paneel.goud .zijbalk-titel{color:#594703;background:linear-gradient(#fffbea,#e9dc9f);border-bottom-color:#ad9845}
.zijbalk-paneel.groen{border-color:#4e856f}
.zijbalk-paneel.groen .zijbalk-titel{color:#fff;background:linear-gradient(#167f5a,#07573d);border-bottom-color:#3c725d}
.zijbalk-lijst{margin:0;padding-left:18px}
.zijbalk-lijst li{margin-bottom:7px}
.zijbalk-lijst li:last-child{margin-bottom:0}
.zijbalk-koppelingen a{min-height:34px;display:flex;align-items:center;padding:6px 8px;text-decoration:none;border-bottom:1px solid #d7dfe3}
.zijbalk-koppelingen a:last-child{border-bottom:0}
.zijbalk-koppelingen a:hover{background:#f1f6f8}
.zijbalk-koppelingen img{width:17px;height:17px;margin-right:8px}
.zijbalk-status{display:grid;grid-template-columns:17px 1fr;gap:4px 7px;margin-bottom:9px}
.zijbalk-status:last-child{margin-bottom:0}
.zijbalk-status img{width:16px;height:16px}
.zijbalk-status strong{color:#164967}
.zijbalk-status span{grid-column:2;color:#53636c}

.pagina-kop{position:relative;padding:24px 27px 25px;border:1px solid #8399a7;background:linear-gradient(102deg,#fff 0,#fff 66%,#e4edf2 100%);overflow:hidden}
.pagina-kop:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--groen-700) 0 36%,var(--blauw-800) 36% 79%,var(--goud-500) 79%)}
.pagina-kop-aanduiding{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#075f42;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.pagina-kop-aanduiding img{width:18px;height:18px}
.pagina-kop h1{max-width:880px;margin:0;color:#123f5e;font:400 34px/1.18 Georgia,'Times New Roman',serif}
.pagina-kop p{max-width:900px;margin:10px 0 0;color:#384b55;font-size:14px;line-height:22px}
.pagina-indeling{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:13px;margin-top:13px}
.artikel-paneel{margin-bottom:13px;border:1px solid #93a7b3;background:#fff}
.artikel-titel{min-height:36px;display:flex;align-items:center;padding:0 11px;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(#2d7096,#164b6f 49%,#103f60 50%,#1c587c);border-bottom:1px solid #0e3a57}
.artikel-titel img{width:18px;height:18px;margin-right:8px}
.artikel-inhoud{padding:17px 19px}
.artikel-inhoud h2{margin:0 0 10px;color:#174767;font:400 24px/1.28 Georgia,'Times New Roman',serif}
.artikel-inhoud h3{margin:19px 0 7px;color:#075d41;font-size:14px}
.artikel-inhoud p{margin:0 0 11px;line-height:20px}
.artikel-inhoud ul,.artikel-inhoud ol{margin:0 0 12px;padding-left:22px;line-height:20px}
.artikel-inhoud li{margin-bottom:4px}
.artikel-inhoud .inleiding{font-size:14px;line-height:22px;color:#30434d}

.gegevens-tabel{width:100%;border-collapse:collapse}
.gegevens-tabel th,.gegevens-tabel td{padding:8px 9px;border:1px solid #b8c4ca;text-align:left;vertical-align:top}
.gegevens-tabel th{color:#164967;background:linear-gradient(#f7f9fa,#e0e8ec)}
.gegevens-tabel tr:nth-child(even) td{background:#f8fafb}
.gegevens-tabel .categorie{width:210px;font-weight:700;color:#075c40}
.gereed-aanduiding{display:inline-flex;align-items:center;gap:5px;min-width:78px;justify-content:center;padding:2px 6px;color:#075f42;font-size:10px;font-weight:700;border:1px solid #87b3a2;background:#edf8f3}
.gereed-aanduiding img{width:13px;height:13px}

.kenmerken-register{border:1px solid #aebcc4}
.kenmerk-rij{display:grid;grid-template-columns:48px 205px 1fr 90px;min-height:68px;border-bottom:1px solid #ccd5da}
.kenmerk-rij:last-child{border-bottom:0}
.kenmerk-rij .kenmerk-pictogram{display:flex;align-items:center;justify-content:center;background:#edf2f4;border-right:1px solid #ccd5da}
.kenmerk-rij .kenmerk-pictogram img{width:27px;height:27px}
.kenmerk-rij h3{margin:0;display:flex;align-items:center;padding:10px;color:#164967;font-size:12px;background:#f7f9fa;border-right:1px solid #ccd5da}
.kenmerk-rij p{margin:0;padding:10px 12px;line-height:19px}
.kenmerk-rij .kenmerk-status{display:flex;align-items:center;justify-content:center;color:#075f42;font-weight:700;background:#eff8f4;border-left:1px solid #ccd5da}

.werkstroom-register{border:1px solid #aebcc4}
.werkstroom-rij{display:grid;grid-template-columns:52px 190px 1fr;min-height:72px;border-bottom:1px solid #ccd5da}
.werkstroom-rij:last-child{border-bottom:0}
.werkstroom-rij .nr{display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;background:linear-gradient(#14805a,#07573d)}
.werkstroom-rij h3{margin:0;display:flex;align-items:center;padding:11px;color:#164967;font-size:12px;background:#eef3f5;border-right:1px solid #ccd5da}
.werkstroom-rij p{margin:0;padding:11px 13px;line-height:19px}

.uitgelicht{margin:13px 0;padding:11px 13px;border:1px solid #b5a04d;background:#fffbe4;line-height:19px}
.uitgelicht strong{color:#594703}
.definitie{padding:13px;border-left:4px solid var(--blauw-700);background:#eef4f7;line-height:20px}
.definitie strong{color:#164967}

.formulier-venster{border:1px solid #667f8f;background:#fff;box-shadow:2px 2px 0 #b9c3c9}
.formulier-venster-titel{min-height:34px;display:flex;align-items:center;padding:0 10px;color:#fff;font-weight:700;background:linear-gradient(#16809d,#075b75 49%,#04506a 50%,#0c6882)}
.formulier-venster-titel img{width:18px;height:18px;margin-right:8px}
.formulier-venster-inhoud{padding:14px}
.formulier-raster{display:grid;grid-template-columns:215px 1fr;border-top:1px solid #bdc8ce;border-left:1px solid #bdc8ce}
.formulier-aanduiding,.formulier-veld{min-height:48px;padding:9px;border-right:1px solid #bdc8ce;border-bottom:1px solid #bdc8ce}
.formulier-aanduiding{color:#164967;font-weight:700;background:linear-gradient(#f7f9fa,#e7edf0)}
.formulier-aanduiding small{display:block;margin-top:3px;color:#697980;font-weight:400}
.formulier-veld input,.formulier-veld select,.formulier-veld textarea{width:100%;min-height:30px;padding:5px 6px;color:#1c2b33;border:1px solid #82949f;background:#fff;box-shadow:inset 1px 1px 2px rgba(42,62,74,.09)}
.formulier-veld textarea{height:130px;resize:vertical}
.formulier-acties{display:flex;align-items:center;gap:10px;margin-top:12px}
.formulier-terugmelding{display:none;margin-top:11px;padding:10px;border:1px solid #72a38e;background:#edf8f3;color:#075a3e}
.formulier-terugmelding.zichtbaar{display:block}
.privacy-keuze{display:flex;align-items:flex-start;gap:7px;line-height:18px}
.privacy-keuze input{width:auto;min-height:auto;margin-top:2px}

.aanmeld-raster{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px}
.aanmeld-venster{border:1px solid #5d788a;background:#fff;box-shadow:2px 2px 0 #b9c4ca}
.aanmeld-titel{min-height:35px;display:flex;align-items:center;padding:0 10px;color:#fff;font-weight:700;background:linear-gradient(#16809d,#075b75 49%,#04506a 50%,#0c6882)}
.aanmeld-titel img{width:18px;height:18px;margin-right:8px}
.aanmeld-pagina{padding:16px}
.aanmeld-rij{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:8px;margin-bottom:10px}
.aanmeld-rij label{color:#164967;font-weight:700}
.aanmeld-rij input{height:31px;padding:5px 6px;border:1px solid #82949f}
.aanmeld-notitie{padding:13px;border:1px solid #9babb5;background:#f3f7f9;line-height:19px}

.vraag-onderdeel{margin-bottom:7px;border:1px solid #aebbc3}
.vraag-knop{width:100%;min-height:38px;padding:0 10px;text-align:left;color:#164967;font-weight:700;border:0;background:linear-gradient(#f9fbfc,#dfe8ec)}
.vraag-knop:after{content:'+';float:right;font-size:18px}
.vraag-antwoord{display:none;padding:11px;border-top:1px solid #aebbc3;line-height:19px;background:#fff}
.vraag-onderdeel.geopend .vraag-antwoord{display:block}
.vraag-onderdeel.geopend .vraag-knop{background:#edf4f7}
.vraag-onderdeel.geopend .vraag-knop:after{content:'−'}

.voettekst{margin-top:18px;border-top:4px solid var(--groen-950);background:#e3ebef}
.voettekst-raster{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:25px;padding:19px 17px 17px}
.voettekst h2{margin:0 0 8px;color:#164967;font-size:12px}
.voettekst p{margin:0;color:#50626c;line-height:18px}
.voettekst a{display:block;margin-bottom:5px;text-decoration:none}
.voettekst-onder{min-height:39px;display:flex;align-items:center;padding:8px 17px;color:#53636c;background:#d4e0e6;border-top:1px solid #aebdc6}
.voettekst-onder .rechts{margin-left:auto}
.productstatus{color:#075f42;font-weight:700}

.melding-venster{display:none;position:fixed;right:20px;bottom:20px;z-index:999;max-width:380px;padding:11px 13px;border:1px solid #7f6f2b;background:#fffbd8;box-shadow:2px 2px 0 #aeb5b9;line-height:18px}
.melding-venster.zichtbaar{display:block}

@media(max-width:1000px){
  .website-omhulsel{max-width:none;width:100%;border-left:0;border-right:0}
  .hoofdkop-paneel{display:none}
  .mobiel-menu{display:block}
  .hoofdnavigatie{display:none;height:auto;padding:0;flex-direction:column}
  .hoofdnavigatie.geopend{display:flex}
  .hoofdnavigatie a,.hoofdnavigatie a.aanmelden{min-height:40px;margin:0;border-left:0;border-right:0;border-bottom:1px solid #477a98}
  .hoofdnavigatie a.actief{border-top:0;border-left:5px solid var(--goud-500)}
  .blikvanger-kader{grid-template-columns:1fr}
  .blikvanger-hoofd{border-right:0;border-bottom:1px solid #768f9f}
  .zekerheid-balk{grid-template-columns:1fr 1fr}
  .zekerheid-onderdeel:nth-child(2){border-right:0}
  .zekerheid-onderdeel:nth-child(-n+2){border-bottom:1px solid #bdc8ce}
  .hoofdindeling,.pagina-indeling,.aanmeld-raster{grid-template-columns:1fr}
  .proces-spoor{grid-template-columns:repeat(4,1fr)}
  .proces-stap{border-bottom:1px solid #a5b5be}
  .proces-stap:nth-child(4n){border-right:0}
  .proces-stap:after{display:none}
  .voettekst-raster{grid-template-columns:1fr 1fr 1fr}
}

@media(max-width:680px){
  body{border-top-width:3px}
  .hulpmiddelen-status{display:none}
  .hulpmiddelen-koppelingen a{padding:0 8px;font-size:10px}
  .hoofdkop{min-height:88px;padding:9px}
  .merk{width:100%}
  .merk img{width:310px}
  .inhoud{padding:7px}
  .blikvanger-hoofd{padding:21px 18px}
  .blikvanger-hoofd h1{font-size:30px;line-height:1.2}
  .blikvanger-inleiding{font-size:14px;line-height:21px}
  .blikvanger-bewijs{grid-template-columns:1fr}
  .knoppenrij{display:grid}
  .klassieke-knop{width:100%}
  .zekerheid-balk,.moduleraster,.licentie-balk,.vergelijking-inleiding,.voettekst-raster{grid-template-columns:1fr}
  .zekerheid-onderdeel{border-right:0;border-bottom:1px solid #bdc8ce}
  .zekerheid-onderdeel:last-child{border-bottom:0}
  .modulekaart{border-right:1px solid #c0cbd1}
  .licentie-tekst{border-right:0;border-bottom:1px solid #d0bf78}
  .vergelijking-tekst{border-right:0;border-bottom:1px solid #a8b7c0}
  .vergelijking{font-size:10px}
  .proces-spoor{grid-template-columns:1fr}
  .proces-stap{border-right:0}
  .kenmerk-rij{grid-template-columns:44px 1fr}
  .kenmerk-rij h3{border-right:0}
  .kenmerk-rij p{grid-column:1/3;border-top:1px solid #ccd5da}
  .kenmerk-rij .kenmerk-status{grid-column:1/3;min-height:34px;border-left:0;border-top:1px solid #ccd5da}
  .werkstroom-rij{grid-template-columns:44px 1fr}
  .werkstroom-rij h3{border-right:0}
  .werkstroom-rij p{grid-column:1/3;border-top:1px solid #ccd5da}
  .formulier-raster{grid-template-columns:1fr}
  .formulier-aanduiding{border-bottom:0}
  .formulier-acties{display:grid}
  .aanmeld-rij{grid-template-columns:1fr;gap:4px}
  .voettekst-onder{display:block}
  .voettekst-onder .rechts{margin:5px 0 0}
  .pagina-kop{padding:19px}
  .pagina-kop h1{font-size:28px}
}

/* Zoekzichtbaarheid en antwoordgerichte inhoud */
.antwoord-vak{
  margin:13px 0;
  padding:16px 18px;
  border:1px solid #6f9384;
  border-left:5px solid var(--groen-700);
  background:linear-gradient(#f8fcfa,#edf7f2);
  box-shadow:0 1px 0 rgba(71,91,103,.08);
}
.antwoord-aanduiding{
  display:inline-block;
  margin-bottom:6px;
  padding:2px 7px;
  color:#fff;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.4px;
  background:#075f42;
}
.antwoord-vak h2{
  margin:0 0 8px;
  color:#164967;
  font:400 22px/1.28 Georgia,'Times New Roman',serif;
}
.antwoord-vak p{margin:0;font-size:13px;line-height:21px}
.koppelingen-groep{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c4d0d6;border-left:1px solid #c4d0d6}
.koppelingen-groep a{display:block;min-height:88px;padding:12px;text-decoration:none;border-right:1px solid #c4d0d6;border-bottom:1px solid #c4d0d6;background:linear-gradient(#fff,#f4f8fa)}
.koppelingen-groep a:hover{background:#eef6f2}
.koppelingen-groep strong{display:block;margin-bottom:5px;color:#075d41;font-size:13px}
.koppelingen-groep span{display:block;color:#465b66;line-height:18px}
.artikel-inhoud > h2:not(:first-child){margin-top:24px}
.artikel-inhoud a{font-weight:600}

@media(max-width:680px){
  .koppelingen-groep{grid-template-columns:1fr}
  .antwoord-vak{padding:14px}
  .antwoord-vak h2{font-size:20px}
}


.inhoud-bijgewerkt {
  margin: 18px 0 2px;
  padding-top: 10px;
  border-top: 1px solid #c7d6df;
  color: #526875;
  font-size: 12px;
}
.inhoud-bijgewerkt time { font-weight: 700; color: #274e65; }

/* Licentieaanvraag voor organisaties */
.organisatie-mededeling{display:grid;grid-template-columns:58px 1fr;gap:14px;margin:14px 0;padding:15px 17px;border:1px solid #8ea79b;background:linear-gradient(#fbfdfc,#eef6f2);box-shadow:0 1px 0 rgba(71,91,103,.08)}
.organisatie-mededeling-pictogram{display:flex;align-items:flex-start;justify-content:center;padding-top:3px}
.organisatie-mededeling-pictogram img{width:34px;height:34px;object-fit:contain}
.organisatie-mededeling h2{margin:0 0 7px;color:#164967;font:400 20px/1.3 Georgia,'Times New Roman',serif}
.organisatie-mededeling p{margin:0 0 10px;line-height:20px}

.licentie-aanvraag-omhulsel{margin:13px 0;border:1px solid #8aa1af;background:#f6f8f9;box-shadow:0 1px 2px rgba(35,58,71,.12)}
.licentie-aanvraag-kop{display:grid;grid-template-columns:1fr 270px;gap:18px;padding:16px 18px;border-bottom:1px solid #9db0bb;background:linear-gradient(#f8fbfc,#e8eff3)}
.licentie-aanvraag-kop h2{margin:3px 0 6px;color:#164967;font:400 23px/1.25 Georgia,'Times New Roman',serif}
.licentie-aanvraag-kop p{margin:0;line-height:20px}
.licentie-aanvraag-aanduiding{display:inline-block;padding:2px 7px;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:#075f42}
.licentie-aanvraag-kader{align-self:start;padding:9px 11px;border:1px solid #9dae99;background:#fffef3;font-size:11px;line-height:17px}
.licentie-aanvraag-kader strong,.licentie-aanvraag-kader span{display:block}
.licentie-aanvraag-kader strong{color:#594703;margin-bottom:3px}

.licentie-aanvraag{padding:14px 16px 17px;background:#fff}
.licentie-voortgang{display:grid;grid-template-columns:repeat(6,1fr);margin:0 0 15px;padding:0;list-style:none;border:1px solid #9cafba;background:#eef3f6}
.licentie-voortgang-stap{position:relative;min-height:55px;padding:8px 7px 7px 39px;border-right:1px solid #b5c3ca;color:#526873;background:linear-gradient(#f8fafb,#e7edf0)}
.licentie-voortgang-stap:last-child{border-right:0}
.licentie-voortgang-stap span{position:absolute;left:9px;top:12px;width:22px;height:22px;border:1px solid #8da0ac;background:#fff;text-align:center;line-height:20px;font-weight:700}
.licentie-voortgang-stap strong{display:block;margin-top:4px;font-size:11px}
.licentie-voortgang-stap.actief{color:#173d56;background:linear-gradient(#fffef5,#eee7cb);box-shadow:inset 0 3px 0 #b89a2c}
.licentie-voortgang-stap.actief span{color:#fff;border-color:#075f42;background:#075f42}
.licentie-voortgang-stap.gereed{color:#075f42;background:#edf6f1}
.licentie-voortgang-stap.gereed span{color:#fff;border-color:#075f42;background:#075f42}

.licentie-stap{border:1px solid #aebdc6;background:#f9fbfc}
.licentie-stap[hidden]{display:none!important}
.licentie-stap-kop{padding:13px 15px;border-bottom:1px solid #b9c6cd;background:linear-gradient(#f7f9fa,#e7edf1)}
.licentie-stap-kop>span{display:block;color:#61727c;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.licentie-stap-kop h2{margin:2px 0 4px;color:#164967;font:400 21px/1.25 Georgia,'Times New Roman',serif}
.licentie-stap-kop p{margin:0;line-height:19px}
.licentie-veldenraster{display:grid;grid-template-columns:1fr 1fr;gap:0;border-left:1px solid #c5d0d6;border-top:1px solid #c5d0d6;margin:13px}
.licentie-veldenraster-na-keuze{margin-top:14px}
.licentie-veld{min-width:0;padding:10px 11px;border-right:1px solid #c5d0d6;border-bottom:1px solid #c5d0d6;background:#fff}
.licentie-veld-breed{grid-column:1/3}
.licentie-veld label{display:block;margin-bottom:5px;color:#1c465e;font-weight:700;font-size:11px}
.licentie-veld label>span[aria-hidden]{color:#a51414}
.licentie-veld input[type=text],.licentie-veld input[type=email],.licentie-veld input[type=tel],.licentie-veld input[type=url],.licentie-veld select,.licentie-veld textarea{width:100%;min-height:33px;padding:6px 7px;border:1px solid #8298a6;background:#fff;color:#20343f;font:12px Arial,Helvetica,sans-serif;box-shadow:inset 1px 1px 1px #dbe2e6}
.licentie-veld textarea{min-height:92px;resize:vertical;line-height:18px}
.licentie-veld input:focus,.licentie-veld select:focus,.licentie-veld textarea:focus{outline:2px solid #8ab7d2;outline-offset:1px;border-color:#436f88}
.licentie-veld small{display:block;margin-top:4px;color:#667983;line-height:15px}

.module-keuzeraster{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px}
.module-keuze{display:grid;grid-template-columns:25px 1fr;gap:5px;align-items:start;min-height:76px;padding:10px;border:1px solid #aebdc6;background:linear-gradient(#fff,#f2f6f8);cursor:pointer}
.module-keuze:hover{background:#eef6f2}
.module-keuze input{margin:3px 0 0;width:16px;height:16px}
.module-keuze strong{display:block;color:#164967;font-size:12px}
.module-keuze small{display:block;margin-top:3px;color:#586d78;line-height:16px}
.module-keuze-volledig{grid-column:1/3;min-height:66px;border-color:#8e9b58;background:linear-gradient(#fffef5,#f2edcf)}
.module-keuze-volledig strong{color:#594703}
.licentie-fout{margin:0 13px 12px;padding:8px 10px;border:1px solid #b55b5b;background:#fff0f0;color:#861515;font-weight:700}

.licentie-stap-acties{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:11px 13px;border-top:1px solid #b9c6cd;background:#edf2f5}
.licentie-verklaringen{display:grid;gap:8px;margin:13px}
.licentie-verklaring{display:grid!important;grid-template-columns:23px 1fr;gap:7px;align-items:start;margin:0!important;padding:9px 10px;border:1px solid #b9c6cd;background:#fff;cursor:pointer;font-weight:400!important;color:#334b58!important;line-height:18px}
.licentie-verklaring input{margin:3px 0 0;width:15px;height:15px}
.licentie-verklaring strong{color:#a51414}
.aanvraag-samenvatting{margin:13px;border:1px solid #9dafb9;background:#fff}
.aanvraag-samenvatting dl{margin:0}
.aanvraag-samenvatting-rij{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid #d1d9de}
.aanvraag-samenvatting-rij:last-child{border-bottom:0}
.aanvraag-samenvatting dt{padding:7px 9px;color:#284e64;font-weight:700;background:#edf3f6}
.aanvraag-samenvatting dd{margin:0;padding:7px 9px;word-break:break-word}
.licentie-zonder-script{margin:0 0 13px;padding:9px 10px;border:1px solid #a38c31;background:#fffbd8;color:#55460a}
.licentie-nadere-uitleg{margin-top:14px}
.voettekst-organisatie{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 17px;border-top:1px solid #9fb0ba;background:#e3ebef;color:#3d5664;font-size:11px;line-height:16px}
.voettekst-organisatie strong{color:#164967;white-space:nowrap}
.voettekst-organisatie a{margin:0;font-weight:700;white-space:nowrap}

@media(max-width:900px){
  .licentie-aanvraag-kop{grid-template-columns:1fr}
  .licentie-aanvraag-kader{max-width:none}
  .licentie-voortgang{grid-template-columns:repeat(3,1fr)}
  .licentie-voortgang-stap:nth-child(3){border-right:0}
  .licentie-voortgang-stap:nth-child(-n+3){border-bottom:1px solid #b5c3ca}
  .voettekst-organisatie{grid-template-columns:1fr}
  .voettekst-organisatie strong{white-space:normal}
}
@media(max-width:680px){
  .organisatie-mededeling{grid-template-columns:1fr}
  .organisatie-mededeling-pictogram{justify-content:flex-start}
  .licentie-aanvraag{padding:9px}
  .licentie-voortgang{grid-template-columns:1fr 1fr}
  .licentie-voortgang-stap{border-bottom:1px solid #b5c3ca}
  .licentie-voortgang-stap:nth-child(2n){border-right:0}
  .licentie-veldenraster,.module-keuzeraster{grid-template-columns:1fr}
  .licentie-veld-breed,.module-keuze-volledig{grid-column:1}
  .licentie-stap-acties{display:grid;grid-template-columns:1fr}
  .licentie-stap-acties span:empty{display:none}
  .aanvraag-samenvatting-rij{grid-template-columns:1fr}
  .aanvraag-samenvatting dt{border-bottom:1px solid #d1d9de}
}


/* Zoekpagina */
.algemene-pagina{padding:16px 18px 28px;}
.zoekpagina{min-height:480px;}
.pagina-titel{margin:8px 0 14px;color:#123d58;font-size:27px;line-height:1.2;}
.zoekpaneel{padding:16px;}
.zoeken-groot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;}
.zoeken-groot .invoerveld{min-height:38px;}
.zoekresultaten{margin-top:15px;border-top:1px solid #c7d0d5;}
.zoekresultaat{padding:13px 4px;border-bottom:1px solid #d7dde1;}
.zoekresultaat h2{margin:3px 0 5px;font-size:18px;}
.zoekresultaat p{margin:0;color:#4c5e67;}
.tekstkoppeling{color:#075f42;font-weight:700;text-decoration:none;}
.tekstkoppeling:hover{text-decoration:underline;}
.hoofdletters{text-transform:uppercase;letter-spacing:.35px;}
@media(max-width:640px){.zoeken-groot{grid-template-columns:1fr}.zoeken-groot .klassieke-knop{width:100%;justify-content:center}.algemene-pagina{padding:10px 8px 22px}}