.skiplinks__base {
	top: 0px;
	left: 5px;
	position: absolute;
	z-index: 10000;
}

.is-visuallyHidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.skiplinks__link {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	top: 1rem;
}

.skiplinks__link:focus {
	border: 0;
	clip: auto;
	height: auto;
	width: auto;
	margin: 0;
	overflow: visible;
	padding-left: .625em;
	padding-right: .625em;
	background: #ffffff;
}

/*** FHXB MUSEUM 2023 / 2024 ***/
body {
    font-family: 'Paralucent', sans serif;
	font-weight: 300;
	font-size: 1.25rem;
    font-style: normal;	
	color: #000;
}


b, strong {
  font-weight: 600;
}

.btn {
	border-radius: 0;
}

a.btn  {
	text-decoration: none!important;
}

a.btn:hover {
  background-color: #FF3251;
  border-color: #FF3251;
  text-decoration: underline!important;
}

a.btn.active,
a.btn:active,
a.btn:first-child:active {
  background-color: #FF3251;
  border-color: #FF3251;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FF3251;
  --bs-btn-border-color: #FF3251;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}


.text-danger {
  color: #FF3251!important;
  
}

iframe {
	width:100%!important;
}

#baguetteBox-overlay {
	background-color: #3512DF99!important;
}
#baguetteBox-overlay .baguetteBox-button {
	background-color: transparent;
}

/** modaler Layer START **/

.modalFlex {
  display: flex;
}

.modalFlex > div:first-child {
  min-width: 200px;
  max-width: 200px;
  font-weight: 600;
}
.modalFlex > div {
  margin-bottom: 10px;
}
.modalFlex:last-child {
  margin-bottom: 20px;
 }
 
.modalResultContainer .modalResult {
	 transform: translate(-50%, -50%);
	 top: 50%;
	 left:50%;
 }

.modalResultContainer, .modalResultContainerInfo {
  position: fixed;
  width: 100%;
  height: 100%;
 /* background: rgba(204,204,204,0.5);*/
  background: #3512DF99;
  display: none;
  top: 0;
  left: 0;
  z-index: 1031;
  padding: 3rem;
}
.modalResultContainer .modalResultContent {
	display: inline-block;
	text-align: center;
}

.modalCloseArea {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1500;
}

.modalResult {
  max-width: 90%;
  min-width: 70%; 
  width: 70vH;
  max-height: 470px;
  height: 70vH;
  background: #ffffff;
  overflow-y: auto;
  padding: 80px 30px 30px 30px; 
  box-shadow: -5px 5px 25px 0 rgba(26,46,74,.25);
  z-index: 2000;
  position: relative;
  text-align: center;
  
}

.modalResult h2 {
  /*font-size: 1.0rem;*/
  padding-top: 20px;
  padding-bottom: 0;
  font-weight: 500;
}

.modalResult h3 {
 /* font-size: 1.5rem;*/
  margin-bottom: 20px;
  font-weight: 400;
}

div.modalResultHead {
 display: flex;
 justify-content: right;
}

div.modalResultHead a,
div.modalResultHead a:hover,
div.modalResultHead a:focus {
	border-bottom: 0px !important;
	color: rgba(150, 27, 128, 0.9);
}

.modalClose {
  cursor: pointer;
  padding-left: 10px;
  font-weight: 900;
}

/*** Modal Layer Info ***/

.modalResultContainerInfo .whiteonred {
	padding-top: 0;
}

.modalResultContainerInfo .modalResult h2 {
  font-size: 2.25rem;
  padding-bottom: 2rem!important;
}
.modalResultContainerInfo .whiteonredInfo .ce-two_columns div:first-child {
  margin-bottom: 0;
}
.modalResultContainerInfo .modalResult {
  width: inherit;
  max-width: 90%;
  min-width: 70%;  
  max-height: 80vH;
  background: #ff3251;
  overflow-y: auto;
  padding: 5px; 
  box-shadow: -5px 5px 25px 0 rgba(26,46,74,.25);
  z-index: 2000;
  position: relative;
  transform: translate(-50%, -50%);
  top: 50%;
  left:50%;
  text-align: left;
  padding: 20px 20px 0 20px;
}


.modalResultContainerInfo .ce-three_columns {
  display: flex;	
  
}
.modalResultContainerInfo .ce-three_columns > .col-md-4 {
  
}

/** modaler Layer ENDE **/


/** Translator START **/


.gtranslate_wrapper {
	display: flex;
	flex-direction: column;
	gap: 1px;	
	text-align: left;
	height: 12em;
	overflow-y: auto;
	width: 250px;
	margin: 5vH auto 0 auto;
}
.gtranslate_wrapper a:hover {
	text-decoration: underline;
}


.gtranslate_wrapper a {
	padding: 2px 15px 0 15px;
	background: #fff;
}

/** Translator ENDE **/


.small, small {
  font-size: .725em;
}

/** Pfeile **/
body .back-to-top.st-block,
body .back-to-top.st-none {
	background-color: #FF3251;
	opacity: 1;
	padding: 0.5rem 1rem 0.5rem 1rem;
}
body .back-to-top.st-block svg path,
body .back-to-top.st-none svg path {
	fill: #fff;
}

