@import url("/modules/bootstrap/dist/css/bootstrap.min.css");
:root {
  --form-width: 500px;
  --orange: #FF6600;
  --green: #40a237;
  --greenhover: rgb(29.8181818182, 106.1818181818, 58.9090909091);
  --darkgreen: rgb(48.9585253456, 123.9262672811, 42.0737327189);
  --red: #AD0000;
  --darkred: #7a0000;
  --lightred: rgb(255, 198.5, 198.5);
  --blue: #ADC6E7;
  --lightblue: #DEEFFF;
  --lightblue1: rgb(212.4528301887, 225.4245283019, 242.5471698113);
  --lightblue2: rgb(220.3433962264, 230.9094339623, 244.8566037736);
  --lightblue3: rgb(224.2886792453, 233.6518867925, 246.0113207547);
  --lightblue4: rgb(232.179245283, 239.1367924528, 248.320754717);
  --darkblue: #123B72;
  --darkblue-diabled: #123B72;
  --aqua: #DBEFFC;
  --white: #FFFFFF;
  --darkgrey: #bbbbbb;
  --bs-blue: #123B72;
  --bs-primary: #123B72;
  --bs-danger-rgb: 252, 98, 121;
  --bs-link-color-rgb: 18,59,114;
  --bs-link-hover-color-rgb: 18,59,114;
  --bs-border-radius: 0;
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;
  --bs-border-radius-xxl: 0;
  --bs-btn-bg: var(--bs-primary);
  --bs-link-color: var(--bs-primary);
}

::placeholder {
  color: #ccc;
}

.horizontal-line .col:not(:last-child) {
  border-right: 2px solid white;
}

html {
  font-size: 12px;
}

body {
  color: var(--darkblue);
  background-color: #eef1f7;
}

i.fa {
  color: inherit;
}

p:last-child {
  margin-bottom: 0;
}

.justify-self-center {
  justify-self: center;
}

.justify-items-center {
  justify-items: center;
}

.btn:has(i.fa):not(.invisible) {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  width: fit-content;
}

.btn-sm:has(i.fa) {
  padding: 0.5rem;
}

.btn-primary {
  --bs-btn-bg: var(--darkblue);
  --bs-btn-border-color: var(--darkblue);
  --bs-btn-disabled-bg: var(--darkblue-diabled);
  --bs-btn-disabled-border-color: var(--darkblue-diabled);
  --bs-btn-hover-bg: rgb(24.9545454545, 81.7954545455, 158.0454545455);
  --bs-btn-hover-border-color: rgb(24.9545454545, 81.7954545455, 158.0454545455);
}

.btn.btn-block {
  width: 100%;
}

.box {
  background-color: #fff;
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.box .box-header {
  font-weight: bold;
  font-size: 1.5rem;
  padding: 1rem;
  padding-bottom: 0;
}
.box .box-content {
  padding: 1rem;
}

.container-fluid {
  max-width: 1337px;
}

nav {
  line-height: 2rem;
}
nav hr {
  margin: 0;
}
nav ul {
  padding-left: 0;
  margin-bottom: 0;
}
nav .sub {
  display: none;
  opacity: 0;
  height: 0;
  transition: display 0.4s, height 0.4s, opacity 0.4s;
  transition-behavior: allow-discrete;
}
nav li {
  list-style-type: none;
}
nav li.active > a {
  background-color: var(--darkblue);
  color: white !important;
}
nav li.active .sub {
  display: block;
  opacity: 1;
  height: fit-content;
  background-color: var(--lightblue);
}
nav li.active .sub a.active {
  background-color: var(--blue) !important;
}
nav a {
  display: flex;
  align-items: center;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  text-decoration: none;
  gap: 1rem;
  color: inherit;
  cursor: pointer;
}
nav a:hover {
  background-color: var(--lightblue2);
}

.noscript {
  padding: 5px;
  margin-top: 5px;
  border: 3px solid var(--red);
  color: var(--red);
  font-weight: bold;
  clear: both;
  text-align: center;
  background-color: white;
  font-size: 14px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 10;
}

.openModusModal.disabled {
  pointer-events: auto;
}

#content {
  display: flex;
  background-color: white;
  padding-bottom: 10px;
}

#tracker {
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 10;
}
#tracker a {
  background-image: none;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

hr {
  border: solid var(--darkblue);
  border-width: 0px 0px 1px 0px;
  background-color: var(--blue);
  color: var(--blue);
  height: 0px;
  margin-bottom: 20px;
}

main ul {
  list-style-image: none;
  list-style: none;
  margin-left: 0px;
  padding-left: 5px;
}
main ul li {
  background-repeat: no-repeat;
}
main ul li a {
  background-image: none;
  padding-left: 0;
}
main ul.tld {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  list-style: none;
}
main ul.tld li {
  display: inline;
  padding: 0px;
  margin: 0px;
  background-image: none;
}
main ul.features {
  padding-left: 14px;
  margin: 0px;
}
main ul.features li {
  padding-left: 0px;
  list-style: square;
  list-style-image: none;
  list-style-type: square;
  background-image: none;
}
main ul.easypage {
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
}
main ul.easypage li {
  display: inline;
  margin: 0px -4px 0px 0px;
  list-style: none;
  background-image: none;
  padding: 0px;
}

p.error {
  padding: 5px;
  margin: 0px 0px 20px 0px;
  color: var(--red);
  background-color: var(--lightred);
  border: 1px solid var(--red);
  font-weight: bold;
}
p.msg {
  padding: 5px;
  margin: 0px 0px 20px 0px;
  color: var(--green);
  background-color: #E9F1D8;
  border: 1px solid var(--green);
  font-weight: bold;
}

a.goneo {
  color: var(--red);
  font-weight: normal;
  padding-left: 10px;
  text-decoration: underline;
}
a.iconHeader {
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: bold;
}

#iconBoxWrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 1rem;
  width: 100%;
}

.iconBox {
  display: grid;
  grid-template-areas: "icon title" ". content";
  text-decoration: none;
  gap: 1rem;
  grid-template-columns: 1fr 11fr;
  grid-template-rows: 1fr 2fr;
}
.iconBox i {
  grid-area: icon;
}
.iconBox h2 {
  grid-area: title;
  font-size: 1.5rem;
}
.iconBox p {
  grid-area: content;
}

