.tiles {
    display:grid;
    column-gap:2.5em;
    row-gap:2.5em;
    /* padding:0 2.5em; */
}
.tiles .tileInner {
    position:relative;
    overflow:hidden;
    border-radius:1.5em;
}
.tiles .tileBackground,
.tiles .tileOverlay,
.tiles .tileContent {
    position:absolute;
    width:100%;
    height:100%;
    transition: all 250ms ease-in-out;
}
.tiles .tileBackground {
    z-index:0;
}
.tiles .tileBackground img{
    width:100%;
    height:100%!important;
    object-fit:cover;
}
.tiles .tileOverlay {
    z-index:1;
    display:flex;
    padding:1em;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color:#fff;
    font-size:1.5em;
    background-color:rgba(0, 0, 0, 0.1)
}
.tiles .tileContent {
    z-index:2;
    display:flex;
    padding:1em;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color:#fff;
    background-color:var(--secondary70);
    left:100%;
}
.tiles .tile .tileTitle {
    transition: all 250ms ease-out 200ms;
}
.tiles .tile:hover .tileTitle {
    opacity:0;
}

.tiles .tile .tileDescription {
    font-size:1.5em;
    text-align: center;
}
.tiles .tile .tileDescription + .tileLink{
    margin-top:1.5em;
}
.tiles .tile .tileLink a{
    padding:0.5em;
    border:2px solid #fff;
    border-radius:1px;
}
a.fill{
    background: linear-gradient(to right, var(--white) 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 250ms ease-out;
}

a.fill:hover{
    background-position: left bottom;
    color:var(--tertiary);
}


a.fill.inverted{
    background: linear-gradient(to right, var(--tertiary) 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color:var(--tertiary);
}

a.fill.inverted:hover{
    background-position: left bottom;
    color:var(--white);
}
a.outlined {
    font-weight:600;
    display:inline-block;
    border:2px solid var(--white);
    padding:0.5em 1.5em;
}
a.inverted.outlined {
    border:2px solid var(--tertiary);
}


.simpleHeader,
.mediaContainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.simpleHeader > * ,
.mediaContainer > * {
    grid-area: 1 / 1 / 2 / 2;
}

.mediaContainer > .overlay {
    background-color:var(--secondary70);
    color:var(--white);
    z-index:2;
    display:flex;
    flex-direction: column;
    justify-content: center;

    /* display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px; */
}
.mediaContainer .overlayHeader {
    grid-area: 2 / 1 / 3 / 2;
    text-align: center;
}
.mediaContainer .overlayHeader h1{
    font-size:6vw;
    font-weight:600;
    margin-bottom:0;
}
.mediaContainer .overlayContent {
    font-size:2.5vw;
    line-height:1.4;
    grid-area: 3 / 1 / 4 / 2;
}


.simpleHeader > .overlay .overlayContent{
    font-size:1em;
    line-height:1.5;
    width:50%;
    background-color:var(--white);
    padding:2em 2em 1em 2em;
    z-index:2;
}
.simpleHeader > .overlay {
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    margin:0  3em;
}
.simpleHeader > .overlay .overlayText{
    font-size: 1.25em;

}

.expertSearch {
    background-color:var(--secondary);
    color:var(--white);
    padding:2.5em 3.5em;
    border-radius:1.5em;
}
.expertSearch--header {
    margin-bottom:2em;
}
.expertSearch--bodytext {
    margin-bottom:3em;
    font-weight:300;
}
.expertSearch--header header > *{
    font-weight:600;
}
.expertSearch--form input {
    border-radius:0.75em;
    padding:0.5em 0.75em;
    height:auto;
    font-weight:300;
}
.expertSearch--form .form-group {
    position:relative;
}
.expertSearch--form .form-group button[type="submit"]{
    position:absolute;
    right:0.75em;
    top:0;
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    background:transparent;
    border:0;
    font-size:1.2em;
}
.expertSearch--link {
    padding-left:0.75em;
    font-weight:600;
}
.expertSearch--link a{
    display:flex;
    flex-direction: row;
    align-items: center;
    column-gap:1em;
}





.gm-style [role="dialog"] button,
.gm-style [role="dialog"] button:focus,
.gm-style [role="dialog"] button:active,
.gm-style [role="dialog"] button:hover {
    outline: 0 !important;
    border: 0 !important;
}

.gm-style .gm-style-iw-c {
    border-radius: 1px !important;
    padding: 1em 0 0 1em !important;
}

.gm-style .gm-style-iw-d {
    padding: 0 !important;
}

body .cookie-consent-container .label.partially-checked .checkmark {
    background-color: rgba(var(--magentaRGB), 0.4);
}

.cookie-consent-replacement {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.consent-nav {
    font-size: 0.8em;
}


body .cookie-consent-container {
    background-color: var(--secondary80);
    font-family: inherit;
    color: inherit;
    font-size: inherit;
}

body .cookie-consent-container .consent-modal {
    color: var(--white);
    background-color: var(--secondary);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
    border-radius: 0;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height:auto;
}

body .cookie-consent-container .consent-modal .footer-links {
    margin-top: auto;
}

body .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option .label,
body .cookie-consent-container .consent-modal .cookie-headline {
    color: #ffffff;
}

body .cookie-consent-container .buttons .btn--secondary,
body .cookie-consent-container .buttons .btn--primary {
    background-color: var(--secondary);
    border: 1px solid var(--white);
    margin-bottom: 0;
    color:#fff;
    opacity:1;
    border-radius:0;
}

body .cookie-consent-container .buttons .btn--secondary:hover,
body .cookie-consent-container .buttons .btn--primary:hover {
    background-color: rgba(var(--secondary), 0);
    border: 1px solid var(--white);
    box-shadow: 0 0 0 1px var(--white);
}

body .cookie-consent-container .buttons .btn--secondary {
    /* border: 1px solid var(--secondary);
    border: none;
    color: var(--white);
    margin-bottom: 0;
    font-size: 0.8em;
    opacity: 0.99; */
}
body .cookie-consent-container a,
body .cookie-consent-container a:hover,
body .cookie-consent-container a:active,
body .cookie-consent-container button:hover,
body .cookie-consent-container .label {
    color: var(--white);

}

body .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option:hover,
body .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option:hover~.option-detail,
body .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option,
body .cookie-consent-container .consent-modal .option-wrapper {
    background: transparent;
}

body .cookie-consent-container .label .checkmark,
body .cookie-consent-container .consent-modal .option-wrapper .label .checkmark,
body .cookie-consent-container .consent-modal .option-wrapper .label input:checked~.checkmark,
body .cookie-consent-container .label input:checked~.checkmark {
    background-color: transparent;
}

body .cookie-consent-container a.show-details:hover:after,
body .cookie-consent-container a:visited.show-details:hover:after,
body .cookie-consent-container a:active.show-details:hover:after,
body .cookie-consent-container a:focus.show-details:hover:after,
body .cookie-consent-container a:focus:active.show-details:hover:after {
    border-color: #fff transparent transparent transparent;
}

body .cookie-consent-container a:hover,
body .cookie-consent-container a:visited:hover,
body .cookie-consent-container a:active:hover,
body .cookie-consent-container a:focus:hover,
body .cookie-consent-container a:focus:active:hover {
    color: rgba(255, 255, 255, 0.99);
}

body .cookie-consent-container .buttons .btn--secondary.deny {
    margin-bottom: 0;
}

body .cookie-consent-container .buttons .btn {
    width: auto;
    /* border-radius: 1px; */
    /* border:2px solid #fff; */
}
body .cookie-consent-container .buttons .btn.deny {
    /* border:0;
    text-transform:none; */
}
body .cookie-consent-container .buttons .btn:hover,
body .cookie-consent-container .buttons .btn--primary:hover,
body .cookie-consent-container .buttons .btn--secondary:hover {
    color:#fff;
}

body .cookie-consent-container .buttons {
    display: flex;
    flex-direction: row;
    column-gap:2em;
    justify-content: center;
}

.simpleSlideshow.forceRatio .aspectRatioSizer>div {
    position: relative;
}

.simpleSlideshow.forceRatio .aspectRatioSizer>div picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slick-dots button:active,
.slick-dots button:active:focus,
.slick-dots button:focus {
    box-shadow: none;
    outline: none;
    outline: none;
}


.simpleSlideshow+.slick-ctrl {
    text-align: right;
    margin-top: 1.25em;
}

.simpleSlideshow+.slick-ctrl .slick-arrow {
    background-color: var(--magenta);
    color: var(--white);
    border: 0;
    font-size: 0.7em;
    padding: 0.2em 1.2em;
    border-radius: 1em;
    line-height: 1.2;
}

.simpleSlideshow+.slick-ctrl .slick-arrow:focus,
.simpleSlideshow+.slick-ctrl .slick-arrow:active,
.simpleSlideshow+.slick-ctrl .slick-arrow:active:focus {
    outline: 0;
}

.simpleSlideshow+.slick-ctrl .slick-arrow i {
    display: inline-block;
    margin-top: 0.25em;
}

.simpleSlideshow+.slick-ctrl .slick-prev i {
    transform: rotate(-135deg);

}

.simpleSlideshow+.slick-ctrl .slick-next i {
    transform: rotate(45deg);
}