body .back-to-top.st-block svg,
body .back-to-top.st-none svg {
	transform: rotate(-90deg);
}

.news-single .page-link.left svg {
	width: 10px;
	margin-right: 15px;
	transform: rotate(180deg);
}
.news-single .page-link.right svg {
	width: 10px;
	margin-left: 15px;
}

.news-single a.arrowlink svg {
	margin-right: 8px;
    position: relative;
	top: -2px;
	width: 15px;
	height: 18px;
}

div.arrowlink h3 a::before {
	content: " ";
	width: 20px;
	height: 1.75rem;
	display: inline-block;
	background-image: url(/fileadmin/templates/img/FHXB_Pfeil.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	top: 3px;
	margin-right: 5px;
}


body .swiper-button-next::after, 
body .swiper-rtl .swiper-button-prev::after {
  content: ' ';
}

body .swiper-button-prev::after, 
body .swiper-rtl .swiper-button-next::after {
  content: ' ';
}
body .swiper-button-next::after, 
body .swiper-button-prev::after {
  font-family: inherit;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  width: 20px;
  height: 1.75rem;
  display: inline-block;
  background-image: url(/fileadmin/templates/img/FHXB_Pfeil.svg);
  background-repeat: no-repeat;
}
body .swiper-button-prev::after {
	transform: rotate(180deg);
	background-position: right bottom;
}


/** Pfeile ENDE **/


/*** News Single ALLGEMEIN ***/

.news.news-single .header.border-bottom {
  border-bottom: none!important;
}
.news.news-single .zweispalten_links .header.border-bottom {
  margin-top: 0!important;
}

.news.news-single > .article > .outer.gallery {
	display: inline-block;
	float: right;
	clear: right;
	margin-left: 3vw;
}

.news.news-single figcaption {
  font-size: 1rem;
  font-weight: 400;
  padding-top: 2px;
}
.news.news-single h4 {
  font-weight: 600;
  padding: 8px 0 10px 0;
}

.news-backlink-wrap a.btn.btn-light {
  border: 4px solid #ff3251;
  border-radius: 0;
  --bs-btn-hover-bg: #ff3251;
  --bs-btn-hover-border-color: #ff3251;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff3251;
  --bs-btn-active-border-color: #ff3251;
}
 
#page-content .page-link {
  color: #FF3251;
  border: 2px solid #FF3251;
  border-radius: 0;
  padding: 0.35rem 0 0.35rem 0;
  font-weight: 500;
  
}
#page-content .active > .page-link, 
#page-content .page-link.active {
  background-color: #FF3251;
  border-color: #FF3251;
  color: #fff;
  border-radius: 0;
  padding: 0.35rem 0 0.35rem 0;
  font-weight: 500;
}
#page-content ul.pagination.f3-widget-paginator li {
  margin-right: 3px;
  width: 2rem;
  text-align: center;
  display: inline-block;
}


.news.news-single .pagination {
	list-style:none; 
	display: flex;
	justify-content: space-between;
	margin-top: 40px; 
	margin-left: 0;
	padding-left: 0;	
}
.news.news-single .pagination li {
	max-width: 45%;	
}
.news.news-single .pagination li a {
	border: 0!important;
	color: #000000!important;
	padding-left: 0;
	padding-right: 0;
}
.news.news-single .pagination li a:hover,
.news.news-single .pagination li a:focus {
	background: none;
}

.news.news-single .news-text-wrap h2 {
    font-size: 1.75rem;
}

.news-single .wrapper-parent.image-gallery {
	display: flex; 
	flex-wrap: wrap;
}
.news-single .wrapper-parent.image-gallery > div.row {
	width: 33%;
	padding: 0 10px;
}
.ce-t3sbs_gallery .image-gallery .col-12 {
  padding-left: 3px;
  padding-right: 17px;
}


/** News Liste + Single PUBLIKATIONEN **/

.no-news-found div.alert.alert-danger {
  --bs-alert-color: #000;
  --bs-alert-bg: #ffffff;
  --bs-alert-border-color: #FF3251;
  border-radius: 0;
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.news-list-view .list-group-item {
  color: #000;
}

.pubListe .news-list-view .media figure {
   width: inherit;
}

.pubListe .news-list-view .media-body {
  max-width: inherit;
  padding-right: 40px;
}

.news.news-single .publikationen h2 {
  font-weight: 600;
  padding: 8px 0 10px 0; 
  font-size: 1.5rem;
}

.pubListe .news-list-view h3.card-title {
  max-width: 300px;
}

/** Datum bei Dauerausstellungen cat-9 ausblenden Liste + Detail **/
.news-list-view .category-9 .news-list-date,
.category-9.news.news-single .news-list-date {
	display: none;
}



/*** News Single alle Ansichten wie Events ***/

.news.news-single .news-info {
   color: #3512DF;
   margin-bottom: 3rem;
   font-size: 1.125rem;
   font-weight: 700;
}

.news.news-single .news-info p {
   margin-bottom: 0;
}

.news.news-single .zweispalten,
.ce-two_columns {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3rem;
	flex-wrap: wrap;
}

.news.news-single .zweispalten > div {
    width: 47%;
	flex-grow: 0;
	flex-shrink: 0;
}

#page-1 .ce-two_columns > div {
    width: 48.5%;
	flex-grow: 0;
	flex-shrink: 0;
}
#page-1 .whiteonblue .ce-two_columns > div:first-child {
    width: 67.5%;

}
#page-1 .whiteonblue .ce-two_columns > div:last-child {
    width: 32.5%;

}

