/* normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
/**
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
details, /* 1 */
main, /* 2 */
summary { /* 1 */
  display: block;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit;
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea { /* 1 */
  margin: 0;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}
/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
}
/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* recommend.css | Copyright (c) 2016 Tobias Buschor https://goo.gl/gl0mbf | MIT License https://goo.gl/HgajeK */
body {
    word-break:   break-word; /* chrome, -firefox,  edge,  safari, -ie */
    word-wrap:    break-word; /* chrome,  firefox,  edge,  safari,  ie   w3c changed to: */
    overflow-wrap:break-word; /* chrome,  firefox, -edge, ?safari, -ie */
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
}
body table {
    word-break:   initial;
    word-wrap:    initial;
    overflow-wrap:initial;
}
a { /* on buttons to, or * ? */
    -webkit-tap-highlight-color:transparent;
}
ul, ol {
	padding-left: 1.6em;
}
hr {
	color:currentColor;
	border:1px solid;
	opacity:.5;
	border-top-width:0 !important;
	border-left-width:0 !important;
	border-right-width:0 !important;
}

:focus:not(a) { outline:0; }
a:hover { text-decoration:underline; outline: 0; }
a:active { outline: 0; }

table { border-collapse: collapse; }
tbody { vertical-align: top; }
th { text-align:left; }

nav ul {
	margin:0;
	list-style:none;
	list-style-image:none;
	padding:0;
}
nav a, nav a:hover {
	text-decoration:none;
}

/* form http://jsfiddle.net/fs8njy1d/4/embedded/result/ */
label { cursor: pointer; }

input,
[type=search],
textarea,
select,
button,
.c1-inp,
.c1-btn {
	box-sizing:border-box;
	padding:3px 4px;
	font-size:inherit;
	max-width:100%; /* todo: neu ok?*/
}
input,
textarea {
	width:170px;
	border-radius:0;
}
select {
	padding:3px 3px 3px 4px;
}
/* overwritten after
input[type=button],
input[type=submit],
input[type=reset],
button {
	padding-left:1em;
	padding-right:1em;
}
*/
xinput[type=file],
input[type=range],
input[type=checkbox],
input[type=radio] {
	padding:0;
	border:0;
}
input[type=file] {
	padding-left:0;
	border-color:transparent;
	border-left-width:0;
}
body input[type=checkbox],
body input[type=radio],
input[type=button],
input[type=submit],
input[type=reset],
input[type=file],
button {
	width:auto;
}
[type=checkbox],
[type=radio] {
	cursor:pointer;
}
[type=number] {
	text-align:right;
}

input[type=text],
input[type=password],
input[type=number],
input[type=search],
/*input[type=date], not good on ios */
input[type=email],
input[type=tel],
input:not([type]) {
	-webkit-appearance: none;
}

/* overwrite styles */
select, input, textarea, .c1-inp, button, .c1-btn {
	padding:.2em;
	border:1px solid #999;
	font-family:inherit;
	line-height:1.4;
	margin:0;
	color:inherit;
}
.c1-inp {
	background-color:#fff;
	border:1px solid #999;
	min-height:1.9em;
	width:170px;
	display:inline-flex; /* was flex */
}
html body .c1-inp > * {
	margin:0;
	border-width:0 0 0 1px;
	border-radius:0;
	flex:1 1 auto;
}
.c1-inp > *:first-child {
	border-left-width:0;
}
.c1-inp > input {
	flex:100 1 auto;
}

.c1-btn,
button {
	background-color:#000;
	color:#fff;
	padding-left:.8em;
	padding-right:.8em;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}
.c1-btn:hover,
button:hover {
	background-color:#666;
	text-decoration:none; /* a-tag */
}
.c1-btn:active,
button:active {
	background-image:linear-gradient(#ddd,#fff);
}
.c1-btn:focus,
button:focus {
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.c1-btn[disabled],
button[disabled] {
	opacity:.4;
}



a[href^=tel] {
    color:inherit;
    text-decoration:none;
}