@charset "UTF-8";

::selection {
    background: var(--sus-red);
    color: var(--sus-white);
    text-shadow: none;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    min-width: 0;
    background-color: var(--sus-white);
}

html, body {
    height: 100%;
    width: var(--sus-width-100);
}

img {
    border: 0;
}

div.separator {
    height: max(1.3vh, 15px);
    position: absolute;
    width: var(--sus-width-100);
    z-index: 1;	
}

/* Character Styles */
section h1, div.sbi-header {
    font-family: var(--sus-ff-fnh);
    font-size: var(--sus-size-120);
    font-style: var(--sus-fst-normal);
    font-weight: var(--sus-fw-300);
    letter-spacing: var(--sus-lsp-0);
    line-height: calc(var(--sus-size-120) * 1.1);
    position: relative;
    text-decoration: none !important;
    text-transform: none !important;
}
section h2, main h2 {
    font-family: var(--sus-ff-fnh) !important;		/* Remove !important when schneider-schumacher.css obsolete */
    font-size: var(--sus-size-68);
    font-style: var(--sus-fst-normal) !important;	/* Remove !important when schneider-schumacher.css obsolete */
    font-weight: var(--sus-fw-300) !important;		/* Remove !important when schneider-schumacher.css obsolete */
    letter-spacing: var(--sus-lsp-0) !important;	/* Remove !important when schneider-schumacher.css obsolete */
    line-height: calc(var(--sus-size-68) * 1.1);
}
/* probably not used */
.h3 {
    color: var(--sus-white);
    font-family: var(--sus-ff-fnh);
    font-size: var(--sus-size-40);
    font-style: var(--sus-fst-normal);
    font-weight: var(--sus-fw-300);
    letter-spacing: var(--sus-lsp-0);
    line-height: calc(var(--sus-size-40) * 1.1);
}
/* section name (on the right of the burger) */
.section-name {
    font-family: var(--sus-ff-fnh);
    font-size: var(--sus-size-20);
    font-weight: normal;
    line-height: calc(var(--sus-size-20) * 1.1);
    margin: var(--sus-size-20) 0;
    width: 100%;
}
section p, main p, .contactblock {
    font-family: var(--sus-ff-fut);
    font-size: var(--sus-size-25);
    font-style: var(--sus-fst-normal);
    font-weight: var(--sus-fw-300);
    letter-spacing: var(--sus-lsp-0);
    line-height: calc(var(--sus-size-25) * 1.3);
}
.section-link {
    font-family: var(--sus-ff-fnh);
    font-size: var(--sus-size-40);
    font-style: var(--sus-fst-normal);
    font-weight: var(--sus-fw-700);
    letter-spacing: var(--sus-lsp-0);
    line-height: calc(var(--sus-size-40) * 1.1);
    margin: 100px auto;
    padding: 25px 0;
    text-align: center;
}
.section-link a {
    text-decoration: none;
}
.section-link a:hover {
    text-decoration: none;
    color: var(--sus-red);
}

.sus-black-txt {
    color: var(--sus-black);
}
.sus-white-txt {
    color: var(--sus-white);
}
.sus-red-txt {
    color: var(--sus-red);
}
.sus-shadow {
    text-shadow: 1px 1px 1px var(--sus-black60);
}

.pointer {
    cursor: pointer;
}
.grab {
    cursor: grab;
}

/* Outer Container to center content */
div.start-container {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    position: relative;
    width: var(--sus-width-100);
}

/* Inner Container to center content */
div.wrapper {
    width: 85vw;
}

.ui-dialog .ui-dialog-content {
    width: 100% !important;
}