.news.news-single .zweispalten_rechts .infobox,
.main-content .layout-5 {
	background: #3512DF;
	color: #fff;
	font-size: 1.25rem;
	padding: 20px 40px 2px 25px;
	margin-bottom: 4rem;
}
.news.news-single .zweispalten_rechts .infobox a,
.main-content .layout-5 a {
  color: #fff;
}

.news.news-single .zweispalten_rechts .materials,
.news.news-single .image-gallery {
	margin-bottom: 4rem;
}
.news.news-single .image-gallery {
	margin-top: 4rem;
}
.news.news-single .image-gallery figure {
    aspect-ratio: 16 / 9;	
}

.news.news-single .image-gallery figure img {
	width: 100%;
	height: auto;

}
.news.news-single img.dummy {
	border: 3px solid #FF3251;
}

/*** News Single EVENT ***/

/*.event.news.news-single .news-info {
   color: #3512DF;
   margin-bottom: 3rem;
   font-size: 1.125rem;
   font-weight: 700;
}

.event.news.news-single .news-info p {
   margin-bottom: 0;
}

.event.news.news-single .zweispalten {
	display: flex;
	justify-content: space-between;
}

.event.news.news-single .zweispalten > div {
    width: 47%;
	flex-grow: 0;
	flex-shrink: 0;
}

.event.news.news-single .zweispalten_rechts .infobox {
	background: #3512DF;
	color: #fff;
	font-size: 1.25rem;
	padding: 20px 40px 2px 25px;
	margin-bottom: 4rem;
}
.event.news.news-single .zweispalten_rechts .infobox a {
  color: #fff;
}

.event.news.news-single .zweispalten_rechts .materials,
.event.news.news-single .gallery {
	margin-bottom: 4rem;
}
.event.news.news-single .image-gallery {
	margin-top: 4rem;
}
.event.news.news-single .image-gallery figure {
    aspect-ratio: 16 / 9;	
}

.event.news.news-single .image-gallery figure img {
	width: 100%;
	height: auto;

}
*/
/***  ENDE News Single EVENT ***/

/***  EVENT News category List ***/


.events .ce-news_categorylist .fa-folder-open {
  display:none;
}

/***  ENDE EVENT News category List ***/

/*** Cat Gedenken ***/
.events .category-19.list-group-item {
  background-color: #FF3251;
  border: 3px solid #FF3251!important;
  color: #fff;
}
.events .category-19 .small.text-dark {
  color: #fff!important;
}
/*.events .category-19 .small.text-dark:hover {
  color: #000!important;
}
*/
.events .category-19.list-group-item div.media {
  padding: 20px 40px;
  border-radius: 0;
}

.events .category-19.list-group-item div.media figure {
	display: none!important;
}
.events a.category-19.list-group-item:hover {
   border: 3px solid #FF3251!important;
   transition: all 0.5s;
   color: #000!important;
}
.events a.category-19.list-group-item:hover p.text-dark {
   color: #000!important;
}


.events .list-group {
  border-radius: 0;
}


/*** News Liste ***/

.news-list-view > a.list-group-item:hover {
	text-decoration:underline;
	transition:all 0.5s;
	background-color: inherit;
	
}

.news-list-view .pagination .page-link:focus {
  /* box-shadow: 0 0 0 0.25rem #FF325186;*/
    box-shadow: none;
}


/*** Projekte page_22 ***/
#page-22 .main-content > div {
  margin-bottom: 0vw;
}

 #page-22 div hr {
  margin: 1rem 0 3rem 0;
}

/*** projekte Ende **/


div.nav-item.dropdown {
	/*outline: 1px solid red;*/
}

div.dropdown-menu {
	/*outline: 1px solid blue;*/
}

div.nav-item.dropdown:last-child  .dropdown-menu.show {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	right: calc(-100% + .5rem);
}

#sticky_nav_left {
	position: absolute;
	left: -34px;
	top: 40vH;
	z-index: 10;
    width: 30px;	
}

#sticky_nav_left > div {
	position: relative;	
	padding-bottom: 10px;
}

#sticky_nav_left a {
/*	color: #FF3251;*/
	display: block;
}

 #sticky_nav_left svg .suchicon-1 {
	fill: #e83a55;
	stroke-width: 0px;
}

#sticky_nav_left svg .sprachicon-1 {
	fill: none;
	stroke: #e83a55;
	stroke-width: 4px;
}
#sticky_nav_left svg .sprachicon-2 {
	fill: #e83a55;
	stroke-width: 0px;
}

