/* Reseter */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
  margin: 0;
  padding: 0; }

fieldset, img, a img, abbr {
  border: 0 !important; }

address, caption, code, dfn, h1, h2, h3, h4, h5, h6, th, var {
  font-style: normal;
  font-weight: normal; }

caption, th {
  text-align: left; }

label, input[type="submit"] {
  cursor: pointer; }

header, section, footer, aside, nav, main, article, figure {
  display: block; }

a {
  text-decoration: none;
  border: 0; }

.c, .clearer {
  clear: both; }

.screenreader {
  position: absolute;
  left: -9999px; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.visually-hidden, .element-invisible, .element-focusable, .breadcrumb__title, .main-navigation .block-menu .block__title, .main-navigation .block-menu-block .block__title {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  overflow-wrap: normal;
  position: absolute;
  width: 1px; }

img {
  max-width: 100%;
  display: block;
  height: auto; }

iframe {
  width: 100%;
  max-width: 100%;
  border: none !important; }

/* Layout */
/* Standard Schwarzgrau */
/* Blau */
/* Hellgrau */
/* Breakpoints */
/* ----------- */
/* Allgemein */
#content {
  max-width: 1200px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

input, select, textarea {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  color: #333;
  border: 1px solid #dcd8d4;
  background-color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

input, select, form .webform-component-select {
  width: 100%;
  max-width: 440px;
  line-height: 38px; }

select {
  height: 40px;
  padding: 0 0 0 8px; }

input {
  padding: 0 12px;
  height: 40px;
  text-transform: none; }

input[type="file"] {
  padding: 0;
  border: none; }

textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 12px; }

input:focus, select:focus, textarea:focus {
  border-color: #c5bcb9; }

input[type="submit"] {
  display: block;
  line-height: normal;
  text-decoration: none !important;
  border: none;
  width: auto;
  padding: 0 18px; }

.form-actions {
  margin-top: 25px !important; }

label, .required-info, label.option, h4.label {
  font-size: 14px;
  color: #1b1c1e;
  margin: 4px 0 4px 2px;
  display: block;
  font-weight: 500; }

.form-type-textarea .form-textarea-wrapper {
  max-width: 100%; }

.sub {
  width: 100%;
  margin-top: 12px; }

.sub input[type="submit"] {
  max-width: 160px; }

#isoslider, #isoslider li ul {
  margin: 0 !important; }

#isoslider {
  margin-bottom: 45px !important; }

#isoslider h2 {
  background-image: url(../icon/services.png);
  padding-left: 28px;
  background-position: 0 2px; }

#isoslider h2.no2 {
  background-position: 0 -26px; }

#isoslider h2.no3 {
  background-position: 0 -55px; }

#isoslider h2.no4 {
  background-position: 0 -81px; }

#isoslider h2.no5 {
  background-position: 0 -106px; }

#isoslider h2.no6 {
  background-position: 0 -131px; }

#inhalt #isoslider li, #inhalt .glossar h2 {
  background-image: none;
  padding: 0; }

#isoslider > li {
  width: 100%;
  float: left;
  margin-right: 20px; }

#isoslider li ul {
  width: 100%; }

#isoslider li ul li {
  border-bottom: 1px solid #F1F1F1; }

#inhalt #isoslider li ul li {
  font-weight: 500;
  width: 100%; }

#inhalt #isoslider li ul li a {
  padding: 8px 0 8px 15px;
  display: block;
  background-image: url(../icon/check-one.png);
  background-position: right center; }

.bez, .inp, .rd {
  float: left;
  margin-bottom: 8px;
  position: relative; }

.rd input {
  float: left;
  width: 15px;
  margin: 4px 5px 0 0; }

.chk {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.bez {
  width: 150px;
  height: 40px;
  line-height: 40px; }

#inhalt .erg p, #inhalt .erg ul, .erg h4 {
  margin: 0; }

#mailck .erg .txt, .erg {
  background-color: #fff;
  max-width: 100%;
  margin-top: 25px;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px 0px #e5e5e5;
  -moz-box-shadow: 0 0 5px 0px #e5e5e5;
  box-shadow: 0 0 5px 0px #e5e5e5; }

.erg .txt {
  padding: 8px; }

.erg h4 {
  padding: 8px 0 8px 8px;
  color: #999999;
  font-weight: 400;
  font-style: italic;
  font-size: 16px; }

