@font-face {
    font-family: 'strassburg-fraktur';
    src: url('strassburg-fraktur.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: 'robotobold';
    src: url('Roboto-Bold-webfont.eot');
    src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Bold-webfont.woff2') format('woff2'),
         url('Roboto-Bold-webfont.woff') format('woff'),
         url('Roboto-Bold-webfont.ttf') format('truetype'),
         url('Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: 'robotobold';
    src: url('Roboto-Bold-webfont.eot');
    src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Bold-webfont.woff2') format('woff2'),
         url('Roboto-Bold-webfont.woff') format('woff'),
         url('Roboto-Bold-webfont.ttf') format('truetype'),
         url('Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

html {
        position: relative;
        background-color: #f9a500;
        scroll-behavior: smooth;
}

@media and (prefers-reduced-motion: no-preference) {

  html,
  body {
    margin: 0;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
  }

  section {
    height: 100vh;
    scroll-snap-align: start;
  }
}

.pagetitle {
        margin-top: 0.75em;
        margin-bottom: 0em;
        font-size:clamp(9em, calc(9em + 18vw), 27em);
        font-family:'strassburg-fraktur', arial, helvetica;
        letter-spacing: 0.01em;
        text-align: center;
	color: #ca008f;
}

.pagesubtitle {
        margin-top: -4.25em;
        font-size: clamp(1.25em, calc(1.25em + 2.5vw), 5em);
        font-family:'robotobold', arial, helvetica;
        letter-spacing: 0.025em;
        text-align: center;
        color: #15008d;
}

body {
        position: relative;
        font-family:'robotoregular', arial, helvetica;
        line-height: 1.5;
        font-size:clamp(0.8em, calc(0.8em + 0.75vw), 1.15em);
        color: #ee5400;
}

.zentriert {
        text-align:center;
}