.carousel-container { position: relative; width: calc(100% + 1.5rem); max-width: 900px; max-height: 640px; overflow: hidden; margin: 1vh -0.75rem 4vh -0.75rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
@media(min-width: 480px) { .carousel-container { height: 480px; max-width: 990px; min-height: 480px; } }
.carousel-slide { display: flex; width: 100%; height: 100%; max-height: inherit; transition: transform 0.5s ease-in-out; margin: 0px 0px -6px 0px; }
.carousel-slide img { height: 100%; max-height: inherit; object-fit: cover; border: solid 0px white; border-width: 0px 1px 0px 0px; box-sizing: border-box; background-color: transparent; border-top: solid 6px #fff; border-bottom: solid 6px #fff; }
.carousel-slide img.active { border-top: solid 6px darkorange; border-bottom: solid 6px darkorange; }
@media(max-width: 480px) { .carousel-slide img { min-width: 100vw; } }
.nav-button { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; color: white; border: none; font-size: 2rem; padding: 0.5rem 0.5rem; cursor: pointer; user-select: none; z-index: 2; width: 40px; height: 100%; display: grid; align-content: end; padding-bottom: 0.8rem; }
.prev { left: 0px; }
.next { right: 0px; }
.dots { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 2; }
.dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: transform 0.3s ease, background 0.3s ease; }
.dot.active { background: white; transform: scale(1.3); }

.DownloadLink { display: flex; }
.DownloadLink .Icon.fa-file-pdf { font-size: 2.6rem; padding: 0rem 1.5rem; color: #F40000; }
.DownloadLink .Text { text-align: left; display: contents; }
.DownloadLink .Text a { display: inline; text-decoration: underline; margin: auto 0px; padding-right: 1rem; border: 0px solid; }
.DownloadLink .Text a:hover { text-decoration: none; }

.button-container { display: flex; gap: 15px; margin-top: 10px; margin-bottom: 20px; text-align: center; }
.button-container > div { margin: auto; }
.button-container button { padding: 7px 20px 9px 20px; font-size: 1.02rem; border: 0px solid white; background-color: #eee; color: #333; border-radius: 5px; cursor: pointer; margin: auto; }
.button-container button:hover { background-color: darkorange; color: white; }
#btnSlideShow { margin-right: 0.5rem; }
#btnTextOnly { margin-left: 0.5rem; }
#ConclusionsCarousel { display: block; padding: 20px; border: 1px solid #ccc; background-color: #f9f9f9; border-radius: 8px; }
#ConclusionsText { display: none; padding: 20px; border: 1px solid #ccc; background-color: #f9f9f9; border-radius: 5px; }
.ContentBox ol li { margin: 0px; padding: 0.5em 10px; line-height: 1.33em; font-size: 1.03em; }
.ContentBox ol li small { line-height: 1.2rem; }
.ContentBox ol li::before { content: none; padding: 0px 27px 0px 10px; margin-left: -37px; }
.ConclusionsNotice { text-align: center; font-size: 1.06em; padding: 1rem 1rem; border: solid 1px #dedede; border-radius: 3px; }

.flexHalfDiv { display: flex; flex-wrap: wrap; }
.flexHalfDiv > div { width: calc(50% - 2.5rem); padding: 0px 0.5rem 0px 0.5rem; }
@media(max-width: 768px) { .flexHalfDiv > div { width: calc(100% - 2.5rem); } }

.flexHalfDiv > div ol.alpha { padding-left: 23px; }
.flexHalfDiv > div ol.alpha li { list-style-type: upper-alpha; margin: 0px; padding: 0.2em 20px; line-height: 1.3em; font-size: 1.03em; }
.flexHalfDiv > div ol.alpha li::before { content: none; padding: 0px 27px 0px 10px; margin-left: -37px; }

.flexHalfDiv ul { margin-top: 1rem; }
.flexHalfDiv ul.noTopPadding { margin-top: 0.33rem; }

.stdPadding { padding-left: 0.5rem; padding-right: 0.5rem; }
@media(min-width: 768px) { .flexHalfDiv .leftPadding { padding-left: 1.5rem; } }
