@font-face {
  font-family: 'NewsGot';
  font-style: normal;
  font-weight: 400;
  src: local('NewsGot'),local('NewsGot'),url(https://stadt.winterthur.ch/++resource++winterthur.web/fonts/news_got_reg.woff2) format('woff2'),url(https://stadt.winterthur.ch/++resource++winterthur.web/fonts/news_got_reg.woff) format('woff');
  unicode-range: U0 0ff,U131,U152 -153,U2 C6,U2da,U2dc,U2000 -206f,U2074,U20ac,U2212,U2215,UE0FF,UEFFD,UF000
}

@font-face {
  font-family: 'NewsGot';
  font-style: normal;
  font-weight: 700;
  src: local('NewsGotDen'),local('NewsGotDen'),url(https://stadt.winterthur.ch/++resource++winterthur.web/fonts/news_got_den.woff2) format('woff2'),url(https://stadt.winterthur.ch/++resource++winterthur.web/fonts/news_got_den.woff) format('woff');
  unicode-range: U0 0ff,U131,U152 -153,U2 C6,U2da,U2dc,U2000 -206f,U2074,U20ac,U2212,U2215,UE0FF,UEFFD,UF000
}

html {
  font-family: 'NewsGot', sans-serif;
  font-size: 20px;
  line-height: 1.5em;
  background: #222;
}

body {
  padding: 0;
  margin: 0;
  max-width: 1280px;
  background: #fff;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

a,
a:visited {
  color: #ff1900;
  text-decoration: none;
  font-weight: bold;
}

a:hover,
a:visited:hover {
  color: #44443f;
  text-decoration: none;
}

h1 {
  font-size: 2rem;
  line-height: 1em;
}

p {
  font-size: 1rem;
  line-height: 1.5em;
  color: #44443f;
}

.collecta-addon-form-button {
  min-height: 1em;
  border: 0;
  padding: 0.7em 1.2em;
  font-size: 1em;
  line-height: 1.5em;
  text-decoration: none;
  border-radius: 0;
  cursor: pointer;
  color: #ececea;
  background: #ff1900;
}

header {
  text-align: right;
}

header .logo {
  background-image: url(logo.svg);
  background-size: cover;
  width: 260px;
  height: 42px;
  margin-top: 25px;
  margin-bottom: 30px;
  margin-right: 30px;
  display: inline-block;
}

header .banner {
  background: #ececea;
  margin-bottom: 1.5em;
  margin-right: 30px;
  height: 65px;
}

main {
  padding: 30px;
}

footer .border {
  height: 5px;
  background: #ff1900;
}

footer .meta {
  padding: 30px;
  background: #44443f;
  color: #ececea;
}

footer .links {
  padding: 12.5px 30px;
  background-color: #333;
  color: #dadad6;
  font-size: .85rem;
  height: 1.25rem;
}

footer .copy {
  font-weight: bold;
  float: left;
}

footer .terms {
  font-weight: normal;
  float: right;
}

footer .links a {
  font-weight: inherit;
  color: inherit;
}

footer .links a:hover {
  font-weight: inherit;
  color: #fff;
}


.collecta-addon-input-select,
.collecta-addon-input-text,
.collecta-addon-input-date,
.collecta-addon-input-email {
  border: 1px solid #dadad6;
  padding: 0.85em 1.2em;
}

.collecta-addon-input-select:focus-visible,
.collecta-addon-input-text:focus-visible,
.collecta-addon-input-date:focus-visible,
.collecta-addon-input-email:focus-visible {
  border: 1px solid #ff1900;
  outline: none;
}

.collecta-addon-input-file {
  padding-top: 0.85em;
}

.collecta-addon-form-label {
  padding-top: 0.85em;
}