@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

.menu-active { background-color:#f2f3f6; border-radius: 10px; }
a.hs-mega-menu-invoker:hover { background-color:#f2f3f6; border-radius: 10px; }
.navbar-brand-logo {
	min-width: 10.5rem;
	max-width: 10.5rem;
}
.dropdown-menu { color:#000; }

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
}

.odd  { background-color:#f8f8f8; }
.even { background-color:#fff; }
.odd:hover, .berufsliste .even:hover { background-color:#e5eef5; }
.az-item { margin-right:2px !important;}
a.az-link { background-color:#444 !important; color:#fff; padding: 10px !important; font-size: 20px;}
a.az-link:hover { background-color:#377dff !important; }


.nav-segment .nav-link {color:#677788;font-size:1.2rem;font-weight:bold;color:#000;}
.nav-segment .nav-link:hover {
	color: #377dff;
	background-color: #fff;
	box-shadow: 0 .1875rem .375rem 0 rgba(140,152,164,.25);
}

.nav-pills .nav-link > li > a.currentpage {
	background-color: #0077bb;
	width: 50px;
	height: 44px;
}

.bs-callout {
  margin: 20px 0;
    margin-top: 20px;
  padding: 20px;
  border-color: red;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
}

.wb_ul_bildpfad { padding-left: 170px; }

/* Picture - Overlay */
.content {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}
/* Picture - Overlay - End*/

video {
  width: 100% !important;
  height: auto !important;
}

#frage{	
	height:50px !important;
}

.form-check-input {
    border: 1px solid rgba(33,50,91,.8)
}	
	
.form-select {
    border: 0.0625rem solid rgba(33,50,91,.8);
}

.form-control {
    border: 0.0625rem solid rgba(33,50,91,.8);
}
	
.accordion {
    --bs-accordion-border-color: rgba(33, 50, 91, 0.8);
}

@media (max-width: 900px) {
	#frage{	height:100px !important; 
}
	
@media (max-width: 320px) {
	#frage{	height:180px !important; }
}