.cb {
  clear: both;
}

#logo {
  padding: 1rem;
  text-align: center;
}
#logo img {
  width: 100%;
}

sup {
  font-size: smaller;
}

.textklein, .fussnote {
  color: var(--darkblue);
  text-align: left;
  font-size: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}

.text {
  color: var(--darkblue);
  font-size: 12px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.textboldweiss {
  color: var(--white);
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.textboldgruen {
  color: var(--green);
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.textboldgelb {
  color: var(--orange);
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.textboldrot {
  color: var(--red);
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.textboldrot a {
  color: var(--red);
  text-decoration: underline;
}
.textboldrot a:hover {
  color: var(--red);
  text-decoration: underline;
}
.textrot {
  color: var(--red);
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.textrot a {
  color: var(--red);
  text-decoration: underline;
}
.textrot a:hover {
  color: var(--red);
  text-decoration: underline;
}
.textbold {
  color: var(--darkblue);
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.text23bold {
  color: var(--darkblue);
  text-align: left;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.text17bold {
  color: var(--darkblue);
  text-align: left;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
  text-decoration: none;
}
.text15bold {
  color: var(--darkblue);
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}

.feldweiss {
  background-color: var(--white);
}
.feldrot {
  background-color: var(--lightred);
}

.toggleme {
  padding: 0px 0px 0px 0px;
  background-color: var(--aqua);
  border: none;
}
.togglemeWhois {
  padding: 0px 0px 0px 0px;
  color: var(--red);
  background-image: url(/img/bground/feld_mitte_dbeffc_813x10.gif);
  border: none;
  text-decoration: underline;
}

.footer {
  color: #8DBCE0;
  font-size: 11px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
.footer a {
  color: #8DBCE0;
  text-decoration: none;
}
.footer a:hover, .footer a:active {
  color: #8DBCE0;
  text-decoration: none;
}

.textpfad {
  color: var(--darkblue);
  text-align: left;
  font-size: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 4px;
}
.textpfad a {
  color: var(--darkblue);
  text-decoration: none;
}
.textpfad_aktiv {
  color: var(--red);
  text-align: left;
  font-size: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 4px;
}
.textpfad_aktiv a {
  color: var(--red);
  text-decoration: underline;
}

.inputtypetextweiss {
  background-color: var(--white);
  width: 200px;
  /*height: 22px;*/
  font-size: 11px;
  padding: 4px;
  margin: 0px 2px;
}
.inputtypetextrot {
  background-color: var(--lightred);
  width: 200px;
  /*height: 22px;*/
  font-size: 11px;
  padding: 2px;
}

.row {
  --bs-gutter-x: 1rem;
}
.row .row-flat {
  margin-top: 0;
  margin-bottom: 0;
}

.col-help img {
  margin-top: 0.5rem;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

.fragenheadline {
  color: var(--darkblue);
  text-align: left;
  font-size: 13px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}

.textgraubold {
  color: #656868;
  text-align: left;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
}

#box {
  min-height: 100%;
  height: auto !important;
  /* moderne Browser */
  height: 100%;
  /* IE */
  position: relative;
}

footer a {
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
footer ul li {
  padding: 1rem;
  list-style-type: none;
}

.vabstand {
  height: 10px;
  padding: 0px;
  margin: 0px;
}

.webform {
  border: none;
  margin: 0px;
  padding-inline: 0;
}
.webform > div:not(.cb) {
  text-align: left;
}
.webform > div:not(.cb) input,
.webform > div:not(.cb) select,
.webform > div:not(.cb) textarea {
  height: auto;
  width: var(--form-width);
  border: 1px solid #ddd;
  padding: 0.6rem;
}
.webform > div:not(.cb) option {
  width: auto;
  font-size: 11px;
}
.webform > div:not(.cb) input.WebFormCheckbox {
  width: 20px;
  margin: 0px;
}
.webform > div:not(.cb) input.WebFormNumber {
  width: 100px;
}
.webform textarea {
  width: 200px;
  height: 100px;
  padding: 5px;
}
.webform .input-area, .webform > div:not(.cb) {
  display: grid;
  grid-template-areas: ". label-info ." "label input input-add" ". input-info .";
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 250px 250px 1fr;
  gap: 3px;
  align-items: center;
  margin: 10px 0 !important;
}
.webform .input-area label,
.webform .input-area .label, .webform > div:not(.cb) label,
.webform > div:not(.cb) .label {
  font-weight: bold;
  grid-area: label;
  padding-block: 0 !important;
}
.webform .input-area label span,
.webform .input-area .label span, .webform > div:not(.cb) label span,
.webform > div:not(.cb) .label span {
  text-align: right;
}
.webform .input-area > input, .webform .input-area > select, .webform .input-area > textarea, .webform .input-area > .input, .webform > div:not(.cb) > input, .webform > div:not(.cb) > select, .webform > div:not(.cb) > textarea, .webform > div:not(.cb) > .input {
  grid-area: input;
  width: 100%;
}
.webform .input-area .label-info, .webform > div:not(.cb) .label-info {
  grid-area: label-info;
  text-align: right;
}
.webform .input-area .input-add, .webform > div:not(.cb) .input-add {
  grid-area: input-add;
}
.webform .input-area .input-info, .webform > div:not(.cb) .input-info {
  grid-area: input-info;
}

.maintitle {
  margin-bottom: 1rem;
  color: var(--darkblue);
  text-align: left;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}

.MailFormInput {
  width: 100%;
}

.MailFormTextarea {
  font-size: 11px;
  width: 400px;
  height: 150px;
}

.formbuttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 1rem;
  gap: 1rem;
}
.formbuttons > *:last-child {
  margin-left: auto;
}

.h100 {
  height: 100%;
}

.alert a {
  color: inherit;
}

.MagicBoxSolid {
  background-color: #fff;
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.MagicBoxSolid .MagicBoxBody > h2 {
  padding: 10px 10px 5px 0;
  margin: 0px;
  color: var(--darkblue);
  font-weight: bold;
}
.MagicBoxAlert {
  background-color: #efcece;
  border: 1px solid var(--red);
}
.MagicBoxErfolg {
  background-color: #eff7de;
  border: 1px solid #52a500;
}
.MagicBoxSub {
  background-color: var(--lightblue);
}
.MagicBoxOutline {
  background-color: var(--white);
  border: 1px solid var(--blue);
}
.MagicBoxSolid, .MagicBoxAlert, .MagicBoxErfolg, .MagicBoxInfo, .MagicBoxSub, .MagicBoxOutline {
  width: 100%;
}
.MagicBoxSolid h2, .MagicBoxAlert h2, .MagicBoxErfolg h2, .MagicBoxInfo h2, .MagicBoxSub h2, .MagicBoxOutline h2 {
  padding: 10px 10px 5px 10px;
  margin: 0px;
  color: var(--darkblue);
  font-size: 12px;
  font-weight: bold;
}
.MagicBoxSolid h3, .MagicBoxAlert h3, .MagicBoxErfolg h3, .MagicBoxInfo h3, .MagicBoxSub h3, .MagicBoxOutline h3 {
  padding: 15px 0px 5px 0px;
  margin: 0px;
  color: var(--darkblue);
  font-size: 12px;
  font-weight: bold;
}
.MagicBoxSolid .MagicBoxBody, .MagicBoxAlert .MagicBoxBody, .MagicBoxErfolg .MagicBoxBody, .MagicBoxInfo .MagicBoxBody, .MagicBoxSub .MagicBoxBody, .MagicBoxOutline .MagicBoxBody {
  padding: 1rem;
}

.MagicBoxOutline h2.news {
  color: var(--red);
}

.MagicBoxAlert h2 {
  color: var(--red);
  text-transform: uppercase;
  padding: 10px 10px 0px 15px;
}

.MagicBoxErfolg h2 {
  color: var(--green);
  text-transform: uppercase;
  padding: 10px 10px 0px 15px;
}
.MagicBoxErfolg .MagicBoxBody p {
  color: var(--green);
  font-weight: bold;
}

.MagicBoxSub p:has(a) {
  margin-bottom: 0;
}
.MagicBoxSub a {
  text-decoration: none;
  color: var(--darkblue);
  font-size: 11px;
}
.MagicBoxSub a:hover {
  text-decoration: underline;
}
.MagicBoxSub a.active {
  color: var(--red);
  text-decoration: underline;
}
.MagicBoxSub h2 {
  padding-top: 1px;
  margin: 0px;
}
.MagicBoxSub .MagicBoxBody p.active {
  color: var(--red);
}

.MagicBoxSolid a:not(.btn, .btnn) {
  font-size: 11px;
}

.MagicBoxSub {
  background-color: #d4eaff;
}

.MagicBoxInfo {
  background-color: #e8f4ff;
}

.msg {
  padding: 10px;
  font-weight: bold;
  margin-bottom: 10px;
}
.msg.msg-error {
  background-color: var(--lightred);
  color: var(--red);
  border: 1px solid var(--red);
}
.msg.msg-info {
  background-color: #fde6d2;
  color: var(--orange);
  border: 1px solid var(--orange);
}
.msg.msg-success {
  background-color: #e9f1d8;
  color: var(--green);
  border: 1px solid var(--green);
}
.msg.msg-default {
  background-color: #EEE;
  margin-top: 10px;
}
.msg.msg-sm {
  padding: 0.2rem 0.5rem;
}

.form {
  display: grid;
  gap: 1rem;
}

.form-group {
  display: grid;
  column-gap: 0.5rem;
  align-items: center;
  grid-template-areas: "label input input-info" ". input-add .";
  grid-template-columns: 1fr 2fr 1fr;
}
.form-group-clickstart {
  grid-template-areas: "label input input-info" ". input-add input-info";
  gap: 0.5rem;
}
.form-group-clickstart .msg {
  margin-top: 0;
  margin-bottom: 0;
  align-self: start;
}
.form-group .msg {
  padding: 0.75rem;
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password],
.form-group select {
  border: 1px solid #ced4da;
}
.form-group input,
.form-group select,
.form-group textarea {
  grid-area: input;
}
.form-group label {
  width: 100%;
  grid-area: label;
}
.form-group a,
.form-group span:has(img) {
  grid-area: input-info;
}

.form-group.form-group-one-third,
.form-group.form-group-two-third {
  grid-template-areas: "label input1 input2 input-info" ". input-add input-add .";
}

.form-group.form-group-one-third {
  grid-template-columns: 1.01fr 0.75fr 1.25fr 1.01fr;
}

.form-group.form-group-two-third {
  grid-template-columns: 1.01fr 1.25fr 0.75fr 1.01fr;
}

@media (max-width: 767px) {
  .form-group {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "label input-info" "input input" ". input-add";
  }
  .form-group a,
  .form-group span:has(img) {
    text-align: right;
  }
  .form-group-clickstart {
    grid-template-columns: 1fr;
    grid-template-areas: "label" "input-info" "input" "input-add";
  }
  .form-group.form-group-one-third,
  .form-group.form-group-two-third {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "label input-info" "input1 input2" ". input-add";
  }
}
form.kk input, form.kk label {
  font-size: 10px;
}

#f1 {
  padding: 0px;
  margin: 0px;
}
#f1 input.vorwahl {
  width: 60px;
}
#f1 input.telefon {
  width: 130px;
}

.productname1 {
  color: var(--red);
}

#listerfilter {
  padding: 0px;
  margin: 0px;
}
#listerfilter form {
  padding: 20px 0px 0px 0px;
  margin: 0px;
}

#pagenav {
  padding: 10px 0px 10px 0px;
}
#pagenav ul {
  padding: 0px;
  margin: 0px;
}
#pagenav li {
  list-style-type: none;
  display: inline;
  margin-right: 80px;
  color: gray;
}
#pagenav a {
  color: var(--darkblue);
  text-decoration: underline;
}
#pagenav a:hover {
  color: var(--darkblue);
  text-decoration: underline;
}

