dt {
  font-weight: 500!important
}

fieldset {
  border: 0!important;
}

input {
  width: 100%!important
}

label input {
  width: auto!important
}


@media (min-width: 768px){
  .btn-usb-group{
    min-width: 200px!important
	}
  .usb-search-box {
    min-height: 350px!important;
    /* background-image: url("../img/usb_magazin.jpg"); */
    background-color: #f8f9fa!important;
    background-size: cover;
    padding: 10px!important;
    display: flex!important;
    align-items: center!important;
    justify-items: stretch!important;
  
  }
  .w-75-sm {
    width: 75%!important
  }
}


@media screen and (min-width:1024px){
  aside .uzk15__addresslist img {
    display: block;
  }
}

@media screen and (max-width:1025px){
  .uzk15__addressblock {
    flex-direction: column!important;
  }
}


@media (max-width: 1279px){

  .fs-4 {
  font-size: 1rem!important;
}
}

@media (max-width: 767px){
  .btn-usb-group{
    min-width: 100%!important
	}
  .usb-search-box {
    min-height: 250px!important;
    /* background-image: url("../img/usb_magazin.jpg");*/
    background-color: #f8f9fa!important;
    background-size: cover;
    padding: 0px!important;
    display: flex!important;
    align-items: center!important;
    justify-items: stretch!important;
  }

  .uzk15__mainwrapper {
    max-width: 100%!important;
  }
}

@media (max-width: 350px){

  
  .catalog-input {
    max-width:75%!important;
    background-color: rgba(255, 255, 255, 0.95)!important;
  } 
}

@media (min-width: 351px){
  
  .catalog-input {
    max-width:100%!important;
    background-color: rgba(255, 255, 255, 0.95)!important;
  } 
}


 



.bg-usb {
  background-color: #3e566c!important;
}

.btn-default {
  background-color: #3e566c!important;
  color: white!important;
  border: 1px solid #3e566c;
}

.btn-default:hover {
  background-color: white!important;
  color: #3e566c!important;
  border: 1px solid #3e566c;
}

.btn-group-usb {
  border-radius: 0!important;
 
}

.btn-outline-usb {
  background-color: transparent!important;
  color: #3e566c!important;
  border: 1px solid #3e566c!important;
}


.btn-outline-usb:hover {
  background-color: #3e566c!important;
  color: white!important;

}

.btn-usb {
  margin-top: 0!important;
  border-radius: 0!important;
  border-bottom: solid 2px #3e566c;
  align-items: center!important;
}

.btn-usb:hover {
  color: #90c4eb!important;
  background-color: #3e566c!important;
  border-bottom: solid 2px #90c4eb;
}



.dark-background-image {
  /*background-image: url("../img/20220307_Jubilaeum_USB_Aussenaufnahmen_nathandreessen_382.jpg");*/
  background-image: url("../img/ansicht_beleuchtet_mit_bremsleuchten.jpg");
  background-position: center!important;
}


.news-teaser-date {
  display: none!important;
  margin: 0!important;
  padding: 0!important;
}

.progress-bar-usb {
  width: 75%!important;
  align-self: center!important;
}

.pva-sm-text {
  font-size: 12px!important
}

.tx-powermail .powermail_fieldset .powermail_field {
  width: 70%;
  margin: 0px;
  color: #444;
  float: left;
  font-size: inherit;
  background-color: #fff;
}

.tx-powermail .powermail_fieldset label {
  display: inline-block;
  font-size: 0.95em;
  line-height: 1.56em;
  margin: 0px;
  padding: 0px;
}

.panel-body h1 {
  color: #3e566c;
  font-size: 1.25em!important;
  font-weight: bold;
  border-bottom: 1px solid #3e566c;
}
.panel-body h3 {
  color: #58595b;
  font-size: 0.85em!important;
  font-style: italic;
}

.panel-body > .text {
  color: #58595b;
  font-size: 1.05em!important;
 
}

.powermail_captcha {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #3e566c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.powermail-error-list {
  list-style: none!important
}

.powermail_fieldset {
  border: 0!important;

}