#sticky_nav_left svg .infoicon-1 {
	fill: none;
	stroke: #e83a55;
	stroke-width: 4px;
} 
#sticky_nav_left svg .infoicon-2 { 
     isolation: isolate;
}

#sticky_nav_left svg .infoicon-3 {
	fill: #e83a55;
	stroke-width: 0px;  
 }
 
 
#sticky_nav_left svg .kalendericon-1 {
	fill: #e83a55;
	stroke-width: 0px;
}

#sticky_nav_left svg .leichtesprache-1 {
	fill: #e83a55;
	stroke-width: 0px;
}
 
 

h1 {
  font-weight: 600;
  font-size: 2.25rem;
  padding-bottom: 0rem;
}
h2 {
  font-weight: 600;
  font-size: 2.25rem;
  padding-bottom: 2rem;
}
 h1 {
  max-width: 600px;
 }

.h3, h3 {
  font-weight: 600;
}

#page-wrapper .jumbotron {
  padding-top: 140px;
}

body #main-navbar {
  transition: all .5s ease-in;
  background-color: #fff!important;
}

a {
  color: #000000;
}

/** Logo **/
#main-navbar .navbar-brand img {
  width: 221px;
  transition: all .5s;
}

#main-navbar.navbar-shrink .navbar-brand img {
  width: 100px;
  opacity:0;
}
.navbar-brand {

}
#main-navbar a.navbar-brand::before {
  content: " ";
  background-image:url('/fileadmin/templates/img/Logo_40px_240613.gif');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: -34px;
  aspect-ratio: .292783;
  width: 40px;
}

#main-navbar .navbar-nav {
  padding-top: 70px;
  gap:4vw;
}

#main-navbar .dropdown-menu {
  position: relative;
  top: 2px;
  overflow: visible;
  min-width: 10px;
  max-width: 10px;
  border:none;
}

#main-navbar .nav-link:hover {
 
}
#main-navbar .nav-link.dropdown-toggle.show,
#main-navbar .nav-link.active {
 
}

#main-navbar .dropdown-menu .dropdown-item {
  width: fit-content;
 /* padding-left: .5rem;
  padding-right: .5rem;*/
  padding-left: 0;
  padding-right: 0;
  color: #000000; 
  font-size: 1.25rem;
}
#main-navbar .dropdown-item:focus, 
#main-navbar .dropdown-item:hover {
  background-color: #fff;
  text-decoration: underline;
}


#main-navbar .dropdown-menu .dropdown-item:active,
#main-navbar .dropdown-menu .dropdown-item.active {
	background: none;
	font-weight: 700;
}


#main-navbar .navbar-nav .nav-link.parent-active {
	color: #FF3251;
	border-bottom: 3px solid #FF3251;
}

.navbar-nav > .nav-item > .nav-link {
	text-decoration: none!important;
	border-bottom: 3px solid transparent;
	transition: all 0.5s;
	padding: 0;
	color: #000;
}
.navbar-nav > .nav-item > .nav-link:hover {
	border-bottom: 3px solid #000;
}

.nav-link:focus-visible,
#main-navbar .dropdown-menu .dropdown-item:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(0,0,0,.5);
  transition:none;
}


.navbar-nav > div:last-child .dropdown-menu {
	left: unset;
	right: 0;
}
.navbar-nav > div:last-child .dropdown-menu .dropdown-item {
	text-align: right;
}

.nav-link::after {
  display: none;
}




#main-navbar {
 /* box-shadow: 2px 8px 8px -3px rgba(0, 0, 0, .1);*/
 /* position: fixed;*/
  width: 100%;
  padding-top:0!important;
  padding-bottom: 0!important;
}

#main-navbar.navbar > .container {
  align-items: flex-start;
  position: relative;
}


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

.jumbotron .slide figure img {
  max-width: 100% !important;
  width: 100% !important;
  object-fit: cover;
  max-height: 620px;
 /* max-height: calc(100vh - 160px);*/
 
}

.jumbotron div.w-100 {
  /* background: rgba(255,255,255,0.7);
   border-radius: 15px;*/
}
.jumbotron .carousel-item div.w-100 {
	background: #3512df;
	box-shadow: 0px 0px 10px #444;
}
.jumbotron .carousel-caption a {
	color: #fff;
}

.jumbotron .contentheader {
   max-width: 480px;
   padding: 10px 30px;
}

.jumbotron .ce-t3sbs_carousel {
	padding: 10px 30px;
}

.jumbotron .ce-t3sbs_carousel h2,
.jumbotron .slider-text h3 {
	color: #000;
	font-size: calc(95vw / 45);
	line-height:1.2;
	font-weight: 600;
	color: #fff;
	/*color: #ff3251;*/
}

.jumbotron .carousel h2 a {
  text-decoration: none;
}

.jumbotron .slider-text h5 {
	display: inline-block;
	background: #309A8C;
	padding: 10px 20px;
	border-radius: 15px;
}

.jumbotron .slider-text h5 a {
	color: #fff;
    text-decoration: none;
}