.listnav {
  width: 240px;
  margin: 0px auto 0px auto;
}
.listnav ul {
  padding: 0px;
  margin: 0px;
}
.listnav li {
  list-style-type: none;
  display: inline;
  padding: 0px;
  margin: 0px 15px 0px 0px;
  list-style: none;
  background-image: none;
  color: gray;
}
.listnav li a {
  text-decoration: none;
}
.listnav li.pageno {
  color: var(--darkblue);
}
.listnav li span.act_page {
  color: var(--red);
}

div.DomCheckLine {
  clear: both;
}
div.DomCheckDomain {
  background-color: #d4eaff;
  font-weight: bold;
  width: 23%;
  height: 48px;
  margin: 0;
  padding: 0 0 0 10px;
  float: left;
  white-space: nowrap;
  overflow: auto;
}
div.DomEPreis, div.DomMPreis {
  text-align: right;
  background-color: #fff;
  font-weight: bold;
  float: left;
  height: 48px;
  width: 12%;
  margin: 0;
  padding-right: 20px;
  padding-right: 10px;
}
div.DomCheckStatus {
  background-color: #fff;
  font-weight: bold;
  float: left;
  height: 48px;
  width: 20%;
  margin: 0;
  padding-left: 10px;
}
div.DomCheckStatus .frei {
  color: #00b21d;
}
div.DomCheckStatus .belegt {
  color: var(--red);
}
div.DomCheckBox {
  background-color: #fff;
  float: left;
  height: 48px;
  width: 33%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.ui .content ul {
  list-style: none;
}

.ui .content:has(.handle-item) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 10px;
}

