@font-face {
    font-family:'Gotham Book';
    src: url('../templates/buildlab/css/fonts/Gotham Book.eot');
  	src: url('../templates/buildlab/css/fonts/Gotham Book.eot?#iefix') format('embedded-opentype'),
		url('../templates/buildlab/css/fonts/Gotham Book.woff2') format('woff2'),
		url('../templates/buildlab/css/fonts/Gotham Book.woff') format('woff'),
		url('../templates/buildlab/css/fonts/Gotham Book.svg#Gotham Black') format('svg');
    font-weight: 450;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Gotham Black';
    src: url('../templates/buildlab/css/fonts/Gotham Black.eot');
	  src: url('../templates/buildlab/css/fonts/Gotham Black.eot?#iefix') format('embedded-opentype'),
		url('../templates/buildlab/css/fonts/Gotham Black.woff2') format('woff2'),
		url('../templates/buildlab/css/fonts/Gotham Black.woff') format('woff'),
		url('../templates/buildlab/css/fonts/Gotham Black.svg#Gotham Black') format('svg');
    font-weight: 450;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

html, body {
  font-family:'Gotham Book';
  font-size:15px;
  color:#222;
  background: #fff;
  color: #505050;
  margin: 10px 0 0 0;
}

form {
    padding: 0 0 30px 0;
}

b, strong {
	font-family:'Gotham Black';
}

.row {
  width: auto;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.columns {
  float: left;
}

/* grundsätzliche Stil-Einstellungen für Inputfelder */
input, select {
  font-family: 'Gotham Book';
  padding: 5px 0;
}

input[type="text"], input[type="email"], input[type="url"], select {width:99%; font-size:1em; padding: 2px 4px; border: none;}

textarea {
  overflow: auto;
  border: none;
  padding: 5px;
  font-family: 'Gotham Book';
  font-size: 1em;
}

fieldset {
  margin-bottom: 10px;
  background: #FECC00;
  border: none;
}

/* Formatierung der Fieldset-Überschrift */
.Legende {
  padding: 10 10 20 10px;
  font-weight: bold;
  font-size: 1.3em;
}

.sonstiges {vertical-align: top;}

label {
  display: block;
  width: 100%;
  white-space:nowrap;
  font-size: 1em;
  margin-bottom: 5px;
  padding: 5px;
  cursor:pointer; 
}

label span {display: block; white-space: normal; font-size: 1em; padding-bottom: 2px;}
input[type="number"] {vertical-align: top;}

/* kleine Bildschirme */
@media only screen and (max-width:680px) {
  .small {width: 100%;}
	label span {display: block; width: 90%; font-size: 1.1em}
  input[type="text"], input[type="email"], input[type="url"] {width: 88%}
  /* Select-Boxes werden warum auch immer kürzer dargestellt als normale Input-Felder -> separate Definition */
  select {width: 90%}
  fieldset#zweispaltig  label  span {display: inline-block; width: 80%; font-size: 15px;}
  fieldset#zweispaltig   input[type="number"] {width: 10%}
  textarea {display: inline-block; width: 87%}
}

/* Big */
@media only screen and (min-width:680px)  {
  .big {width: 50%;}
	label  span {display: inline-block; width: 30%; font-size: 15px}
  input[type="text"], input[type="email"], input[type="url"] {width: 64%}
  select {width: 65%}
  fieldset#zweispaltig  label  span {width: 80%;}
  fieldset#zweispaltig  input[type="number"] {width: 10%}
  .sonstiges {width: 40%}
  textarea {width: 54%}
}

/* input[name=sprache] { width: 2em; } */

.feld {
  border: 1px solid #fecc00;
  font-family:'Gotham Book';
}

fieldset .feld {
  margin-bottom: 1px;
}

.AnzFeld {
  border: 1px solid #EDB54C;
  text-align: center;
}

.DatumFeld {
  font-family:'Gotham Book';
  background-color: #fff !important;
  border: 1px solid #fecc00;
  padding: 5px;
}

.senden {
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
  padding: 10px 20px;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
}

.senden:hover {
  color: #333;
  background-color: #fecc00;
}

#adresse {
  width: 100%;
}

.links {
  float: left;
}

.rechts {
  float: right;
  text-align: left;
}

.fett {
  font-weight: bold;
}

.DSE {
  width: 95%;
  white-space: normal;
  font-size: 0.9em;
  padding-top: 0px;
}

.HA {
  clear: both;
  display: inline-block;
  width:650px;
  padding-left: 10px;
  float: left;
}

.radio {
  margin-right: 10px;
}

.Fehler {
  font-size: 0.9em;
  margin-left: 5px;
  /* padding-bottom: 15px; */
  color: red;
}

/* wird in Daten-schreiben verwendet */
.dummy {
  border: none;
}

.loeschen {
	border: 1px solid #333;
	background-color: #333;
	padding: 5px 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	cursor: pointer;
}

.loeschen:hover {
	border: 1px solid #333;
	background-color: #fecc00;
	color: #333;
	padding: 5px 5px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	cursor: pointer;
}

.versteckt {
  visibility: hidden;
  width: 0px;
  margin: 0px;
  padding: 0px;
}

.u0 {
  margin-bottom: 0px;
}

.grau {
  background-color: #D4D0C8;
}

.graueSchrift {
  color: #D4D0C8;
}

.TerminHinweis {
  margin: 0px 2px 10px 2px;
  font-size: 1em;
  line-height: 130%;
  color: #fff;
  background-color: #333;
  padding: 10px 10px 20px 10px;
  font-family:'Gotham Book';
}