.usservice input[type="text"], .usservice textarea, .usservice select, .usservice .sbHolder {
  border: 1px solid #e8e8e8; }

#blindtxt, #calcform, #conv, #countd, #formzrech #bis, #formzrech #von, #htmlgen .box, #keywords, #mailck, #pswcheck, #pswgen .box, #pwschutz, #qrform, #txte, #umrechnr, #zaehlfunk, #ziff, #zinscalc {
  background-color: #F3F3F3;
  padding: 12px;
  background: #e5e5e5;
  background: -moz-linear-gradient(-45deg, #e5e5e5 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(-45deg, #e5e5e5 0%, #f3f3f3 100%);
  background: linear-gradient(135deg, #e5e5e5 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f3f3f3',GradientType=1 ); }

#htmllist .rd.first {
  margin-right: 12px; }

#htmlgen h2, #pswgen .box h2, #pswgen .box, #zinscalc h3 {
  margin: 0 0 8px 0 !important; }

#calcform table, #umrechnertab, #ziffertab, #zinscalc table {
  width: 100%;
  max-width: 100%;
  margin: 0; }

h3.erg {
  background-color: transparent; }

#inhalt .sbOptions li {
  background-image: none;
  padding-left: 0; }

table tr.even td, #calcform tr.even td.delete {
  background-color: #f4f4f4; }

table tr.odd td {
  background-color: #FFF; }

table th {
  background-color: #0d51b1;
  color: #fff;
  padding: 5px; }

table caption {
  font-weight: 900;
  margin-bottom: 12px;
  color: #0d51b1;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 18px; }

#blindtxt .btxt, #qr .codeimg {
  background-color: #fff; }

table {
  border-left: 0;
  border-top: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden; }

table td {
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  padding: 5px; }

#calcform .erg, #chmodform .erg, #keywords .erg, #mailck .erg, #umrechnr .erg, #zahlen h3.erg, #ziff .erg {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#pswgen .sub {
  max-width: 130px; }

#pswgen .reihe .box {
  overflow: hidden; }

#pswgen .pwinp, #blindtxt .blinp {
  width: calc(50% - 10px);
  max-width: 163px;
  float: left;
  text-align: center;
  margin-bottom: 12px; }

#pswgen .pwinp.ri, #blindtxt .blinp.ri {
  margin-left: 20px; }

#pswgen .pwinp label, #blindtxt .blinp label {
  line-height: normal;
  padding-top: 2px; }

#pswgen .pwinp label span {
  display: block;
  line-height: normal;
  font-size: 11px;
  font-weight: 300;
  color: #666; }

#pswgen .pwinp .bez, #blindtxt .blinp .bez {
  width: 100%;
  margin-bottom: 0;
  height: auto; }

#pswgen .pwchk label {
  display: inline; }

#pswgen .erg .b_pw ul li {
  margin-bottom: 8px; }

#pswgen .erg {
  overflow-x: auto; }

#blindtxt .blinp .inp {
  margin-bottom: 0; }

#b_pwform input[type="text"], #blindtxt .blinp input[type="text"] {
  width: 100%;
  text-align: center; }

#b_pwform .chk, #htmllist .chk {
  width: 25px;
  height: 25px;
  line-height: 25px; }

#b_pwform input[type="checkbox"] {
  height: 25px; }

#b_pwform .pwchk::after, #b_pwform .pwinp::after {
  display: block;
  content: "";
  clear: both; }

#inhalt #b_pwform .erg ul li {
  background: none;
  padding: 0;
  border-top: 1px solid #f1f1f1;
  padding: 6px 0 6px 12px; }

#inhalt #b_pwform .erg ul li:first-child {
  border: none; }

#s_pwform .bez, #v_pwform .bez {
  width: 100%;
  height: auto;
  line-height: normal; }

#s_pwform .inp, #s_pwform .inp input {
  width: 100%; }

#v_pwform .bez, #v_pwform .inp {
  width: 100%; }

#btform .chk, #btform .chkbez, #qrform #einstellungen, #qrform .right ul.typ {
  float: left; }

#v_pwform .inp {
  height: 40px;
  width: 200px; }

#v_pwform .sbOptions li {
  background-image: none;
  padding: 0; }

#btform .bez {
  width: 85px; }

#btform .eingabe {
  margin-bottom: 12px; }

#btform input[type="text"] {
  width: auto; }

#btform .chk {
  margin: 3px 5px 0 0; }

#btform .chk input {
  margin: 0;
  width: 15px;
  height: 15px; }

#btform .btxt {
  border: 1px solid #e8e8e8;
  padding: 10px; }