.ui .content .handle-item {
  width: 100%;
  margin: 0;
}

h2.content {
  font-size: 12px;
  color: white;
  height: 16px;
  background-color: var(--darkblue);
  padding: 0px 0px 0px 10px;
  margin: 0px;
}

#btnMehrDoms {
  color: var(--red);
  cursor: pointer;
}
#btnMehrDoms a {
  color: var(--red);
  text-decoration: underline;
}

#navigation li {
  list-style-image: none;
  list-style-type: inherit;
}

.help {
  width: 230px;
  background-color: white;
  border: 1px solid #69ADDE;
  padding: 0px;
  margin: 0px;
}
.help p {
  padding: 5px 10px 0px 10px;
  margin: 0px;
}
.help h2 {
  background-color: #69ADDE;
  color: white;
  padding: 3px 10px 3px 10px;
  margin: 0px;
  font-size: 12px;
}
.help form {
  padding: 0px;
  margin: 0px;
}

.MagicBoxSolid .slidertable, .MagicBoxSolid td.sildertable {
  border: none;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
}

.moretld {
  display: none;
}

.tldShow {
  display: table-row;
}

span.button {
  color: white;
  padding: 0px 5px;
  margin-top: 1px;
  margin-right: 10px;
  float: right;
  text-decoration: none;
  background: var(--darkblue);
  cursor: pointer;
}
span.button:hover {
  background-color: var(--darkblue);
  color: white;
}

#input_auth {
  padding: 10px 5px;
  margin: 0;
  width: 250px;
  margin: 10px auto;
}

#authcode_change {
  text-align: center;
}

.ui-dialog {
  -webkit-box-shadow: 0px 0px 10px 0px #999;
  box-shadow: 0px 0px 10px 0px #999;
}

.ui-dialog-title, .ui-button-text {
  color: white;
}

.none {
  text-align: center;
  font-weight: bold;
  color: var(--blue);
  font-size: 14pt;
  background-color: #f5f5f5;
}

.boxWrapper {
  /*border: 1px solid var(--blue);*/
  padding: 10px;
  margin: 0px;
}
.boxWrapper.alert {
  border: 1px solid var(--red);
  background-color: #efcece;
}
.boxWrapper.alert h2 {
  color: var(--red);
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 0;
}

#activities {
  width: 100%;
}
#activities > .vabstand:first-child {
  height: 0;
}

#startWrapperRight {
  width: 30%;
  float: left;
  border-left: 1px solid var(--blue);
  padding-left: 10px;
  margin-left: -1px;
}

#feedWrapper > h5 {
  border-top: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
  padding: 8px;
  background-color: var(--blue);
  color: white;
  text-align: center;
  margin-bottom: 10px;
}
#feedWrapper .feedItem {
  margin: 5px 0;
  float: left;
  width: 100%;
}
#feedWrapper .feedItem:last-child {
  margin-bottom: 0px;
}
#feedWrapper .feedItem:last-child p {
  padding-bottom: 0px;
}
#feedWrapper .feedItem a:before, #feedWrapper .feedItem a:after {
  content: "";
  display: block;
  clear: both;
}
#feedWrapper .feedItem:before, #feedWrapper .feedItem:after {
  content: "";
  display: block;
  clear: both;
}
#feedWrapper .feedItem p {
  padding-bottom: 5px;
  font-size: 8pt;
}
#feedWrapper .feedItem p a {
  float: right;
}
#feedWrapper .feedItem a {
  font-size: 8pt;
}

.showMore {
  cursor: pointer;
}

.MagicBoxInfo .MagicBoxBody {
  overflow: auto;
}

.MagicBoxSub .MagicBoxBody p {
  padding: 0.25rem;
}
.MagicBoxSub .MagicBoxBody p:hover, .MagicBoxSub .MagicBoxBody p.active {
  background-color: white;
}
.MagicBoxSub .MagicBoxBody p:last-child:hover {
  background-color: transparent;
}

