@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");img,video{max-width:100%;}.teaserblock>div{height:100%;}header{padding:1.5rem;margin-bottom:1.5rem;}header .logo{padding-right:1rem;}header .logo img{max-height:100px;}footer{padding:1.5rem;margin-top:1.5rem;}.content{margin-bottom:1.5rem;}.block{margin-bottom:1.5rem;}.jumbotronblock{color:#fff;position:relative;}.jumbotronblock>div{background-size:cover;background-position:50% 50%;position:relative;}.jumbotronblock .jumbotron-dimmer{background:#000;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.4;}.jumbotronblock .jumbotron-inner{position:relative;}
.image-wrapper {
    position: relative;
    width: 100%; /* adjust as needed */
    padding-bottom: 56.25%; /* for 16:9 aspect ratio */
    overflow: hidden; /* this ensures that the image doesn't spill out of the wrapper */
    /* Add a border and box-shadow for a "cool frame" */
    border: 0px solid #333; /* Adjust color and width as needed */
/*    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);*/
    border-radius: 4px;
    /*background-color: red;*/
}

.centered-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* this scales the image while maintaining aspect ratio */
    object-position: center; /* this centers the image within the div */
}

table:not([border]), table:not([border]) caption, table:not([border]) td, table:not([border]) th, table[border="0"], table[border="0"] caption, table[border="0"] td, table[border="0"] th, table[style*="border-width: 0px"], table[style*="border-width: 0px"] caption, table[style*="border-width: 0px"] td, table[style*="border-width: 0px"] th {
    border: 1px dashed #bbb;
}

table:not([cellpadding]) td, table:not([cellpadding]) th {
    padding: .4rem;
}

summary {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}