#btform .clear {
  clear: both; }

#blindtxt .btxt p {
  margin-bottom: 20px; }

#qr, #qrform #einstellungen, #typeinput {
  width: 100%; }

#qr {
  margin-top: 25px;
  border-top: 2px solid #fff;
  padding-top: 25px; }

#qrform .erg {
  margin-bottom: 12px; }

#qr img {
  border: 0 !important;
  margin: 30px auto; }

#qr .codeimg {
  width: 100%;
  min-height: 135px;
  height: auto;
  border: 1px solid #999;
  margin-bottom: 8px; }

#qr img.qrl, #qr img.qrm, #qr img.qrs {
  display: block; }

#countd #vorschau textarea, #qr #htmlqr {
  height: 65px; }

#qr img.qrs {
  width: 135px;
  height: 135px; }

#qr img.qrm {
  width: 198px;
  height: 198px; }

#qr img.qrl {
  width: 260px;
  height: 260px; }

#qrform h2 {
  margin: 12px 0; }

#qrform #typeinput, #qrform #einstellungen {
  border-top: 2px solid #fff;
  margin-top: 18px; }

#qrform .right ul.typ {
  margin: 0; }

#qrform .right ul li {
  background-image: none;
  padding: 0; }

#qrform .right ul.typ li {
  float: left;
  margin: 0 0 1px 1px !important;
  height: 30px; }

#qrform .right ul.typ li:first-child {
  margin-left: 0; }

#qrform .right ul.typ li input[type=radio] {
  display: none; }

#qrform .right ul.typ li label {
  background-color: #0d51b1;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  display: block;
  font-size: 12px;
  margin: 0;
  opacity: 0.5; }

#qrform .right ul.typ li input.show + label {
  opacity: 1; }

#qrform .right ul.ausfuellen {
  margin: 0 !important; }

#qrform .right ul.ausfuellen .bez {
  height: auto;
  line-height: normal; }

#qrform .right ul.ausfuellen .bez label {
  margin: 0; }

#qrform .right ul.ausfuellen .inp {
  float: none; }

#qrform .right ul.ausfuellen #i_mail, #qrform .right ul.ausfuellen #i_tel, #qrform .right ul.ausfuellen .inp_vcard input[type=text] {
  width: 100%; }

#qrform #einstellungen .fleft, #umr .bez {
  float: none; }

#qrform #einstellungen .bez, #qrform #einstellungen .inp {
  width: 100px; }

#qrform #einstellungen .err .sbHolder {
  z-index: 200; }

#qrform #einstellungen .siz .sbHolder {
  z-index: 100; }

#qrform .inp_vcard input[type=text] {
  width: 288px; }

#qrform .inp_vcard .bez, #qrform .inp_vcard .inp {
  margin-bottom: 4px; }

#feiertage .erg, #ziff .erg {
  background-color: transparent; }

/*#ziffform .sbHolder {width:200px!important;}*/
#conv {
  text-align: center; }

#conv .erg {
  text-align: left; }

#conv .erg li {
  margin-bottom: 8px; }

#conv .bez, #conv .inp {
  width: 200px;
  margin: 0 auto;
  float: none; }

#conv .sub input {
  margin: 0 auto; }

.benutzerr {
  max-width: 700px; }

.benutzerr h2 {
  margin-bottom: 12px; }

#htmlgen {
  text-align: center; }

#htmlgen textarea {
  text-align: left; }

#htmlgen .box {
  margin-bottom: 12px; }

#htmlgen .bez {
  height: auto;
  line-height: normal; }

#htmlgen .auswahl {
  width: 200px;
  margin: 0 auto; }

#htmlgen .auswahl input {
  height: 17px; }

#htmlgen .auswahl .rd {
  text-align: left;
  width: 100%;
  margin-right: 0; }

#htmlgen .beztxt {
  width: 100%; }

#htmlgen .sub input {
  margin: 0 auto; }

#pwschutz .bez {
  width: 160px; }

#pwschutz .rd.first {
  margin-top: 16px; }

#pwschutz .rd input {
  height: 17px; }

#pwschutz .rd label {
  width: auto;
  display: inline-block; }

#pwschutz .erg {
  overflow-x: visible; }

#pwschutz .erg ol {
  list-style-type: none; }

#pwschutz .erg h5 {
  font-weight: 900;
  font-size: 14px;
  margin: 8 0;
  color: #0d51b1; }

#pwschutz #pwsch .inp.rad {
  min-width: 15px !important; }