.MagicBoxSolid td button.btnn, .btnn {
  border: 1px solid var(--darkblue);
  background-color: #d8d8d8;
  color: var(--darkblue);
  padding: 3px;
  background: #d8d8d8;
  background: -webkit-linear-gradient(var(--white) 0%, #d8d8d8 60%);
  background: -o-linear-gradient(var(--white) 0%, #d8d8d8 60%);
  background: linear-gradient(var(--white) 0%, #d8d8d8 60%);
}

.MagicBoxSolid td button.btnn i, .btnn i {
  color: inherit;
}

.MagicBoxSolid td button.btnn.danger, .btnn.danger {
  color: var(--red);
  border-color: var(--red);
}

.table {
  border-spacing: 2px;
  border-collapse: collapse !important;
  width: 100%;
  margin: 15px 0;
  background-color: var(--white);
}
.table td {
  padding: 4px 10px;
  vertical-align: middle;
  border: 1px solid #c5e3ff;
}
.table td form:has(.btn) {
  display: flex;
  justify-content: center;
}
.table tr:nth-child(even) {
  --bs-table-bg: var(--aqua);
}
.table tr td {
  background-color: var(--bs-table-bg);
}
.table .tr-hidden {
  background-color: #aaa;
  color: #fff;
  display: none;
}
.table .tr-hidden td {
  color: inherit;
}
.table .tr-hidden .table,
.table .tr-hidden tr,
.table .tr-hidden td {
  background-color: inherit !important;
}
.table th,
.table tfoot td {
  background-color: var(--darkblue);
  color: var(--white);
  padding: 4px 10px;
  text-align: left;
  border: 1px solid #c5e3ff;
}
.table th a,
.table tfoot td a {
  color: var(--white);
}
.table th strong,
.table tfoot td strong {
  color: var(--white);
}
.table.table-form td {
  background-color: initial !important;
  background-color: #efefef !important;
  padding: 5px 10px !important;
  border-color: #efefef;
}
.table.table-form select {
  padding: 5px;
  min-width: 200px;
  border: 1px solid #aaa;
  box-sizing: content-box;
}
.table.table-form input[type=text] {
  padding: 5px;
  min-width: 200px;
  border: 1px solid #aaa;
  box-sizing: content-box;
}
.table.table-first {
  width: 100%;
}
.table.table-first:not(tfoot) tr td:first-child {
  font-weight: bold;
  color: #123b72;
}
.table.table-first:not(tfoot) tr:nth-child(odd) td:first-child {
  background-color: var(--aqua);
}
.table.table-first:not(tfoot) tr:nth-child(even) td:first-child {
  background-color: #c3e5fa;
}
.table.table-lg td, .table.table-lg th {
  padding: 10px 10px;
}
.table.table-hover tr:hover td {
  background-color: #c5e3ff;
}
.table.table-pseudo {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.table.table-pseudo tr {
  background-color: inherit !important;
}
.table.table-pseudo td {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: inherit !important;
  text-align: center;
}

/*
.currentPackage {
    float: left;
    width: 35%;

    thead {
        border-bottom: 5px solid var(--lightblue)  !important;
        h5 {
            margin: 5px 0;
        }
    }

    tfoot {
        color: var(--white);

        h4 {
            margin: 10px 0;
            padding: 0;
            text-align: center;
            color: inherit;
        }

        p {
            padding: 0 0 5px 0 !important;
            color: inherit;
        }
    }
}

.upgradePackages {
    float: left;
    width: 65%;
}

.currentPackage h2, .upgradePackage h2 {
    font-size: 13pt !important;
    margin: 10px 0 !important;
    padding: 0 !important;
}

.currentPackage .table, .upgradePackage .table {
    border: 5px solid var(--lightblue);
}

.currentPackage .table td, .upgradePackage .table td {
    border: none;
}
*/
.upgrade_toggle {
  display: none;
}

.upgradePackage:not(:last-child) {
  border-bottom: 1px solid var(--blue);
}
.upgradePackage a.more {
  margin: 5px 0;
  display: block;
  cursor: pointer;
}
.upgradePackage a.upgrade {
  width: 100%;
  background-color: var(--darkblue);
  color: white;
  display: block;
  text-align: center;
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
}
.upgradePackage:hover a.upgrade {
  background-color: var(--red);
}
.upgradePackage.paket_def_518 .price, .upgradePackage.paket_def_519 .price, .upgradePackage.paket_def_520 .price, .upgradePackage.paket_def_521 .price, .upgradePackage.paket_def_522 .price, .upgradePackage.paket_def_523 .price {
  color: var(--green);
}
.upgradePackage.paket_def_518 .price strong, .upgradePackage.paket_def_519 .price strong, .upgradePackage.paket_def_520 .price strong, .upgradePackage.paket_def_521 .price strong, .upgradePackage.paket_def_522 .price strong, .upgradePackage.paket_def_523 .price strong {
  color: inherit;
}

.table-borderless > :not(caption) > * > * {
  border: 0 !important;
}

ul#overviewheader {
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
  /*border-bottom: 1px solid var(--blue);*/
}
ul#overviewheader li {
  display: table-cell;
  float: none;
  width: 1%;
  background: none;
  padding-left: 0;
  cursor: pointer;
  background-color: #eff7ff;
  border: 1px solid var(--blue);
  border-left: 0;
  text-align: center;
  margin: 1px;
  margin-bottom: 0;
  padding: 10px;
  font-weight: bold;
}
ul#overviewheader li:first-child {
  border-left: 1px solid var(--blue);
}
ul#overviewheader li:hover {
  background-color: var(--lightblue);
}
ul#overviewheader li.active {
  background-color: var(--white);
  border-bottom: 0;
}

.overviewcontent {
  display: none;
  background-color: white;
  padding: 10px;
  border: 1px solid var(--blue);
  border-top: none;
}
.overviewcontent.active {
  display: block;
}

.oc_detail {
  float: left;
  margin: 5px;
}

#oc_42,
#oc_507,
#oc_517,
#oc_519,
#oc_521,
#oc_523,
#oc_811,
#oc_813,
#oc_815 {
  display: none;
}

.oc_group_1,
.oc_group_3 {
  width: calc(50% - 10px);
  float: left;
  margin: 5px;
}

.oc_group_2 {
  width: calc(33% - 10px);
  float: left;
  margin: 5px;
}

.oc_group_6 {
  width: calc(33% - 10px);
  float: left;
  margin: 5px;
}

.oc_group_10 {
  width: calc(50% - 10px);
  float: left;
  margin: 5px;
}

.oc_switch {
  width: 30%;
  margin: auto;
  text-align: center;
}

.oc_switch_item {
  float: left;
  text-align: center;
  width: 50%;
  padding: 10px;
  border: 1px solid var(--blue);
  margin-top: 10px;
  background-color: #eff7ff;
  cursor: pointer;
}
.oc_switch_item[ref="12"] {
  border-right: none;
}
.oc_switch_item:hover {
  background-color: var(--lightblue);
}
.oc_switch_item.active {
  background-color: white;
  font-weight: bold;
}

.oc_switch_upgrade {
  width: 30%;
  margin: auto;
  text-align: center;
}