.jumbotron .slider-text {
    padding: 0 30px 5px 0px;
  	font-size: calc(50vw / 30);
}
.jumbotron .carousel-inner {
  padding-left: 5px;
}

.jumbotron .carousel-caption {
	text-align: left;
	right: 10%;
	width: 35%;
	left: inherit;
}
.jumbotron .carousel-caption p,
.jumbotron .carousel-caption div.category {
  /*color: #ff3251;*/
   color: #fff;
   font-size: 1.25rem;
   font-weight: 600;
}
.jumbotron .carousel-caption div.category {
   font-weight: normal;
   padding: 20px 10px 5px 0px;
}

.pageTitle h1 {
  display: none;
}

.navbar-nav.main-navbarnav {
  font-size: 1.75rem;
  font-weight: 700;
  padding-top: 10px;
  justify-content: right;
  margin-right: 0!important;
  flex-grow: 1;
  transition: all .5s;
} 

#main-navbar.navbar-shrink .navbar-nav.main-navbarnav {
  padding-top: 10px;
} 

/*** breadcrumb **/

.breadcrumb {
    margin-top: 3rem;
    font-size: 1rem;
}



/*** Content ***/

.main-content > div {
	margin-bottom: 6vw;
}

.whiteonredInfo .ce-two_columns div:first-child {
   margin-bottom: 2rem;
}
.whiteonredInfo .ce-two_columns,
.ce-two_columns.whiteonredInfo {
	margin-bottom: 0;
}

.whiteonredInfo h3 {
	margin-bottom: 1.5rem;
}

.whiteonredInfo > div.even {
	width: 55%!important;	

}
.whiteonredInfo > div.even .ce-two_columns div.even {
    padding-right: 4vw;
	width: 55%!important;	
}
.whiteonredInfo > div.even .ce-two_columns div.odd {
	padding-right: 4vw;
	width: 45%!important;
}

.whiteonredInfo > div.odd {
	width: 45%!important;	
}



/*.whiteonred .ce-three_columns > div:nth-child(2) {
	width: 30%;
	padding-right: 4vw;	
	outline: 1px solid black;
}
.whiteonred .ce-three_columns > div:nth-child(3) {
	width: 25%;	
	padding-right: 4vw;
	outline: 1px solid green;
}
.whiteonred .ce-three_columns > div:nth-child(4) {
	width: 45%;	
	outline: 1px solid yellow;
}
*/

.whiteonred {
	background: #ff3251;
	padding-top: 4vw;
	padding-bottom: 0;
	color: #fff;
}

.whiteonblue {
	background: #ff3251;
	padding-top: 4vw;
	padding-bottom: 3vw;
	color: #fff;
}
.whiteonred .row,
.whiteonblue .row {
	--bs-gutter-x: 0;	
}

.whiteonred h2,
.whiteonred h3 {
	color: #fff;
}

.whiteonblue {
	background: #3512df;
}
.whiteonred a {
	color: #fff;
	font-weight: 600;
}

.whiteonred h2 {
	padding-bottom:0!important;
}
.whiteonred h2 a {
	color: #ffffff;
	text-decoration: none;
}

.whiteonblue h2 a {
	/*color: #ff3251;*/
	text-decoration: none;
}
.whiteonred h2 a:hover,
.whiteonblue h2 a:hover {
  text-decoration: underline;
}

#page-content .list-group-item {
	padding: 0;
	border: none; 
}

.main-content .image-gallery figure {
  aspect-ratio: 16 / 9;
}


/*** NEWS  ***/
.news-list-view .media figure {
   width: 66%;
   padding-right: 50px;
}
.news-list-view .media figure img {
   width: 100%;	
}
.news-list-view .news-list-category {
	display: none; 
}
.showCat .news-list-view .news-list-category {
  display: block;
}
.news-list-view .news-list-date {
	display: block;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.news-list-view h3.card-title {
	padding-top: 0rem;
	padding-bottom: 1rem;
}

.news-list-view .media-body {
	max-width: 300px;
}

.list-group.news-list-view .media-body {
	/*position: relative;
	top:-3px;*/
}


.news-list-view > a {
  margin-bottom: 4rem;
}

#page-content a.card {
  color: inherit;
  text-decoration: inherit;
  border: none;
}
#page-content a.card:hover {
  text-decoration: underline;
}
#page-content .card-body {
  padding-left: 0;
  padding-right: 0;
  color:#000;
}
#page-content .card-body h3.card-title {
  hyphens: auto;
  color:#000;
}

.news.news-single a {
   text-decoration: underline;
}
.news-single.event .newsslider_single {
	margin: 40px  0;
}

.news-backlink-wrap {
	margin-top: 20px;
}

/*** News > EVENTS ***/

.events .ce-news_categorylist {
	margin: 4rem 0;
}

.events .news-list-view .media figure {
  width: 33.333%;
  padding-right: 50px;
}

.events .news-list-view .media-body {
  width: 66.666%;
  max-width: inherit;
}
.news-single.event .newsslider_single {
	margin: 40px  0;	
}



/*** Termine SLIDER Start ***/ 
.swiper .slider-link {
	margin: 5px;
}

