/**** Bedretto variables ****/
/* new colors */
/* headers */
/* text-decoration for links */
/* resource margin-bottom */
/** share variables **/
/** icon-facebook **/
/** Bedretto common **/
.img-caption {
  font-style: italic;
}

.headline {
  border-top: none;
}

.anchor-name {
  position: relative;
  display: block;
}

.bordered {
  border: 1px solid black;
  padding: 3px;
}

.bs5-rss .feed-title a,
.bs5-infotable td a,
.bs5-text .text-box a, .bs5-text a.noicon,
.bs5-carousel .carousel-caption a,
.bs5-iwt .text-100 a, .bs5-iwt .text-auto a, .bs5-iwt a.noicon, .bs5-table table td a, .bs5-employee a {
  border-bottom: 2px dotted;
}

.accordion-header button {
  font-weight: 600;
}

.row.th-default {
  background-color: transparent !important;
}

.row.th-default .servive-block-light {
  background-color: #e9ecef !important;
}

.row.th-light, .row.th-dark, .row.th-first, .row.th-second, .row.th-third, .row.th-fourth, .row.th-fifth {
  padding: 0rem !important;
  --bs-gutter-x: 0px !important ;
}

.row.th-light .bs5-text, .row.th-dark .bs5-text, .row.th-first .bs5-text, .row.th-second .bs5-text, .row.th-third .bs5-text, .row.th-fourth .bs5-text, .row.th-fifth .bs5-text,
.row.th-light .bs5-iwt, .row.th-dark .bs5-iwt, .row.th-first .bs5-iwt, .row.th-second .bs5-iwt, .row.th-third .bs5-iwt, .row.th-fourth .bs5-iwt, .row.th-fifth .bs5-iwt,
.row.th-light .bs5-rss, .row.th-dark .bs5-rss, .row.th-first .bs5-rss, .row.th-second .bs5-rss, .row.th-third .bs5-rss, .row.th-fourth .bs5-rss, .row.th-fifth .bs5-rss,
.row.th-light .bs5-flexible, .row.th-dark .bs5-flexible, .row.th-first .bs5-flexible, .row.th-second .bs5-flexible, .row.th-third .bs5-flexible, .row.th-fourth .bs5-flexible, .row.th-fifth .bs5-flexible {
  padding: 1.5rem;
}

/* end Bedretto common */
/* Bedretto share */
#share-collapse {
  width: 16.875rem;
  padding: 5px;
  border-radius: 0.625rem;
  margin: 0.7rem 0px;
  background-color: white !important;
}

.share-icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: 50% 50% no-repeat;
  background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath d='M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z' /></svg>"));
}

.icon-mail {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  content: "";
  background: 0% 50% no-repeat;
  background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-envelope' viewBox='0 0 16 16'><path d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z'/></svg>"));
  background-size: 70% 100%;
}