#ziffertab th {
  text-align: left; }

#ziffertab td.z, #ziffertab th.z {
  text-align: center; }

#tab table td, #tab table th {
  text-align: right; }

#ziff .erg {
  margin: 20px 0 0; }

#zins h2 {
  margin-bottom: 18px; }

#zins .inp {
  width: 116px;
  line-height: 35px; }

#zins label {
  font-size: 13px; }

#zins .inp input[type="text"] {
  width: 65px;
  margin-right: 8px;
  padding: 0 4px;
  float: left; }

#zins .rd {
  width: 120px;
  margin: 10px 0 8px; }

#zins .rd input[type="radio"] {
  height: auto; }

#zins .rd label {
  display: inline-block;
  float: left; }

#zins .erg .txt {
  font-size: 15px; }

#zinscalc .erg {
  margin: 20px 0; }

#tab table th {
  font-size: 14px;
  white-space: nowrap;
  padding: 5px 12px; }

#tab table td {
  padding: 5px 12px;
  font-size: 13px; }

#tab table tr.b td {
  font-weight: bold; }

#tab table .cen {
  text-align: center;
  width: 20px !important; }

#ziff {
  overflow-x: hidden; }

#ziffern {
  border-bottom: 2px solid #fff;
  padding-bottom: 8px; }

#ziffern .bez {
  line-height: normal;
  height: auto;
  float: none; }

#ziffern .inp {
  width: calc(50% - 2px);
  float: left; }

#ziffern .inp input {
  height: 42px;
  line-height: 42px; }

#ziffern .inp.right {
  float: right; }

#ziff .erg {
  width: 100%;
  max-width: 100%;
  overflow-x: scroll; }

#umr .inp {
  float: none; }

#umr .inp input {
  width: 100%;
  text-align: center; }

#umr .bez {
  height: auto;
  line-height: normal;
  margin: 12px 0 0 0;
  font-size: 14px;
  font-weight: 500; }

#inhalt > #umrechnr > form > #umr > li {
  background-image: none;
  padding: 0 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#umr .pfr {
  width: 10px;
  height: 35px;
  float: left;
  background: url(../icon/pfeil-grey.png) no-repeat 2px 11px transparent;
  margin: 3px 7px 0 7px;
  opacity: 0.7; }

#umrechnr .erg {
  max-width: 537px; }

#umrechnertab td.kat, #umrechnertab th.kat {
  width: 90px;
  text-align: left; }

#umrechnertab th.vz {
  width: 98px;
  text-align: right; }

#umrechnertab td {
  text-align: right; }

#umr .inpsb {
  width: calc(50% - 12px);
  float: left;
  margin-bottom: 8px; }

#umr .sbHolder {
  float: left;
  width: 100% !important;
  box-sizing: border-box;
  position: relative;
  margin: 0; }

#umr .sbOptions {
  width: 122px; }

#umr .sbSelector {
  width: 84px; }

#umrform {
  padding-bottom: 25px;
  border-bottom: 2px solid #fff;
  margin-bottom: 25px; }

#calcform .erg {
  margin: 12px 0; }

#flip-scroll table tr.even td {
  background-color: #f1f1f1; }

.twrapper {
  overflow-x: scroll;
  max-width: 100%;
  width: 100%;
  margin-bottom: 25px; }

#flip-scroll h2 {
  margin-bottom: 12px; }

#flip-scroll table td, #flip-scroll table th {
  text-align: center; }

#flip-scroll td[title="ASCII"] {
  font-weight: 900;
  background-color: #e5e5e5 !important; }

#ts .flldat .bez, #ts .zeitstempel .bez {
  width: 97px; }

#ts .flldat .bez label {
  margin: 0; }

#ts .flldat .bez, #ts .flldat .inp {
  margin: 0; }

#ts .flldat .inp, #ts .zeitstempel .inp {
  width: 140px;
  float: left; }

#ts .zeit2 {
  margin: 4px 0 12px;
  height: 62px; }

#ts .zeit2 label {
  font-size: 11px;
  color: #999; }

#ts .zeit2 .sec .sbHolder, #inhalt .timewrapp .sbHolder {
  margin-right: 0; }

#ts .sbHolder, #inhalt .timewrapp .sbHolder {
  width: 67px !important;
  float: none; }

#ts .sbSelector, #inhalt .timewrapp .sbSelector {
  width: 20px !important; }

#ts .sbOptions, #inhalt .timewrapp .sbOptions {
  width: 56px !important;
  height: 300px !important; }