.swiper .card {
	border: none;
}
.swiper .card::before {
	display:none;
}

.swiper .card-body {
	padding-left: 0;
	padding-right: 0;
}
.swiper .swiper-button-next, .swiper .swiper-button-prev {
	color: #000!important;
	font-weight: 700;
	text-shadow: none!important;
}

.swiper-slide .slidercard_zweispaltig {
	display:flex;
	gap: 40px;
}
.swiper-slide .slidercard_zweispaltig h3.card-title {
	font-size: 1.5rem;
}
.swiper-slide .slidercard_zweispaltig .news-list-date {
	font-size: 1.75rem;
	font-weight: 600;
}

.swiper-slide .slidercard_zweispaltig .slidercard_rechts {
	flex-grow: 1;
	padding-right: 5vw;
}
.swiper-slide .slidercard_zweispaltig .slidercard_rechts h3 {
	margin: 10px 0;
}

.swiper-slide .slidercard_zweispaltig .slidercard_rechts .news-list-category,
.swiper-slide .slidercard_zweispaltig .slidercard_rechts .datetime {
	font-size: 1rem;
}

/*** Termine SLIDER Ende ***/

/*** nl-anmeldung **/



/*.whiteonred .nl-anmeldung h2 a::after {
  content: " ";
  width: 20px;
  height: 1.75rem;
  display: inline-block;
  background-image: url(/fileadmin/templates/img/FHXB_Pfeil.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  position: relative;
  top: 3px;
  margin-right: 5px;
  fill: #fff;
}*/

/** Formular **/

.ce-form_formframework,
.tx-fp-newsletter {
	max-width: 800px;
}

.ce-form_formframework fieldset#rechercheanfrage-209-fieldset-3 {
	display: flex;
	flex-wrap: wrap; 
	justify-content: space-between; 
}
.ce-form_formframework fieldset#rechercheanfrage-209-fieldset-3 legend {
	min-width: 100%; 
}
.ce-form_formframework fieldset#rechercheanfrage-209-fieldset-3 .form-group {
	width: 30%; 
	flex-grow: 0;
	flex-shrink:0;
}

form .row,
form .form-group,
.tx-fp-newsletter .form-group {
    margin-bottom: 1.25rem;
}
form .form-label {
	font-weight: 600;
}
form .form-check {
	padding-left: 0;
}
form #rechercheanfrage-209-radiobutton-1 .form-check {
	padding-left: 2rem;
}
form .form-check-label span {
	padding-left: .75rem;
	font-size: 1.25rem;
}
form .form-control {
	font-size: 1.25rem;
}

form .form-group legend {
    margin-top: 1.5rem;
	font-weight: 600;
}

form h2 {
    font-size: 2rem;
    padding-bottom: 0;
}

form .form-control option {
	font-family: 'Paralucent', sans serif;
	/*font-weight: 300;
	font-size: 1.25rem;
    font-style: normal;	
	color: #000;*/
	
}


/** Accordion + Formular **/

button.accordion-button:focus,
.form-control:focus {
  box-shadow: none;
  outline: 0;
  border: 0;
}
button.accordion-button:focus-visible, 
.form-control:focus-visible, 
:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(0,0,0,.5);
  transition: all 0.5s;
}

#page-content .accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-border-color: 0;
  --bs-accordion-border-width: 0;
  border-top: 2px solid #000;
}
.accordion-item h2,
.fsc-default .accordion-item h2  {
	margin-bottom: inherit;
	max-width: inherit;
	padding-bottom: inherit;
}
.accordion h3 {
   color: #000;
   font-size: 1.75rem;
   padding-bottom: 5px;
   font-weight: 700;
   letter-spacing: 1px;
}
.accordion-item {
  color:#000;
}

.accordion-item .accordion-body {
  padding-left: 0;
}

#page-content .accordion-item {
	border-bottom: 2px solid #000;
}
/*#page-content .subContainer .accordion-item {
	border-bottom: 2px solid #bed730;	
}*/

#page-content .accordion-item .accordion-button {
  color: #000;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 1.25px;
  padding: 1.5rem 0;  
}

#page-content .subContainer .accordion-item .accordion-button {
  color: #bed730;

}
#page-content .accordion-button:not(.collapsed) {
	background-color: #ffffff;
	border: 0;
}

#page-content .accordion-item .accordion-button::after {
	background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>');
}
#page-content .accordion-item .accordion-button.collapsed::after {
	background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg>');
}

/** toggle in toggle **/
#page-content .accordion-item .accordion-item:last-child {
	border-bottom: 0; 
}




/** KESEARCH **/

#kesearch_results .result-list-item .result-teaser {
  color: #000!important;
}

#page-9 .main-content .container div#c61 {
  margin-bottom: 4rem;
}


.kesearch_searchbox div.kesearchbox {
  margin: 0 0 25px 0;
}
.kesearchbox #ke_search_sword {
  width: 410px;
}
.kesearch_searchbox span.resetbutt a {
  min-width: 230px;
}

a.kesGreyButt, span.resetbutt a, span.submitbutt input, input.kesGreyButt, span.kesGreyButt {
	font-size: 0.9rem;
}

