@font-face {
    font-family: 'NewHero-Regular';
    src: url('/newhero-regular.woff2') format('woff2'),
         url('/newhero-regular.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'NewHero-Regular';
    src: url('/newhero-regularitalic.woff2') format('woff2'),
         url('/newhero-regularitalic.ttf') format('truetype');
    font-style: italic;
}
@font-face {
    font-family: 'NewHero-Super';
    src: url('/newhero-super.woff2') format('woff2'),
         url('/newhero-super.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'NewHero-Super';
    src: url('/newhero-superitalic.woff2') format('woff2'),
         url('/newhero-superitalic.ttf') format('truetype');
    font-style: italic;
}

body,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,strong,em,b,i,u,mark,blockquote,cite,abbr,dl,dt,dd,figcaption,figure {
    font-family: 'NewHero-Regular' !important
}

/*EN27102025 background need to improve this still possibly add left and right padding to the container on Home Page. image is saved in IPC Connect Test Sharepoint*/

html,body {height: 100%;}

body {
    position: relative;
    isolation: isolate;
    z-index: -1;
}

body::before{
    content: "";
    position: fixed;
    inset: 0;
    background: url("https://paralympicorg.sharepoint.com/:i:/r/sites/IPCConnectDocumentTest/Shared%20Documents/Background1.jpg?csf=1&web=1&e=V9eJet")repeat center;
    background-size: 90px;
    opacity: 0.1;
    z-index: -1;
    pointer-events: none;
}

@media print {
    body::before {display: none;}
}

@media (min-width: 1024px){
  .modal-lg {width: 80%}
}
.modal-dialog.modal-lg .modal-content { 
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: stretch;
  height: auto;
}
.modal-form .modal-body {
  flex-grow: 1; 
  height: 90%; 
}
.modal-form .modal-body iframe {
  height: 90vh;
  display: flex;
  position: relative;
}

.entity-form .crmEntityFormView form > .pp-form-actions-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    margin-bottom: 1.5rem;
}

/* Auf kleinen Bildschirmen darf die Leiste umbrechen */
@media (max-width: 767px) {
    .entity-form .crmEntityFormView form > .pp-form-actions-top {
        flex-wrap: wrap;
    }
}