#ts .fll, #ts .flldat {
  float: left; }

#ts .fll, #inhalt .timewrapp, #formzrech .timewrapp {
  width: 67px;
  float: left; }

#ts .point span, #count .point span, #formzrech .point span {
  line-height: 40px;
  height: 40px;
  display: block;
  text-align: center; }

#ts .point, #count .point, #formzrech .point {
  float: left;
  width: 5px;
  height: 40px;
  margin: 22px 6px 0 6px; }

#calcform .hinzuf {
  margin-bottom: 12px; }

#calcform table {
  width: 100%; }

#calcform .erg {
  max-width: 500px; }

#calcform td.delete span {
  display: none; }

#calcform td {
  border: 0; }

#calcform td.delete, #calcform th:last-child {
  width: 20px; }

#calcform td.delete {
  display: block;
  cursor: pointer;
  background: url(../icon/delete.png) no-repeat center center transparent;
  height: 30px;
  width: 20px; }

#ui-datepicker-div {
  margin: 0 !important;
  width: 210px;
  padding: 0;
  border: 1px solid #c7c7c7;
  border-bottom: 0;
  border-right: 0;
  z-index: 99999 !important; }

#ui-datepicker-div .ui-datepicker-calendar {
  margin-bottom: 0; }

#ui-datepicker-div .ui-widget-header {
  border: 0;
  border-right: 1px solid #c7c7c7; }

#count .bez {
  float: none;
  height: auto;
  line-height: normal;
  margin-bottom: 0; }

#count .inp {
  float: none;
  height: 40px; }

#count .no1 .inp {
  float: left;
  width: 160px; }

#count .no2 input[type="text"], #count .no4 input[type="text"] {
  width: 100%; }

#count .no2 .inp.z5, #count .no4 .inp.z8 {
  width: 160px;
  float: left; }

#count .no3 .first, #formzrech .timel.first {
  width: 100%;
  float: left; }

#count .no3 .first input[type="text"], #formzrech .timel.first input {
  width: 100%;
  padding-left: 6px; }

#inhalt .timewrapp {
  font-size: 11px; }

#inhalt .timewrapp label {
  margin-bottom: 0; }

#inhalt .countnutzer {
  float: left;
  padding-bottom: 12px; }

#inhalt .countnutzer li {
  background-image: none;
  padding: 0;
  width: 138px;
  height: 120px;
  border: 1px solid #fff;
  margin: 0 5px 5px 0;
  float: left;
  font-weight: 700;
  -moz-box-shadow: 0 0 5px #a2a2a2;
  -webkit-box-shadow: 0 0 5px #a2a2a2;
  box-shadow: 0 0 5px #a2a2a2; }

#feiertage .pfl, #feiertage .pfr {
  background-image: url(../icon/pfeil.png);
  cursor: pointer;
  background-repeat: no-repeat; }

#inhalt .countnutzer li img {
  width: 138px;
  height: auto; }

#count li .bez, #count li p {
  width: 125px; }

#inhalt .countnutzer li .name {
  padding: 0 5px; }

#maincontent .countnutzer li a {
  display: block; }

#maincontent .countnutzer li:last-child {
  margin-right: 0; }

#countd {
  margin-top: 12px; }

#count li:first-child h3 {
  margin: 0 0 12px; }

#count li p {
  float: left; }

#count .sbOptions {
  font-size: 11px; }

#count #colorSelector3, #count #colorSelector, #count #colorSelector2, #count #colorSelector4 {
  margin: 7px 0 0 165px; }

#count input[type=text] {
  width: 119px; }

#formzrech input[type="text"] {
  width: 70px;
  padding-left: 6px; }

#formzrech .timel.first {
  float: none; }

#formzrech .timel.first .inp {
  float: none; }

#formzrech .erg .txt p:first-child {
  margin-bottom: 12px; }

#inhalt .timewrapp .sbOptions {
  width: 54px;
  font-size: 11px; }

#countd #vorschau #framediv {
  width: 260px;
  overflow-x: scroll; }

#countd iframe {
  border: 1px solid #eee; }

#formzrech .bez {
  float: none;
  font-size: 11px;
  height: auto;
  margin-bottom: 0;
  line-height: normal; }

#formzrech #bis h3, #formzrech #von h3 {
  margin-top: 0; }

#formzrech .point {
  margin-top: 26px; }

#formzrech #bis, #formzrech .erg {
  margin-top: 12px; }