.oc_switch_upgrade_item {
  float: left;
  text-align: center;
  width: 50%;
  padding: 10px;
  border: 1px solid var(--blue);
  margin-top: 10px;
  background-color: #eff7ff;
  cursor: pointer;
}
.oc_switch_upgrade_item:hover {
  background-color: var(--lightblue);
}
.oc_switch_upgrade_item[ref="1"] {
  border-right: none;
}
.oc_switch_upgrade_item.active {
  background-color: white;
  font-weight: bold;
}

.oc_detail table thead td {
  background-color: var(--aqua);
}
.oc_detail table thead td h2 {
  text-align: center;
  font-size: 15pt;
  padding: 10px;
}
.oc_detail table tbody td:first-child {
  text-align: right;
}
.oc_detail table tbody tr:last-child td {
  text-align: center;
  padding: 10px;
  font-size: 14px;
}
.oc_detail table tbody tr:last-child td strong {
  font-size: 14px;
}
.oc_detail table tfoot td {
  padding: 0;
}

.stat_tables table {
  width: 100%;
  max-width: 100%;
  margin: 10px 0;
  border-spacing: 0;
  border-collapse: collapse !important;
}
.stat_tables table tbody tr:hover {
  background-color: #ddd;
}
.stat_tables table td {
  padding: 2px;
  white-space: nowrap;
}
.stat_tables table small a {
  padding: 10px 2px;
  text-decoration: none;
}
.stat_tables table th {
  padding: 5px 3px;
  text-shadow: 1px 1px 1px #000;
  color: white;
}
.stat_tables table th font {
  color: inherit;
}

.ui.modal > .header {
  background-color: #f9fafb !important;
}

.infobox_wrapper {
  display: grid;
  --bs-gutter-y: 1rem;
  --bs-gutter-x: 1rem;
}

.infobox_nav {
  display: flex;
  min-height: 150px;
}

.infobox_info {
  display: flex;
  min-height: 150px;
}

.header-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  height: 100%;
  justify-content: flex-end;
  align-content: flex-start;
}

.header-box {
  display: flex;
  min-width: fit-content;
  align-items: stretch;
  flex-flow: column;
  justify-content: space-evenly;
  background: linear-gradient(var(--darkblue) 0%, var(--darkblue) 50%, var(--blue) 50%, var(--blue) 100%);
  padding-inline: 0.5rem;
}
.header-box .header {
  text-align: center;
  font-weight: initial;
  padding-inline: 0.5rem;
  padding-block: 0.5rem;
  color: white;
}
.header-box .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  margin: 0;
  width: initial;
  float: initial;
  font-weight: initial;
  padding-inline: 0.5rem;
  padding-block: 0.5rem;
}
.header-box a {
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
}
.header-box a.action {
  float: right;
  text-align: center;
}
.header-box a.logout {
  padding: 3px;
  background-color: var(--bs-danger);
  color: var(--white);
}
.header-box a:hover {
  text-decoration: underline;
}

.clickstart_tabs {
  padding-top: 20px;
}
.clickstart_tabs .clickstart_tab {
  padding: 10px 20px;
  margin: 0px 1px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  border: 1px solid #fff;
  border-bottom: none;
}
.clickstart_tabs .clickstart_tab.clickstart_cms {
  background-color: #3e938d;
}
.clickstart_tabs .clickstart_tab.clickstart_cms.active {
  border-color: #3e938d;
  color: #3e938d;
}
.clickstart_tabs .clickstart_tab.clickstart_foto {
  background-color: #f19c00;
}
.clickstart_tabs .clickstart_tab.clickstart_foto.active {
  border-color: #f19c00;
  color: #f19c00;
}
.clickstart_tabs .clickstart_tab.clickstart_shops {
  background-color: #389238;
}
.clickstart_tabs .clickstart_tab.clickstart_shops.active {
  border-color: #389238;
  color: #389238;
}
.clickstart_tabs .clickstart_tab.clickstart_email {
  background-color: #4892df;
}
.clickstart_tabs .clickstart_tab.clickstart_email.active {
  border-color: #4892df;
  color: #4892df;
}
.clickstart_tabs .clickstart_tab.clickstart_foren {
  background-color: #2e5ba5;
}
.clickstart_tabs .clickstart_tab.clickstart_foren.active {
  border-color: #2e5ba5;
  color: #2e5ba5;
}
.clickstart_tabs .clickstart_tab.clickstart_versch {
  background-color: #d5157c;
}
.clickstart_tabs .clickstart_tab.clickstart_versch.active {
  border-color: #d5157c;
  color: #d5157c;
}
.clickstart_tabs .clickstart_tab.active {
  color: #fff;
  background-color: #efefef;
}

.clickstart {
  text-decoration: none;
  padding: 0px;
  margin: 0px;
}
.clickstart .clickstart_logo {
  display: table-cell;
  background-color: var(--white);
  width: 170px;
  height: 140px;
  vertical-align: middle;
  padding: 5px;
}
.clickstart .clickstart_logo img {
  width: 100%;
}
.clickstart h2 {
  font-size: 16px;
  margin: 10px 0 !important;
  padding: 0;
}
.clickstart b, .clickstart p, .clickstart a.clickstart_info {
  margin: 10px !important;
  padding: 0;
}

.paketChange ul {
  margin-bottom: 0;
}
.paketChange li {
  padding: 5px;
  border-bottom: 1px solid var(--blue);
}
.paketChange li:last-child {
  border-bottom: none;
}
.paketChange li .btn {
  float: right;
}
.paketChange li div {
  width: initial;
  float: initial;
  margin: 0;
  padding: 0;
}

.nav-list li {
  padding: 3px 5px;
}

.handle-item {
  cursor: pointer;
}
.handle-item:hover {
  background-color: #f9fafb;
  border: 1px solid #d9dadc;
}
.handle-item.active {
  background-color: #f9fafb;
  border: 1px solid #123b71;
}
.handle-item p {
  padding-bottom: 0;
  font-weight: bold;
  min-height: 80px;
}
.handle-item.disabled {
  background-color: #eee;
  color: #555;
}
.handle-item.disabled p {
  color: inherit;
}

