﻿@media (max-width: 767px) {
	body { font-size: 16px; }
	html { font-size: 16px; }
	h1 { font-size: 34px; line-height: 34px; }
	.tile { font-size: 2em; width: 60vw; }
	.tile-height { height: 60vw; }
	.sticky-width { width: 30vw; }
	.tile-link { font-size: 0.6em; line-height: normal; }
	.carousel-control-prev-icon { font-size: 2.5em; }
	.carousel-control-next-icon { font-size: 2.5em; }
	.carousel { margin-top: 1em; }
	.sticky-col { left: 0px; }
	.margin-auto { margin-left: auto; margin-right: auto; }
	ol.schema-pagewise { display: none !important; }
	#search-collapse input { background-image: url("../img/Lupe.svg"); background-position: 0px 0px; background-repeat: no-repeat; background-size: 6%; border: 0 none; height: auto; margin: 12px; text-indent: 25px; width: calc(100% - 24px); }
	.slider-frame { margin-bottom: 20px; margin-left: 10%; margin-right: 10%; margin-top: 20px; padding: 20px; }
	.slick-prev { padding-left: -50px !important; }
	.slick-next { padding-right: -50px !important; }
	.tile-header { font-size: 1em; }
	.tile-link-container { max-width: 50vw; }
}
@media (min-width: 768px) and (max-width: 991px) {
	body { font-size: 1rem; }
	.col-md-3 { flex: 0 0 20vw; }
	.tile-height { height: 20vw; }
	.sticky-width { width: 50vw; }
	.tile-link { font-size: 0.6em; }
	.sticky-col { left: 0px; position: sticky; position: -webkit-sticky; }
	#language-toggle { margin-right: 0.2em; }
	.slider-frame { margin-bottom: 20px; margin-left: 20%; margin-right: 20%; margin-top: 20px; padding: 50px; }
	.tile-header { font-size: 0.8em; line-height: 0.9em; }
	.tile-link-container { max-width: 16vw; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	body { font-size: 1rem; }
	.col-md-3 { flex: 0 0 20vw; }
	.tile-height { height: 20vw; }
	.sticky-width { width: 50vw; }
	.tile-link { font-size: 0.7em; }
	.sticky-col { left: 0px; position: sticky; position: -webkit-sticky; }
	.navbar-expand-lg .navbar-collapse  { flex-basis: none; }
	.slider-frame { margin-bottom: 20px; margin-left: 20%; margin-right: 20%; margin-top: 20px; padding: 50px; }
	.tile-header { font-size: 0.9em; }
	.tile-link-container { max-width: 16vw; }
}
@media (min-width: 1200px) {
	body { font-size: 1rem; }
	.col-md-3 { flex: 0 0 20vw; }
	.tile-height { height: 20vw; }
	.sticky-width { width: 50vw; }
	.tile-link { font-size: 1em; }
	.sticky-col { left: 0px; position: sticky; position: -webkit-sticky; }
	.navbar-expand-lg .navbar-collapse  { flex-basis: none; }
	.slider-frame { margin-bottom: 20px; margin-left: 20%; margin-right: 20%; margin-top: 20px; padding: 50px; }
	.tile-header { font-size: 1.3em; }
	.tile-link-container { max-width: 16vw; }
}
.breadcrumb-item.active { font-weight: 600; }
.td-alter { background-color: #F0F0F0; }
.td-label-number { padding-left: 1em !important; }
a { color: rgb(91,138,164); text-decoration: underline; }
a:hover { color: rgb(91,138,164); text-decoration: none; }
.footer { height: 47px; margin-left: -15px; margin-right: -15px; padding-left: 25px; padding-right: 25px; }
.footer-text { color: #C9C9C9; font-weight: 600; margin: 0px; }
.schema-iframe-link:hover { color: rgb(91,138,164); text-decoration: none; }
.breadcrumb-item+.breadcrumb-item::before { color: #707070; content: "//"; }
.squares { background-color: #F1F1F1; border-right: 1px solid white; border-top: 1px solid white; padding: 15px; }
.advertisments { padding: 10px; }
.row { margin: 0px; }
ol.schema-instruction > li:marker { color: rgb(91,138,164); }
.btn-outline-secondary:hover { background: none !important; border: none !important; }
.label-number { background-color: rgb(91,138,164); color: White; font-weight: 600; text-align: center; width: 2em; }
.emphasis-spot { background-color: rgb(91,138,164); color: White; font-weight: 600; padding: 0px 10px; text-align: center; width: 2em; }
.hotspot-highlight > .label-number { background-color: White; color: rgb(91,138,164); font-weight: 600; text-align: center; }
html { font-size: 22px; }
.blue-th { background-color: #F0F0F0; border: none !important; color: rgb(91,138,164); text-transform: uppercase; }
.btn-link { color: rgb(91,138,164); text-align: left; text-decoration: none; white-space: break-spaces; word-break: break-word; }
.btn-link:hover { color: rgb(91,138,164); text-align: left; text-decoration: none; white-space: break-spaces; word-break: break-word; }
.btn-link:focus { text-align: left; text-decoration: none; white-space: break-spaces; word-break: break-word; }
.slider-frame { background-color: #F1F1F1; }
.slick-dots li button:before { font-size: 30px !important; }
.slick-slide img { margin-bottom: 50px; margin-left: auto; margin-right: auto; max-height: 40vh; }
.slick-dots { bottom: -50px; }
.slick-prev:before, .slick-next:before { color: #707070 !important; }
.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, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 0px; }
.carousel { background-color: #F1F1F1; margin-left: auto; margin-right: auto; max-width: fit-content; padding: 15px; }
.carousel-margin { margin-left: 20%; margin-right: 20%; max-width: fit-content; }
.carousel img { max-height: 40vh; }
.carousel-item p { margin-top: 0; }
.carousel-item>figure { margin: 0px !important; }
.carousel-control-prev-icon:before { color: #707070; content: "\e601"; font-family: schema-glyphs; }
.carousel-control-next-icon:before { color: #707070; content: "\e602"; font-family: schema-glyphs; }
.carousel-control-prev { left: -5px; }
.carousel-control-next { right: -5px; }
.carousel-control-prev-icon { background-image: none; }
.carousel-control-next-icon { background-image: none; }
td > ul.list { padding-left: 22px; }
.slick-next:before { content: "\e095"; font-family: schema-glyphs; }
.slick-prev:before { content: "\e094"; font-family: schema-glyphs; }
.emphasis-teaser { font-size: 1.5em; }
.sub-portfolio { margin-top: 0; }
.tile { background-color: #F0F0F0; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 2vw; margin-right: 2vw; overflow: hidden; position: relative; transition-duration: 1s; }
.tile-arrow:before { content: "\e095"; font-family: schema-glyphs; }
.tile-link { font-weight: 400; line-height: 1em; margin-top: 0; text-align: left; }
.tile-header { font-weight: 400; line-height: 1em; margin-left: 0.5vw; margin-top: 0.5vw; padding: 0.2em; text-align: left; hyphens: auto; }
.tile:hover { transform: scale(1.05); }
.tile-text { margin-left: 0.5em; }
.tile-button { background-color: Transparent; border: none; display: flex; margin-left: 0; margin-right: 0; padding: 0; display: -webkit-flex; }
.tile-button-grad { background-image: linear-gradient(to top, rgba(255,255,255,0.8), rgba(255,255,255,0));; height: 1vh; }
.tile-button-bg { background-color: rgba(255,255,255,0.8); padding: 0.2em; }
.tile-button-container { bottom: 0px; position: absolute; width: 100%; }
.table-image-small { max-height: 5vw; max-width: 15vw; }
.table-image-big { min-height: 30vw; width: 20vw; }
.multilang-title { display: inline; font-size: 1.5em; }
.multilang-title a { color: #707070; display: inline; }
.multilang-aspect { color: White; text-transform: uppercase; }
.multilang-aspect a { color: White; text-transform: uppercase; }
.aspect-container { background-color: #707070; display: inline; margin-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.7em; }
.multilang-title-container { display: inline; padding-left: 0.5em; vertical-align: top; }
.multilang-title-row { margin-bottom: 1em; margin-left: 1em; }
.text-left { font-size: 1.0em; }
.text-center { font-size: 1.0em; }
.text-right { font-size: 1.0em; }
.card-header { background-color: Transparent; border: 0; padding: 0; }
.table-card { overflow: auto; padding: 0; }
a[aria-expanded=true] span.content-toggle:before { color: #707070; content: "\e600"; font-family: schema-glyphs; font-size: 0.8em; margin-right: 1em; text-decoration: none; }
a[aria-expanded=false] span.content-toggle:before { color: #707070; content: "\e602"; font-family: schema-glyphs; font-size: 0.8em; text-decoration: none; }
.collapse-button[aria-expanded=true] .content-toggle { background-image: url(../img/close.svg); float: right; margin-right: 0.5em; }
.collapse-button[aria-expanded=false] .content-toggle { background-image: url(../img/enlarge.svg); float: right; margin-right: 0.5em; }
.collapse-button[aria-expanded=false]:hover .content-toggle { background-image: url(../img/enlarged.svg); float: right; margin-right: 0.5em; }
.card-header h2 { color: #707070; font-size: 20px; font-weight: 700; margin-left: 0em; margin-top: 0em; }
.card-header h2 a { color: #707070; font-weight: 700; margin-left: 0em; margin-top: 0em; }
.collapse-button[aria-expanded=false] { background-color: white; border-bottom-color: #C9C9C9; border-bottom-style: solid; border-bottom-width: 2px; border-left: 0; border-right: 0; border-top: 0; cursor: pointer; display: flex; outline: none; padding-bottom: 40px; padding-left: 0px; padding-right: 0px; padding-top: 40px; text-align: left; transition: background-color .33s; width: 100%; display: -webkit-flex }
.collapse-button[aria-expanded=true] { background-color: white; border: none; border-bottom: 0; border-bottom-color: #C9C9C9; border-bottom-style: solid; border-bottom-width: 2px; border-left: 0; border-right: 0; border-top: 0; cursor: pointer; display: flex; outline: none; padding-bottom: 40px; padding-left: 0px; padding-right: 0px; padding-top: 40px; text-align: left; transition: background-color .33s; width: 100%; display: -webkit-flex;  }
.collapse-button:hover { background-color: rgba(91,138,164,0.1); }
.collapse-button:hover .content-toggle { transform: scale(1.3); }
.content-toggle { height: 20px; transition-duration: .33s; width: 20px; }
.card { background-color: Transparent; border: none; }
.collapse-wrap { box-shadow: 0px 7px 5px -5px #c9c9c9; -webkit-box-shadow: 0px 7px 5px -5px #c9c9c9; }
button { outline: none; }
button:focus { outline: none; }
article { padding-bottom: 60px; }
.fade-in-section { opacity: 0; transform: translateY(10vh); transition: opacity .6s ease-out,transform 1s ease-out,-webkit-transform 1s ease-out;; visibility: hidden; -webkit-transform: translateY(10vh); will-change: opacity,visibility; }
.fade-in-section.is-visible { opacity: 1; transform: none; visibility: visible; -webkit-transform: none; }
.tag { margin-top: 1em; opacity: 0; transform: translate(0, 10vh);; transition: all 5s; }
.tag.visible { opacity: 1; transform: translate(0, 0);; }
.st4box { cursor: zoom-in; }
.st4box img { display: inline; }
figure video { max-height: 90vh; }
.glossary-bar { background-color: white; display: inline-block; padding-left: 0; padding-top: 0.5em; width: 100%; z-index: 99; }
.glossary-tile { display: inline; text-align: center; }
.glossary-tile a { background-color: #F1F1F1; color: #707070; display: inline-block; height: 1.7em; margin-bottom: 0.5em; margin-right: 0.5em; padding-top: 0.1em; width: 1.7em; }
.anchor-offset { margin: 0; position: relative; top: -100px; visibility: hidden; }
.glossary-tile a:hover { background-color: rgb(91,138,164); color: white; }
.sticky { position: fixed; top: 0px; }
.sticky + .content { padding-top: 100px; }
.lexicon-entry h1 { margin-top: 1em; }
input::-webkit-search-results-button { display: none !important; position: absolute; right: 0; visibility: hidden; pointer-events: none; }
.square-tile { background-color: #F1F1F1; border: 2px solid white; padding: 2em; }
@media [Extrasmall or high dpi (xs) - (max-width: 576px)] {
	.square-tile { margin-left: 10vw !important; margin-right: 10vw !important; }
}
@media (max-width: 767px) {
	.square-tile { margin-left: 10vw !important; margin-right: 10vw !important; }
}