#formzrech .timewrapp .sbHolder {
  position: relative; }

#feiertage .bez {
  width: 40px; }

#feiertage .bez label {
  margin: 0; }

#feiertage .inp {
  width: calc(100% - 40px); }

#feiertage .jahr {
  border: 1px solid #e8e8e8;
  height: 40px;
  padding: 0 0 0 12px;
  width: 90px;
  float: left; }

#feiertage .inp input {
  text-align: center;
  border: none;
  padding: 0;
  text-align: left; }

#feiertage .erg {
  max-width: 700px; }

#feiertage table tr.even td {
  background-color: #f1f1f1; }

#feiertage .pfl span, #feiertage .pfr span {
  display: none; }

#feiertage .pfl, #feiertage .pfr {
  margin-top: 2px;
  display: block;
  width: 35px;
  height: 35px;
  float: left;
  border: 1px solid #0d51b1;
  background-position: center 13px;
  background-color: #0d51b1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left: 8px; }

#feiertage .pfr {
  margin-left: 3px; }

#feiertage .pfl {
  background-position: center -12px; }

#pswcheck .bez, #keyw .bez, #mailck .bez, #zaehlfunk .bez, #txte .bezh {
  width: 100%;
  float: none;
  margin-bottom: 12px !important;
  height: auto; }

#pswcheck .bez label, #keyw .bez label, #mailck .bez label, #zaehlfunk .bez label, #txte .bezh label {
  color: #0d51b1;
  font-weight: 700;
  font-size: 18px;
  height: auto;
  line-height: normal; }

#keyw .bez {
  width: 100px; }

#pswcheck .inp {
  float: none; }

#pswcheck .save span {
  display: block;
  margin-left: 12px;
  height: 40px;
  line-height: 40px;
  width: 110px;
  float: left; }

#pswcheck input.ncorrect {
  background-color: #e33737;
  color: #fff; }

#pswcheck input.naja {
  background-color: #e4c726;
  color: #fff; }

#pswcheck input.correct {
  background-color: #45cb10;
  color: #fff; }

#zaehlfunk {
  margin-bottom: 25px; }

#chmodform .erg, #keywords .erg, #mailck .erg {
  background-color: transparent; }

#keywords {
  max-width: 720px; }

#keyw .inp, #mailck .inp {
  width: 100%; }

#mailck .erg .txt {
  margin-bottom: 8px; }

#keywords .erg table, #mailck .erg table {
  width: 100%;
  max-width: 100%; }

#mailck table {
  margin-top: 25px; }

#mailck .txt {
  margin: 12px 0; }

#mailck .txt h4 {
  padding-left: 0; }

#zahlen ul li {
  background-image: none;
  padding: 0; }

#zahlen ul li h3 {
  color: #0d51b1;
  font-weight: 600;
  position: relative;
  padding-left: 15px;
  cursor: pointer; }

#zahlen ul li h3::before {
  background: url(../icon/pfeil-grey.png) no-repeat 0 0 transparent;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  height: 20px; }

#zahlen ul li h3.open::before {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  left: -7px; }

#zahlen td {
  text-align: center !important; }

#zahlen td.right, #zahlen th.right {
  float: none; }

#zahlen table {
  margin-top: 12px; }

#zahlen caption {
  display: none; }

#txte .bez {
  width: 190px;
  font-size: 13px; }

#ersetz {
  margin-top: 8px; }

#ersetz .inp {
  width: 100%;
  float: none; }

#ersetz input[type="text"] {
  width: 100%;
  max-width: none; }

#ersetz .inp input[type="checkbox"] {
  width: 15px; }

#ersetz .check {
  width: 15px !important; }

#ersetz .bez {
  width: 100%;
  height: auto;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 0; }

#ersetz .grkl {
  width: 100% !important;
  font-weight: 400;
  margin: 12px 0; }

#chmod input[type="checkbox"], #ersetz .grkl input[type="checkbox"] {
  float: left;
  margin: 3px 5px 0 0;
  height: auto;
  width: 17px; }

#chmod label {
  font-size: 11px;
  margin: 0;
  float: left; }

#chmodform table td:last-child {
  border-right: 1px solid #e8e8e8; }

#chmodform table td, #chmodform table th {
  padding: 6px 4px;
  width: calc(33.33%) !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 20px;
  font-size: 11px; }

#chmodform table td > div::after {
  display: block;
  content: "";
  clear: both; }

#chmodform .erg p {
  background-color: #f6f6f6;
  padding: 10px;
  margin-top: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#chmodform .erg p span {
  font-weight: 700; }

