:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } *,::after,::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } header,main,nav { display: block } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } [tabindex="-1"]:focus { outline: 0!important } h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } ul { margin-top: 0; margin-bottom: 1rem } ul ul { margin-bottom: 0 } blockquote { margin: 0 0 1rem } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects } a:hover { color: #0056b3; text-decoration: underline } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } img { vertical-align: middle; border-style: none } svg:not(:root) { overflow: hidden } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button { overflow: visible } button { text-transform: none } [type=reset],[type=submit],button,html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { padding: 0; border-style: none } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } [hidden] { display: none!important } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit } .h1,h1 { font-size: 2.5rem } .h2,h2 { font-size: 2rem } .h3,h3 { font-size: 1.75rem } .h4,h4 { font-size: 1.5rem } .h5,h5 { font-size: 1.25rem } .h6,h6 { font-size: 1rem } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container { max-width:540px } } @media (min-width: 768px) { .container { max-width:720px } } @media (min-width: 992px) { .container { max-width:960px } } @media (min-width: 1200px) { .container { max-width:1140px } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .collapse { display: none } .collapse.show { display: block } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus,.nav-link:hover { text-decoration: none } .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem } .navbar>.container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem } .navbar-toggler:focus,.navbar-toggler:hover { text-decoration: none } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100% } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.5) } .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .navbar-light .navbar-text { color: rgba(0,0,0,.5) } .navbar-light .navbar-text a { color: rgba(0,0,0,.9) } .navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 } .page-link:hover { color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .page-link:not(:disabled):not(.disabled) { cursor: pointer } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right { -webkit-transform:translate3d(0,0,0); transform: translate3d(0,0,0) } } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-right,.carousel-item-next { -webkit-transform:translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-left,.carousel-item-prev { -webkit-transform:translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important } .d-inline-flex { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important } .flex-row { -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-direction: row!important; flex-direction: row!important } .justify-content-start { -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-center { -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important } .justify-content-between { -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important } @supports ((position: -webkit-sticky) or (position:sticky)) { .sticky-top { position:-webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .w-25 { width: 25%!important } .w-50 { width: 50%!important } .w-75 { width: 75%!important } .w-100 { width: 100%!important } .h-25 { height: 25%!important } .h-50 { height: 50%!important } .h-75 { height: 75%!important } .h-100 { height: 100%!important } .m-0 { margin: 0!important } .mt-0 { margin-top: 0!important } .mb-0 { margin-bottom: 0!important } .m-1 { margin: .25rem!important } .mt-1 { margin-top: .25rem!important } .mb-1 { margin-bottom: .25rem!important } .m-2 { margin: .5rem!important } .mt-2 { margin-top: .5rem!important } .mb-2 { margin-bottom: .5rem!important } .m-3 { margin: 1rem!important } .mt-3 { margin-top: 1rem!important } .mb-3 { margin-bottom: 1rem!important } .m-4 { margin: 1.5rem!important } .mt-4 { margin-top: 1.5rem!important } .mb-4 { margin-bottom: 1.5rem!important } .m-5 { margin: 3rem!important } .mt-5 { margin-top: 3rem!important } .mb-5 { margin-bottom: 3rem!important } .p-0 { padding: 0!important } .pt-0 { padding-top: 0!important } .pr-0 { padding-right: 0!important } .pb-0 { padding-bottom: 0!important } .pl-0 { padding-left: 0!important } .p-1 { padding: .25rem!important } .pt-1 { padding-top: .25rem!important } .pr-1 { padding-right: .25rem!important } .pb-1 { padding-bottom: .25rem!important } .pl-1 { padding-left: .25rem!important } .p-2 { padding: .5rem!important } .pt-2 { padding-top: .5rem!important } .pr-2 { padding-right: .5rem!important } .pb-2 { padding-bottom: .5rem!important } .pl-2 { padding-left: .5rem!important } .p-3 { padding: 1rem!important } .pt-3 { padding-top: 1rem!important } .pr-3 { padding-right: 1rem!important } .pb-3 { padding-bottom: 1rem!important } .pl-3 { padding-left: 1rem!important } .p-4 { padding: 1.5rem!important } .pt-4 { padding-top: 1.5rem!important } .pr-4 { padding-right: 1.5rem!important } .pb-4 { padding-bottom: 1.5rem!important } .pl-4 { padding-left: 1.5rem!important } .p-5 { padding: 3rem!important } .pt-5 { padding-top: 3rem!important } .pr-5 { padding-right: 3rem!important } .pb-5 { padding-bottom: 3rem!important } .pl-5 { padding-left: 3rem!important } .m-auto { margin: auto!important } .mt-auto { margin-top: auto!important } .mb-auto { margin-bottom: auto!important } .text-justify { text-align: justify!important } .text-left { text-align: left!important } .text-right { text-align: right!important } .text-center { text-align: center!important } .text-light { color: #f8f9fa!important } a.text-light:focus,a.text-light:hover { color: #dae0e5!important } @media print { *,::after,::before { text-shadow: none!important; box-shadow: none!important } a:not(.btn) { text-decoration: underline } blockquote { border: 1px solid #999; page-break-inside: avoid } img { page-break-inside: avoid } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } @page { size: a3 } body { min-width: 992px!important } .container { min-width: 992px!important } .navbar { display: none } } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } *,::after,::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } @-ms-viewport { width: device-width } header,main { display: block } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } [tabindex="-1"]:focus { outline: 0!important } h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } dt { font-weight: 700 } b { font-weight: bolder } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects } a:hover { color: #0056b3; text-decoration: underline } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } svg:not(:root) { overflow: hidden } [type=reset],[type=submit],html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { padding: 0; border-style: none } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } summary { display: list-item; list-style: none; cursor: pointer } summary::-webkit-details-marker {display: none; cursor: pointer;} [hidden] { display: none!important } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit } .h1,h1 { font-size: 2.5rem } .h2,h2 { font-size: 2rem } .h3,h3 { font-size: 1.75rem } .h4,h4 { font-size: 1.5rem } .h5,h5 { font-size: 1.25rem } .h6,h6 { font-size: 1rem } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } .btn:focus,.btn:hover { text-decoration: none } .btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .btn:disabled { opacity: .65 } .btn:not(:disabled):not(.disabled) { cursor: pointer } .btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active { background-image: none } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc } .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active { color: #fff; background-color: #0062cc; border-color: #005cbf } .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-link { font-weight: 400; color: #007bff; background-color: transparent } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent } .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none } .btn-link:disabled { color: #6c757d } .fade { opacity: 0; transition: opacity .15s linear } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right { -webkit-transform:translate3d(0,0,0); transform: translate3d(0,0,0) } } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-right,.carousel-item-next { -webkit-transform:translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-left,.carousel-item-prev { -webkit-transform:translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .bg-primary { background-color: #007bff!important } a.bg-primary:focus,a.bg-primary:hover { background-color: #0062cc!important } .bg-transparent { background-color: transparent!important } .d-none { display: none!important } .position-absolute { position: absolute!important } @supports ((position: -webkit-sticky) or (position:sticky)) { .sticky-top { position:-webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .w-25 { width: 25%!important } .w-50 { width: 50%!important } .w-75 { width: 75%!important } .w-100 { width: 100%!important } .h-25 { height: 25%!important } .h-50 { height: 50%!important } .h-75 { height: 75%!important } .h-100 { height: 100%!important } .m-0 { margin: 0!important } .mt-0 { margin-top: 0!important } .m-1 { margin: .25rem!important } .mt-1 { margin-top: .25rem!important } .m-2 { margin: .5rem!important } .mt-2 { margin-top: .5rem!important } .m-3 { margin: 1rem!important } .mt-3 { margin-top: 1rem!important } .m-4 { margin: 1.5rem!important } .mt-4 { margin-top: 1.5rem!important } .m-5 { margin: 3rem!important } .mt-5 { margin-top: 3rem!important } .p-0 { padding: 0!important } .pt-0 { padding-top: 0!important } .px-0 { padding-right: 0!important } .pb-0 { padding-bottom: 0!important } .px-0 { padding-left: 0!important } .p-1 { padding: .25rem!important } .pt-1 { padding-top: .25rem!important } .px-1 { padding-right: .25rem!important } .pb-1 { padding-bottom: .25rem!important } .px-1 { padding-left: .25rem!important } .p-2 { padding: .5rem!important } .pt-2 { padding-top: .5rem!important } .px-2 { padding-right: .5rem!important } .pb-2 { padding-bottom: .5rem!important } .px-2 { padding-left: .5rem!important } .p-3 { padding: 1rem!important } .pt-3 { padding-top: 1rem!important } .px-3 { padding-right: 1rem!important } .pb-3 { padding-bottom: 1rem!important } .px-3 { padding-left: 1rem!important } .p-4 { padding: 1.5rem!important } .pt-4 { padding-top: 1.5rem!important } .px-4 { padding-right: 1.5rem!important } .pb-4 { padding-bottom: 1.5rem!important } .px-4 { padding-left: 1.5rem!important } .p-5 { padding: 3rem!important } .pt-5 { padding-top: 3rem!important } .px-5 { padding-right: 3rem!important } .pb-5 { padding-bottom: 3rem!important } .px-5 { padding-left: 3rem!important } .text-left { text-align: left!important } .text-center { text-align: center!important } .text-primary { color: #007bff!important } a.text-primary:focus,a.text-primary:hover { color: #0062cc!important } @media print { *,::after,::before { text-shadow: none!important; box-shadow: none!important } a:not(.btn) { text-decoration: underline } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } @page { size: a3 } body { min-width: 992px!important } } body { font-size: 0.8rem; background-color: #ffffff; } @keyframes FadeIn { from { background-color: #ffffff; } to { background-color: #f1f3f4; } } body.fade-bg { background-color: #f1f3f4; animation: FadeIn 6s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards; } .startseite header { max-height: 100vh; max-width: 100vw; margin: auto; padding-top: 2rem; top: 0; left: 0; bottom: 0; right: 0; display: grid; } svg#eD7qFIJM31g1 { max-width: 500px; } .startseite .btn svg {fill: #FFFFFF;} .startseite .btn:hover svg {fill: #000000;} header, main { max-width: 800px; margin: 0 auto; background: #FFFFFF; } .h1, h1 { font-size: 1.5rem; text-transform: uppercase; background: #00528a; color: rgb(217 231 166); border-bottom: 8px solid #a0ce4e; } .h2, h2, .player h1 { font-size: 1.1rem; } .headline_video { text-transform: none; border: none; } .btn { display: inline-flex; font-size:0.8rem; padding: .155rem .155rem; } .btn span { width: 100%; } .btn_round { width: 3rem; height: 3rem; text-align: center; font-weight: bold; } .btn-secondary { color: #000; background-color: #fe9b96; border-color: #fe9b96; } .btn-start { padding: 0.5rem 1rem; } .btn_round_big { width: 28vw; height: 28vw; font-size: 4vw; font-weight: bold; } .Absolute-Center { max-height: 100vh; max-width: 100vw; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: grid; } .Absolute-Center div { display: flex; align-items: center; justify-content: center; text-align: center; } .outerframe hr { position: fixed; margin: 0; z-index: 2000; } .outerframe hr:nth-child(1) { top: 0; width: 100%; height: .5rem; background: #858585; } .outerframe hr:nth-child(2) { right: 0; width: .5rem; height: 100%; background: #858585; } .outerframe hr:nth-child(3) { bottom: 0; width: 100%; height: .5rem; background: #858585; } .outerframe hr:nth-child(4) { left: 0; width: .5rem; height: 100%; background: #858585; } .outerframe hr:nth-child(5) { top: .5rem; left: .5rem; width: calc(100% - 1rem); height: .5rem; background: #d5d5d5; } .outerframe hr:nth-child(6) { right: .5rem; top: .5rem; width: .5rem; height: calc(100% - 1.1rem); background: #d5d5d5; } .outerframe hr:nth-child(7) { bottom: .5rem; left: .5rem; width: calc(100% - 1rem); height: .5rem; background: #d5d5d5; } .outerframe hr:nth-child(8) { left: .5rem; top: .5rem; width: .5rem; height: calc(100% - 1.1rem); background: #d5d5d5; } header .col-3.text-end { z-index: 2000; } header img.rounded-circle { width: 2rem; } header nav a { color: #000000; margin: .5rem; padding: .34rem .7rem.3rem .5rem; border: solid .15rem #000000; border-radius: .3rem; } header nav a.active { background-color: rgb(217 231 166); } header nav a:hover { color: inherit; text-decoration: none; } header nav a svg { vertical-align: text-bottom; } header nav li.nav-item { display: flex; align-content: center; justify-content: center; align-items: baseline; flex-wrap: wrap; padding: 1em 0; } li.nav-item { border-bottom: 1px solid #00528a; } li.nav-item:last-of-type { border-bottom: none; } header button:focus { border: solid .15rem #000000; border-radius: .3rem; } .player { background: #fe9b96; position: relative; margin: 0 .1rem; } .player img { width: 18vw; } .player .carousel-control-next, .player .carousel-control-prev { top: 2rem; align-items: flex-start; height: 2rem; } .player .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .player .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .player a { opacity: 1; } audio { width: 95%; } audio::-webkit-media-controls-volume-control-container, video::-webkit-media-controls-volume-control-container { display: none; } audio:first-of-type { margin-top: 1rem; } video { width: 100%; } .change a { font-size: 0.7rem; color: #000; } .change img { width: 1.5rem; margin-right: .5rem; } .change .col-6:last-of-type { text-align: right!important; } .active .st2 { fill: #FE9B96; } .previous, .next { font-size: 3em; color: #000; } .previous:hover, .next:hover { text-decoration: none; color: #000; } .fade-in { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 6s; } .show-more p, .less { display: none; } .show-more:target p, .show-more:target .less { display: inline-flex; } .show-more:target .more { display: none; } h2 + span { padding-bottom: 1em; display: block; } h2 + span:after { content: "... \A"; white-space: pre; } .show-more:target h2 + span { display: none; } @keyframes fadeInOpacity { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } .btn_round { width: 4rem; height: 4rem; } .btn { font-size: 1.1rem; background-color: #00528a; border-color: #00528a; font-weight: 500; } .btn-primary:hover { color: #000; background-color: #b3ce4d; border-color: #b3ce4d; } img.logo { max-height: 50px; } .hamburger { border: 2px solid #a0ce4e; } .navbar-light.hamburger span.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 82, 138, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .quote { background: #f1f3f4; } .blockquote{ font-size: 1.4em; } blockquote{ width: 100%; font-family:Open Sans; font-style:italic; color: #555555; padding:1.2em 1em 1.2em 3em; border-left:8px solid #a0ce4e ; line-height:1.6; position: relative; } blockquote::before{ font-family:Arial; content: "\201C"; color:#a0ce4e; font-size:4em; position: absolute; left: 10px; top:-10px; } blockquote::after{ content: ''; } blockquote span{ display:block; color:#333333; font-style: normal; font-weight: bold; margin-top:1em; } cite { font-size: 0.8em; line-height: 1.4em; font-style: normal; display: inline-block; } p.text-center.position { font-size: 1.5rem; background: #a0ce4e; color: #000000; font-weight: bold; } .position { overflow-x: scroll; overflow-y: hidden; list-style-type: none; background: #f1f3f4; } } .position::-webkit-scrollbar { display: none; width: 0!important; } .position a { color: #000000; background: #f1f3f4; display: inline-block; font-weight: 600; font-size: xx-large; width: 60px; } .position a:hover { text-decoration: none; } .position a.active { background: #00528a; color: rgb(217 231 166); } .position li { } .position li:first-of-type { margin-left: calc(50vw - 1rem); } .position li:last-of-type { margin-right: calc(50vw - 1rem); } .position a:focus { background: #00528a; color: #ffffff; } img { max-width: 100%; } header { background: #FFFFFF; } details svg { height: 1.5rem; } .logo-start { max-width: 250px; } .impressum h2 {background: none;border: none;font-size: 1.6rem;} .impressum h3 {font-size: 1.2rem;} .impressum h4 {font-size: 1rem;} .impressum main img {max-width: 230px;} .impressum a {color: #000000;}