.cc-window.cc-floating {
  -webkit-box-shadow: 0 0 10px 0 #555;
  box-shadow: 0 0 10px 0 #555;
}
.cc-window.cc-floating .cc-message {
  color: white;
}

.clickstart-logo {
  height: 100px;
  width: 20%;
  padding: 0px;
  display: table-cell;
  line-height: 100px;
  float: left;
  background-color: #fff;
  margin-right: 10px;
}
.clickstart-logo img {
  width: 100%;
  vertical-align: middle;
}

.tab {
  display: none;
  background: #fff;
  padding-top: 1rem;
}
.tab.active {
  display: block;
}
.tab h2 {
  padding-left: 0;
  margin-bottom: 10px;
  font-size: 12pt;
}

.clickstart-info {
  float: left;
  width: calc(80% - 10px);
  padding-bottom: 30px;
}
.clickstart-info .btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.clickstart-wrapper {
  position: relative;
  width: calc(50% - 5px);
  float: left;
  border: 1px solid #eee;
  min-height: 200px;
  margin-bottom: 10px;
  padding: 10px;
}
.clickstart-wrapper:nth-child(odd) {
  margin-right: 10px;
}

.tabs {
  padding: 0;
  margin: 0;
  margin: auto;
}
.tabs.boxbody a {
  margin-right: 2px;
  padding: 5px;
  width: calc(20% - 2px);
}
.tabs.boxbody a.active, .tabs.boxbody a:hover {
  background-color: #efefef;
}
.tabs.boxbody a:last-child {
  width: 20%;
  margin-right: 0;
}
.tabs[data-tabs="2"] a, .tabs[data-tabs="2"] span {
  width: 50%;
}
.tabs[data-tabs="3"] a, .tabs[data-tabs="3"] span {
  width: 33.3333333333%;
}
.tabs[data-tabs="4"] a, .tabs[data-tabs="4"] span {
  width: 25%;
}
.tabs[data-tabs="5"] a, .tabs[data-tabs="5"] span {
  width: 20%;
}
.tabs[data-tabs="6"] a, .tabs[data-tabs="6"] span {
  width: 16.6666666667%;
}
.tabs[data-tabs="7"] a, .tabs[data-tabs="7"] span {
  width: 14.2857142857%;
}
.tabs[data-tabs="8"] a, .tabs[data-tabs="8"] span {
  width: 12.5%;
}
.tabs[data-tabs="9"] a, .tabs[data-tabs="9"] span {
  width: 11.1111111111%;
}
.tabs[data-tabs="10"] a, .tabs[data-tabs="10"] span {
  width: 10%;
}
.tabs[data-tabs="11"] a, .tabs[data-tabs="11"] span {
  width: 9.0909090909%;
}
.tabs[data-tabs="12"] a, .tabs[data-tabs="12"] span {
  width: 8.3333333333%;
}
.tabs a {
  float: left;
  padding: 5px 10px;
  background-color: #ddd;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}
.tabs a.active, .tabs a:hover {
  background-color: #fff;
}
.tabs a small {
  font-weight: normal;
}
.tabs span {
  float: left;
  padding: 5px 10px;
  background-color: #ddd;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}
.tabs span.active {
  background-color: #fff;
}
.tabs span small {
  font-weight: normal;
}

.check-items {
  float: left;
  width: 50%;
}

.check-item {
  padding: 10px;
  border: 1px solid #eee;
  margin: 5px auto;
  width: 100%;
  text-align: center;
  position: relative;
}
.check-item:hover, .check-item.active {
  background-color: #eee;
  cursor: pointer;
}
.check-item:hover:after, .check-item.active:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00c";
  float: right;
  position: absolute;
  right: 10px;
  top: 10px;
}

.form-group label {
  font-weight: bold;
}
.form-group input,
.form-group select,
.form-group .form-control {
  padding: 1ex 2ex;
}
.form-group input.disabled,
.form-group select.disabled,
.form-group .form-control.disabled {
  background-color: #eee;
}
.form-group .msg-error {
  grid-area: input-add;
}
.form-group input:has(+ .msg-error) {
  border-color: var(--red);
}

.form-check-input {
  font-size: 1.5rem;
  margin-left: -1.6em !important;
}

.form-info {
  padding: 0.75rem;
  font-weight: normal;
  grid-area: input-info;
}

.ui-dialog-title {
  color: black;
}

.domainsearch-box {
  text-align: center;
  margin: 15px;
}
.domainsearch-box input[type=text] {
  width: 35%;
  padding: 10px 20px;
  font-size: 10pt;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  outline: none !important;
  border: 1px solid #aaa;
}
.domainsearch-box button {
  width: 15%;
  padding: 10px 20px;
  margin: 0;
}

.autocomplete-suggestions {
  border: 1px solid #CCC;
  background: #FFF;
  overflow: auto;
  padding: 6px 12px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #990010;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}

i.flag.int:before {
  background: url(/img/icon/flag/int.png) no-repeat !important;
}

.doku_form {
  width: 100%;
  padding: 0;
  margin: 0;
}
.doku_form input[type=text] {
  padding: 1rem;
  border: 1px solid #ADC6E7;
  outline: none;
  font-size: 1.1rem;
  border-right: 0;
}
.doku_form button {
  padding: 1rem;
  border: 0;
  border: 1px solid #ADC6E7;
  background: #ADC6E7;
  color: white;
  font-size: 1.1rem;
  gap: 0.5rem !important;
}

.newslist a {
  padding: 10px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}
.newslist a:hover {
  background-color: #eee;
}
.newslist li:last-child a {
  border-bottom: 0;
}

.handleItem {
  width: 48%;
  padding: 10px;
  margin: 5px;
  border: 1px solid #eee;
  float: left;
  cursor: pointer;
}
.handleItem:hover {
  background-color: #eee;
  border: 1px solid #ddd;
}
.handleItem.active {
  border: 1px solid #AD0000;
}

#console {
  width: 100%;
  height: 400px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*background-color: #484948;*/
  background-color: #000;
  color: white;
  font-family: Courier;
  padding: 10px;
  font-size: 8pt;
  overflow: scroll;
  white-space: nowrap;
}

#console_refresh,
#console_start,
#console_pause {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fcbb10;
  background-color: #fdce53;
  padding: 3px 10px;
  margin-bottom: 10px;
  color: #484948;
}

