/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

@font-face {
/*font-name: 'FrutigerLTW02-45Light';*/
font-family: 'Frutiger';
font-style: normal;
font-weight: 200;
src:url("./fonts/99f761bf-9f30-4bdd-b284-ee7038dc52c9.eot?#iefix") format("eot"),
    url("./fonts/3dfb651c-3644-4f87-b7cb-32889ea939ba.woff2") format("woff2"),
    url("./fonts/59d9a83f-4045-4d43-af46-655f845461ee.woff") format("woff"),
    url("./fonts/f901b503-9104-414a-a856-af9bcc802b5c.ttf") format("truetype"),
    url("./fonts/e4d07d96-8993-47b9-9f1d-1e228bf1c529.svg#e4d07d96-8993-47b9-9f1d-1e228bf1c529") format("svg");
}

@font-face {
/*font-name: 'FrutigerLTW02-55Roman';*/
font-family: 'Frutiger';
font-style: normal;
font-weight: 400;
src:url("./fonts/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix") format("eot"),
    url("./fonts/361c8371-8c18-4a04-9430-ef7cd4bf06ec.woff2") format("woff2"),
    url("./fonts/409b4bec-c67e-4764-a141-054db8df81d2.woff") format("woff"),
    url("./fonts/efe9def0-77d1-4c28-8fd2-371236a3c8ed.ttf") format("truetype"),
    url("./fonts/70b07d32-76f5-474e-83b0-7d5a3fefb15b.svg#e4d07d96-8993-47b9-9f1d-1e228bf1c529") format("svg");
}


.font-frutiger {
  font-family: Frutiger, verdana, arial, helvetica, sans-serif;
}

:root {
  --bs-body-font-family: "Frutiger";
}

.fhg_impressum_line {text-align: center;}

body {
  font-family: var(--bs-body-font-family);
}

.btn-primary {
  background-color: #179c7d;
  border-color: #179c7d;
  color: #fff;
}

/* Tooltip Start*/
.lss-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help;outline:0;}
.lss-tooltip__icon{display:inline-flex;justify-content:center;align-items:center;width:1.25em;height:1.25em;border-radius:999px;background:#A7A7A7;color:#fff;font:700 0.9em/1 system-ui,sans-serif;user-select:none;}
.lss-tooltip__text{
  position:absolute;left:50%;bottom:100%;margin-bottom:8px;transform:translateX(-50%);
  background:#333;color:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.25);
  z-index:10000;visibility:hidden;opacity:0;transition:opacity .18s ease;display:block;
  width:auto;min-width:28ch;max-width:38rem;box-sizing:border-box;text-align:left;line-height:1.35;
  white-space:normal !important;overflow-wrap:break-word !important;word-break:normal !important;hyphens:auto;writing-mode:horizontal-tb !important;direction:ltr;letter-spacing:normal;
}
.lss-tooltip__text::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#333;}
.lss-tooltip:hover .lss-tooltip__text,.lss-tooltip:focus-within .lss-tooltip__text{visibility:visible;opacity:1;}
/* Basis wie gehabt (Icon, Desktop-Tooltip etc.) */

/* Mobil: Box nach Inhalt, mit Obergrenze und seitlichen Rändern */
@media (max-width: 640px){
  .lss-tooltip__text{
    position: fixed;
    left: 12px;
    right: 12px;
    top: 12px;           /* Abstand oben */
    bottom: auto;        /* WICHTIG: kein Vollhöhen-Layout */
    transform: none !important;
    margin: 0;

    /* Breite/Höhe */
    width: auto !important;
    min-width: 0 !important;    /* übersteuert evtl. frühere min-width */
    height: auto;               /* passt sich dem Inhalt an */
    max-height: 85vh;           /* bei viel Text: intern scrollen, unten bleibt Luft */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    border-radius: 10px;
    z-index: 9999;
  }

  /* Pfeil ausblenden bei zentrierter Darstellung */
  .lss-tooltip__text::after{ display: none; }
}
/* Tooltip End*/

/* progress bar adaptation */
.progress .progress-bar {
  background-color: #179c7d;   /* gewünschte Farbe */
  color: #fff;                 /* Text/Prozentanzeige lesbar halten */
}

/* data protection bar adaptation */
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgb(23 156 125) !important;
}

/* data protection title adaptation */
.modal-title {
    color: #fff;
}

/*data protection link adaptation */
a {
    color: #179c7d;
    text-decoration: underline;
}

.text-info {
    --bs-text-opacity: 1;
    color: rgb(23 156 125) !important;
}

/* logo on mobile phone */
/* Logo immer sichtbar und ausgerichtet */
.logo-container {
display: inline-flex !important;
align-items: center;
}
/* Mobil zentrieren */
@media (max-width: 575.98px) {
.logo-container { justify-content: center; }
}