#kommentare input[type=text] {
  width: 268px;
  margin-bottom: 12px; }

#kommentare textarea {
  width: 268px;
  max-width: 268px;
  min-width: 268px;
  padding: 10px; }

@media only screen and (max-width: 490px) {
  #pwsch .bez {
    height: auto;
    line-height: normal;
    margin: 0;
    float: none; }

  #pwsch .inp {
    float: none;
    width: 100%; } }
@media only screen and (min-width: 490px) {
  #pswgen .pwchk {
    float: left; }

  #pswgen .pwchk.n1 {
    width: 145px; }

  #pswgen .pwchk.n2 {
    width: 145px; }

  #pswgen .pwchk.n3 {
    width: 135px; }

  #pswgen .pwchk.n4 {
    width: 80px; }

  #htmlgen .auswahl {
    width: 428px;
    margin-top: 12px; }

  #htmlgen .auswahl .rd {
    width: calc(50% - 10px);
    margin-right: 0;
    float: left; }

  #htmlgen .auswahl .rd.first {
    margin-right: 20px; }

  #qrform .right ul.ausfuellen .bez {
    height: 40px;
    line-height: 40px;
    float: left; }

  #qrform .right ul.ausfuellen .inp {
    float: left; }

  #qrform .right ul.ausfuellen .inp input {
    max-width: none; }

  #qrform .right ul.ausfuellen .inp_url .bez {
    width: 45px; }

  #qrform .right ul.ausfuellen .inp_url .inp {
    width: calc(100% - 45px); }

  #qrform .right ul.ausfuellen .inp_tel .bez {
    width: 100px; }

  #qrform .right ul.ausfuellen .inp_tel .inp {
    width: calc(100% - 100px); }

  #qrform .right ul.ausfuellen .inp_mail .bez {
    width: 115px; }

  #qrform .right ul.ausfuellen .inp_mail .inp {
    width: calc(100% - 115px); }

  #qrform .right ul.ausfuellen .inp_vcard .bez {
    width: 145px; }

  #qrform .right ul.ausfuellen .inp_vcard .inp {
    width: calc(100% - 145px); }

  #ziffern .bez {
    width: 45px;
    float: left;
    line-height: 40px; }

  #ziffern .inp {
    width: 150px !important;
    float: left !important;
    margin-right: 4px; }

  #ziff .erg {
    overflow-x: visible; }

  #feiertage .jahr label, #feiertage .jahr input {
    font-size: 16px; }

  #zins label {
    font-size: 14px; }

  #zins .rd, #zins .inp {
    width: 145px; }

  #zins .inp input[type="text"] {
    width: 85px;
    padding: 0 12px; }

  #zinscalc .erg .txt {
    padding: 20px; }

  #umr .inp {
    float: left;
    width: 130px;
    margin-right: 12px; }

  #umr .inpsb {
    width: 121px; }

  #formzrech h2 {
    margin-bottom: 12px; }

  #formzrech .timel.first {
    float: left;
    width: 100px;
    margin-right: 8px; }

  #formzrech .timel.first .inp {
    width: 100px; }

  #formzrech .timel.first .inp input {
    text-align: center;
    padding: 0;
    height: 42px; }

  #pswcheck .inp {
    float: left;
    width: calc(100% - 215px);
    margin-bottom: 0;
    max-width: 250px; }

  #pswcheck .bez {
    margin-bottom: 0; }

  #pswcheck .bez label {
    margin: 0; }

  #pswcheck {
    max-width: 400px; }

  #mailck .twrapper {
    overflow: visible; }

  #chmodform {
    max-width: 700px; }

  #chmodform table td, #chmodform table th, #chmod label {
    font-size: 13px; } }