#console > * {
  color: white;
}

.labelCell {
  width: 150px;
  padding-left: 40px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.dataCell {
  width: 270px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.dataCell > #server {
  width: 53px;
}
.dataCell > #subdir {
  width: 245px;
}

#tfaWrapper {
  padding: 25px 0 75px 0;
  text-align: center;
  margin: 0;
  margin-left: -20%;
}
#tfaWrapper input {
  width: 50px;
  font-size: 40px;
  text-align: center;
  border: 1px solid #123B72;
}
#tfaWrapper input:focus {
  outline: none;
  color: #a91b22;
}
#tfaWrapper button {
  margin: 10px;
}

.cm-app-title {
  color: white;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  margin-top: 20px;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  grid-gap: 10px;
  grid-template-areas: "data-select data-filter" "data-table data-table" "data-info data-pageination";
}
.dataTables_wrapper:after,
.dataTables_wrapper .dataTable:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.dataTables_wrapper .dataTables_length {
  grid-area: data-select;
  margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_filter {
  grid-area: data-filter;
  text-align: right;
  margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_filter input[type=search] {
  padding: 6px;
  margin-left: 5px;
  border: 1px solid #ddd;
}
.dataTables_wrapper .dataTable {
  grid-area: data-table;
}
.dataTables_wrapper .dataTables_length select {
  padding: 4px;
}
.dataTables_wrapper .dataTables_info {
  grid-area: data-info;
}
.dataTables_wrapper .dataTables_paginate {
  grid-area: data-pageination;
  text-align: right;
}
.dataTables_wrapper .dataTables_paginate a {
  border: 1px solid #123b72;
  padding: 5px;
  margin: 1px;
  outline: none;
}
.dataTables_wrapper .dataTables_paginate a.current {
  background-color: #123b72;
  color: white;
}
.dataTables_wrapper .dataTables_paginate span a {
  min-width: 20px;
  text-align: center;
  display: inline-block;
}

.table-data {
  display: none;
}

.dataTable.table-data {
  margin: 10px 0;
}

ul.treeview {
  list-style-image: initial !important;
  margin-left: initial !important;
  margin-bottom: initial !important;
  padding-left: initial !important;
}

.treeview li div {
  margin: initial !important;
  margin-left: -16px !important;
  width: 16px !important;
}

.dykWrapper {
  border: 1px solid #adc6e7;
  display: flex;
  align-items: stretch;
  margin-bottom: 10px;
}
.dykWrapper .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%;
  text-align: center;
  background-color: #adc6e7;
  padding: 5px;
}
.dykWrapper .text {
  text-align: center;
  width: 100%;
}
.dykWrapper .text > p {
  padding: 5px;
}

.radio-box {
  cursor: pointer;
}
.radio-box:hover {
  background-color: var(--lightblue4);
}
.radio-box:has(input:checked) {
  background-color: var(--darkblue);
  color: white;
}
.radio-box:has(input:checked) code {
  text-shadow: 0 0 1px tomato;
}

.easypage-display {
  position: relative;
}
.easypage-display .MagicBoxBody {
  padding: 10px;
}
.easypage-display h2 {
  font-size: 15pt;
  margin-bottom: 20px;
  padding: 10px 10px 5px 15px;
}
.easypage-display h2 i {
  font-size: inherit;
}
.easypage-display h3 {
  float: right;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 12pt;
}
.easypage-display p {
  margin-left: 15px !important;
  padding-top: 8px !important;
}
.easypage-display p:hover {
  background-color: transparent !important;
}
.easypage-display a {
  font-size: inherit;
  text-decoration: underline;
}

.klaro * {
  color: #444;
}

.progress {
  border-radius: 1rem;
  height: 20px;
  position: relative;
}
.progress .bar-label {
  position: absolute;
  inset: 0;
  width: 100%;
  text-align: center;
  color: #333 !important;
  font-size: 1rem;
  line-height: 20px;
  text-shadow: 0px 0px 2px white;
}

.sub-nav-tabs {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  justify-content: space-evenly;
}
.sub-nav-tabs > a {
  display: grid;
  flex: 1;
  text-align: center;
  text-decoration: none;
  justify-items: center;
  gap: 1rem;
  padding: 1rem;
  background-color: #fff;
}
.sub-nav-tabs > a:hover {
  background-color: var(--lightblue3);
}
.sub-nav-tabs > a.active {
  background-color: var(--darkblue);
  color: white;
}

.fa-layers {
  position: relative;
}

.fa-layers-counter {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 3ch;
  font-size: 0.4em;
  padding: 0.25rem;
  line-height: initial;
  border-radius: 0.75rem;
  color: var(--darkblue);
  background: var(--blue);
  box-shadow: 0px 0px 0px 2px white;
  text-align: center;
}

.hamburger {
  font-size: 1.5rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
  cursor: pointer;
  z-index: 200;
}
.hamburger .fa {
  transition: 0.2s;
  transition-behavior: allow-discrete;
}

@media (max-width: 991px) {
  .webform .input-area, .webform > div:not(.cb) {
    grid-template-areas: "label label-info" "input input" "input-info input-add";
    grid-template-columns: 1fr 1fr;
  }
  .sm-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .container-fluid {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .hamburger {
    position: absolute;
    text-shadow: 1px 0px 1px white, -1px 0px 1px white;
  }
  .hamburger:has(.fa-xmark-large) {
    position: fixed;
  }
  .nav-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
    z-index: 100;
    min-height: 100svh;
    background-color: #eee;
  }
  .nav-wrapper .box {
    height: max-content;
  }
  nav {
    height: auto;
    padding-top: 5rem;
  }
  nav a {
    justify-content: center;
    padding-block: 1rem;
    cursor: pointer;
  }
  #logo {
    text-align: center;
  }
  header {
    grid-auto-flow: initial;
    justify-items: stretch;
    justify-content: initial;
    width: 100%;
    padding-bottom: 1rem;
  }
  .header-boxes {
    justify-content: space-evenly;
  }
}
@media (max-width: 650px) {
  .header-box {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 400px) {
  .header-box {
    width: 100%;
  }
}

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