.tx-kesearch-pi1 #kesearch_ordering div.ordering {
  max-width: 450px!important;
}
.tx-kesearch-pi1 #kesearch_ordering .sortlink span.down {
  border-width: 14px 10px 0;
}
.tx-kesearch-pi1 #kesearch_ordering .sortlink span.up {
  border-width: 0 10px 14px;
}

#page-content .tx-kesearch-pi1 #kesearch_ordering span.down, 
#page-content .tx-kesearch-pi1 #kesearch_ordering span.up {
  border-color: #e83a55 transparent;
  margin-left: 3px;
}
.tx-kesearch-pi1 #kesearch_ordering .sortlink span.down {
  border-width: 14px 10px 0;
}

.tx-kesearch-pi1 div#kesearch_results {
  padding-top: 10px;
}
.tx-kesearch-pi1 #kesearch_ordering {
   float: right;
}

#kesearch_ordering div.ordering ul li {
	margin-left: 0;
	margin-right: 20px;
}
.kesearch_pagebrowser ul li {
	min-width: 20px;
}


/** ENDE KESEARCH **/





/** Footer - Start **/

#page-footer #footerSocial span {
	padding-right: 20px;
	font-size: 2rem;
}
#page-footer,
.whiteonred {
	background: #FF3251;
	color: #ffffff;
}

#page-footer a {
	text-decoration: none;
	color: #ffffff;
}
#page-footer a:hover {
	text-decoration: underline;
}

#page-footer > .footer > .container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 0px;
	row-gap: 10px;
	padding-top: 4vw;
	padding-bottom: 3vw;
}

#page-footer .container > * {
	padding-right: 4vw;
}

#page-footer > .footer > .container > div:first-child {
	grid-row-start: 1;
	grid-row-end: 3;
}

#page-footer > .footer > .container > div:nth-child(4),
#page-footer > .footer > .container > div:nth-child(5) {
	align-self: flex-end;
}

#page-footer > .footer > .container > div:nth-child(4) h2,
#page-footer > .footer > .container > div:nth-child(5) h2 {
	margin-bottom: 1rem;
}

/** Footer - Ende **/

/*** Tabelle Gedenken ***/


.protokoll table td:first-child {
	padding-right: 1.5vw;
}

.protokoll table td a {
	display: inline-block;
	padding: 5px;
}



/***************** MEDIA QUERIES GENERELL / min - max **********************/

@media (min-width: 1800px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1654px;
  }
   nav.breadcrumb .container,
   #page-content .container, 
   #page-content .container, 
   #page-content .container, 
   #page-content .container-lg, 
   #page-content .container-md, 
   #page-content .container-sm, 
   #page-content .container-xl, 
   #page-content .container-xxl,
   #page-footer .container   {
     max-width: 1534px;
  }
}

@media (min-width: 1400px) and (max-width: 1799px) {
    nav.breadcrumb .container,
	#page-content .container, 
	#page-content .container, 
	#page-content .container, 
	#page-content .container-lg, 
	#page-content .container-md, 
	#page-content .container-sm, 
	#page-content .container-xl, 
	#page-content .container-xxl,
    #page-footer .container  	{
	   max-width: 1200px;
	  }
}


@media (min-width: 1200px) and (max-width: 1399px) {
	
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1120px;
  }
	
    nav.breadcrumb .container,
	#page-content .container, 
	#page-content .container, 
	#page-content .container, 
	#page-content .container-lg, 
	#page-content .container-md, 
	#page-content .container-sm, 
	#page-content .container-xl, 
	#page-content .container-xxl,
    #page-footer .container   {
	   max-width: 1020px;
  }
    #main-navbar a.navbar-brand,
    .jumbotron .slide figure img	{
       padding-left:0.75rem!important;
  }
    #main-navbar .navbar-nav.main-navbarnav {
       font-size: 1.5rem;
  }
    #main-navbar .dropdown-menu .dropdown-item {
		font-size: 1.125rem;
  }
  
   #main-navbar a.navbar-brand::before,
   #sticky_nav_left  {
       left: -24px;
  } 
    #page-footer	{
       padding-left:8rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
    nav.breadcrumb .container,
	#page-content .container, 
	#page-content .container, 
	#page-content .container, 
	#page-content .container-lg, 
	#page-content .container-md, 
	#page-content .container-sm, 
	#page-content .container-xl, 
	#page-content .container-xxl,
    #page-footer .container   {
	   max-width: 840px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
    nav.breadcrumb .container,
	#page-content .container, 
	#page-content .container, 
	#page-content .container, 
	#page-content .container-lg, 
	#page-content .container-md, 
	#page-content .container-sm, 
	#page-content .container-xl, 
	#page-content .container-xxl,
    #page-footer .container   {
	   max-width: 600px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
    nav.breadcrumb .container,
	#page-content .container, 
	#page-content .container, 
	#page-content .container, 
	#page-content .container-lg, 
	#page-content .container-md, 
	#page-content .container-sm, 
	#page-content .container-xl, 
	#page-content .container-xxl,
    #page-footer .container   {
	   max-width: 420px;
  }
}