@media only screen and (min-width: 757px) {
  #blindtxt, #htmlgen .box, #qrform, #conv, #pwschutz, #ziff, #zinscalc, #umrechnr, #calcform, #pswcheck, #txte {
    padding: 20px;
    position: relative; }

  #blindtxt .clear {
    display: none; }

  #blindtxt .blchk {
    float: left;
    margin: 37px 0 0 40px; }

  #blindtxt .btxt, #pwschutz .txt {
    padding: 20px; }

  #pwschutz .txt {
    line-height: 24px; }

  #pwschutz .txt h5 {
    font-size: 16px; }

  #conv h2 {
    margin-bottom: 25px; }

  #conv .wrap {
    width: 520px;
    margin: 0 auto; }

  #conv .bez {
    width: 140px;
    float: left;
    text-align: left; }

  #conv .bez label {
    margin: 0; }

  #conv .inp {
    width: calc(100% - 280px);
    float: left; }

  #conv .sub {
    width: 140px;
    float: right;
    margin: 0; }

  #conv .sub input {
    height: 40px;
    line-height: 40px; }

  #tab table td {
    font-size: 14px; }

  #umrform {
    margin-top: 20px; }

  #umr .bez {
    float: left;
    margin-top: 9px; }

  #umr .inp {
    width: 150px; }

  #umr .inpsb {
    width: 135px; }

  #ts input[type="text"] {
    height: 42px; }

  #ts .box {
    position: relative;
    padding-top: 20px; }

  #ts .zeit2 {
    position: absolute;
    left: 215px;
    top: -1px;
    margin: 0; }

  #ts .flldat .inp, #ts .zeitstempel .inp {
    width: 110px; }

  #ts .zeitstempel {
    margin-top: 12px; }

  #calcform .erg, #calcform .hinzuf {
    margin-bottom: 25px; }

  #chmodform table td, #chmodform table th {
    font-size: 14px;
    padding: 8px; }

  #chmod label {
    font-size: 14px; } }
@media only screen and (min-width: 1030px) {
  #umr .inp {
    width: 100px; }

  #umr .inpsb {
    width: calc(23% - 12px); }

  #pswcheck .bez label, #keyw .bez label, #mailck .bez label, #zaehlfunk .bez label, #txte .bezh label {
    font-size: 20px; } }
@media only screen and (min-width: 1280px) {
  #mailck .erg .txt, .erg, .benutzerr {
    font-size: 16px; }

  #conv {
    text-align: left; }

  #conv .wrap {
    margin: 0; }

  #ziff {
    max-width: 700px; }

  #qrform .right ul.typ li label {
    font-size: 14px; }

  #zinscalc .twrapper {
    overflow-x: visible; }

  #umr .inp {
    width: 150px; }

  #umr .inpsb {
    width: 135px; } }
@media only screen and (min-width: 1310px) {
  .twrapper {
    overflow-x: visible; }

  #formzrech {
    max-width: 850px; }

  #formzrech #von, #formzrech #bis {
    float: left;
    width: calc(50% - 10px);
    max-width: 415px;
    margin: 0 0 25px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }

  #formzrech #bis {
    float: right; } }
@media only screen and (min-width: 1500px) {
  #pswgen {
    text-align: center; }

  #pswgen .reihe .box {
    width: calc(33.33% - 14px);
    float: left;
    margin-left: 20px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 500px;
    position: relative;
    padding: 35px 20px 20px 20px; }

  #pswgen .reihe .box:first-child {
    margin-left: 0 !important; }

  #pswgen .reihe .box .mh {
    min-height: 230px; }

  #pswgen .reihe .box h2, #htmlgen .box h2 {
    text-align: center;
    margin-bottom: 25px !important;
    font-size: 22px; }

  #pswgen .pwinp .bez, #b_pwform input[type="text"] {
    width: 100%; }

  #pswgen .pwchk {
    width: calc(50% - 10px) !important;
    margin-left: 20px; }

  #pswgen .pwchk.nm {
    margin-left: 0; }

  #b_pwform .chk {
    width: 15px;
    margin-right: 4px; }

  #pswgen .sub {
    width: 100%;
    max-width: none; }

  #pswgen input {
    margin: 0 auto; }

  #pswgen #s_pwform .bez, #pswgen #v_pwform .bez, #pswgen .pwinp .bez {
    float: none;
    height: auto; }

  #pswgen #s_pwform .bez, #pswgen #v_pwform .bez {
    margin-bottom: 17px; }

  #pswgen .pwinp label {
    padding: 0;
    margin-top: 0; }

  #pswgen #v_pwform .inp {
    text-align: left;
    margin: 0 auto;
    float: none;
    width: 100%; }

  #pswgen .erg {
    min-height: 135px; }

  #htmlgen .box {
    margin-bottom: 25px; }

  #qrform .right #type {
    width: 470px;
    float: left;
    border-right: 2px solid #fff;
    padding-right: 30px; }

  #qrform .right #qr {
    width: calc(100% - 530px);
    float: right;
    border-top: none;
    padding-top: 20px;
    margin-top: 0; }

  #tab table td {
    font-size: 15px; } }

/*# sourceMappingURL=services.css.map */