/*
@font-face {
    font-weight: 500;
    font-family: Museo;
    font-style: normal;
    font-display: swap;
    src: url(fonts/Museo500-Regular-webfont.woff2) format("woff2"), url(fonts/Museo500-Regular-webfont.woff) format("woff")
}

@font-face {
    font-weight: 700;
    font-family: Museo;
    font-style: normal;
    font-display: swap;
    src: url(fonts/Museo700-Regular-webfont.woff2) format("woff2"), url(fonts/Museo700-Regular-webfont.woff) format("woff")
}

@font-face {
    font-weight: 300;
    font-family: MuseoSans;
    font-style: normal;
    font-display: swap;
    src: url(fonts/MuseoSans300-webfont.woff2) format("woff2"), url(fonts/MuseoSans300-webfont.woff) format("woff")
}

@font-face {
    font-weight: 500;
    font-family: MuseoSans;
    font-style: normal;
    font-display: swap;
    src: url(fonts/MuseoSans500-webfont.woff2) format("woff2"), url(fonts/MuseoSans500-webfont.woff) format("woff")
}

@font-face {
    font-weight: 700;
    font-family: MuseoSans;
    font-style: normal;
    font-display: swap;
    src: url(fonts/MuseoSans700-webfont.woff2) format("woff2"), url(fonts/MuseoSans700-webfont.woff) format("woff")
}

*/

@font-face {
  font-family: 'Source Sans Pro';
  src: local('SourceSansPro-Regular'), local('Source Sans Pro Regular'),
    url('/fonts/SourceSansPro-Regular-c223f6a7fb3cfc96b4e11b4970c3eda2.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: local('SourceSansPro-SemiBold'), local('Source Sans Pro SemiBold'),
    url('/fonts/SourceSansPro-SemiBold-3acdedcc1defd70c55ef9a1dc6fed75f.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: local('SourceSansPro-Bold'), local('Source Sans Pro Bold'),
    url('/fonts/SourceSansPro-Bold-e7cfe2ca0e4a2f2caf7bfb2f11028e92.woff2') format('woff2');
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: 'GoodOT';
  src: local('GoodOT-Regular'), local('Good OT Regular'),
    url('/fonts/GoodOT-Regular-e36130c3d8fd6f65d4c3d93a4409e4ec.woff2') format('woff2');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GoodOT';
  src: local('GoodOT-Medium'), local('Good OT Medium'),
    url('/fonts/GoodOT-Medium-c3a94d3d143fc3b3a3f80ef877197b3b.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'GoodOT';
  src: local('GoodOT-Bold'), local('Good OT Bold'),
  url('/fonts/GoodOT-Bold-e061acd93581255ea0a29f82378de8c6.woff2') format('woff2');
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}


@font-face {
  font-family: 'GoodOT';
  src: local('GoodOT-Ultra'), local('Good OT Ultra'),
    url('/fonts/GoodOT-Ultra-b1c73cded1cb3fc23a2926893510d461.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'GoodOT';
  src: local('GoodOT-UltraItalic'), local('Good OT Ultra Italic'),
    url('/fonts/GoodOT-UltraItalic-61b6fb256fa53199dec3a78cbc9853c2.woff2') format('woff2');
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'GoodOTCond';
  src: local('GoodOTCond-Ultra'), local('GoodOTCond Ultra'),
    url('/fonts/GoodOTCond-Ultra-0788e844fd76d7de822e2f88205da3b2.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'GoodOTNarrow';
  src: local('GoodOTNarrow-Ultra'), local('Good OT Narrow Ultra'),
    url('/fonts/GoodOTNarrow-Ultra-e752102a7a1aaed61e5d8623a930fe0e.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

body {
  margin:0px 10px 10px 10px;
  padding:0px 10px 10px 10px;
  font-family: "GoodOT", Helvetica, Arial, sans-serif;
  font-weight:500;
  color:#000;
}

.button {
  padding:7px 13px;
  background-color: #dd0000;
  border:none;
  color:#fff;
  margin:30px 0px 0px 0px;
  cursor: pointer;
  font-weight:700;
  border-radius:15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

#c {
  clear:both;
  margin:0px 0px;
}

#c2 {
  clear:both;
  margin:10px 0px;
}



#trenner {
  border-top:1px dashed #b4c1dd;
  margin:30px 0px;
}

#bitte {
  margin:21px 20px 0px 0px;
}

#message {
  margin:20px 10px;
  color:#DD0000;
  display:none;
}



.cssselect {
  width:300px;
}


select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border:1px solid #d5d5d5;
  border-radius:5px;
  color: #000;
  padding:7px 15px;
}

#result {
  margin:20px 0px;
  font-size:2em;
  line-height: 1.2em;
}

#form_result {
  margin:0px 0px;
  display:none;
  padding:0px;
  text-align:center;
}

.error_box {
  border:1px solid #DD0000;
  color:#DD0000;
}

.cssselect:after {
  content: "▼";
  padding: 12px 8px;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
  text-align: center;
  width: 10%;
  height: 100%;
  pointer-events: none;
}

input[type=text]  {

  width:220px;
}