/*a11n file uploads*/
.webform-file-button:focus-visible,
.js-form-type-webform-document-file:focus-visible {
  outline-style: solid;
  outline-width: 8px;
  outline-color: #fca311;
}
/*a11n cookies*/
.cookiesjsr-btn:focus-visible,
.cookiesjsr-links.links--row li a:focus-visible,
.cookies-fallback--btn:focus-visible {
  outline-style: solid;
  outline-width: 5px;
  outline-color: #01893F;
}
/*toasts*/
.toast.show.top-right {
  position: fixed;
  right: 0;
  top: 90px;
  z-index: 99;
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) { 
	#block-mdb-page-title, .subheading {
	  word-wrap: anywhere;
	}
	.offcanvas.show {
	  transform: none;
	  visibility: visible;
	  z-index: 2300;
	  width: 100vw;
	}
	.navbar .navbar-brand img {
		height: 60px;/*quick fix - please adapt in navbar.scss!*/
	}
}
@media (min-width: 992px) { 
	.h1.unido-section-heading-vertical::after {
		border-right: 12px solid orange;
		border-bottom: 12px solid orange;
		content: "";
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-right: 20px;
	}
	.list-reference.field--type-viewsreference::after {
		border-right: 18px solid orange;
		border-bottom: 18px solid orange;
		content: "";
		height: 80px;
		width: 80px;
		text-align: end;
		float: right;
		margin-top: -60px;
		margin-right: -40px;
	  }
	/*utilities*/
	.field--label-inline {
	  display: grid;
	  grid-template-columns: 30% 60%;
	}
	ul#tab-with-icons a.nav-link.active {
	  position: relative;
	  border: none;
	}
	ul#tab-with-icons .nav-link.active::after {
		content: "";
		position: absolute;
		left: 33px;
		height: 33px;
		width: 129px;
		border-bottom: 2px solid #069;
	}
	.grid-md{
		display: grid;
		gap: 24px 12px;
		grid-template-columns: 20% 80%;
	}
}
.field__label {
  font-weight: 600;
}
.node--type-veranstaltungen h2 {
  padding-bottom: 1rem;
}
/* quickfix as long as the real fonts are not in - the menu is too long otherwise  */
.navbar {
  letter-spacing: unset;
}
.navbar a {
  font-weight: normal;
}
/* end */
/* stop showing views reference titles anywhere in splash pages */
.list-reference .viewsreference--view-title {
  display: none;
  visibility: hidden;
}