/* Max Size */
.mccbb-block {font-size: 1.1rem;}
/* Hacks */
figure img[data-mccbb="image"] {display: block;}
.text-inverse {color: #fff}
.text-inverse * {color: #fff !important;}
/* Background Image position */
.bg-top {background-position: top;}
.bg-bottom {background-position: bottom;}
.bg-left {background-position: left;}
.bg-right {background-position: right;}
.bg-center {background-position: center;}
.bg-center-left {background-position: center left;}
.bg-center-right {background-position: center right;}
.bg-top-left {background-position: top left;}
.bg-top-right {background-position: top right;}
.bg-bottom-left {background-position: bottom left;}
.bg-bottom-right {background-position: bottom right;}
/* Audio und Video */
figure audio, figure video{width: 100%; height: auto;}
/* Max width */
.max-400 .container {max-width: 400px;}
.max-600 .container {max-width: 540px;}
.max-800 .container {max-width: 720px;}
.max-1000 .container {max-width: 960px;}
.max-1200 .container {max-width: 1140px;}
.max-1400 .container {max-width: 1320px;}
.max-full .container {max-width: 100% !important;padding-left: 0px;padding-right: 0px; }
/* Spacing */
.p-0 { padding: 0px }
.p-1 { padding: 0.25rem }
.p-2 { padding: 0.5rem }
.p-3 { padding: 0.75rem }
.p-4 { padding: 1rem }
.p-5 { padding: 1.25rem }
.p-6 { padding: 1.5rem }
.p-7 { padding: 1.75rem }
.p-8 { padding: 2rem }
.p-9 { padding: 2.25rem}
.p-10 { padding: 2.5rem }
.p-11 { padding: 2.75rem }
.p-12 { padding: 3rem }
.p-14 { padding: 3.5rem }
.p-16 { padding: 4rem }
.p-20 { padding: 5rem }
  
.px-0 { padding-left: 0px; padding-right: 0px; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
.px-12 { padding-left: 3rem; padding-right: 3rem; }
.px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
.px-16 { padding-left: 4rem; padding-right: 4rem; }
.px-20 { padding-left: 5rem; padding-right: 5rem; }

.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }

.pb-0 { padding-bottom: 0px !important}
.pb-1 { padding-bottom: 0.25rem !important}
.pb-2 { padding-bottom: 0.5rem !important}
.pb-3 { padding-bottom: 0.75rem !important}
.pb-4 { padding-bottom: 1rem !important}
.pb-5 { padding-bottom: 1.25rem !important}
.pb-6 { padding-bottom: 1.5rem !important}
.pb-7 { padding-bottom: 1.75rem !important}
.pb-8 { padding-bottom: 2rem !important}
.pb-9 { padding-bottom: 2.25rem !important}
.pb-10 { padding-bottom: 2.5rem !important}
.pb-11 { padding-bottom: 2.75rem !important}
.pb-12 { padding-bottom: 3rem !important}
.pb-14 { padding-bottom: 3.5rem !important}
.pb-16 { padding-bottom: 4rem !important}
.pb-20 { padding-bottom: 5rem !important}

.pr-0 { padding-right: 0px !important}
.pr-1 { padding-right: 0.25rem !important}
.pr-2 { padding-right: 0.5rem !important}
.pr-3 { padding-right: 0.75rem !important}
.pr-4 { padding-right: 1rem !important}
.pr-5 { padding-right: 1.25rem !important}
.pr-6 { padding-right: 1.5rem !important}
.pr-7 { padding-right: 1.75rem !important}
.pr-8 { padding-right: 2rem !important}
.pr-9 { padding-right: 2.25rem !important}
.pr-10 { padding-right: 2.5rem !important}
.pr-11 { padding-right: 2.75rem !important}
.pr-12 { padding-right: 3rem !important}
.pr-14 { padding-right: 3.5rem !important}
.pr-16 { padding-right: 4rem !important}
.pr-20 { padding-right: 5rem !important}

.pt-0 { padding-top: 0px !important}
.pt-1 { padding-top: 0.25rem !important}
.pt-2 { padding-top: 0.5rem !important}
.pt-3 { padding-top: 0.75rem !important}
.pt-4 { padding-top: 1rem !important}
.pt-5 { padding-top: 1.25rem !important}
.pt-6 { padding-top: 1.5rem !important}
.pt-7 { padding-top: 1.75rem !important}
.pt-8 { padding-top: 2rem !important}
.pt-9 { padding-top: 2.25rem !important}
.pt-10 { padding-top: 2.5rem !important}
.pt-11 { padding-top: 2.75rem !important}
.pt-12 { padding-top: 3rem !important}
.pt-14 { padding-top: 3.5rem !important}
.pt-16 { padding-top: 4rem !important}
.pt-20 { padding-top: 5rem !important}

.pl-0 { padding-left: 0px !important}
.pl-1 { padding-left: 0.25rem !important}
.pl-2 { padding-left: 0.5rem !important}
.pl-3 { padding-left: 0.75rem !important}
.pl-4 { padding-left: 1rem !important}
.pl-5 { padding-left: 1.25rem !important}
.pl-6 { padding-left: 1.5rem !important}
.pl-7 { padding-left: 1.75rem !important}
.pl-8 { padding-left: 2rem !important}
.pl-9 { padding-left: 2.25rem !important}
.pl-10 { padding-left: 2.5rem !important}
.pl-11 { padding-left: 2.75rem !important}
.pl-12 { padding-left: 3rem !important}
.pl-14 { padding-left: 3.5rem !important}
.pl-16 { padding-left: 4rem !important}
.pl-20 { padding-left: 5rem !important}
/** List Style **/
.ilc {position: relative;padding-left: 1em;margin: 0.1em;}
.ilc::before {content: '•';position: absolute;left: 0;}
.ilc.ilc-check::before {content: '✓';}
.ilc.ilc-dash::before {content: '–';}
.ilc-green::before {color: #5EB732;}
.ilc-red::before {color: #FF674D;}
.ilc-ci::before {color: #F7B662 !important;} /* CI Color 1 */
.ilc-ci-alt::before {color: #002A37 !important;} /* CI Color 2 */
.ilc-ci-blass::before {color: #FFEED9 !important;} /* CI Color 3 */