@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap");

/* .ausgestrahlt brand tokens
   Gelb #FFCE00 | Rot #E2001A | Text #191919 | Fläche #FFFFFF
*/
html,
html.mode-red,
html.mode-blue,
html.mode-green,
html.mode-purple {
    --ausgestrahlt-yellow: #ffce00;
    --ausgestrahlt-red: #e2001a;
    --ausgestrahlt-red-hover: #c40016;
    --ausgestrahlt-ink: #191919;

    --colour-brand-primary-dark: #b40014;
    --colour-brand-primary-darkest: #7a000e;
    --colour-brand-primary-default: #e2001a;
    --colour-brand-primary-hover: #ff1f38;
    --colour-brand-primary-light: #fde8eb;
    --colour-brand-primary-lightest: #fff4f5;

    --colour-link-primary-default: #e2001a;
    --colour-link-primary-hover: #7a000e;
}

html {
    font-family: "Source Sans 3", "Source Sans Pro", Helvetica, Arial, sans-serif;
}

body::before {
    content: "";
    display: block;
    height: 8px;
    width: 100%;
    background: #ffce00;
}

body,
button,
input,
select,
textarea,
.BasicsBox,
.RecordBox,
#Header,
#CentralSpace {
    font-family: "Source Sans 3", "Source Sans Pro", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4,
.text-style-global-header-hero,
.text-style-global-header-h-1,
.text-style-global-header-h-2 {
    font-family: "Source Sans 3", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
}

header {
    border-bottom: 1px solid #eaeaea;
}

#header-container .logo {
    height: 64px;
}

#header-container .logo img {
    max-width: 380px;
    max-height: 64px;
}

#LoginHeader {
    margin: 28px auto 12px;
}

#LoginHeader img,
#LoginHeader .LoginHeaderImg {
    max-width: 420px;
    max-height: 96px;
}

#login_box {
    border-top: 4px solid #e2001a;
}

#loginform input[type="submit"],
#loginform .button input[type="submit"] {
    background: #e2001a;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 10px 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#loginform input[type="submit"]:hover,
#loginform .button input[type="submit"]:hover {
    background: #c40016;
}

.UploadButton a,
a.UploadButton,
input[type="submit"],
button.primary,
.PrimaryButton,
#Header .UploadButton a {
    border-radius: 999px;
}

a:hover {
    color: #c40016;
}

span.Pill {
    background: #e2001a;
}