
html
{
    font-family:Poppins,Nunito,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5
}
body
{
    margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji
}
samp
{
    font-family:Poppins,ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size:1em
}
.font-sans
{
    font-family:Poppins,Nunito,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
.page-header {
    position: relative;
    z-index: 1;
    background-image: url("../images/handtuchstange.svg");
    background-repeat: repeat-x;
  }
h1{
    font-size: x-large;
    padding-bottom:0.5em;
}
h2{
    font-size: large;
}
h3{
    font-size: medium;
}
th{
    font-size: large;
    padding-top: 1em;
    font-weight: normal;
    text-align: left;
}
.text-blue-gafner
{
    --tw-text-opacity: 1;
    color: rgba(0, 112, 176, var(--tw-text-opacity))
}
.border-blue-gafner
{
    --tw-border-opacity: 1;
    border-color: rgba(0, 112, 176, var(--tw-border-opacity))
}
.border-blue-gafner-background
{
    --tw-border-opacity: 1;
    border-color: rgba(218,241,247, var(--tw-border-opacity))
}
.bg-blue-gafner
{
    --tw-bg-opacity:1;
    background-color:rgba(0, 112, 176,var(--tw-bg-opacity))
}
.dark .bg-blue-gafner
{
    --tw-bg-opacity:1;
    background-color:rgba(0, 0, 0,var(--tw-bg-opacity))
}
.bg-blue-gafner-light
{
    --tw-border-opacity: 1;
    border-color: rgba(0, 112, 176, var(--tw-border-opacity));
    background-color: rgba(218,241,247,var(--tw-bg-opacity));
    color:rgba(0, 112, 176);
    margin-top: 0.5em
}
.bg-blue-gafner-light:hover{
    --tw-bg-opacity: 1;
    background-color: rgba(0, 112, 176,var(--tw-bg-opacity));
    color:rgb(255, 255, 255);
}
.bg-blue-gafner-light:active
{
    --tw-bg-opacity: 1;
    background-color: rgba(0, 112, 176,var(--tw-bg-opacity));
    color:rgb(255, 255, 255);
}
.bg-blue-gafner-light:focus
{
    --tw-bg-opacity: 1;
    background-color: rgba(0, 112, 176,var(--tw-bg-opacity));
    color:rgb(255, 255, 255);
}
.bg-blue-gafner-background
{
    --tw-bg-opacity:1;
    background-color:rgba(218,241,247,var(--tw-bg-opacity))
}
.flatpickr-calendar
{
	background:transparent;opacity:0;display:none;text-align:center;
	visibility:hidden;padding:0;-webkit-animation:none;animation:none;
	direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;
	width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;
	box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
}
.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#0070b0}
.gs-tooltip-icon
{
    display:inline;
    text-align: center;
}
.gs-tooltip {
  cursor: pointer;
}
.gs-tooltip span[role=tooltip] {
    display: none;
  }

  .gs-tooltip:hover span[role=tooltip] {
    display: block;
    position: absolute;
    padding: 0.5em;
    z-index: 100;
    color: #000;
    background-color: #daf1f7;
    border: solid 1px #0080ca;
    border-radius: 0.2em;
  }
.left-44{
    left: 11rem;
}

.height-page {
    min-height: 65vh;
}

.menuc-list li:hover {
    color:white;
    background-color: rgba(0, 112, 176,var(--tw-bg-opacity));
}

.dark .menuc-list li:hover {
    background-color: rgba(0, 112, 176,var(--tw-bg-opacity));
}

.menuc-list li.activeitem {
    color:white;
    background-color: rgba(0, 112, 176,var(--tw-bg-opacity));
}

.dark .menuc-list li.activeitem {
    background-color: rgba(0, 112, 176,var(--tw-bg-opacity));
}

  .wrapper {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
}
.wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
footer section{
    display: block;
}
  footer {
    background: #0070b0;
    color: #fff;
    font-size: 0.9em;
    display: block;
    margin-top: 3em;
  }
  footer .col {
    /*float: left;*/
    margin-right: 1%;
  }
  footer .one-third {
    padding: 2em 0;
    width: 32.65%;
  }
  footer .one-third ul li {
    padding: .5em 0;
  }
  footer a {
    color: #fff;
    text-decoration: none;
  }
  footer a:hover, footer a:focus {
    text-decoration: underline;
    color: #FFF;
  }
  footer h3 {
    font-size: 1.5em;
    margin-bottom: 1em;
  }
  footer strong {
    display: block;
    font-weight: 400;
  }
  footer .legals {
    background: #0e4161;
    padding: 1em;
    display: block;
  }
  footer .legals ul li {
    display: inline-block;
    padding: 0;
  }
  footer .legals ul li:after {
    content: "|";
     margin-left: 0.25em;
  }
  footer .legals ul li:last-of-type:after {
    content: "";
  }
  footer .legals a {
    color: #fff;
    font-size: 0.85em;
  }
  footer .legals .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  footer .legals .wrapper p {
    width: 50%;
    padding: 0.5em 0;
  }
  footer .legals .wrapper p a {
      font-size: 1em;
  }
  footer .legals .wrapper ul {
    width: 50%;
    text-align: right;
    font-size: 1.15em;
  }
  footer .legals .wrapper ul li {
    padding: 0.5em 0;
  }
  .bg-green-200	{
      --tw-bg-opacity: 1;
     background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }
  input[name="orderDateTime"]::placeholder{
    color:darkgrey;
  }
  input[name="orderDateTime"]::-moz-placeholder{
    color:darkgrey;
  }
  input[name="orderDateTime"]:-ms-input-placeholder{
    color:darkgrey;
  }
  input[name="orderDateTime"]::-ms-input-placeholder {
    color:darkgrey;
  }
  .saturday{
      font-weight: lighter;
      color: red;
  }
  .sm\:text-sm{
      font-size: medium;
  }
.max-w-85{
    max-width: 85%;
}
