@media all {
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, html {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    background-color: #fff;
    color: #212529;
    margin: 0;
    padding: 0;
}

h1, h2, h3 {
	font-family:"Open Sans", sans-serif;
	color: #0177a0;	
	font-weight:normal;
}

.formContainer, .formContainer2 {
	background:#fff;
	padding:0;
}

form {
  line-height:2em;
}
fieldset { 
	border: none;
	margin: 0;
	padding: 0;
}

.inputrow {
	margin-bottom: 1em;
}
.inputrow:after {
	clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}

label {
	vertical-align:top;
}
input, textarea, select, .button {
	font-family:"Open Sans", sans-serif;
	font-size:1em;
}
input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
}
.tagvor, .tagjetzt { margin-left:2em;}

p { margin-bottom:1em; }
.smalltext		{ 
	font-size : 0.875em;
	line-height:1.4em;
	margin-bottom:1em;
}
.smalltext2		{ 
	font-size : 0.875em;
}
.smalltext3		{ 
	font-size : 0.8em;
}
.sperr		{ 
	text-decoration : underline;
	letter-spacing : 0.2em
}
.alignright { text-align:right; }

div#back,
div#forward { width:50%; display:inline-block; }
div#forward { text-align:right; }
.table-responsive {
		display: table;
	}
#monatstable, #ergebnistable {
	margin-bottom:1.5em;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens:auto;
}
#monatstable tr td {
	padding:.3em;
}
#monatstable .form-control {
	min-width:130px;
}

#monatstable tr:first-child td {
    line-height:1.2;
	text-align:center;
}
.tabfarb0		{ 
	background-color: #f6f6f6;
}
.tabfarb0:hover		{ 
	background-color: #f1f1f1;
}
.tabfarb1		{ 
	background-color: #fff;
}
.tabfarb1:hover		{ 
	background-color: #f1f1f1;
}

#ergebnistable tr td {
	padding:.3em .5em;
	vertical-align:top;
	border: 1px solid #f1f1f1;
}
#ergebnistable tr.thead {
	white-space:nowrap;
}

tr#faktoren td { font-style:italic; text-align:right; font-size:0.875em;}
} /* end @media all */

h1.hide {
		display: none;
	}
/* key breakpoints */


/* Kann maximal 1280px darstellen. */

@media only screen and (min-width : 1280px) {
    .container {min-width:20em; max-width:43.313em} /*320-693*/
}
@media only screen and (max-width: 576px) {
	.form-control {
		padding: 0.375rem 0.15rem;
		font-size: .9rem;
	}
	#tagvor { margin-bottom: 0.5rem; }
	.table-responsive {
		display: block;
	}
}


@media print {
	.btn {
		display: none;
	}
	h1.hide {
		display: block;
	}
	abbr[title] {
		text-decoration: none !important;
	}
}