/********************************************************************************/
/******* MEDIA QUERIES DETAILs******/
/********************************************************************************/


@media screen and (max-width: 1400px) {
	
	.list-group.news-list-view .media-body .card-text {
	   display: none;
	}
}

/***************************************/

@media screen and (max-width: 1200px) {
	
	.container {
		max-width: 920px;
	}
	
	.jumbotron .carousel-caption div.category {
	   padding: 20px 10px 5px 30px;
	   font-size: calc(95vw / 55);
	}
	
	.list-group.news-list-view .media-body .card-title {
	   font-size: 1.5rem;
	}
	.whiteonredInfo > div.even .ce-two_columns div.even {
		padding-right: 4vw;
		width: 100%!important;	
	}

.whiteonredInfo > div.even .ce-two_columns div.odd {
		padding-right: 4vw;
		width: 100%!important;
	}
	
}



/***************************************/

@media screen and (max-width: 991px) {
	
	/** hamburger-icon ***/
	#navbarToggler {
		padding: 0 1rem !important;
	}
	#main-navbar .navbar-nav {
		padding-top: 10px;
		gap: 1vw;
	}
	
	#main-navbar.navbar > .container {
	  align-items: center;
	}

	.container {
		max-width: 680px;
	}
	
	.jumbotron .carousel-caption {
	  right: 5%;
	  width: 45%;
	  left: inherit;
	}
	
	.list-group.news-list-view .media {
	   flex-direction: column;
	}
	.list-group.news-list-view .media figure {
	   width: 100%;
	   padding-right: 0;
	   order: 2;
	}
	.list-group.news-list-view .media .media-body {
	   max-width: 100%;
	   width: 100%;
	}
	.list-group.news-list-view .media .media-body {
		
	}
	.news-list-view .news-list-date {
       margin-bottom: 0;
	}
	
    #page-footer > .footer > .container {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	}
/*	.swiper-slide .slidercard_zweispaltig {
		display:block;
	}
*/
	.swiper-slide .slidercard_zweispaltig {
	  display: flex;
	  gap: 10px;
	}
	.swiper-slide .slidercard_zweispaltig .slidercard_rechts {
	  padding-right: 0;
	}
	.swiper-slide .slidercard_zweispaltig .news-list-date {
	  font-size: 1.25rem;
	}

}

/***************************************/

@media screen and (max-width: 776px) {
	
	html{
		font-size: 80%;
	}
	
	.container {
		max-width: 610px;
	}
	.ce-two_columns {
		display: block;
    }
	.ce-two_columns > div {
		width: 100%;
    }
	#page-footer > .footer > .container {
		display: grid;
		grid-template-columns: 1fr;
	}
	.whiteonredInfo > div.even {
		width: 100%!important;	
    }
	.whiteonredInfo > div.odd {
		width: 100% !important;
	}
	#page-1 .whiteonblue .ce-two_columns > div:first-child {
    width: 100%;
	}
	#page-1 .whiteonblue .ce-two_columns > div:last-child {
		width:100%;
	}
	#page-1 .ce-two_columns > div {
		width: 100%;
	}
	.news-single .wrapper-parent.image-gallery > div.row {
		width: 50%;
	}
}


/***************************************/

@media screen and (max-width: 680px) {
	.container {
		max-width: 500px;
	}
	
	.jumbotron .carousel-caption {
	    padding-bottom: 0!important;
	}
	.jumbotron .contentheader h2 {
    	padding-bottom: 0.5rem;
	}
	
	.news.news-single .zweispalten > div {
		width:100%;

}

	
}

/***************************************/

@media screen and (max-width: 576px){
	.container {
		max-width: 420px;
	}
    .jumbotron .carousel-caption {
		right: 5%;
		width: 65%;
		left: inherit;
    }
	.jumbotron .carousel-caption div.category {
		padding: 20px 10px 5px 30px;
		font-size: calc(95vw / 45);
	}
	.jumbotron .carousel-caption .contentheader h2 {
		font-size: calc(95vw / 35);
	}
	#page-footer h2 {
		padding-bottom: 1rem;
	}

}


/***************************************/

@media screen and (max-width: 480px){
	
	button.navbar-toggler {
		position: absolute;
		right:-25px;
		top: 40px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.kesearchbox #ke_search_sword {
		width: 90%;
	}
	.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
		width: 100%;
		margin-bottom: 10px;
	}
	#kesearch_results .result-list-item .result-title {
		font-size: 1.25rem!important;
	}
	#page-9 button.navbar-toggler {
		right: 0px;
	}
	#page-9 .result-title {
		hyphens: auto;
	}
	
	.container {
		max-width: 280px;
	}
	.sliderStartseite {
		/*display: none;*/
	}
	.news-single .wrapper-parent.image-gallery > div.row {
		width: 100%;
	}
	.nl-anmeldung h2 {
		padding-top: 2rem;
	}
	.two_columns.whiteonredInfo {
		padding-top: 1rem;
	}
}

/***************************************/

@media screen and (max-width: 350px){
   .container {max-width: calc(100% - 70px)}
}