a.nav-link.active { text-decoration: underline;}

.linkshomebox { width: 100%; text-align:  center;}
a.linkshome  {
    color: #636b6f;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

a.underline { text-decoration: underline;       }

ul { list-style: square; }
 .mx-sm-3, .btn { margin-left: 0px !important; }

 ::placeholder {
   color: #bbb !important;
   opacity: 1; /* Firefox */
 }

 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bbb !important;
 }

 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #bbb !important;
 }

 div.striped.row:nth-child(even){
background-color: #fafafa;
}
div.striped.row:nth-child(odd){
background-color: #f0f0f0;
}

div.row.title { background-color: #ddd;  }
.row { margin: 0px; padding:  5px; }

.inline { display: inline-block; padding: 0.2rem 0.1rem 0rem 0.5rem; margin: 0px;  }


nav a { text-decoration:  none; }

.gauge_percent { text-align: center; font-weight: bold; font-size: 150%; margin-top: 20px; padding-top:10px; border-top: #999 1px solid; }

@media screen and (max-width: 800px) {
.container { padding:  0px; width: 100%; max-width: 100%; }
.row { padding: 0px; }

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto
{ padding-left: 5px; padding-right: 5px; margin-bottom: 20px; }

.card-body { padding: 5px; }

.h1, h1 {   font-size: 2rem; }

.h2, h2 {  font-size: 1.6rem; }
}

.navbar-brand img { height:  75px; max-height: 75px; width: auto; margin-right: 20px !important; }
a.navbar-brand { padding: 0px !important; }

.elementsBox .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff; }
.tab-content { border-left: solid 1px #fff; border-right: solid 1px #fff; border-bottom: solid 1px #fff;}
.tab-pane { color: #fff; }
.dosing_box { color: #fff; padding: 10px 10px; margin: 10px 0; border-radius: 5px; }
.dosing_box a { color: #ddd; }
.dosing_box a:hover { color: #fff !important; }
.dosing_top { font-weight: bold; }

.mr-sm-3, .mx-sm-3 {
margin-right: 0.5rem!important;
}

h2.divider { width:  100%; background-color:  #1067A6 ; color: #fff; padding:  5px; }

a.calc { display: block; width: 100%; margin: 0px 0 20px 0; }

.liter_gal {display: inline-block; line-height: 0%; margin: 0px 0 0 0; padding: 0px; }
.water_label { margin-bottom: 7px; }
.water { margin: 0px 0 0 0 !important; }


.navbar-collapse { padding-top: 15px; }

ul.home_languages { text-align: left; margin: 0px; list-style: none; }
ul.home_languages li { margin: 0 0 10px 0; width: auto; display: block; margin-right: 0px; }
img.home_lab { width: 100%; max-width: 1140px; }

div.s { display: none; }

.fullwidth { width: 100%; }
.gauge_dev {padding: 20px 0px; width: 100%;  }

.analysis-edit-element { width: 150px; display: inline; }

.div-is-invalid { border: solid 1px red; border-radius: 4px; }

.floating-anchor {
position: fixed;
bottom: 10px;
right: 35px;
background-color: #333;
color: #fff;
padding: 5px 10px 5px 10px;
text-decoration: none;
display: none;
font-size: 18px;
}
.floating-anchor.active {
display: block;
}

@media only screen and (max-width: 600px) {
br.unit { display: none; visibility: hidden; }
}

input[type="radio"] {
width: 20px;  /* Setze die Breite des Radio Buttons */
height: 20px; /* Setze die Höhe des Radio Buttons */
-webkit-appearance: none; /* Entferne das Standard-Aussehen in Webkit-Browsern */
appearance: none; /* Entferne das Standard-Aussehen in anderen Browsern */
border: 2px solid #1067A6; /* Füge einen Rahmen hinzu */
border-radius: 50%; /* Mache den Radio Button rund */
outline: none; /* Entferne den Standard-Umriss */
cursor: pointer; /* Ändere den Cursor bei Hover */
}

input[type="radio"]:checked {
background-color: #1067A6; /* Farbe des ausgewählten Radio Buttons */
border-color: #1067A6; /* Rahmenfarbe des ausgewählten Radio Buttons */
}



.order-button {
  background-color: #d7f3e3 !important; display: block; text-align: center; text-decoration: none; padding: 2px 10px 2px 10px; width: 100%;
  color: #123c24; margin: 0px 0px 5px 0px; font-size: 18px !important; font-weight: 600 !important;
  word-wrap: break-word !important; margin: 3px 0px 3px 0px; white-space: normal; text-align: left;
}
.order-button:hover { background-color: #c7e3d3 !important; text-decoration: underline;  }

.order-button-ordered {
  background-color: #d7f3e3 !important; display: block; text-align: center; text-decoration: none; padding: 2px 10px 2px 10px; width: 100%;
  color: #123c24; margin: 0px 0px 5px 0px; font-size: 18px !important; font-weight: 600 !important;
  word-wrap: break-word !important; font-weight: bold; text-align: center; cursor: default !important;
  margin: 3px 0px 3px 0px; white-space: normal; text-align: left;
}


@media only screen and (max-width: 600px) {
  .order-button { font-size: 15px !important; margin-top: 0px !important;  }
}


.order-link {
  background-color: #d7f3e3 !important; display: block; text-align: center; text-decoration: none; padding: 2px; width: 100%;
  color: #123c24; margin: 0px; font-size: 18px !important; font-weight: 600 !important; word-wrap: break-word !important;
}
.order-link:hover { background-color: #c7e3d3 !important; text-decoration: underline;  }


.order-warning-time { font-weight: 700 !important; font-size: 16px !important; margin: 22px 0 10px 0; }

.copyToClipboardMessage { font-weight: 600; color: #000; display:none; }





/** end **/