.powermail_fieldwrap {
  width: 100%;
  border: 0px solid;
  float: left!important;
  list-style: none;
  margin: 5px 0px 5px 0px;
  display: flex!important;
  flex-direction: column!important;
}

.powermail_legend {
  font-size 1.05rem;
  color: #3e566c
}

.powermail_input {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #3e566c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.powermail_select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #3e566c;
  background-color: white;
  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #3e566c;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.powermail_submit {
  background-color: #3e566c!important;
  border-radius: 0.25rem
}

.powermail_submit:hover {
  background-color: white!important;
  border: 1px solid #3e566c!important;
  color: #3e566c!important;
  
}

.powermail_textarea {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #3e566c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.search-social-button {
  font-size: 25px!important;
  color: #35495c!important
}

.search-social-button:hover {
  color: black!important
}

.social-media-subtext {
  font-size: 8px!important;
  letter-spacing: 1.8px!important;
  padding-top: 1px!important
}

.social-media-subtext-sm {
  letter-spacing: 1.6px!important;
}

.styleable-rootcontainer {
  display: none!important
}

.usb-bottom {
  padding-left: 10px!important;
} 

.usb-icon-link {
  background-color: white!important;
  color: #3e566c!important;
  position: relative!important;
}
.usb-icon-link:hover {
  background-color: #3e566c!important;
  color: white!important;
  
}

.usb-icon-link-xl:hover {
  color: lightblue!important
}
.usb-icon {
  font-size: 25px!important;
  margin-left: auto!important;
  position: absolute!important;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

.usb-text {
  color: #3e566c!important;
}

.usb-icon-xl {
  font-size: 30px!important;
}

.uzk15__addressblock {
  display: flex!important;
}

aside .uzk15__addressblock {
  flex-direction: column!important;
}

dl.uzk15__addressblock {
  flex-direction: column!important;
}

.uzk15__addresslist dl dd {
  font-size: .8em!important;
  padding-bottom: .3rem!important
}

.uzk15__addresslist p span {
  font-size: .775rem!important
}

.uzk15__addressblock > .photo {
  	display: block!important;
    height: 75px!important;
  	width: 75px!important;
  	padding: .3rem!important;
}

.uzk15__addressblock .uzk15__smalllabel {
  padding-bottom: 0!important;
  font-size: .65em!important;
  line-height: 1.3!important;
}

.uzk15__addresslist p span.uzk15__first-name, .uzk15__addresslist p span.uzk15__middle-name, .uzk15__addresslist p span.uzk15__last-name, .uzk15__addresslist p span.uzk15__academic-title{
  display: inline;
  font-size: 0.875rem!important;
  
}

.uzk15__icons {
  display: none!important;
}

.uzk15__content {
  padding-bottom: 0!important
}

.uzk15__mainfooter a:hover {
  text-decoration: underline!important;
  color: white!important
}

.uzk15__mainnavigationmobile .uzk15__mainnavigationlist li a:hover {
  color: white!important;
  
}

html.js .uzk15__contextbox {
    position: relative!important;
    left: auto!important;
    top: auto!important;
    width: 100%!important;
    height: 100%!important;
    font-size: initial!important;
    line-height: initial!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    visibility: visible!important;
}

.uzk15__kontextteaser figure img {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%!important;
}


.uzk15__partner {
  display: flex!important;
  align-items: center!important
}




# CIRCLE

.pva-usb, .pva-svg {
  max-width: 150px;
  max-height: 150px;
}

.pva-text {
  fill: #3e566c!important;
  position: absolute;
}

.pva-text-lg {
  font-size: 42px;
  font-weight: 800;
}

.pva-text-sm {
  font-size: 10px;
}

circle {
  max-width: 150px;
  max-height: 150px;
  position: absolute;
  fill: none;
  stroke-width: 8;
  transform: translate(5px,5px);
  stroke: lightgrey;
  stroke-dasharray: 440;
  stroke-linecap: round;
}





/* Animation definition */
@keyframes percent {
  0% {
    stroke-dashoffset: 0;
    stroke-width: 0;
  }
}

.pva-usb .progress-circle {
  stroke-dashoffset: calc(440 - (440 * 33) / 100);
  stroke: #3e566c!important;
  animation: percent 1.8s linear;
 
}