.icon-facebook {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  content: "";
  background: 0% 50% no-repeat;
  background-image: escape-svg(url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-facebook' viewBox='0 0 16 16'><path d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z' /></svg>"));
  background-size: 70% 100%;
}

.icon-twitter {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  content: "";
  background: 0% 50% no-repeat;
  background-image: escape-svg(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z' /%3e%3c/svg%3e"));
  background-size: 60% 100%;
}

.icon-whatsapp {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  content: "";
  background: 0% 50% no-repeat;
  background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path d='M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z' /></svg>"));
  background-size: 70% 100%;
}

.icon-linkedin {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  content: "";
  background: 0% 50% no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath d='M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z' /%3e%3c/svg%3e");
  background-size: 60% 100%;
}

.icon-link {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  content: "";
  background: 0% 50% no-repeat;
  background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path d='M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z' /><path d='M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z' /></svg>"));
  background-size: 70% 100%;
}

.share-btn {
  width: 2.125rem;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: center;
  background-color: transparent;
  border: none;
  border-radius: 50%;
}

/* end Bedretto share */
/*Bedretto icons for resource bs5-text */
.icon-link-download {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor'  viewBox='0 0 16 16'><path d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/><path d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/></svg>");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  margin-right: 0.5rem;
  width: 1.563rem;
  height: 1.25rem;
  margin-bottom: 3px;
}

.icon-link-linkext {
  background-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z'/></svg>");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  margin-right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
}

.icon-link-linkint {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor'  viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  width: 2.188rem;
  height: 1.25rem;
}

.icon-link-contact {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/></svg>");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  margin-right: 0.5rem;
  width: 1.563rem;
  height: 1.25rem;
}

/* end Bedretto icons */
:root {
  --black: #000;
  --white: #fff;
  --gray: #555;
  --muted: #999;
  --muted-invert: #ccc;
  --primary-color: #9ECC44;
  --primary-color-dark: #85ac38;
  --primary-color-light: #b7db6e;
  --secondary-color: #000F26;
  --secondary-color-light: #001E4E;
  --secondary-color-rgb: 16, 27, 46;
  --third-color: #95EB44;
  --third-color-light: #C6E1FF;
  --secondary-gradient:linear-gradient(to right top, var(--secondary-color), var(--secondary-color-light));
  --third-gradient:linear-gradient(to bottom, var(--third-color-light), var(--third-color));
  --header-height: 65px;
  --logo-height: 45px;
  --full-header-height: var(--header-height);
  /* just for calc min-height used */
  --footer-height: 183px;
  /* just for calc min-height used */
  --container-max-width: 1200px;
  --container-max-width-s: 800px;
  --main-nav-item-width: 100%;
  --sub-nav-item-width: 100%;
  --font-family: "Open Sans", sans-serif;
  --font-family-bold: "Lecend Deca", sans-serif;
  --font-family-bolder: "Oswald", sans-serif;
  --font-bold-weight: 600;
  --default-padding-big: 1.3rem 1rem;
  --default-padding: 1.3rem 1rem;
  --default-padding-thight: 1rem;
  --box-shadow: 2px 3px 6px 3px rgba(0, 0, 0, 0.2);
  --box-shadow-light: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  --box-shadow-bottom: 2px 5px 4px 2px rgba(0, 0, 0, 0.2);
}

body, html {
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.5;
}

h1 {
  font-family: var(--font-family-bolder);
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
}

h2, h3, h4 {
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  line-height: 1.3;
}

h1 {
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
}

h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

h3 {
  font-size: 1.4rem;
  margin-bottom: 0.75rem;
}

h4 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

p {
  font-size: 1rem;
}

a:hover {
  color: var(--primary-color-dark) !important;
}

a:focus {
  outline: none;
}

/* this styles the links - when focused with tab */
a:focus-visible {
  outline: 1px;
  outline-style: dashed;
  outline-offset: 0.5rem;
}

.info {
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.5;
}
.info h3 {
  color: var(--primary-color);
}
.info p {
  font-size: 1.5rem;
}

.wysiwyg a {
  border-bottom: 2px dotted;
}

body {
  /* overwrite for sed-webcomponents tableviewer influence */
  background-color: transparent;
}

.container, .bedretto-container {
  max-width: var(--container-max-width);
  width: 92vw !important;
  margin-left: auto;
  margin-right: auto;
}

.bedretto-content {
  min-height: calc(100vh - var(--full-header-height) - var(--footer-height));
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}
.bedretto-content::before {
  /* here is the background gradient. 
     It has a min-height, so the gradiant looks on all pages similar 
  */
  content: "";
  background: var(--third-gradient);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 6000px;
  z-index: -1;
}
.bedretto-content.home {
  padding-top: 3rem;
}
.bedretto-content .container {
  background: white;
  padding: var(--default-padding-big);
}
.bedretto-content .container + .container {
  margin-top: 3rem;
}
.bedretto-content .container .row + .row {
  margin-top: 0rem;
  /* this is about the news - probably other impact */
}
.bedretto-content .container .row > div:first-child .bs5-iwt.iwt-compact,
.bedretto-content .container .row > div:first-child .bedretto-project-teaser {
  margin-bottom: 2rem;
}
.bedretto-content .container:has(.bedretto-centered-container) {
  max-width: var(--container-max-width-s);
  margin-left: auto;
  margin-right: auto;
}
.bedretto-content .container:has(.bedretto-transparent-container) {
  background: none;
  padding: 0;
}
.bedretto-content .container .align-items-center > .bs5-text {
  /* centered layoutrows */
  margin-bottom: 0;
}

.bedretto-header {
  background: var(--secondary-gradient);
  color: white;
  margin-bottom: 0;
  z-index: 1;
}
.bedretto-header .mobile-menu-toggle {
  font-size: var(--logo-height);
}
.bedretto-header .mobile-menu-toggle svg {
  height: 45px;
  width: auto;
  margin-left: -8px;
  /* there is spacing around the svg */
}
.bedretto-header .bedretto-logo {
  z-index: 1;
}
.bedretto-header .bedretto-logo img {
  width: auto;
  height: var(--logo-height);
}
.bedretto-header .container-without-hero, .bedretto-header .container-with-hero {
  height: var(--header-height);
  overflow-y: visible;
}
.bedretto-header .bedretto-container {
  padding: 0;
}
.bedretto-header .meta-nav {
  padding: 1rem 0;
}
.bedretto-header .meta-nav .search-button {
  color: white;
}
.bedretto-header .meta-nav .lang-dropdown {
  color: white;
  font-size: 1.3rem;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  text-transform: uppercase;
  cursor: pointer;
}
.bedretto-header .meta-nav .lang-dropdown .dropdown-menu {
  right: auto;
  border: none;
  border-radius: 0;
  background: white;
  box-shadow: var(--box-shadow);
  padding: 1rem;
  width: 90px;
  min-width: 0;
  cursor: pointer;
}
.bedretto-header .meta-nav .lang-dropdown .dropdown-menu .dropdown-item {
  font-size: 1.3rem;
  border-bottom: 3px solid transparent;
  text-align: center;
}
.bedretto-header .meta-nav .lang-dropdown .dropdown-menu .dropdown-item:hover {
  border-bottom: 3px solid var(--primary-color);
  background: none;
  color: black !important;
}
.bedretto-header .meta-nav .lang-dropdown .dropdown-menu .dropdown-item.active {
  background: none;
  color: var(--muted) !important;
}
.bedretto-header .meta-nav .lang-toggle ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.bedretto-header .meta-nav .lang-toggle ul li {
  display: inline;
}
.bedretto-header .meta-nav .lang-toggle ul li a {
  font-size: 1.3rem;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  text-transform: uppercase;
}
.bedretto-header .meta-nav .lang-toggle ul li a:hover {
  background: none;
  color: var(--primary-color) !important;
}
.bedretto-header .meta-nav .lang-toggle ul li a.active {
  background: none;
  color: var(--muted) !important;
}
.bedretto-header .meta-nav .lang-toggle ul li:first-child ::after {
  content: "/";
  padding: 0 0.5rem;
  color: var(--muted) !important;
}
.bedretto-header nav.navbar {
  background: white;
  padding: 0 !important;
}
.bedretto-header nav.navbar ul.navbar-nav {
  padding: 0 1rem;
  display: block;
  width: 100%;
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-button {
  border-bottom: 3px solid var(--primary-color);
  margin: 0;
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-button a {
  padding: 1.5rem 0.75rem 0.75rem;
  padding: 0.75rem 0;
  width: 100%;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  font-size: 1.5rem;
  text-decoration: none;
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-button.active a, .bedretto-header nav.navbar ul.navbar-nav .dropdown-button:hover a {
  color: var(--secondary-color) !important;
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-menu {
  border: none;
  border-radius: 0;
  background: white;
  z-index: 1;
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu {
  margin-bottom: 0.5rem;
  /* sub-sub nav */
  /* these are the 3th and 4th level items */
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu a {
  font-size: 1.4rem;
  padding: 0.25rem 1rem;
  width: 100%;
  color: var(--secondary-color-light) !important;
  display: block;
  text-align: left;
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu a span {
  padding: 0 0.5rem 0.15rem;
  border-bottom: 3px solid transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu.active > a span, .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu a:hover span {
  border-bottom: 3px solid var(--primary-color);
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu ul {
  list-style: none;
  padding-left: 0;
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu.navTreeLevel-1, .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu.navTreeLevel-2 {
  margin-bottom: 0;
}
.bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu.navTreeLevel-1 a, .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu.navTreeLevel-2 a {
  color: var(--secondary-color) !important;
  padding-top: 0rem;
  padding-bottom: 0.1rem;
  padding-left: 2.5rem;
  font-size: 1.1rem;
  text-align: left;
  font-weight: normal;
}

/* special homepage intro */
#home-intro, .home-itn {
  position: absolute;
  top: 27vh;
  width: 100%;
  z-index: 1;
}
#home-intro .bedretto-container, .home-itn .bedretto-container {
  max-width: var(--container-max-width-s);
}
#home-intro .title, .home-itn .title {
  color: white;
  font-size: 1.4rem;
  text-shadow: 2px 1px 2px black;
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
}

.bedretto-footer {
  background: var(--secondary-gradient);
  color: white;
  font-family: var(--font-family-bold);
  padding: 3rem 0 2rem;
  margin-top: 0;
}
.bedretto-footer ul {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1000px;
}
.bedretto-footer ul li {
  display: block;
}
.bedretto-footer ul li a {
  padding: 1rem 1rem 1rem 0;
  font-size: 1.3rem;
}
.bedretto-footer .copyright, .bedretto-footer .copyright a {
  color: var(--muted-invert);
}

/* search page: ch.ethz.sed.bootstrap5.search:search-page-bs5-m.jsp */
.type-search {
  padding: 1rem 1.4rem;
}
.type-search .search-result-row {
  margin-top: 1rem !important;
}
.type-search #button-search {
  background: var(--primary-color);
  border: none;
  color: black;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  padding-right: 1rem;
  padding: 0.5rem 1.5rem;
  margin: 0;
  line-height: 1;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid black;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-left: none;
}
.type-search #button-search:hover {
  color: black !important;
  background: var(--primary-color-light);
}
.type-search .form-control:focus {
  box-shadow: none;
}
.type-search .facet-panel-heading {
  background: none;
  border: none;
}
.type-search .facet-panel-heading h3.facet-panel-title {
  line-height: 1;
  padding: 0;
}
.type-search .facet-panel-fields {
  border: none;
  padding: 0;
  padding-top: 1rem;
}
.type-search .page-link:focus {
  box-shadow: none;
}
.type-search .page-link.active, .type-search .active > .page-link {
  background: var(--primary-color);
}
.type-search .page-link.active:hover, .type-search .page-link.active:focus, .type-search .active > .page-link:hover, .type-search .active > .page-link:focus {
  color: white !important;
  background: var(--primary-color-light);
}
.type-search .badge {
  font-weight: normal;
  padding: 0;
  color: var(--muted);
  font-size: 0.8rem;
}

/* button to scroll to top */
.top-control {
  position: fixed;
  cursor: pointer;
  bottom: 10px;
  right: 10px;
  width: 50px;
  height: 40px;
  color: white;
  background-color: var(--secondary-color);
  border-radius: 4px;
}

/* spacing between content */
.bs5-image, .bs5-text, .bs5-video, .bs5-carousel, .bs5-tabs-accordion, .bs5-flexible-content, .bs5-table, .bs5-rss {
  margin-bottom: 2rem;
}

.bs5-image:last-child,
.bs5-text:last-child,
.bs5-video:last-child,
.bs5-carousel:last-child,
.bs5-flexible-content:last-child,
.bs5-table:last-child,
.bs5-rss:last-child,
.bs5-tabs-accordion:last-child {
  margin-bottom: 0;
}

.bedretto-transparent-container .bs5-image, .bedretto-transparent-container .bs5-text, .bedretto-transparent-container .bs5-video, .bedretto-transparent-container .bs5-carousel, .bedretto-transparent-container .bs5-tabs-accordion, .bedretto-transparent-container .bs5-flexible-content, .bedretto-transparent-container .bs5-table, .bedretto-transparent-container .bs5-rss {
  margin-bottom: 3rem;
}
.bedretto-transparent-container .bs5-image:last-child,
.bedretto-transparent-container .bs5-text:last-child,
.bedretto-transparent-container .bs5-video:last-child,
.bedretto-transparent-container .bs5-carousel:last-child,
.bedretto-transparent-container .bs5-flexible-content:last-child,
.bedretto-transparent-container .bs5-table:last-child,
.bedretto-transparent-container .bs5-rss:last-child,
.bedretto-transparent-container .bs5-tabs-accordion:last-child {
  margin-bottom: 0;
}

/* bedretto styled select on project overview */
.bedretto-select:focus {
  border: none;
}
.bedretto-select ::picker(select) {
  -webkit-appearance: base-select;
     -moz-appearance: base-select;
          appearance: base-select;
  border: none;
}
.bedretto-select select, .bedretto-select.form-select {
  background-color: var(--primary-color);
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  line-height: 1;
  border-radius: 0;
  padding: 0.5rem 2.5rem 0.5rem 2rem;
  border: none;
}
.bedretto-select select ::picker(select), .bedretto-select.form-select ::picker(select) {
  border: none;
}
.bedretto-select select:hover, .bedretto-select.form-select:hover {
  background-color: var(--primary-color-light);
}
.bedretto-select select:focus, .bedretto-select select:focus-visible, .bedretto-select.form-select:focus, .bedretto-select.form-select:focus-visible {
  border: none;
  box-shadow: none;
  outline: none;
}
.bedretto-select select option, .bedretto-select select optgroup, .bedretto-select.form-select option, .bedretto-select.form-select optgroup {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  font-weight: inherit;
  padding-top: 0.5rem;
}
.bedretto-select select option:checked, .bedretto-select select option[selected], .bedretto-select select optgroup:checked, .bedretto-select select optgroup[selected], .bedretto-select.form-select option:checked, .bedretto-select.form-select option[selected], .bedretto-select.form-select optgroup:checked, .bedretto-select.form-select optgroup[selected] {
  background-color: white !important;
  color: var(--primary-color-dark) !important;
}
.bedretto-select select option:hover, .bedretto-select select option:focus, .bedretto-select select optgroup:hover, .bedretto-select select optgroup:focus, .bedretto-select.form-select option:hover, .bedretto-select.form-select option:focus, .bedretto-select.form-select optgroup:hover, .bedretto-select.form-select optgroup:focus {
  background-color: var(--primary-color);
}
.bedretto-select select option:hover:checked, .bedretto-select select option:hover[selected], .bedretto-select select option:focus:checked, .bedretto-select select option:focus[selected], .bedretto-select select optgroup:hover:checked, .bedretto-select select optgroup:hover[selected], .bedretto-select select optgroup:focus:checked, .bedretto-select select optgroup:focus[selected], .bedretto-select.form-select option:hover:checked, .bedretto-select.form-select option:hover[selected], .bedretto-select.form-select option:focus:checked, .bedretto-select.form-select option:focus[selected], .bedretto-select.form-select optgroup:hover:checked, .bedretto-select.form-select optgroup:hover[selected], .bedretto-select.form-select optgroup:focus:checked, .bedretto-select.form-select optgroup:focus[selected] {
  color: black;
}

/* bs5-text bedretto styled button */
.bs5-text.bedretto_button_link a.link-icon {
  background: var(--primary-color);
  border: none;
  color: black;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  padding-right: 1rem;
  padding: 0.5rem 1.5rem;
  margin: 0;
  line-height: 1;
  box-shadow: none;
  border-radius: 0;
  padding: 0.5rem 1.5rem 0.5rem 2rem;
  margin-bottom: 1rem;
}
.bs5-text.bedretto_button_link a.link-icon:hover {
  color: black !important;
  background: var(--primary-color-light);
}

/* imagewithtext */
.bs5-iwt p.theme-text, .bs5-iwt p.dates {
  font-family: var(--font-family);
}
.bs5-iwt.iwt-detail #goBack {
  background: var(--primary-color);
  border: none;
  color: black;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  padding-right: 1rem;
  padding: 0.5rem 1.5rem;
  margin: 0;
  line-height: 1;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 2rem;
  padding: 0.5rem 2rem 0.5rem 1.5rem;
}
.bs5-iwt.iwt-detail #goBack:hover {
  color: black !important;
  background: var(--primary-color-light);
}
.bs5-iwt.iwt-detail #goBack .bi-arrow-left {
  margin-right: 0.35rem;
  transform: translateY(1px);
  display: inline-block;
}
.bs5-iwt.iwt-detail p.dates, .bs5-iwt.iwt-detail p.theme-text {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.bs5-iwt.iwt-detail p.theme-text {
  color: var(--primary-color-dark);
  margin-right: 1rem;
}
.bs5-iwt.iwt-detail h1, .bs5-iwt.iwt-detail h2, .bs5-iwt.iwt-detail h3 {
  width: 100%;
}

/* imagewithtext-compact & bedretto-project-teaser (this is the NEWS teaser item) */
.bs5-iwt.iwt-compact {
  margin-bottom: 0rem;
}

.bs5-iwt.iwt-compact.compactVnoTeaser,
.bs5-iwt.iwt-compact.compactV,
.bs5-iwt.iwt-compact.compactH,
.bedretto-project-teaser {
  box-shadow: var(--box-shadow);
  padding: var(--default-padding);
  background: white;
  z-index: 0;
}
.bs5-iwt.iwt-compact.compactVnoTeaser p.theme-text,
.bs5-iwt.iwt-compact.compactV p.theme-text,
.bs5-iwt.iwt-compact.compactH p.theme-text,
.bedretto-project-teaser p.theme-text {
  margin-bottom: 0.5rem;
  margin-right: 1rem;
  display: inline-block;
  color: var(--primary-color-dark);
}
.bs5-iwt.iwt-compact.compactVnoTeaser p.dates,
.bs5-iwt.iwt-compact.compactV p.dates,
.bs5-iwt.iwt-compact.compactH p.dates,
.bedretto-project-teaser p.dates {
  margin-bottom: 0.5rem;
  display: inline-block;
}
.bs5-iwt.iwt-compact.compactVnoTeaser .headline,
.bs5-iwt.iwt-compact.compactV .headline,
.bs5-iwt.iwt-compact.compactH .headline,
.bedretto-project-teaser .headline {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  min-height: calc(2.6em + 0.5rem);
  margin-bottom: 0.5rem;
}
.bs5-iwt.iwt-compact.compactVnoTeaser .headline h2, .bs5-iwt.iwt-compact.compactVnoTeaser .headline h3, .bs5-iwt.iwt-compact.compactVnoTeaser .headline h4,
.bs5-iwt.iwt-compact.compactV .headline h2,
.bs5-iwt.iwt-compact.compactV .headline h3,
.bs5-iwt.iwt-compact.compactV .headline h4,
.bs5-iwt.iwt-compact.compactH .headline h2,
.bs5-iwt.iwt-compact.compactH .headline h3,
.bs5-iwt.iwt-compact.compactH .headline h4,
.bedretto-project-teaser .headline h2,
.bedretto-project-teaser .headline h3,
.bedretto-project-teaser .headline h4 {
  font-family: var(--font-family-bold);
  font-size: 1.5rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.bs5-iwt.iwt-compact.compactVnoTeaser .img-box,
.bs5-iwt.iwt-compact.compactV .img-box,
.bs5-iwt.iwt-compact.compactH .img-box,
.bedretto-project-teaser .img-box {
  margin-bottom: 0;
}
.bs5-iwt.iwt-compact.compactVnoTeaser .img-box img,
.bs5-iwt.iwt-compact.compactV .img-box img,
.bs5-iwt.iwt-compact.compactH .img-box img,
.bedretto-project-teaser .img-box img {
  aspect-ratio: 16/9;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.bs5-iwt.iwt-compact.compactVnoTeaser .teaser-box,
.bs5-iwt.iwt-compact.compactV .teaser-box,
.bs5-iwt.iwt-compact.compactH .teaser-box,
.bedretto-project-teaser .teaser-box {
  margin-top: 0;
}
.bs5-iwt.iwt-compact.compactVnoTeaser .teaser-box p, .bs5-iwt.iwt-compact.compactVnoTeaser .teaser-box div,
.bs5-iwt.iwt-compact.compactV .teaser-box p,
.bs5-iwt.iwt-compact.compactV .teaser-box div,
.bs5-iwt.iwt-compact.compactH .teaser-box p,
.bs5-iwt.iwt-compact.compactH .teaser-box div,
.bedretto-project-teaser .teaser-box p,
.bedretto-project-teaser .teaser-box div {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.bs5-iwt.iwt-compact.compactVnoTeaser .read-all a.back-to,
.bs5-iwt.iwt-compact.compactV .read-all a.back-to,
.bs5-iwt.iwt-compact.compactH .read-all a.back-to,
.bedretto-project-teaser .read-all a.back-to {
  background: var(--primary-color);
  border: none;
  color: black;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  padding-right: 1rem;
  padding: 0.5rem 1.5rem;
  margin: 0;
  line-height: 1;
  box-shadow: none;
  border-radius: 0;
  padding: 0.5rem 1.5rem 0.5rem 2rem;
}
.bs5-iwt.iwt-compact.compactVnoTeaser .read-all a.back-to:hover,
.bs5-iwt.iwt-compact.compactV .read-all a.back-to:hover,
.bs5-iwt.iwt-compact.compactH .read-all a.back-to:hover,
.bedretto-project-teaser .read-all a.back-to:hover {
  color: black !important;
  background: var(--primary-color-light);
}
.bs5-iwt.iwt-compact.compactVnoTeaser .read-all a.back-to .bi-arrow-right,
.bs5-iwt.iwt-compact.compactV .read-all a.back-to .bi-arrow-right,
.bs5-iwt.iwt-compact.compactH .read-all a.back-to .bi-arrow-right,
.bedretto-project-teaser .read-all a.back-to .bi-arrow-right {
  margin-left: 0.35rem;
  transform: translateY(1px);
}

.bs5-iwt.iwt-compact.compactV .teaser-box {
  padding: 1.4rem 0;
  min-height: calc(2.8rem + 3lh);
}
.bs5-iwt.iwt-compact.compactV .img-box + .read-all {
  /* there is no teaser text set */
  margin-top: calc(2.8rem + 3lh);
}

.bs5-iwt.iwt-compact.compactVnoTeaser .read-all {
  margin-top: 1.4rem;
}

.bs5-iwt.iwt-compact.compactH .img-box {
  margin-right: 1.5rem;
}

/* bs5-image element */
.bs5-image {
  /* illustrations on research page (svg)*/
}
.bs5-image .img-caption {
  margin-top: 0.4rem;
  font-style: normal;
}
.bs5-image .img-caption p {
  font-size: 0.8rem;
  line-height: 1.2rem;
}
.bs5-image.bedretto-illustration {
  height: 100%;
  /* firefox display fix */
}
.bs5-image.bedretto-illustration img {
  aspect-ratio: 4/3;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

/* bedretto-project-teasers, list and detail */
.bedretto-project-list {
  --bs-gutter-y: 2rem;
  --bs-gutter-x: 2rem;
}

.bedretto-project-teaser {
  padding: 0;
  position: relative;
}
.bedretto-project-teaser .img-box img {
  aspect-ratio: 1/1;
}
.bedretto-project-teaser .content {
  padding: var(--default-padding-thight);
}
.bedretto-project-teaser .content .dates span {
  padding-right: 0.25rem;
}

.bedretto-project .img-box img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.bedretto-project .category-list {
  list-style: none;
  padding: 0;
  color: var(--primary-color-dark);
}
.bedretto-project .category-list li {
  display: inline;
}
.bedretto-project .category-list li + li:before {
  content: ",";
  margin-right: 0.3rem;
}
.bedretto-project #goBack {
  background: var(--primary-color);
  border: none;
  color: black;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold-weight);
  padding-right: 1rem;
  padding: 0.5rem 1.5rem;
  margin: 0;
  line-height: 1;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 2rem;
  padding: 0.5rem 2rem 0.5rem 1.5rem;
}
.bedretto-project #goBack:hover {
  color: black !important;
  background: var(--primary-color-light);
}
.bedretto-project #goBack .bi-arrow-left {
  margin-right: 0.35rem;
  transform: translateY(1px);
  display: inline-block;
}

/* bs-tabs accoridions */
.bs5-tabs-accordion .accordion, .bs5-tabs-accordion.accordion, .bs5-text .accordion, .bs5-text.accordion, .bs5-iwt .accordion, .bs5-iwt.accordion {
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-active-color: var(--primary-color-dark);
}
.bs5-tabs-accordion .accordion h2:has(button), .bs5-tabs-accordion .accordion h3:has(button), .bs5-tabs-accordion .accordion h4:has(button), .bs5-tabs-accordion.accordion h2:has(button), .bs5-tabs-accordion.accordion h3:has(button), .bs5-tabs-accordion.accordion h4:has(button), .bs5-text .accordion h2:has(button), .bs5-text .accordion h3:has(button), .bs5-text .accordion h4:has(button), .bs5-text.accordion h2:has(button), .bs5-text.accordion h3:has(button), .bs5-text.accordion h4:has(button), .bs5-iwt .accordion h2:has(button), .bs5-iwt .accordion h3:has(button), .bs5-iwt .accordion h4:has(button), .bs5-iwt.accordion h2:has(button), .bs5-iwt.accordion h3:has(button), .bs5-iwt.accordion h4:has(button) {
  margin-bottom: 0;
}
.bs5-tabs-accordion .accordion .text-box, .bs5-tabs-accordion.accordion .text-box, .bs5-text .accordion .text-box, .bs5-text.accordion .text-box, .bs5-iwt .accordion .text-box, .bs5-iwt.accordion .text-box {
  padding-top: 1rem;
}
.bs5-tabs-accordion .accordion-item, .bs5-text .accordion-item, .bs5-iwt .accordion-item {
  border: none;
}
.bs5-tabs-accordion .accordion-item .add-content-collapsed, .bs5-text .accordion-item .add-content-collapsed, .bs5-iwt .accordion-item .add-content-collapsed {
  margin-left: 0;
  margin-right: 0;
}
.bs5-tabs-accordion .accordion-header button.accordion-button, .bs5-tabs-accordion h2 button.accordion-button, .bs5-tabs-accordion h3 button.accordion-button, .bs5-tabs-accordion h4 button.accordion-button, .bs5-text .accordion-header button.accordion-button, .bs5-text h2 button.accordion-button, .bs5-text h3 button.accordion-button, .bs5-text h4 button.accordion-button, .bs5-iwt .accordion-header button.accordion-button, .bs5-iwt h2 button.accordion-button, .bs5-iwt h3 button.accordion-button, .bs5-iwt h4 button.accordion-button {
  box-shadow: none;
  border-bottom: 1px solid black;
}
.bs5-tabs-accordion .accordion-header button.accordion-button:not(.collapsed), .bs5-tabs-accordion h2 button.accordion-button:not(.collapsed), .bs5-tabs-accordion h3 button.accordion-button:not(.collapsed), .bs5-tabs-accordion h4 button.accordion-button:not(.collapsed), .bs5-text .accordion-header button.accordion-button:not(.collapsed), .bs5-text h2 button.accordion-button:not(.collapsed), .bs5-text h3 button.accordion-button:not(.collapsed), .bs5-text h4 button.accordion-button:not(.collapsed), .bs5-iwt .accordion-header button.accordion-button:not(.collapsed), .bs5-iwt h2 button.accordion-button:not(.collapsed), .bs5-iwt h3 button.accordion-button:not(.collapsed), .bs5-iwt h4 button.accordion-button:not(.collapsed) {
  background: none;
}

.bs5-carousel .carousel-caption {
  padding-bottom: 2rem;
}
.bs5-carousel .carousel-indicators {
  margin-bottom: 1rem !important;
}
.bs5-carousel .carousel-control-next-icon,
.bs5-carousel .carousel-control-prev-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-filter: none;
          filter: none;
  background-size: 60% 60%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.bs5-carousel .carousel-control-prev-icon {
  transform: rotate(180deg);
}
.bs5-carousel .carousel-control-prev:hover .carousel-control-next-icon,
.bs5-carousel .carousel-control-prev:hover .carousel-control-prev-icon, .bs5-carousel .carousel-control-prev:focus .carousel-control-next-icon,
.bs5-carousel .carousel-control-prev:focus .carousel-control-prev-icon,
.bs5-carousel .carousel-control-next:hover .carousel-control-next-icon,
.bs5-carousel .carousel-control-next:hover .carousel-control-prev-icon, .bs5-carousel .carousel-control-next:focus .carousel-control-next-icon,
.bs5-carousel .carousel-control-next:focus .carousel-control-prev-icon {
  background-color: rgba(0, 0, 0, 0.8);
}

/* bs5-table flexitable */
.bs5-table .bs5-table-box {
  width: 100%;
}
.bs5-table .bs5-table-box .bs5-table-overview-container {
  overflow-x: auto;
}

/* bs5-rss eth research collection */
.bs5-rss ul.feedContent {
  padding-left: 1rem;
}
.bs5-rss h4 {
  margin-bottom: 0.25rem;
}
.bs5-rss .entry-details {
  font-size: 0.8rem;
}
.bs5-rss .entry-details .date span {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.bs5-rss .entry-details .authors-box {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: italic;
  margin-bottom: 0.25rem;
}
.bs5-rss .entry-details .abstract-box {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--muted);
}

/* Overwrite bedretto-bs5 (search button) */
.input-group .btn {
  z-index: 0;
}

@layer base, components;
@layer components {
  .table-viewer-webcomponent .sed-component .sed-table-card {
    border: none;
  }
  .table-viewer-webcomponent .sed-component .sed-data-table .sed-table-head {
    box-shadow: none;
  }
  .table-viewer-webcomponent .sed-component .sed-data-table .sed-data-table-header-content {
    min-width: 1.5rem !important;
  }
  .table-viewer-webcomponent .sed-component .sed-data-table .sed-data-table-cell {
    min-width: 1.5rem !important;
  }
  .table-viewer-webcomponent .sed-component .sed-data-table .sed-data-table-index-cell {
    display: none;
  }
}
/* Bedretto themeBox */
.th-dark, .th-light, .th-first, .th-second, .th-third, .th-fourth, .th-fifth {
  padding: 1.5rem;
  box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow-light);
  background-color: transparent !important;
}

.th-first {
  border: 0.25rem solid var(--primary-color);
}

.th-dark {
  border: 0.25rem solid black;
}

.th-light {
  border: 0.25rem solid var(--muted);
}

.th-second {
  border: 0.25rem solid var(--secondary-color);
}

.th-third {
  border: 0.25rem solid var(--third-color);
}

.th-fourth {
  border: 0.25rem solid #850d0d;
}

.th-fifth {
  border: 0.25rem solid #3a6e0c;
}

@media (max-width: 991px) {
  .bedretto-header .eth-logo img {
    height: 15px;
  }
  .bedretto-header .meta-nav-mobile {
    padding-left: 4vw;
  }
  .bedretto-header .meta-nav-mobile .search-button {
    color: black;
  }
  .bedretto-header .meta-nav-mobile .lang-toggle ul li a {
    color: black;
    font-size: 1.5rem;
  }
  .bedretto-header nav.navbar {
    /* force the item back to full width */
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .bedretto-header nav.navbar ul.navbar-nav {
    padding: 0.75rem 4vw 0;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu {
    /* mobile navigation animation */
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu.collapse, .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu.collapsing {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.75s ease-out;
    padding: 0;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu.collapse.show, .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu.collapsing.show {
    max-height: 1000px;
    padding-bottom: 1rem;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu.collapsing {
    /* bootstrap animation for hight 
       but we use max-height to animate 
       and this transitions apprears as a delay
    */
    transition: height 0.1s ease;
  }
}
@media (min-width: 375px) {
  /* elements */
  .bs5-iwt.iwt-detail .headline:has(p.dates), .bs5-iwt.iwt-detail .headline:has(p.theme-text) {
    justify-content: end;
    margin-top: -4rem;
    display: flex;
    flex-wrap: wrap;
  }
  .bs5-iwt.iwt-detail .headline:has(p.dates) h1, .bs5-iwt.iwt-detail .headline:has(p.theme-text) h1 {
    width: 100%;
  }
  .bs5-iwt.iwt-detail p.dates, .bs5-iwt.iwt-detail p.theme-text {
    margin-bottom: 2rem;
  }
}
/* d-lg-block - header main-nav is displayed*/
@media (min-width: 992px) {
  :root {
    --header-height: 170px;
    --full-header-height: calc(var(--header-height) + 65px);
    --logo-height: 80px;
    --main-nav-item-width: 220px;
    --default-padding-big: 2.5rem 2rem;
    --default-padding: 2rem 1.5rem;
    --default-padding-thight: 1.5rem;
  }

  /* typografie */
  h1 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }

  /* structure */
  .container, .bedretto-container {
    width: 95vw !important;
  }

  .bedretto-content:before {
    min-height: 4000px;
  }
  .bedretto-content .home {
    padding-top: 4rem;
  }
  .bedretto-content .container .row + .row {
    margin-top: 2rem;
  }

  /* header */
  .bedretto-header .bedretto-logo {
    padding: 1rem 0;
  }
  .bedretto-header .eth-logo {
    margin-left: 10px;
  }
  .bedretto-header .container-with-hero {
    background-image: url("/system/modules/ch.ethz.sed.bootstrap5.bedretto/resources/img/bedretto-home-hero.jpg");
    background-repeat: none;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    max-height: 1000px;
    min-height: 400px;
  }
  .bedretto-header nav.navbar {
    margin: 0;
    background: none;
    margin-left: calc((min(95vw, var(--container-max-width)) - var(--container-max-width-s)) / 2);
  }
  .bedretto-header nav.navbar ul.navbar-nav {
    padding: 0;
    display: flex;
    justify-content: start;
  }
  .bedretto-header nav.navbar ul.navbar-nav:has(.dropdown-button .dropdown-menu.show) {
    /* if any submenu is open we show a thin border with box-shadow at the bottom of the button */
  }
  .bedretto-header nav.navbar ul.navbar-nav:has(.dropdown-button .dropdown-menu.show) .dropdown-button {
    box-shadow: inset 0px -1px 0px 0 var(--secondary-color);
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-button {
    min-width: var(--main-nav-item-width);
    border-bottom: none;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-button a {
    color: white;
    padding: 1.25rem 0.75rem;
    text-align: center;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-button a span {
    width: 100%;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-button.active, .bedretto-header nav.navbar ul.navbar-nav .dropdown-button:hover {
    background: white;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-button.active:nth-child(3), .bedretto-header nav.navbar ul.navbar-nav .dropdown-button:hover:nth-child(3) {
    /* centered item gets left and right borders (first child is home button!) */
    border-left: 1.5px solid var(--secondary-color);
    border-right: 1.5px solid var(--secondary-color);
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-button.active a, .bedretto-header nav.navbar ul.navbar-nav .dropdown-button:hover a {
    color: var(--secondary-color) !important;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-button:has(.dropdown-menu.show) {
    /* if this submenu is open do not show the thin border with box-shadow */
    box-shadow: none !important;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-button:hover .dropdown-menu {
    display: block;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu {
    width: calc(2 * var(--main-nav-item-width));
    left: auto;
    box-shadow: var(--box-shadow-bottom);
    padding: 0.5rem 2rem 1rem;
    margin-top: 0;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu a {
    padding: 0.75rem 0rem 0.25rem;
  }
  .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu.navTreeLevel-1 a, .bedretto-header nav.navbar ul.navbar-nav .dropdown-menu li.dropdown-submenu.navTreeLevel-2 a {
    padding-left: 0;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .row {
    /* increase gutter between bootstrap cols */
    --bs-gutter-x: 3rem;
  }
  .row.bedretto-project-list {
    --bs-gutter-y: 3rem;
  }
}

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