ul.targetmenu {
    font-family: Century Gothic, century-gothic, Arial, sans-serif;
    font-size: 16pt;
    display: flex;
    gap: 10px;
    border: 0px solid gray;
}

#targetmenu-desktop {
    border: none;
    width: 100%;
}

#targetmenu-mobile {
    flex-direction: column;
}

ul.targetmenu > li {
    text-transform: uppercase;
    text-wrap: nowrap;
}

ul.targetmenu li a, ul.targetmenu li div {
    font-family: Century Gothic, century-gothic, Arial, sans-serif;
    display: block;
    width: 100%;
}

ul.targetmenu > li > .ui-state-active > a, ul.targetmenu li a  {
    color: rgb(90,90,90);
}

ul.targetmenu li > div.ui-state-active {
    background-color: #6699d0;
    border: 1px solid #6699d0;
}

ul#targetmenu-desktop > li > div.ui-state-active {
    background-color: unset;
    border: 1px solid #ffffff;
}

ul.targetmenu > li li {
    text-transform: none;
}

ul.targetmenu > li li > div.ui-menu-item-wrapper {
    padding: 8px 20px 8px 12px;
}

div.targetmenu-mobile {
	max-height: 0;
	overflow: hidden;
	transition: max-height .25s;
	border-width: 0px;
    z-index: 10;
    max-width: 50vw;
}

div.targetmenu-mobile.showing {
	max-height: 400px;
	overflow: hidden;
	transition: max-height .25s, height .25s;
	border-left-width: 1px;
	border-bottom-width: 1px;
}

.simx-text > div.tal > span.s0 {
    line-height: 100%;
    font-size: 14pt;
    font-family: Calibri, Arial, sans-serif;
    color: rgb(85,85,85);
}

.simx-text > div.tal {
    margin-bottom: 8px;
}

.simx-text > div.tal:has(+ ul.t) {
    margin-bottom: 2px;
}

.simx-text > ul.t > li {
    margin-bottom: 0px;
}

.simx-text > ul.t > li:last-child {
    margin-bottom: 12px;
}

.simx-subblock > div > span {
    line-height: 100%;
    font-size: 14pt;
    font-family: Calibri, Arial, sans-serif;
    color: rgb(85,85,85);
}

.simx-subblock > div.tal {
    margin-bottom: 8px;
}

.simx-text > :is(h1, h2, h3) > span.s0 {
    color: #357EFF;
    font-family: Roboto, Verdana, sans-serif;
}

.simx-text > h4 {
    font-weight: bold;
    font-size: 16pt;
}

.simx-text > h1 {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 22pt;
}

.simx-text > h2 {
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 18pt;
}

.simx-text > h2 > a > span:is(.s0,.s1,.s2) {
    font-size: 18pt;
}

.simx-quote div.tal {
    margin-bottom: 8px;
}

.simx-quote div.tal > span {
    font-family: Calibri, Roboto, sans-serif;
    font-size: 13pt;
    line-height: 100%;
    font-style: italic;
}

.simx-quote .tar:first-of-type {
    margin-top: 12px;
}

 .simx-quote .tar + .tal  {
    margin-top: 24px;
 }

.videowrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*desktop mode*/
@media (min-width: 1250px) {
    .targetmenu-mobile-btn {
        display: none;
    }

    ul.targetmenu > li li {
        font-size: 13pt;
    }

    .mobile-only {
        display: none;
    }

    .centr {
        
        margin-left: 17vw;
        width: 66.6vw;
        max-width: unset;
    }

    .grid-2col {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
        padding: 6px;
        gap: 30px;
    }

    .grid-3col {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-flow: row;
        padding: 6px;
        gap: 30px;
    }

    .grid-2col > * {
        width: 100%;
    }

    #targetmenu-mobile, ul.targetmenu > li > div > span.ui-menu-icon {
        display: none;
    }

    div.simx-formholder {
        display: grid;
        grid-template-rows: auto auto 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    div.simx-formholder div.simx-spangriditem {
        grid-column: 1 / span 2;
    }
}

/*mobile mode*/
@media (max-width: 1250px) {
    #targetmenu-desktop, .desktop-only {
        display: none;
    }

    img.img-scale {
        max-width: 100%;
        height: unset;
    }

    div[role="iterator"], div.tableholder {
        overflow-x: scroll;
    }

    ul#targetmenu-mobile .ui-menu-item > div:not(.ui-state-active) {
        background-color: white;
    }

    .footer-links {
        display: none;
    }

    .header-box {
        position: sticky;
        top: 0;
    }

    .searchfield {
        left: 8px;
        right: 8px;
        height: 32px;
    }

    ul.targetmenu li.ui-menu-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .grid-2col, .grid-3col {
        display: grid;
        grid-template-columns: auto;
        grid-auto-flow: row;
    }

    div.simx-formholder {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

}