diff --git a/docs/iframe.html b/docs/iframe.html
index 93b9b92..e20269a 100644
--- a/docs/iframe.html
+++ b/docs/iframe.html
@@ -504,7 +504,7 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.e2676292.iframe.bundle.js';
+      import './runtime~main.813a11f7.iframe.bundle.js';
       
       import './6093.d3dc2057.iframe.bundle.js';
       
diff --git a/docs/project.json b/docs/project.json
index e78f47b..3386668 100644
--- a/docs/project.json
+++ b/docs/project.json
@@ -1 +1 @@
-{"generatedAt":1732623013593,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"CRA","packageName":"react-scripts","version":"5.0.1"},"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"14.3.1","@testing-library/user-event":null},"packageManager":{"type":"yarn","version":"4.5.1"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":1,"storybookVersion":"8.4.5","storybookVersionSpecifier":"^8.4.2","language":"javascript","storybookPackages":{"@storybook/test":{"version":"8.4.5"},"@storybook/addon-actions":{"version":"8.4.5"},"@storybook/addons":{"version":"7.6.20"},"@storybook/node-logger":{"version":"8.4.5"},"@storybook/react":{"version":"8.4.5"},"@storybook/react-webpack5":{"version":"8.4.5"},"@storybook/theming":{"version":"8.4.5"},"storybook":{"version":"8.4.5"}},"addons":{"@storybook/addon-links":{"version":"8.4.5"},"@storybook/addon-essentials":{"version":"8.4.5"},"@storybook/addon-interactions":{"version":"8.4.5"},"@storybook/preset-create-react-app":{"version":"8.4.5"},"@storybook/addon-a11y":{"version":"8.4.5"},"@storybook/addon-mdx-gfm":{"version":"8.4.5"}}}
\ No newline at end of file
+{"generatedAt":1732623714034,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"CRA","packageName":"react-scripts","version":"5.0.1"},"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"14.3.1","@testing-library/user-event":null},"packageManager":{"type":"yarn","version":"4.5.1"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":1,"storybookVersion":"8.4.5","storybookVersionSpecifier":"^8.4.2","language":"javascript","storybookPackages":{"@storybook/test":{"version":"8.4.5"},"@storybook/addon-actions":{"version":"8.4.5"},"@storybook/addons":{"version":"7.6.20"},"@storybook/node-logger":{"version":"8.4.5"},"@storybook/react":{"version":"8.4.5"},"@storybook/react-webpack5":{"version":"8.4.5"},"@storybook/theming":{"version":"8.4.5"},"storybook":{"version":"8.4.5"}},"addons":{"@storybook/addon-links":{"version":"8.4.5"},"@storybook/addon-essentials":{"version":"8.4.5"},"@storybook/addon-interactions":{"version":"8.4.5"},"@storybook/preset-create-react-app":{"version":"8.4.5"},"@storybook/addon-a11y":{"version":"8.4.5"},"@storybook/addon-mdx-gfm":{"version":"8.4.5"}}}
\ No newline at end of file
diff --git a/docs/runtime~main.e2676292.iframe.bundle.js b/docs/runtime~main.813a11f7.iframe.bundle.js
similarity index 99%
rename from docs/runtime~main.e2676292.iframe.bundle.js
rename to docs/runtime~main.813a11f7.iframe.bundle.js
index b8b50a9..8c6ef23 100644
--- a/docs/runtime~main.e2676292.iframe.bundle.js
+++ b/docs/runtime~main.813a11f7.iframe.bundle.js
@@ -1 +1 @@
-(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({1039:"stories-RadioButtonIcon-stories",1318:"stories-InfoBox-stories",1633:"stories-ContentBox-stories",1840:"stories-ErrorMessage-stories",2849:"stories-ThemeProvider-stories",2977:"stories-Lead-stories",3089:"stories-LoadingAnimation-stories",4406:"stories-Footer-stories",4695:"stories-Dialog-stories",4949:"stories-ToggleNavigationButton-stories",5419:"stories-InputField-stories",6071:"stories-Accordion-stories",7040:"stories-Container-stories",7425:"stories-Table-stories",7462:"stories-Theme-stories",7495:"stories-CheckBoxIcon-stories",7818:"stories-ErrorBox-stories",8003:"stories-Label-stories",8097:"stories-ProgressBar-stories",8232:"stories-WizardNavigation-stories",9047:"stories-Paper-stories",9099:"stories-DescriptionList-stories",9211:"stories-DragAndDropFileInput-stories",9512:"stories-Header-stories",9708:"stories-NavigationBar-stories",9791:"stories-Button-stories",9871:"stories-List-stories"}[chunkId]||chunkId)+"."+{989:"72f01372",1039:"d027b2be",1318:"8eb2e848",1633:"2a85c5df",1840:"95a5a50d",2186:"7308ffca",2453:"540ce0e2",2849:"666100d2",2977:"b3c7f20f",3089:"b42daa83",3245:"7c8c6e4d",3522:"b34211f6",4406:"40dc5a93",4695:"8c52a1fb",4949:"e154fa05",5419:"30068080",5652:"5f51588a",5923:"9c808e88",6071:"a6bd6d35",6869:"b48d5384",7040:"a01356b1",7364:"6f7d8358",7425:"182b0e1e",7462:"7b0ac866",7495:"299ed573",7648:"7bc2be5c",7818:"e5c5b458",8003:"a3a97d80",8039:"5ad433d6",8097:"5ee81c01",8232:"a2ccd5a8",8609:"93465fe4",8735:"64737c78",8980:"94b6d304",9025:"6cc7b555",9047:"4f77e50e",9099:"3c24f8c1",9211:"ebf89322",9512:"38ede15d",9708:"fdd00ebd",9791:"62be5c60",9850:"25494922",9871:"80cd821a",9878:"866f62d3",9971:"875618cc"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>"static/css/"+({753:"stories-CheckBoxListItem-stories",1039:"stories-RadioButtonIcon-stories",1318:"stories-InfoBox-stories",1600:"stories-RadioButtonList-stories",1633:"stories-ContentBox-stories",1840:"stories-ErrorMessage-stories",2380:"stories-CheckBoxInput-stories",2707:"stories-Select-stories",2977:"stories-Lead-stories",3089:"stories-LoadingAnimation-stories",3515:"stories-PDF-stories",4406:"stories-Footer-stories",4695:"stories-Dialog-stories",4949:"stories-ToggleNavigationButton-stories",5419:"stories-InputField-stories",6071:"stories-Accordion-stories",7033:"stories-RadioButtonListItem-stories",7040:"stories-Container-stories",7141:"stories-Textarea-stories",7425:"stories-Table-stories",7462:"stories-Theme-stories",7495:"stories-CheckBoxIcon-stories",7818:"stories-ErrorBox-stories",8003:"stories-Label-stories",8097:"stories-ProgressBar-stories",8232:"stories-WizardNavigation-stories",9047:"stories-Paper-stories",9099:"stories-DescriptionList-stories",9211:"stories-DragAndDropFileInput-stories",9512:"stories-Header-stories",9668:"stories-RadioButtonInput-stories",9791:"stories-Button-stories",9871:"stories-List-stories",9960:"stories-CheckBoxList-stories"}[chunkId]||chunkId)+"."+{753:"57eef69f",1039:"5b215468",1318:"9342cb62",1600:"c359ca85",1633:"500fc627",1840:"b5b46761",2380:"4d74da20",2707:"e3366cb7",2977:"6a09bdb3",3089:"bc0d5a04",3245:"8bf728e6",3515:"0e423a15",4406:"364bafbc",4695:"a7d8c3d4",4949:"0afaa783",5419:"783e01f2",6071:"f0a41d04",7033:"433e5dd2",7040:"66f0b15c",7141:"0ff245f6",7425:"de30fb61",7462:"9682c62f",7495:"84d71254",7818:"a76d5c97",8003:"fa271e53",8097:"5830f6ee",8232:"6dabb337",9047:"80570f93",9099:"3c47d521",9211:"c01d2e8a",9512:"3169791b",9668:"a32792d4",9791:"4bc8f67f",9871:"0c71d72e",9960:"542dcae8"}[chunkId]+".chunk.css",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="dibk-design:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","dibk-design:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{if("undefined"!=typeof document){var loadStylesheet=chunkId=>new Promise(((resolve,reject)=>{var href=__webpack_require__.miniCssF(chunkId),fullhref=__webpack_require__.p+href;if(((href,fullhref)=>{for(var existingLinkTags=document.getElementsByTagName("link"),i=0;i<existingLinkTags.length;i++){var dataHref=(tag=existingLinkTags[i]).getAttribute("data-href")||tag.getAttribute("href");if("stylesheet"===tag.rel&&(dataHref===href||dataHref===fullhref))return tag}var existingStyleTags=document.getElementsByTagName("style");for(i=0;i<existingStyleTags.length;i++){var tag;if((dataHref=(tag=existingStyleTags[i]).getAttribute("data-href"))===href||dataHref===fullhref)return tag}})(href,fullhref))return resolve();((chunkId,fullhref,oldTag,resolve,reject)=>{var linkTag=document.createElement("link");linkTag.rel="stylesheet",linkTag.type="text/css",__webpack_require__.nc&&(linkTag.nonce=__webpack_require__.nc),linkTag.onerror=linkTag.onload=event=>{if(linkTag.onerror=linkTag.onload=null,"load"===event.type)resolve();else{var errorType=event&&event.type,realHref=event&&event.target&&event.target.href||fullhref,err=new Error("Loading CSS chunk "+chunkId+" failed.\n("+errorType+": "+realHref+")");err.name="ChunkLoadError",err.code="CSS_CHUNK_LOAD_FAILED",err.type=errorType,err.request=realHref,linkTag.parentNode&&linkTag.parentNode.removeChild(linkTag),reject(err)}},linkTag.href=fullhref,oldTag?oldTag.parentNode.insertBefore(linkTag,oldTag.nextSibling):document.head.appendChild(linkTag)})(chunkId,fullhref,null,resolve,reject)})),installedCssChunks={5354:0};__webpack_require__.f.miniCss=(chunkId,promises)=>{installedCssChunks[chunkId]?promises.push(installedCssChunks[chunkId]):0!==installedCssChunks[chunkId]&&{753:1,1039:1,1318:1,1600:1,1633:1,1840:1,2380:1,2707:1,2977:1,3089:1,3245:1,3515:1,4406:1,4695:1,4949:1,5419:1,6071:1,7033:1,7040:1,7141:1,7425:1,7462:1,7495:1,7818:1,8003:1,8097:1,8232:1,9047:1,9099:1,9211:1,9512:1,9668:1,9791:1,9871:1,9960:1}[chunkId]&&promises.push(installedCssChunks[chunkId]=loadStylesheet(chunkId).then((()=>{installedCssChunks[chunkId]=0}),(e=>{throw delete installedCssChunks[chunkId],e})))}}})(),(()=>{var installedChunks={5354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(/^(7(033|141|53)|(160|238|996)0|2707|3515|5354|9668)$/.test(chunkId))installedChunks[chunkId]=0;else{var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkdibk_design=self.webpackChunkdibk_design||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
\ No newline at end of file
+(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({1039:"stories-RadioButtonIcon-stories",1318:"stories-InfoBox-stories",1633:"stories-ContentBox-stories",1840:"stories-ErrorMessage-stories",2849:"stories-ThemeProvider-stories",2977:"stories-Lead-stories",3089:"stories-LoadingAnimation-stories",4406:"stories-Footer-stories",4695:"stories-Dialog-stories",4949:"stories-ToggleNavigationButton-stories",5419:"stories-InputField-stories",6071:"stories-Accordion-stories",7040:"stories-Container-stories",7425:"stories-Table-stories",7462:"stories-Theme-stories",7495:"stories-CheckBoxIcon-stories",7818:"stories-ErrorBox-stories",8003:"stories-Label-stories",8097:"stories-ProgressBar-stories",8232:"stories-WizardNavigation-stories",9047:"stories-Paper-stories",9099:"stories-DescriptionList-stories",9211:"stories-DragAndDropFileInput-stories",9512:"stories-Header-stories",9708:"stories-NavigationBar-stories",9791:"stories-Button-stories",9871:"stories-List-stories"}[chunkId]||chunkId)+"."+{989:"72f01372",1039:"d027b2be",1318:"8eb2e848",1633:"2a85c5df",1840:"95a5a50d",2186:"7308ffca",2453:"540ce0e2",2849:"666100d2",2977:"b3c7f20f",3089:"b42daa83",3245:"7c8c6e4d",3522:"b34211f6",4406:"40dc5a93",4695:"8c52a1fb",4949:"e154fa05",5419:"30068080",5652:"5f51588a",5923:"9c808e88",6071:"a6bd6d35",6869:"b48d5384",7040:"a01356b1",7364:"6f7d8358",7425:"182b0e1e",7462:"7b0ac866",7495:"299ed573",7648:"7bc2be5c",7818:"e5c5b458",8003:"a3a97d80",8039:"5ad433d6",8097:"5ee81c01",8232:"a2ccd5a8",8609:"93465fe4",8735:"64737c78",8980:"94b6d304",9025:"6cc7b555",9047:"4f77e50e",9099:"3c24f8c1",9211:"ebf89322",9512:"38ede15d",9708:"fdd00ebd",9791:"62be5c60",9850:"25494922",9871:"80cd821a",9878:"866f62d3",9971:"875618cc"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>"static/css/"+({753:"stories-CheckBoxListItem-stories",1039:"stories-RadioButtonIcon-stories",1318:"stories-InfoBox-stories",1600:"stories-RadioButtonList-stories",1633:"stories-ContentBox-stories",1840:"stories-ErrorMessage-stories",2380:"stories-CheckBoxInput-stories",2707:"stories-Select-stories",2977:"stories-Lead-stories",3089:"stories-LoadingAnimation-stories",3515:"stories-PDF-stories",4406:"stories-Footer-stories",4695:"stories-Dialog-stories",4949:"stories-ToggleNavigationButton-stories",5419:"stories-InputField-stories",6071:"stories-Accordion-stories",7033:"stories-RadioButtonListItem-stories",7040:"stories-Container-stories",7141:"stories-Textarea-stories",7425:"stories-Table-stories",7462:"stories-Theme-stories",7495:"stories-CheckBoxIcon-stories",7818:"stories-ErrorBox-stories",8003:"stories-Label-stories",8097:"stories-ProgressBar-stories",8232:"stories-WizardNavigation-stories",9047:"stories-Paper-stories",9099:"stories-DescriptionList-stories",9211:"stories-DragAndDropFileInput-stories",9512:"stories-Header-stories",9668:"stories-RadioButtonInput-stories",9791:"stories-Button-stories",9871:"stories-List-stories",9960:"stories-CheckBoxList-stories"}[chunkId]||chunkId)+"."+{753:"57eef69f",1039:"5b215468",1318:"9342cb62",1600:"c359ca85",1633:"500fc627",1840:"b5b46761",2380:"4d74da20",2707:"e3366cb7",2977:"6a09bdb3",3089:"bc0d5a04",3245:"8bf728e6",3515:"8281b464",4406:"364bafbc",4695:"a7d8c3d4",4949:"0afaa783",5419:"783e01f2",6071:"f0a41d04",7033:"433e5dd2",7040:"66f0b15c",7141:"0ff245f6",7425:"de30fb61",7462:"9682c62f",7495:"84d71254",7818:"a76d5c97",8003:"fa271e53",8097:"5830f6ee",8232:"6dabb337",9047:"80570f93",9099:"3c47d521",9211:"c01d2e8a",9512:"3169791b",9668:"a32792d4",9791:"4bc8f67f",9871:"0c71d72e",9960:"542dcae8"}[chunkId]+".chunk.css",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="dibk-design:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","dibk-design:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{if("undefined"!=typeof document){var loadStylesheet=chunkId=>new Promise(((resolve,reject)=>{var href=__webpack_require__.miniCssF(chunkId),fullhref=__webpack_require__.p+href;if(((href,fullhref)=>{for(var existingLinkTags=document.getElementsByTagName("link"),i=0;i<existingLinkTags.length;i++){var dataHref=(tag=existingLinkTags[i]).getAttribute("data-href")||tag.getAttribute("href");if("stylesheet"===tag.rel&&(dataHref===href||dataHref===fullhref))return tag}var existingStyleTags=document.getElementsByTagName("style");for(i=0;i<existingStyleTags.length;i++){var tag;if((dataHref=(tag=existingStyleTags[i]).getAttribute("data-href"))===href||dataHref===fullhref)return tag}})(href,fullhref))return resolve();((chunkId,fullhref,oldTag,resolve,reject)=>{var linkTag=document.createElement("link");linkTag.rel="stylesheet",linkTag.type="text/css",__webpack_require__.nc&&(linkTag.nonce=__webpack_require__.nc),linkTag.onerror=linkTag.onload=event=>{if(linkTag.onerror=linkTag.onload=null,"load"===event.type)resolve();else{var errorType=event&&event.type,realHref=event&&event.target&&event.target.href||fullhref,err=new Error("Loading CSS chunk "+chunkId+" failed.\n("+errorType+": "+realHref+")");err.name="ChunkLoadError",err.code="CSS_CHUNK_LOAD_FAILED",err.type=errorType,err.request=realHref,linkTag.parentNode&&linkTag.parentNode.removeChild(linkTag),reject(err)}},linkTag.href=fullhref,oldTag?oldTag.parentNode.insertBefore(linkTag,oldTag.nextSibling):document.head.appendChild(linkTag)})(chunkId,fullhref,null,resolve,reject)})),installedCssChunks={5354:0};__webpack_require__.f.miniCss=(chunkId,promises)=>{installedCssChunks[chunkId]?promises.push(installedCssChunks[chunkId]):0!==installedCssChunks[chunkId]&&{753:1,1039:1,1318:1,1600:1,1633:1,1840:1,2380:1,2707:1,2977:1,3089:1,3245:1,3515:1,4406:1,4695:1,4949:1,5419:1,6071:1,7033:1,7040:1,7141:1,7425:1,7462:1,7495:1,7818:1,8003:1,8097:1,8232:1,9047:1,9099:1,9211:1,9512:1,9668:1,9791:1,9871:1,9960:1}[chunkId]&&promises.push(installedCssChunks[chunkId]=loadStylesheet(chunkId).then((()=>{installedCssChunks[chunkId]=0}),(e=>{throw delete installedCssChunks[chunkId],e})))}}})(),(()=>{var installedChunks={5354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(/^(7(033|141|53)|(160|238|996)0|2707|3515|5354|9668)$/.test(chunkId))installedChunks[chunkId]=0;else{var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkdibk_design=self.webpackChunkdibk_design||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
\ No newline at end of file
diff --git a/docs/static/css/stories-PDF-stories.0e423a15.chunk.css b/docs/static/css/stories-PDF-stories.0e423a15.chunk.css
deleted file mode 100644
index 96b5e7b..0000000
--- a/docs/static/css/stories-PDF-stories.0e423a15.chunk.css
+++ /dev/null
@@ -1,3 +0,0 @@
-html,body{margin:0;padding:0;background-color:#eee;font-family:Carlito,sans-serif;color:#000;font-size:16px;font-weight:normal;font-style:normal}.page{margin:1cm auto;background:#fff;box-shadow:0 4px 5px rgba(75,75,75,.2);width:21cm;min-height:29.7cm;padding-left:1.2cm;padding-top:0;padding-right:1.2cm;padding-bottom:.75cm;font-family:Carlito,sans-serif;color:#000;font-size:16px;line-height:22.5px}@page{size:A4 portrait;margin-top:.75cm;margin-left:0;margin-right:0;margin-bottom:0}@media print{html,body{background-color:#fff}.page{width:auto !important;width:initial !important;min-height:0 !important;min-height:initial !important;margin:0 !important;border:medium none currentColor !important;border:initial !important;border-radius:0 !important;border-radius:initial !important;background:transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;background:initial !important;box-shadow:none !important;box-shadow:initial !important;page-break-after:always}}*{box-sizing:border-box}.page div.page-break{page-break-after:always}.page section{page-break-inside:auto}.page section.no-page-break{page-break-inside:avoid}.page .heading-logo{width:100px;float:right;margin-left:15px}.page caption{text-align:left}.page h1,.page .h1,.page caption[style*="--size: 1"]{page-break-after:avoid;font-size:34px;font-weight:normal;line-height:.9em;margin-top:5px;margin-bottom:.4em}.page h1 small,.page .h1 small,.page caption[style*="--size: 1"] small{display:block;font-size:18px;line-height:1em}.page h2,.page .h2,.page caption[style*="--size: 2"]{page-break-after:avoid;font-size:24px;font-weight:normal;line-height:1em;margin-top:22px;margin-bottom:2px}.page h2 small,.page .h2 small,.page caption[style*="--size: 2"] small{display:block;font-size:16px;line-height:1em;margin-bottom:6px}.page h2+p,.page .h2+p,.page caption[style*="--size: 2"]+p{margin-top:0}.page h3,.page .h3,.page caption[style*="--size: 3"]{page-break-after:avoid;font-size:19px;font-weight:normal;line-height:1.1em;text-decoration:underline;margin-top:15px;margin-bottom:4px}.page h3+p,.page .h3+p,.page caption[style*="--size: 3"]+p{margin-top:0}.page h4,.page .h4,.page caption[style*="--size: 4"],.page caption:not([style*="--size"]){page-break-after:avoid;font-size:17px;font-weight:bold;line-height:1.1em;margin-top:15px;margin-bottom:6px}.page h4+p,.page .h4+p,.page caption[style*="--size: 4"]+p,.page caption:not([style*="--size"])+p{margin-top:0}.page h5,.page .h5,.page caption[style*="--size: 5"]{page-break-after:avoid;font-size:16px;font-weight:bold;margin-top:12px;margin-bottom:2px}.page p{margin-top:3px;margin-bottom:12px}.page dl{margin-top:3px;margin-bottom:12px}.page dl dt,.page dl dd{margin:3px 0;line-height:1em}.page dl dt{font-weight:bold}.page dl dd ul{padding:0;margin:0;list-style:none}.page dl[style*="--title-width"]{display:flex;flex-flow:row wrap;align-items:end}.page dl[style*="--title-width"] dt{width:var(--title-width)}.page dl[style*="--title-width"] dd{flex-basis:calc(100% - var(--title-width));flex-grow:1}.page dl:not([style*="--title-width"]) dt{display:inline}.page dl:not([style*="--title-width"]) dt::before{display:block;content:""}.page dl:not([style*="--title-width"]) dt::after{display:inline;content:" "}.page dl:not([style*="--title-width"]) dd{display:inline}.page table{border-collapse:collapse;width:100%}.page table thead tr{background-color:#ededed;border:1px solid #000}.page table thead tr th{text-align:left;font-size:15px;padding:2px 4px}.page table thead tr th[style*="--width"]{width:var(--width)}.page table tbody tr{border:1px solid #000}.page table tbody tr td{padding:4px 4px;font-size:16px}.page table tbody tr td[style*="--width"]{width:var(--width)}.page table tbody tr.sub-heading td{font-weight:bold}.page table.no-border thead tr{background-color:rgba(0,0,0,0);border:none}.page table.no-border thead tr th{padding-top:0px;padding-bottom:0px}.page table.no-border tbody tr{border:rgba(0,0,0,0)}.page table.no-border tbody tr td{padding-top:2px;padding-bottom:2px}.page table+table>thead:first-child tr{border-top:none}.page table tbody tr.no-border-top{border-top:none}.page table tbody tr.no-border-bottom{border-bottom:none}.page table thead tr th.indent,.page table tbody tr td.indent{width:18px}.page blockquote{background:#ebf4fa;background:var(--color-secondary-x-light, #ebf4fa);border-left:4px solid #89bad6;border-left:4px solid var(--color-border, #89bad6);margin:5px 10px;padding:.5em 10px;min-height:36px}.page .whitespace-nowrap{white-space:nowrap}.page .whitespace-pre-wrap{white-space:pre-wrap}.page .text-right{text-align:right}.page .text-left{text-align:left}.page .text-center{text-align:center}.page .text-red{color:red}.page .text-muted{color:dimgray}.page .text-italic{font-style:italic}.page .text-bold{font-weight:bold}.page .block{display:block}.page .inline{display:inline}.page .inline-block{display:inline-block}.page .checkbox-container{display:flex;align-items:center;margin-top:10px}.page .checkbox-container:not(:last-of-type){margin-bottom:10px}.page .checkbox{border:1px solid #000;background-color:#fff;height:22px;width:22px;display:inline-block;vertical-align:bottom;margin-right:8px;text-align:center;font-size:20px;line-height:1.2em;flex:none}.page.signed-document{padding-top:.75cm;padding-bottom:.75cm;padding-left:.2cm;padding-right:.2cm;font-size:17.72832px;line-height:24.93045px}.page.signed-document div.content-container .heading-logo{width:110.802px;float:right;margin-left:16.6203px}.page.signed-document div.content-container h1,.page.signed-document div.content-container .h1,.page.signed-document div.content-container caption[style*="--size: 1"]{font-size:37.67268px;margin-top:5.5401px}.page.signed-document div.content-container h1 small,.page.signed-document div.content-container .h1 small,.page.signed-document div.content-container caption[style*="--size: 1"] small{font-size:19.94436px}.page.signed-document div.content-container h2,.page.signed-document div.content-container .h2,.page.signed-document div.content-container caption[style*="--size: 2"]{font-size:26.59248px;margin-top:24.37644px;margin-bottom:2.21604px}.page.signed-document div.content-container h2 small,.page.signed-document div.content-container .h2 small,.page.signed-document div.content-container caption[style*="--size: 2"] small{font-size:17.72832px;margin-bottom:6.64812px}.page.signed-document div.content-container h3,.page.signed-document div.content-container .h3,.page.signed-document div.content-container caption[style*="--size: 3"]{font-size:21.05238px;margin-top:16.6203px;margin-bottom:4.43208px}.page.signed-document div.content-container h4,.page.signed-document div.content-container .h4,.page.signed-document div.content-container caption[style*="--size: 4"],.page.signed-document div.content-container caption:not([style*="--size"]){font-size:18.83634px;margin-top:16.6203px;margin-bottom:6.64812px}.page.signed-document div.content-container h5,.page.signed-document div.content-container .h5,.page.signed-document div.content-container caption[style*="--size: 5"]{font-size:17.72832px;margin-top:13.29624px;margin-bottom:2.21604px}.page.signed-document div.content-container p{margin-top:3.32406px;margin-bottom:13.29624px}.page.signed-document div.content-container dl{margin-top:3.32406px;margin-bottom:13.29624px}.page.signed-document div.content-container dl dt,.page.signed-document div.content-container dl dd{margin:3.32406px 0}.page.signed-document div.content-container dl[style*="--title-width"] dt{width:calc(var(--title-width)*1.10802)}.page.signed-document div.content-container dl[style*="--title-width"] dd{flex-basis:calc(100% - var(--title-width)*1.10802)}.page.signed-document div.content-container table thead tr{border-width:1.10802px}.page.signed-document div.content-container table thead tr th{font-size:16.6203px;padding:2.21604px 4.43208px}.page.signed-document div.content-container table thead tr th[style*="--width"]{width:calc(var(--width)*1.10802)}.page.signed-document div.content-container table tbody tr{border-width:1.10802px}.page.signed-document div.content-container table tbody tr td{font-size:17.72832px;padding:4.43208px 4.43208px}.page.signed-document div.content-container table tbody tr td[style*="--width"]{width:calc(var(--width)*1.10802)}.page.signed-document div.content-container table.no-border thead tr th{padding-top:0px;padding-bottom:0px}.page.signed-document div.content-container table.no-border tbody tr td{padding-top:2.21604px;padding-bottom:2.21604px}.page.signed-document div.content-container table thead tr th .indent,.page.signed-document div.content-container table tbody tr td .indent{width:19.94436px}.page.signed-document div.content-container blockquote{background:#ebf4fa;background:var(--color-secondary-x-light, #ebf4fa);border-left:4.43208px solid #89bad6;border-left:4.43208px solid var(--color-border, #89bad6);margin:5.5401px 11.0802px;padding:.5em 11.0802px;min-height:39.88872px}.page.signed-document div.content-container .checkbox-container{margin-top:11.0802px}.page.signed-document div.content-container .checkbox-container:not(:last-of-type){margin-bottom:11.0802px}.page.signed-document div.content-container .checkbox-container .checkbox{height:24.37644px;width:24.37644px;font-size:22.1604px;border-width:1.10802px;margin-right:8.86416px}@media print{.page.signed-document{padding-top:0 !important;padding-bottom:0 !important}}
-
-/*# sourceMappingURL=stories-PDF-stories.0e423a15.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/stories-PDF-stories.0e423a15.chunk.css.map b/docs/static/css/stories-PDF-stories.0e423a15.chunk.css.map
deleted file mode 100644
index 71bd04f..0000000
--- a/docs/static/css/stories-PDF-stories.0e423a15.chunk.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/css/stories-PDF-stories.0e423a15.chunk.css","mappings":"AA8DA","sources":["webpack://dibk-design/./src/stories/PDF.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-sizing.scss"],"sourcesContent":["// Mixins\n@use \"../style/abstracts/mixins/box-sizing\";\n\n// Variables\n@use \"../style/abstracts/variables/colors\";\n\n$font-size-body: 16px;\n$font-size-h1: 34px;\n$font-size-h1-small: 18px;\n$font-size-h2: 24px;\n$font-size-h2-small: 16px;\n$font-size-h3: 19px;\n$font-size-h4: 17px;\n$font-size-h5: 16px;\n$font-size-table-header: 15px;\n$font-size-table-data: 16px;\n$font-size-checkbox: 20px;\n\n$line-height-default: 22.5px;\n\n$height-checkbox: 22px;\n$width-checkbox: 22px;\n\n$heading-logo-width: 100px;\n$heading-logo-margin-left: 15px;\n\n$margin-top-h1: 5px;\n$margin-top-h2: 22px;\n$margin-bottom-h2: 2px;\n$margin-bottom-h2-small: 6px;\n$margin-top-h3: 15px;\n$margin-bottom-h3: 4px;\n$margin-top-h4: 15px;\n$margin-bottom-h4: 6px;\n$margin-top-h5: 12px;\n$margin-bottom-h5: 2px;\n$margin-top-paragraph: 3px;\n$margin-bottom-paragraph: 12px;\n$margin-top-list: 3px;\n$margin-bottom-list: 12px;\n\n$margin-vertical-blockquote: 5px;\n$margin-horizontal-blockquote: 10px;\n$padding-horizontal-blockquote: 10px;\n$border-left-width-blockquote: 4px;\n$min-height-blockquote: 36px;\n\n$margin-vertical-description-list: 3px;\n\n$margin-top-checkbox-container: 10px;\n$margin-bottom-checkbox-container: 10px;\n\n$padding-vertical-table-header: 2px;\n$padding-horizontal-table-header: 4px;\n$padding-vertical-table-data: 4px;\n$padding-horizontal-table-data: 4px;\n\n$padding-vertical-no-border-table-header: 0px;\n$padding-vertical-no-border-table-data: 2px;\n\n$scaling-for-signed-documents: 1.10802;\n\nhtml,\nbody {\n    margin: 0;\n    padding: 0;\n    background-color: #eee;\n    font-family: Carlito, sans-serif;\n    color: #000;\n    font-size: $font-size-body;\n    font-weight: normal;\n    font-style: normal;\n}\n.page {\n    margin: 1cm auto;\n    background: #fff;\n    box-shadow: 0 4px 5px rgba(75, 75, 75, 0.2);\n    width: 21cm;\n    min-height: 29.7cm;\n    padding-left: 1.2cm;\n    padding-top: 0;\n    padding-right: 1.2cm;\n    padding-bottom: 0.75cm;\n    font-family: Carlito, sans-serif;\n    color: #000;\n    font-size: $font-size-body;\n    line-height: $line-height-default;\n}\n@page {\n    size: A4 portrait;\n    margin-top: 0.75cm;\n    margin-left: 0;\n    margin-right: 0;\n    margin-bottom: 0;\n}\n\n@media print {\n    html,\n    body {\n        background-color: #fff;\n    }\n    .page {\n        width: initial !important;\n        min-height: initial !important;\n        margin: 0 !important;\n        border: initial !important;\n        border-radius: initial !important;\n        background: initial !important;\n        box-shadow: initial !important;\n        page-break-after: always;\n    }\n}\n\n* {\n    @include box-sizing.box-sizing(border-box);\n}\n\n.page {\n    div.page-break {\n        page-break-after: always;\n    }\n\n    section {\n        page-break-inside: auto;\n        &.no-page-break {\n            page-break-inside: avoid;\n        }\n    }\n\n    .heading-logo {\n        width: $heading-logo-width;\n        float: right;\n        margin-left: $heading-logo-margin-left;\n    }\n\n    caption {\n        text-align: left;\n    }\n\n    h1,\n    .h1,\n    caption[style*=\"--size: 1\"] {\n        page-break-after: avoid;\n        font-size: $font-size-h1;\n        font-weight: normal;\n        line-height: 0.9em;\n        margin-top: $margin-top-h1;\n        margin-bottom: 0.4em;\n        small {\n            display: block;\n            font-size: $font-size-h1-small;\n            line-height: 1em;\n        }\n    }\n    h2,\n    .h2,\n    caption[style*=\"--size: 2\"] {\n        page-break-after: avoid;\n        font-size: $font-size-h2;\n        font-weight: normal;\n        line-height: 1em;\n        margin-top: $margin-top-h2;\n        margin-bottom: $margin-bottom-h2;\n        small {\n            display: block;\n            font-size: $font-size-h2-small;\n            line-height: 1em;\n            margin-bottom: $margin-bottom-h2-small;\n        }\n        & + p {\n            margin-top: 0;\n        }\n    }\n    h3,\n    .h3,\n    caption[style*=\"--size: 3\"] {\n        page-break-after: avoid;\n        font-size: $font-size-h3;\n        font-weight: normal;\n        line-height: 1.1em;\n        text-decoration: underline;\n        margin-top: $margin-top-h3;\n        margin-bottom: $margin-bottom-h3;\n        & + p {\n            margin-top: 0;\n        }\n    }\n\n    h4,\n    .h4,\n    caption[style*=\"--size: 4\"],\n    caption:not([style*=\"--size\"]) {\n        page-break-after: avoid;\n        font-size: $font-size-h4;\n        font-weight: bold;\n        line-height: 1.1em;\n        margin-top: $margin-top-h4;\n        margin-bottom: $margin-bottom-h4;\n        & + p {\n            margin-top: 0;\n        }\n    }\n\n    h5,\n    .h5,\n    caption[style*=\"--size: 5\"] {\n        page-break-after: avoid;\n        font-size: $font-size-h5;\n        font-weight: bold;\n        margin-top: $margin-top-h5;\n        margin-bottom: $margin-bottom-h5;\n    }\n\n    p {\n        margin-top: $margin-top-paragraph;\n        margin-bottom: $margin-bottom-paragraph;\n    }\n\n    dl {\n        margin-top: $margin-top-list;\n        margin-bottom: $margin-bottom-list;\n        dt,\n        dd {\n            margin: $margin-vertical-description-list 0;\n            line-height: 1em;\n        }\n        dt {\n            font-weight: bold;\n        }\n        dd {\n            ul {\n                padding: 0;\n                margin: 0;\n                list-style: none;\n            }\n        }\n        &[style*=\"--title-width\"] {\n            display: flex;\n            flex-flow: row wrap;\n            align-items: end;\n            dt {\n                width: var(--title-width);\n            }\n            dd {\n                flex-basis: calc(100% - var(--title-width));\n                flex-grow: 1;\n            }\n        }\n        &:not([style*=\"--title-width\"]) {\n            dt {\n                display: inline;\n                &::before {\n                    display: block;\n                    content: \"\";\n                }\n                &::after {\n                    display: inline;\n                    content: \" \";\n                }\n            }\n            dd {\n                display: inline;\n            }\n        }\n    }\n    table {\n        border-collapse: collapse;\n        width: 100%;\n        thead {\n            tr {\n                background-color: #ededed;\n                border: 1px solid #000;\n                th {\n                    text-align: left;\n                    font-size: $font-size-table-header;\n                    padding: $padding-vertical-table-header $padding-horizontal-table-header;\n                    &[style*=\"--width\"] {\n                        width: var(--width);\n                    }\n                }\n            }\n        }\n        tbody {\n            tr {\n                border: 1px solid #000;\n                td {\n                    padding: $padding-vertical-table-data $padding-horizontal-table-data;\n                    font-size: $font-size-table-data;\n                    &[style*=\"--width\"] {\n                        width: var(--width);\n                    }\n                }\n                &.sub-heading {\n                    td {\n                        font-weight: bold;\n                    }\n                }\n            }\n        }\n        &.no-border {\n            thead {\n                tr {\n                    background-color: transparent;\n                    border: none;\n                    th {\n                        padding-top: $padding-vertical-no-border-table-header;\n                        padding-bottom: $padding-vertical-no-border-table-header;\n                    }\n                }\n            }\n            tbody {\n                tr {\n                    border: transparent;\n                    td {\n                        padding-top: $padding-vertical-no-border-table-data;\n                        padding-bottom: $padding-vertical-no-border-table-data;\n                    }\n                }\n            }\n        }\n    }\n\n    table + table > thead:first-child tr {\n        border-top: none;\n    }\n\n    table tbody tr.no-border-top {\n        border-top: none;\n    }\n\n    table tbody tr.no-border-bottom {\n        border-bottom: none;\n    }\n\n    table thead tr th,\n    table tbody tr td {\n        &.indent {\n            width: 18px;\n        }\n    }\n\n    blockquote {\n        background: var(--color-secondary-x-light, colors.$color-secondary-x-light);\n        border-left: $border-left-width-blockquote solid var(--color-border, colors.$color-border);\n        margin: $margin-vertical-blockquote $margin-horizontal-blockquote;\n        padding: 0.5em $padding-horizontal-blockquote;\n        min-height: $min-height-blockquote;\n    }\n\n    .whitespace-nowrap {\n        white-space: nowrap;\n    }\n\n    .whitespace-pre-wrap {\n        white-space: pre-wrap;\n    }\n\n    .text-right {\n        text-align: right;\n    }\n\n    .text-left {\n        text-align: left;\n    }\n\n    .text-center {\n        text-align: center;\n    }\n    .text-red {\n        color: red;\n    }\n\n    .text-muted {\n        color: #696969;\n    }\n\n    .text-italic {\n        font-style: italic;\n    }\n\n    .text-bold {\n        font-weight: bold;\n    }\n\n    .block {\n        display: block;\n    }\n\n    .inline {\n        display: inline;\n    }\n\n    .inline-block {\n        display: inline-block;\n    }\n\n    .checkbox-container {\n        display: flex;\n        align-items: center;\n        margin-top: $margin-top-checkbox-container;\n        &:not(:last-of-type) {\n            margin-bottom: $margin-bottom-checkbox-container;\n        }\n    }\n\n    .checkbox {\n        border: 1px solid black;\n        background-color: #fff;\n        height: $height-checkbox;\n        width: $width-checkbox;\n        display: inline-block;\n        vertical-align: bottom;\n        margin-right: 8px;\n        text-align: center;\n        font-size: $font-size-checkbox;\n        line-height: 1.2em;\n        flex: none;\n    }\n}\n\n// For signed documents\n.page.signed-document {\n    padding-top: 0.75cm;\n    padding-bottom: 0.75cm;\n    padding-left: 0.2cm;\n    padding-right: 0.2cm;\n    font-size: calc($font-size-body * $scaling-for-signed-documents);\n    line-height: calc($line-height-default * $scaling-for-signed-documents);\n    div.content-container {\n        .heading-logo {\n            width: calc($heading-logo-width * $scaling-for-signed-documents);\n            float: right;\n            margin-left: calc($heading-logo-margin-left * $scaling-for-signed-documents);\n        }\n        h1,\n        .h1,\n        caption[style*=\"--size: 1\"] {\n            font-size: calc($font-size-h1 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h1 * $scaling-for-signed-documents);\n            small {\n                font-size: calc($font-size-h1-small * $scaling-for-signed-documents);\n            }\n        }\n        h2,\n        .h2,\n        caption[style*=\"--size: 2\"] {\n            font-size: calc($font-size-h2 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h2 * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-h2 * $scaling-for-signed-documents);\n            small {\n                font-size: calc($font-size-h2-small * $scaling-for-signed-documents);\n                margin-bottom: calc($margin-bottom-h2-small * $scaling-for-signed-documents);\n            }\n        }\n        h3,\n        .h3,\n        caption[style*=\"--size: 3\"] {\n            font-size: calc($font-size-h3 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h3 * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-h3 * $scaling-for-signed-documents);\n        }\n        h4,\n        .h4,\n        caption[style*=\"--size: 4\"],\n        caption:not([style*=\"--size\"]) {\n            font-size: calc($font-size-h4 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h4 * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-h4 * $scaling-for-signed-documents);\n        }\n        h5,\n        .h5,\n        caption[style*=\"--size: 5\"] {\n            font-size: calc($font-size-h5 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h5 * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-h5 * $scaling-for-signed-documents);\n        }\n        p {\n            margin-top: calc($margin-top-paragraph * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-paragraph * $scaling-for-signed-documents);\n        }\n        dl {\n            margin-top: calc($margin-top-list * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-list * $scaling-for-signed-documents);\n            dt,\n            dd {\n                margin: calc($margin-vertical-description-list * $scaling-for-signed-documents) 0;\n            }\n            &[style*=\"--title-width\"] {\n                dt {\n                    width: calc(var(--title-width) * $scaling-for-signed-documents);\n                }\n                dd {\n                    flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents));\n                }\n            }\n        }\n        table {\n            thead tr {\n                border-width: calc(1px * $scaling-for-signed-documents);\n                th {\n                    font-size: calc($font-size-table-header * $scaling-for-signed-documents);\n                    padding: calc($padding-vertical-table-header * $scaling-for-signed-documents)\n                        calc($padding-horizontal-table-header * $scaling-for-signed-documents);\n                    &[style*=\"--width\"] {\n                        width: calc(var(--width) * $scaling-for-signed-documents);\n                    }\n                }\n            }\n            tbody tr {\n                border-width: calc(1px * $scaling-for-signed-documents);\n                td {\n                    font-size: calc($font-size-table-data * $scaling-for-signed-documents);\n                    padding: calc($padding-vertical-table-data * $scaling-for-signed-documents)\n                        calc($padding-horizontal-table-data * $scaling-for-signed-documents);\n                    &[style*=\"--width\"] {\n                        width: calc(var(--width) * $scaling-for-signed-documents);\n                    }\n                }\n            }\n            &.no-border {\n                thead tr th {\n                    padding-top: calc($padding-vertical-no-border-table-header * $scaling-for-signed-documents);\n                    padding-bottom: calc($padding-vertical-no-border-table-header * $scaling-for-signed-documents);\n                }\n                tbody tr td {\n                    padding-top: calc($padding-vertical-no-border-table-data * $scaling-for-signed-documents);\n                    padding-bottom: calc($padding-vertical-no-border-table-data * $scaling-for-signed-documents);\n                }\n            }\n        }\n\n        table thead tr th,\n        table tbody tr td {\n            .indent {\n                width: calc(18px * $scaling-for-signed-documents);\n            }\n        }\n\n        blockquote {\n            background: var(--color-secondary-x-light, colors.$color-secondary-x-light);\n            border-left: calc($border-left-width-blockquote * $scaling-for-signed-documents) solid\n                var(--color-border, colors.$color-border);\n            margin: calc($margin-vertical-blockquote * $scaling-for-signed-documents)\n                calc($margin-horizontal-blockquote * $scaling-for-signed-documents);\n            padding: 0.5em calc($padding-horizontal-blockquote * $scaling-for-signed-documents);\n            min-height: calc($min-height-blockquote * $scaling-for-signed-documents);\n        }\n\n        .checkbox-container {\n            margin-top: calc($margin-top-checkbox-container * $scaling-for-signed-documents);\n            &:not(:last-of-type) {\n                margin-bottom: calc($margin-bottom-checkbox-container * $scaling-for-signed-documents);\n            }\n            .checkbox {\n                height: calc($height-checkbox * $scaling-for-signed-documents);\n                width: calc($width-checkbox * $scaling-for-signed-documents);\n                font-size: calc($font-size-checkbox * $scaling-for-signed-documents);\n                border-width: calc(1px * $scaling-for-signed-documents);\n                margin-right: calc(8px * $scaling-for-signed-documents);\n            }\n        }\n    }\n}\n@media print {\n    .page.signed-document {\n        padding-top: 0 !important;\n        padding-bottom: 0 !important;\n    }\n}\n","@mixin box-sizing($box-model) {\n  -webkit-box-sizing: $box-model; // Safari <= 5\n     -moz-box-sizing: $box-model; // Firefox <= 19\n          box-sizing: $box-model;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/stories-PDF-stories.8281b464.chunk.css b/docs/static/css/stories-PDF-stories.8281b464.chunk.css
new file mode 100644
index 0000000..bbf1cf7
--- /dev/null
+++ b/docs/static/css/stories-PDF-stories.8281b464.chunk.css
@@ -0,0 +1,3 @@
+html,body{margin:0;padding:0;background-color:#eee;font-family:Carlito,sans-serif;color:#000;font-size:16px;font-weight:normal;font-style:normal}.page{margin:1cm auto;background:#fff;box-shadow:0 4px 5px rgba(75,75,75,.2);width:21cm;min-height:29.7cm;padding-left:1.2cm;padding-top:0;padding-right:1.2cm;padding-bottom:.75cm;font-family:Carlito,sans-serif;color:#000;font-size:16px;line-height:22.5px}@page{size:A4 portrait;margin-top:.75cm;margin-left:0;margin-right:0;margin-bottom:0}@media print{html,body{background-color:#fff}.page{width:auto !important;width:initial !important;min-height:0 !important;min-height:initial !important;margin:0 !important;border:medium none currentColor !important;border:initial !important;border-radius:0 !important;border-radius:initial !important;background:transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;background:initial !important;box-shadow:none !important;box-shadow:initial !important;page-break-after:always}}*{box-sizing:border-box}.page div.page-break{page-break-after:always}.page section{page-break-inside:auto}.page section.no-page-break{page-break-inside:avoid}.page .heading-logo{width:100px;float:right;margin-left:15px}.page caption{text-align:left}.page h1,.page .h1,.page caption[style*="--size:1"],.page caption[style*="--size: 1"]{page-break-after:avoid;font-size:34px;font-weight:normal;line-height:.9em;margin-top:5px;margin-bottom:.4em}.page h1 small,.page .h1 small,.page caption[style*="--size:1"] small,.page caption[style*="--size: 1"] small{display:block;font-size:18px;line-height:1em}.page h2,.page .h2,.page caption[style*="--size:2"],.page caption[style*="--size: 2"]{page-break-after:avoid;font-size:24px;font-weight:normal;line-height:1em;margin-top:22px;margin-bottom:2px}.page h2 small,.page .h2 small,.page caption[style*="--size:2"] small,.page caption[style*="--size: 2"] small{display:block;font-size:16px;line-height:1em;margin-bottom:6px}.page h2+p,.page .h2+p,.page caption[style*="--size:2"]+p,.page caption[style*="--size: 2"]+p{margin-top:0}.page h3,.page .h3,.page caption[style*="--size:3"],.page caption[style*="--size: 3"]{page-break-after:avoid;font-size:19px;font-weight:normal;line-height:1.1em;text-decoration:underline;margin-top:15px;margin-bottom:4px}.page h3+p,.page .h3+p,.page caption[style*="--size:3"]+p,.page caption[style*="--size: 3"]+p{margin-top:0}.page h4,.page .h4,.page caption[style*="--size:4"],.page caption[style*="--size: 4"],.page caption:not([style*="--size"]){page-break-after:avoid;font-size:17px;font-weight:bold;line-height:1.1em;margin-top:15px;margin-bottom:6px}.page h4+p,.page .h4+p,.page caption[style*="--size:4"]+p,.page caption[style*="--size: 4"]+p,.page caption:not([style*="--size"])+p{margin-top:0}.page h5,.page .h5,.page caption[style*="--size:5"],.page caption[style*="--size: 5"]{page-break-after:avoid;font-size:16px;font-weight:bold;margin-top:12px;margin-bottom:2px}.page p{margin-top:3px;margin-bottom:12px}.page dl{margin-top:3px;margin-bottom:12px}.page dl dt,.page dl dd{margin:3px 0;line-height:1em}.page dl dt{font-weight:bold}.page dl dd ul{padding:0;margin:0;list-style:none}.page dl[style*="--title-width"]{display:flex;flex-flow:row wrap;align-items:end}.page dl[style*="--title-width"] dt{width:var(--title-width)}.page dl[style*="--title-width"] dd{flex-basis:calc(100% - var(--title-width));flex-grow:1}.page dl:not([style*="--title-width"]) dt{display:inline}.page dl:not([style*="--title-width"]) dt::before{display:block;content:""}.page dl:not([style*="--title-width"]) dt::after{display:inline;content:" "}.page dl:not([style*="--title-width"]) dd{display:inline}.page table{border-collapse:collapse;width:100%}.page table thead tr{background-color:#ededed;border:1px solid #000}.page table thead tr th{text-align:left;font-size:15px;padding:2px 4px}.page table thead tr th[style*="--width"]{width:var(--width)}.page table tbody tr{border:1px solid #000}.page table tbody tr td{padding:4px 4px;font-size:16px}.page table tbody tr td[style*="--width"]{width:var(--width)}.page table tbody tr.sub-heading td{font-weight:bold}.page table.no-border thead tr{background-color:rgba(0,0,0,0);border:none}.page table.no-border thead tr th{padding-top:0px;padding-bottom:0px}.page table.no-border tbody tr{border:rgba(0,0,0,0)}.page table.no-border tbody tr td{padding-top:2px;padding-bottom:2px}.page table+table>thead:first-child tr{border-top:none}.page table tbody tr.no-border-top{border-top:none}.page table tbody tr.no-border-bottom{border-bottom:none}.page table thead tr th.indent,.page table tbody tr td.indent{width:18px}.page blockquote{background:#ebf4fa;background:var(--color-secondary-x-light, #ebf4fa);border-left:4px solid #89bad6;border-left:4px solid var(--color-border, #89bad6);margin:5px 10px;padding:.5em 10px;min-height:36px}.page .whitespace-nowrap{white-space:nowrap}.page .whitespace-pre-wrap{white-space:pre-wrap}.page .text-right{text-align:right}.page .text-left{text-align:left}.page .text-center{text-align:center}.page .text-red{color:red}.page .text-muted{color:dimgray}.page .text-italic{font-style:italic}.page .text-bold{font-weight:bold}.page .block{display:block}.page .inline{display:inline}.page .inline-block{display:inline-block}.page .checkbox-container{display:flex;align-items:center;margin-top:10px}.page .checkbox-container:not(:last-of-type){margin-bottom:10px}.page .checkbox{border:1px solid #000;background-color:#fff;height:22px;width:22px;display:inline-block;vertical-align:bottom;margin-right:8px;text-align:center;font-size:20px;line-height:1.2em;flex:none}.page.signed-document{padding-top:.75cm;padding-bottom:.75cm;padding-left:.2cm;padding-right:.2cm;font-size:17.72832px;line-height:24.93045px}.page.signed-document div.content-container .heading-logo{width:110.802px;float:right;margin-left:16.6203px}.page.signed-document div.content-container h1,.page.signed-document div.content-container .h1,.page.signed-document div.content-container caption[style*="--size:1"],.page.signed-document div.content-container caption[style*="--size: 1"]{font-size:37.67268px;margin-top:5.5401px}.page.signed-document div.content-container h1 small,.page.signed-document div.content-container .h1 small,.page.signed-document div.content-container caption[style*="--size:1"] small,.page.signed-document div.content-container caption[style*="--size: 1"] small{font-size:19.94436px}.page.signed-document div.content-container h2,.page.signed-document div.content-container .h2,.page.signed-document div.content-container caption[style*="--size:2"],.page.signed-document div.content-container caption[style*="--size: 2"]{font-size:26.59248px;margin-top:24.37644px;margin-bottom:2.21604px}.page.signed-document div.content-container h2 small,.page.signed-document div.content-container .h2 small,.page.signed-document div.content-container caption[style*="--size:2"] small,.page.signed-document div.content-container caption[style*="--size: 2"] small{font-size:17.72832px;margin-bottom:6.64812px}.page.signed-document div.content-container h3,.page.signed-document div.content-container .h3,.page.signed-document div.content-container caption[style*="--size:3"],.page.signed-document div.content-container caption[style*="--size: 3"]{font-size:21.05238px;margin-top:16.6203px;margin-bottom:4.43208px}.page.signed-document div.content-container h4,.page.signed-document div.content-container .h4,.page.signed-document div.content-container caption[style*="--size:4"],.page.signed-document div.content-container caption[style*="--size: 4"],.page.signed-document div.content-container caption:not([style*="--size"]){font-size:18.83634px;margin-top:16.6203px;margin-bottom:6.64812px}.page.signed-document div.content-container h5,.page.signed-document div.content-container .h5,.page.signed-document div.content-container caption[style*="--size:5"],.page.signed-document div.content-container caption[style*="--size: 5"]{font-size:17.72832px;margin-top:13.29624px;margin-bottom:2.21604px}.page.signed-document div.content-container p{margin-top:3.32406px;margin-bottom:13.29624px}.page.signed-document div.content-container dl{margin-top:3.32406px;margin-bottom:13.29624px}.page.signed-document div.content-container dl dt,.page.signed-document div.content-container dl dd{margin:3.32406px 0}.page.signed-document div.content-container dl[style*="--title-width"] dt{width:calc(var(--title-width)*1.10802)}.page.signed-document div.content-container dl[style*="--title-width"] dd{flex-basis:calc(100% - var(--title-width)*1.10802)}.page.signed-document div.content-container table thead tr{border-width:1.10802px}.page.signed-document div.content-container table thead tr th{font-size:16.6203px;padding:2.21604px 4.43208px}.page.signed-document div.content-container table thead tr th[style*="--width"]{width:calc(var(--width)*1.10802)}.page.signed-document div.content-container table tbody tr{border-width:1.10802px}.page.signed-document div.content-container table tbody tr td{font-size:17.72832px;padding:4.43208px 4.43208px}.page.signed-document div.content-container table tbody tr td[style*="--width"]{width:calc(var(--width)*1.10802)}.page.signed-document div.content-container table.no-border thead tr th{padding-top:0px;padding-bottom:0px}.page.signed-document div.content-container table.no-border tbody tr td{padding-top:2.21604px;padding-bottom:2.21604px}.page.signed-document div.content-container table thead tr th .indent,.page.signed-document div.content-container table tbody tr td .indent{width:19.94436px}.page.signed-document div.content-container blockquote{background:#ebf4fa;background:var(--color-secondary-x-light, #ebf4fa);border-left:4.43208px solid #89bad6;border-left:4.43208px solid var(--color-border, #89bad6);margin:5.5401px 11.0802px;padding:.5em 11.0802px;min-height:39.88872px}.page.signed-document div.content-container .checkbox-container{margin-top:11.0802px}.page.signed-document div.content-container .checkbox-container:not(:last-of-type){margin-bottom:11.0802px}.page.signed-document div.content-container .checkbox-container .checkbox{height:24.37644px;width:24.37644px;font-size:22.1604px;border-width:1.10802px;margin-right:8.86416px}@media print{.page.signed-document{padding-top:0 !important;padding-bottom:0 !important}}
+
+/*# sourceMappingURL=stories-PDF-stories.8281b464.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/stories-PDF-stories.8281b464.chunk.css.map b/docs/static/css/stories-PDF-stories.8281b464.chunk.css.map
new file mode 100644
index 0000000..646ef45
--- /dev/null
+++ b/docs/static/css/stories-PDF-stories.8281b464.chunk.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/css/stories-PDF-stories.8281b464.chunk.css","mappings":"AA8DA","sources":["webpack://dibk-design/./src/stories/PDF.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-sizing.scss"],"sourcesContent":["// Mixins\n@use \"../style/abstracts/mixins/box-sizing\";\n\n// Variables\n@use \"../style/abstracts/variables/colors\";\n\n$font-size-body: 16px;\n$font-size-h1: 34px;\n$font-size-h1-small: 18px;\n$font-size-h2: 24px;\n$font-size-h2-small: 16px;\n$font-size-h3: 19px;\n$font-size-h4: 17px;\n$font-size-h5: 16px;\n$font-size-table-header: 15px;\n$font-size-table-data: 16px;\n$font-size-checkbox: 20px;\n\n$line-height-default: 22.5px;\n\n$height-checkbox: 22px;\n$width-checkbox: 22px;\n\n$heading-logo-width: 100px;\n$heading-logo-margin-left: 15px;\n\n$margin-top-h1: 5px;\n$margin-top-h2: 22px;\n$margin-bottom-h2: 2px;\n$margin-bottom-h2-small: 6px;\n$margin-top-h3: 15px;\n$margin-bottom-h3: 4px;\n$margin-top-h4: 15px;\n$margin-bottom-h4: 6px;\n$margin-top-h5: 12px;\n$margin-bottom-h5: 2px;\n$margin-top-paragraph: 3px;\n$margin-bottom-paragraph: 12px;\n$margin-top-list: 3px;\n$margin-bottom-list: 12px;\n\n$margin-vertical-blockquote: 5px;\n$margin-horizontal-blockquote: 10px;\n$padding-horizontal-blockquote: 10px;\n$border-left-width-blockquote: 4px;\n$min-height-blockquote: 36px;\n\n$margin-vertical-description-list: 3px;\n\n$margin-top-checkbox-container: 10px;\n$margin-bottom-checkbox-container: 10px;\n\n$padding-vertical-table-header: 2px;\n$padding-horizontal-table-header: 4px;\n$padding-vertical-table-data: 4px;\n$padding-horizontal-table-data: 4px;\n\n$padding-vertical-no-border-table-header: 0px;\n$padding-vertical-no-border-table-data: 2px;\n\n$scaling-for-signed-documents: 1.10802;\n\nhtml,\nbody {\n    margin: 0;\n    padding: 0;\n    background-color: #eee;\n    font-family: Carlito, sans-serif;\n    color: #000;\n    font-size: $font-size-body;\n    font-weight: normal;\n    font-style: normal;\n}\n.page {\n    margin: 1cm auto;\n    background: #fff;\n    box-shadow: 0 4px 5px rgba(75, 75, 75, 0.2);\n    width: 21cm;\n    min-height: 29.7cm;\n    padding-left: 1.2cm;\n    padding-top: 0;\n    padding-right: 1.2cm;\n    padding-bottom: 0.75cm;\n    font-family: Carlito, sans-serif;\n    color: #000;\n    font-size: $font-size-body;\n    line-height: $line-height-default;\n}\n@page {\n    size: A4 portrait;\n    margin-top: 0.75cm;\n    margin-left: 0;\n    margin-right: 0;\n    margin-bottom: 0;\n}\n\n@media print {\n    html,\n    body {\n        background-color: #fff;\n    }\n    .page {\n        width: initial !important;\n        min-height: initial !important;\n        margin: 0 !important;\n        border: initial !important;\n        border-radius: initial !important;\n        background: initial !important;\n        box-shadow: initial !important;\n        page-break-after: always;\n    }\n}\n\n* {\n    @include box-sizing.box-sizing(border-box);\n}\n\n.page {\n    div.page-break {\n        page-break-after: always;\n    }\n\n    section {\n        page-break-inside: auto;\n        &.no-page-break {\n            page-break-inside: avoid;\n        }\n    }\n\n    .heading-logo {\n        width: $heading-logo-width;\n        float: right;\n        margin-left: $heading-logo-margin-left;\n    }\n\n    caption {\n        text-align: left;\n    }\n\n    h1,\n    .h1,\n    caption[style*=\"--size:1\"],\n    caption[style*=\"--size: 1\"] {\n        page-break-after: avoid;\n        font-size: $font-size-h1;\n        font-weight: normal;\n        line-height: 0.9em;\n        margin-top: $margin-top-h1;\n        margin-bottom: 0.4em;\n        small {\n            display: block;\n            font-size: $font-size-h1-small;\n            line-height: 1em;\n        }\n    }\n    h2,\n    .h2,\n    caption[style*=\"--size:2\"],\n    caption[style*=\"--size: 2\"] {\n        page-break-after: avoid;\n        font-size: $font-size-h2;\n        font-weight: normal;\n        line-height: 1em;\n        margin-top: $margin-top-h2;\n        margin-bottom: $margin-bottom-h2;\n        small {\n            display: block;\n            font-size: $font-size-h2-small;\n            line-height: 1em;\n            margin-bottom: $margin-bottom-h2-small;\n        }\n        & + p {\n            margin-top: 0;\n        }\n    }\n    h3,\n    .h3,\n    caption[style*=\"--size:3\"],\n    caption[style*=\"--size: 3\"] {\n        page-break-after: avoid;\n        font-size: $font-size-h3;\n        font-weight: normal;\n        line-height: 1.1em;\n        text-decoration: underline;\n        margin-top: $margin-top-h3;\n        margin-bottom: $margin-bottom-h3;\n        & + p {\n            margin-top: 0;\n        }\n    }\n\n    h4,\n    .h4,\n    caption[style*=\"--size:4\"],\n    caption[style*=\"--size: 4\"],\n    caption:not([style*=\"--size\"]) {\n        page-break-after: avoid;\n        font-size: $font-size-h4;\n        font-weight: bold;\n        line-height: 1.1em;\n        margin-top: $margin-top-h4;\n        margin-bottom: $margin-bottom-h4;\n        & + p {\n            margin-top: 0;\n        }\n    }\n\n    h5,\n    .h5,\n    caption[style*=\"--size:5\"],\n    caption[style*=\"--size: 5\"] {\n        page-break-after: avoid;\n        font-size: $font-size-h5;\n        font-weight: bold;\n        margin-top: $margin-top-h5;\n        margin-bottom: $margin-bottom-h5;\n    }\n\n    p {\n        margin-top: $margin-top-paragraph;\n        margin-bottom: $margin-bottom-paragraph;\n    }\n\n    dl {\n        margin-top: $margin-top-list;\n        margin-bottom: $margin-bottom-list;\n        dt,\n        dd {\n            margin: $margin-vertical-description-list 0;\n            line-height: 1em;\n        }\n        dt {\n            font-weight: bold;\n        }\n        dd {\n            ul {\n                padding: 0;\n                margin: 0;\n                list-style: none;\n            }\n        }\n        &[style*=\"--title-width\"] {\n            display: flex;\n            flex-flow: row wrap;\n            align-items: end;\n            dt {\n                width: var(--title-width);\n            }\n            dd {\n                flex-basis: calc(100% - var(--title-width));\n                flex-grow: 1;\n            }\n        }\n        &:not([style*=\"--title-width\"]) {\n            dt {\n                display: inline;\n                &::before {\n                    display: block;\n                    content: \"\";\n                }\n                &::after {\n                    display: inline;\n                    content: \" \";\n                }\n            }\n            dd {\n                display: inline;\n            }\n        }\n    }\n    table {\n        border-collapse: collapse;\n        width: 100%;\n        thead {\n            tr {\n                background-color: #ededed;\n                border: 1px solid #000;\n                th {\n                    text-align: left;\n                    font-size: $font-size-table-header;\n                    padding: $padding-vertical-table-header $padding-horizontal-table-header;\n                    &[style*=\"--width\"] {\n                        width: var(--width);\n                    }\n                }\n            }\n        }\n        tbody {\n            tr {\n                border: 1px solid #000;\n                td {\n                    padding: $padding-vertical-table-data $padding-horizontal-table-data;\n                    font-size: $font-size-table-data;\n                    &[style*=\"--width\"] {\n                        width: var(--width);\n                    }\n                }\n                &.sub-heading {\n                    td {\n                        font-weight: bold;\n                    }\n                }\n            }\n        }\n        &.no-border {\n            thead {\n                tr {\n                    background-color: transparent;\n                    border: none;\n                    th {\n                        padding-top: $padding-vertical-no-border-table-header;\n                        padding-bottom: $padding-vertical-no-border-table-header;\n                    }\n                }\n            }\n            tbody {\n                tr {\n                    border: transparent;\n                    td {\n                        padding-top: $padding-vertical-no-border-table-data;\n                        padding-bottom: $padding-vertical-no-border-table-data;\n                    }\n                }\n            }\n        }\n    }\n\n    table + table > thead:first-child tr {\n        border-top: none;\n    }\n\n    table tbody tr.no-border-top {\n        border-top: none;\n    }\n\n    table tbody tr.no-border-bottom {\n        border-bottom: none;\n    }\n\n    table thead tr th,\n    table tbody tr td {\n        &.indent {\n            width: 18px;\n        }\n    }\n\n    blockquote {\n        background: var(--color-secondary-x-light, colors.$color-secondary-x-light);\n        border-left: $border-left-width-blockquote solid var(--color-border, colors.$color-border);\n        margin: $margin-vertical-blockquote $margin-horizontal-blockquote;\n        padding: 0.5em $padding-horizontal-blockquote;\n        min-height: $min-height-blockquote;\n    }\n\n    .whitespace-nowrap {\n        white-space: nowrap;\n    }\n\n    .whitespace-pre-wrap {\n        white-space: pre-wrap;\n    }\n\n    .text-right {\n        text-align: right;\n    }\n\n    .text-left {\n        text-align: left;\n    }\n\n    .text-center {\n        text-align: center;\n    }\n    .text-red {\n        color: red;\n    }\n\n    .text-muted {\n        color: #696969;\n    }\n\n    .text-italic {\n        font-style: italic;\n    }\n\n    .text-bold {\n        font-weight: bold;\n    }\n\n    .block {\n        display: block;\n    }\n\n    .inline {\n        display: inline;\n    }\n\n    .inline-block {\n        display: inline-block;\n    }\n\n    .checkbox-container {\n        display: flex;\n        align-items: center;\n        margin-top: $margin-top-checkbox-container;\n        &:not(:last-of-type) {\n            margin-bottom: $margin-bottom-checkbox-container;\n        }\n    }\n\n    .checkbox {\n        border: 1px solid black;\n        background-color: #fff;\n        height: $height-checkbox;\n        width: $width-checkbox;\n        display: inline-block;\n        vertical-align: bottom;\n        margin-right: 8px;\n        text-align: center;\n        font-size: $font-size-checkbox;\n        line-height: 1.2em;\n        flex: none;\n    }\n}\n\n// For signed documents\n.page.signed-document {\n    padding-top: 0.75cm;\n    padding-bottom: 0.75cm;\n    padding-left: 0.2cm;\n    padding-right: 0.2cm;\n    font-size: calc($font-size-body * $scaling-for-signed-documents);\n    line-height: calc($line-height-default * $scaling-for-signed-documents);\n    div.content-container {\n        .heading-logo {\n            width: calc($heading-logo-width * $scaling-for-signed-documents);\n            float: right;\n            margin-left: calc($heading-logo-margin-left * $scaling-for-signed-documents);\n        }\n        h1,\n        .h1,\n        caption[style*=\"--size:1\"],\n        caption[style*=\"--size: 1\"] {\n            font-size: calc($font-size-h1 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h1 * $scaling-for-signed-documents);\n            small {\n                font-size: calc($font-size-h1-small * $scaling-for-signed-documents);\n            }\n        }\n        h2,\n        .h2,\n        caption[style*=\"--size:2\"],\n        caption[style*=\"--size: 2\"] {\n            font-size: calc($font-size-h2 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h2 * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-h2 * $scaling-for-signed-documents);\n            small {\n                font-size: calc($font-size-h2-small * $scaling-for-signed-documents);\n                margin-bottom: calc($margin-bottom-h2-small * $scaling-for-signed-documents);\n            }\n        }\n        h3,\n        .h3,\n        caption[style*=\"--size:3\"],\n        caption[style*=\"--size: 3\"] {\n            font-size: calc($font-size-h3 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h3 * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-h3 * $scaling-for-signed-documents);\n        }\n        h4,\n        .h4,\n        caption[style*=\"--size:4\"],\n        caption[style*=\"--size: 4\"],\n        caption:not([style*=\"--size\"]) {\n            font-size: calc($font-size-h4 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h4 * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-h4 * $scaling-for-signed-documents);\n        }\n        h5,\n        .h5,\n        caption[style*=\"--size:5\"],\n        caption[style*=\"--size: 5\"] {\n            font-size: calc($font-size-h5 * $scaling-for-signed-documents);\n            margin-top: calc($margin-top-h5 * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-h5 * $scaling-for-signed-documents);\n        }\n        p {\n            margin-top: calc($margin-top-paragraph * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-paragraph * $scaling-for-signed-documents);\n        }\n        dl {\n            margin-top: calc($margin-top-list * $scaling-for-signed-documents);\n            margin-bottom: calc($margin-bottom-list * $scaling-for-signed-documents);\n            dt,\n            dd {\n                margin: calc($margin-vertical-description-list * $scaling-for-signed-documents) 0;\n            }\n            &[style*=\"--title-width\"] {\n                dt {\n                    width: calc(var(--title-width) * $scaling-for-signed-documents);\n                }\n                dd {\n                    flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents));\n                }\n            }\n        }\n        table {\n            thead tr {\n                border-width: calc(1px * $scaling-for-signed-documents);\n                th {\n                    font-size: calc($font-size-table-header * $scaling-for-signed-documents);\n                    padding: calc($padding-vertical-table-header * $scaling-for-signed-documents)\n                        calc($padding-horizontal-table-header * $scaling-for-signed-documents);\n                    &[style*=\"--width\"] {\n                        width: calc(var(--width) * $scaling-for-signed-documents);\n                    }\n                }\n            }\n            tbody tr {\n                border-width: calc(1px * $scaling-for-signed-documents);\n                td {\n                    font-size: calc($font-size-table-data * $scaling-for-signed-documents);\n                    padding: calc($padding-vertical-table-data * $scaling-for-signed-documents)\n                        calc($padding-horizontal-table-data * $scaling-for-signed-documents);\n                    &[style*=\"--width\"] {\n                        width: calc(var(--width) * $scaling-for-signed-documents);\n                    }\n                }\n            }\n            &.no-border {\n                thead tr th {\n                    padding-top: calc($padding-vertical-no-border-table-header * $scaling-for-signed-documents);\n                    padding-bottom: calc($padding-vertical-no-border-table-header * $scaling-for-signed-documents);\n                }\n                tbody tr td {\n                    padding-top: calc($padding-vertical-no-border-table-data * $scaling-for-signed-documents);\n                    padding-bottom: calc($padding-vertical-no-border-table-data * $scaling-for-signed-documents);\n                }\n            }\n        }\n\n        table thead tr th,\n        table tbody tr td {\n            .indent {\n                width: calc(18px * $scaling-for-signed-documents);\n            }\n        }\n\n        blockquote {\n            background: var(--color-secondary-x-light, colors.$color-secondary-x-light);\n            border-left: calc($border-left-width-blockquote * $scaling-for-signed-documents) solid\n                var(--color-border, colors.$color-border);\n            margin: calc($margin-vertical-blockquote * $scaling-for-signed-documents)\n                calc($margin-horizontal-blockquote * $scaling-for-signed-documents);\n            padding: 0.5em calc($padding-horizontal-blockquote * $scaling-for-signed-documents);\n            min-height: calc($min-height-blockquote * $scaling-for-signed-documents);\n        }\n\n        .checkbox-container {\n            margin-top: calc($margin-top-checkbox-container * $scaling-for-signed-documents);\n            &:not(:last-of-type) {\n                margin-bottom: calc($margin-bottom-checkbox-container * $scaling-for-signed-documents);\n            }\n            .checkbox {\n                height: calc($height-checkbox * $scaling-for-signed-documents);\n                width: calc($width-checkbox * $scaling-for-signed-documents);\n                font-size: calc($font-size-checkbox * $scaling-for-signed-documents);\n                border-width: calc(1px * $scaling-for-signed-documents);\n                margin-right: calc(8px * $scaling-for-signed-documents);\n            }\n        }\n    }\n}\n@media print {\n    .page.signed-document {\n        padding-top: 0 !important;\n        padding-bottom: 0 !important;\n    }\n}\n","@mixin box-sizing($box-model) {\n  -webkit-box-sizing: $box-model; // Safari <= 5\n     -moz-box-sizing: $box-model; // Firefox <= 19\n          box-sizing: $box-model;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file