﻿@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.7em; }
	.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; }
}
@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; }
}
@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; }
}
@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; }
}
.breadcrumb-item.active { font-weight: 600; }
.td-alter { background-color: #F0F0F0; }
.td-label-number { padding-left: 1em !important; }
a { color: rgb(91,138,164); }
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: rgba(91,138,164,0.2); 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; padding: 15px; }
.carousel-margin { margin-left: 20%; margin-right: 20%; }
.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; }
.st4box { cursor: zoom-in; }
.tile { background-color: rgba(91,138,164,0.2); background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 2vw; margin-right: 2vw; position: relative; transition-duration: 1s; }
.tile-arrow:before { content: "\e095"; font-family: schema-glyphs; }
.tile-link { font-weight: 400; position: absolute; }
.tile:hover { transform: scale(1.05); }
.table-image-small { max-height: 5vw; max-width: 15vw; }
.table-image-big { 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: 0.65em; }
.text-center { font-size: 0.65em; }
.text-right { font-size: 0.65em; }
.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; box-shadow: 0px 7px 5px -3px #c9c9c9; 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; -webkit-box-shadow: 0px 7px 5px -3px #c9c9c9; }
.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 { margin-top: 0.5em; }
button { outline: none; }
button:focus { outline: none; }
article { padding-bottom: 60px; }
