body {
	padding-top: 161px;
	background-color: #f7fbef;
}
.bg-lightgreen {background-color: #f7fbef;}
.btn{
	padding: 0.7rem 0.5rem 0.5rem 0.5rem;
	border-radius: 8px;
	font-family: 'Objectivity Bold'; 
	font-size: 14px; 
	line-height: 1;
	font-weight: normal;
	color: #fff!important;
}
.btn-sm, .btn-group-sm > .btn {
  padding-top: 0.6em;
  border-radius: 8px;
}

.btn-primary:hover {background-color: #d48fbf; border-color: #d48fbf;}

.card {
  background-color: #fff;
}

time {color: #d48fbf; margin-right: 0.3em}

.rounded-3 {border-radius: 12px;}
.rounded-top-3 {border-top-left-radius: 12px; border-top-right-radius: 12px;}


.bg-dark {background-color: #dedc23!important;}
.bg-blue {background-color: #345dcf!important;}
.bg-lightgrey {background-color: #F5F5F5!important;}
.shadow-sm {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2)!important;}
.frame-space-after-small {margin-bottom: 1.5rem;}

hr {border-top: 2px solid rgba(52, 93, 207, 1);}

li:has(> a)::marker {
  color: #d48fbf;
}
.cta4 .videoWrapper,
.cta4 .youtubevideo > .videoWrapper > .coverimage-click {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

/* abgerundete Ecken für Bilder */
.frame-10 figure,
.frame-11 figure {
  border-radius: 12px;
  overflow: hidden;
}

.frame-10 img,
.frame-11 img {
  border-radius: 0 !important; /* Bild selbst nicht abrunden, sonst doppelt */
  display: block;
  width: 100%;
  height: auto;
}

.frame-11 .youtubevideo > .videoWrapper  {
  border-radius: 12px;
  overflow: hidden;
}

.frame-11 .youtubevideo > .videoWrapper > .coverimage-click {border:0}

/***************************************************
** TYPOGRAPHY
***************************************************/
a {color:#d48fbf; text-decoration: none!important;}
a:hover {color:#345dcf;}
b, strong {font-weight: 600;}
blockquote {margin: 0 20px; padding: 0 20px; border-left: 5px solid #e2e3e5; border-right: 5px solid #e2e3e5; font-style: italic;}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
	font-weight: normal;
}
h2, h3, h4, h5, h6 {
	color: #d48fbf;
}
.gold {color: #212529; font-size: 1rem; background-color: #d4af37; padding: 5px;}
.silver {color: #212529; font-size: 1rem; background-color: #e3e5e4; padding: 5px;}
.bronze {color: #212529; font-size: 1rem; background-color: #CD7F32; padding: 5px;}

/***************************************************
** LOGIN Button
***************************************************/
html.en .login.col-xl-1.col-md-1.d-none.d-lg-inline.mb-0.text-right {display: none!important;}

/***************************************************
** Kalender Link
***************************************************/
ul.cal-link.pt-lg-1.m-0 {padding-left:0; list-style: none;}

/***************************************************
** SOCIAL MEDIA LINKS
***************************************************/
.navbar ul.social {list-style: none; margin-bottom: 0; padding-left: 0;}
.navbar ul.social li {display: inline; padding-left: 5px;}

/***************************************************
** CHANGE FONT SIZE
***************************************************/
.navbar .changeFontsize {
  float: left;
 /* margin: 0 10px 0 15px;*/
  cursor: pointer;
  padding: 10px 10px 0 15px;
  color: #345dcf;
  font-weight: 600;
  border: none;
  background-color: transparent;
}
@media (max-width: 1024px) {
  .navbar .darkmode-switch {padding: 10px 8px 0 10px;}
}
.navbar .changeFontsize a:hover {color:#345dcf;}
@media (max-width: 992px) {
	.access .changeFontsize {
		padding: 1.5em 0.5em 0.5em 0; 
		margin: 0;
	}
}
.navbar .changeFontsize span {
  float: left;
  font-size: 14px;
  line-height: 16px;
  margin: 0 1px;
}
.navbar .changeFontsize span:first-of-type {
  font-size: 12px;
  line-height: 16px;
}
.navbar .changeFontsize span:last-of-type {
  font-size: 16px;
  line-height: 15px;
}
.navbar .changeFontsize.zoom1 span:first-of-type {
  font-weight: 800;
}
.navbar .changeFontsize.zoom2 span:first-of-type,
.navbar .changeFontsize.zoom2 span:nth-of-type(2) {
  font-weight: 800;
}
.navbar .changeFontsize.zoom3 span {
  font-weight: 800;
}
body.zoom1 {
  zoom: 1.05;
  transform-origin: top center;
  -moz-transform: scale(1.05) translate(0, 29px);
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
body.zoom2 {
  zoom: 1.15;
  transform-origin: top center;
  -moz-transform: scale(1.15) translate(0, 26px);
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
body.zoom3 {
  zoom: 1.25;
  transform-origin: top center;
  -moz-transform: scale(1.25) translate(0, 24px);
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

/***************************************************
** CONTRAST
***************************************************/
.navbar .darkmode-switch {
  /*float: left;*/
  position: relative;
  font-size: 14px;
  line-height: 15px;
  padding: 10px 15px 0 10px;
  cursor: pointer;
  color: #345dcf!important;
  text-decoration: none;
  border: none; 
  background: none; 
}
@media (max-width: 1024px) {
  .navbar .darkmode-switch {padding: 10px 10px 0 8px;}
}


body.darkmode .navbar .darkmode-switch {color: #f7fbef!important;}
.navbar .darkmode-switch span {display: none;}
@media (max-width: 992px) {
	.access .darkmode-switch {
		padding-top: 1.6em; 
		padding-bottom: 0.5em;
	}
	.access .darkmode-switch span {
		display: inline-block;
		padding-left: 2px;
  	}
}
body.darkmode {background: #1c3953; color: #f7fbef;}
body.darkmode .bg-lightgreen {background-color: #1c3953;}
body.darkmode .bg-lightgrey {background-color: #dedc23 !important;}
body.darkmode hr {border-top: 2px solid #f7fbef;}
body.darkmode li:has(> a)::marker {color: #dedc23;}
body.darkmode a {color: #dedc23;}
body.darkmode a:hover,
body.darkmode .navbar .changeFontsize,
body.darkmode .navbar .changeFontsize a:hover,
body.darkmode h1 {color: #f7fbef;}
body.darkmode h2, 
body.darkmode h3, 
body.darkmode h4, 
body.darkmode h5, 
body.darkmode h6  {/*filter: grayscale(100%) brightness(2.5);*/ color: #dedc23;}
body.darkmode .bg-blue {background-color: #1c3953!important;}
body.darkmode .col-lg-4.mt-lg-4.mt-md-0.mb-4.order-lg-0.order-sm-1 .card.h-100.rounded-3.border-0.p-3,
body.darkmode .tx-sf-event-mgt .card,
body.darkmode .card.cta1,
body.darkmode .card.cta2,
body.darkmode .card.cta3,
body.darkmode .card.cta4,
body.darkmode .card.cta5,
body.darkmode .card.cta6,
body.darkmode .card.shadowbox,
body.darkmode .card.quicklink {background-color: transparent; border: 1px solid #f7fbef!important;}
body.darkmode .card.quicklink h4 a {color:#f7fbef;}
body.darkmode .card.quicklink h4 a:hover {color:#dedc23;}
body.darkmode .card.quicklink h4 p {color: #f7fbef;}
body.darkmode .btn-primary {color: #1c3953; background-color: #dedc23; border-color: #dedc23;}
body.darkmode .btn-primary:hover {color: #f7fbef;}
body.darkmode .card-text.small a.btn-primary {color: #1c3953;}
body.darkmode .card-text.small a.btn-primary:hover {color: #f7fbef;}
body.darkmode .lang ul li {color: #f7fbef;}
body.darkmode .lang ul li.nav-item {border: 2px solid #f7fbef;}
body.darkmode .lang ul li.nav-item:hover {border: 2px solid #dedc23; color: #dedc23;}
body.darkmode .lang ul li.nav-item a {color: #f7fbef;}
body.darkmode .lang ul li.nav-item a:hover {color: #dedc23;}
body.darkmode .lang ul li.nav-item.active {background-color: #f7fbef;}
body.darkmode .lang ul li.nav-item.active:hover {background-color: #dedc23;}
body.darkmode .lang ul li.nav-item.active a,
body.darkmode .lang ul li.nav-item.active a:hover {color: #1c3953;}
body.darkmode .lang ul li.nav-item.notranslation:hover {border: 2px solid #f7fbef; color: #f7fbef;}
/*Navbar*/
body.darkmode .navbar-light .navbar-toggler {color: #f7fbef; border-color: #f7fbef;}
body.darkmode .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23f7fbef' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
body.darkmode .navbar-light .navbar-nav .nav-link {color: #f7fbef;}
body.darkmode .navbar-light #navbar ul li:hover > a {color: #dedc23;}
body.darkmode .navbar-light .navbar-nav .show > .nav-link, 
body.darkmode .navbar-light .navbar-nav .active > .nav-link, 
body.darkmode .navbar-light .navbar-nav .nav-link.show, 
body.darkmode .navbar-light .navbar-nav .nav-link.active, 
body.darkmode .navbar-light .navbar-nav li.nav-link.active a {color: #dedc23;}
body.darkmode #navbar .dropdown-menu { background-color: #dedc23;}
body.darkmode #navbar .dropdown-item { color: #1c3953;}
/*Slider*/
body.darkmode .carousel-indicators li {background-color: #f7fbef!important;}
/*TT_Address Steckbriefe*/
body.darkmode .tt_address_list .card,
body.darkmode .grid-container-box100shadow .tt_address_list .card {background-color: transparent; border: 1px solid #f7fbef!important;}
body.darkmode .tt_address_list .card-footer {background-color: transparent; border-top: 1px solid rgba(247, 251, 239, 0.5);}
body.darkmode .tt_address_list .card-footer svg {color: #1c3953;}
body.darkmode .tt_address_list .backside {background-color: transparent;}
body.darkmode .tt_address_list .card-text svg,
body.darkmode .backside .card-text.small svg {color: #dedc23;}
/*TT_Address Filter*/
body.darkmode #mitgliedshochschulen-nav.listNav .ln-letters a:hover, 
body.darkmode #mitgliedshochschulen-nav.listNav .ln-letters .ln-selected,
body.darkmode #partnerhochschulen-nav.listNav .ln-letters a:hover, 
body.darkmode #partnerhochschulen-nav.listNav .ln-letters .ln-selected,
body.darkmode #bewegtstudieren-nav.listNav .ln-letters a:hover, 
body.darkmode #bewegtstudieren-nav.listNav .ln-letters .ln-selected,
body.darkmode #bewegtstudieren2428-nav .listNav .ln-letters a:hover, 
body.darkmode #bewegtstudieren2428-nav .listNav .ln-letters .ln-selected{color: #1c3953; background-color: #dedc23;}
body.darkmode .tt_address_list .filter li.list-inline-item label {color: #dedc23;}
/*Partnerhochschulen*/
body.darkmode ul.pdsp_services li svg.svg-inline--fa {color: #dedc23;}
/*Calendar*/
body.darkmode .tx-sf-event-mgt .event-list-item h3.event-title a {color: #f7fbef;}
body.darkmode .tx-sf-event-mgt .event-list-item h3.event-title a:hover {color: #dedc23;}
body.darkmode .card .tx-sf-event-mgt .event-list-item .event-list-value.event-startdate span,
body.darkmode .tx-sf-event-mgt .event-list-item .event-list-value.event-startdate span {color: #dedc23;}
body.darkmode .tx-sf-event-mgt input[type="text"], 
body.darkmode .tx-sf-event-mgt input[type="date"], 
body.darkmode .tx-sf-event-mgt textarea,
body.darkmode .tx-sf-event-mgt .cal-list-cat.dropdown a#CatDropdownMenuLinks.btn.btn-info,
body.darkmode .tx-sf-event-mgt .cal-list-cat.dropdown .dropdown-item  {color: #1c3953;}
body.darkmode .tx-sf-event-mgt .cal-list-cat.dropdown .dropdown-item:hover, 
body.darkmode .tx-sf-event-mgt .cal-list-cat.dropdown .dropdown-item:focus {color: #1c3953; background-color: #dedc23;}
body.darkmode .tx-sf-event-mgt ul.cal-list-year li a:hover, 
body.darkmode .tx-sf-event-mgt ul.cal-list-month li a:hover ,
body.darkmode .tx-sf-event-mgt ul.cal-list-year li a.active, 
body.darkmode .tx-sf-event-mgt ul.cal-list-month li a.active {color: #f7fbef !important;}
/*News*/
body.darkmode .news .carousel .carousel-caption {
  background: linear-gradient(to top, rgba(222, 220, 35, 0.5), rgba(222, 220, 35, 0.35));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), rgba(222, 220, 35, 0.5);
}
body.darkmode .news .card {background-color: transparent; border: 1px solid #f7fbef!important;}
body.darkmode h4.card-title a, 
body.darkmode .card-text.small a {color: #f7fbef;}
body.darkmode h4.card-title a:hover {color: #dedc23;}
body.darkmode .news time {color: #dedc23;}
body.darkmode .reallyShortNewsTeaser h3 a {color: #f7fbef;}
body.darkmode .reallyShortNewsTeaser h3 a:hover {color: #dedc23;}
body.darkmode p.shortNewsTeaserDate,
body.darkmode .news.news-single .news-single-category .news-single-timedata {color: #dedc23;}
body.darkmode p.news-img-caption {color: #1c3953;}
body.darkmode .page-navigation ul.pagination li.active a {color: #f7fbef !important;}
/*Newsletter*/
body.darkmode #rmOrganism .rmSubscription .rmBase__comp--heading {color: #1c3953!important;}
body.darkmode #rmOrganism .rmBase__comp--cta {background: #dedc23 !important; color: #1c3953;}
body.darkmode #rmOrganism .rmBase__comp--cta:hover {background: #1c3953 !important; color: #f7fbef;}
/*Downloads*/
/*body.darkmode .ce-uploads img {
  filter: brightness(0) saturate(100%) invert(84%) sepia(50%) saturate(600%) hue-rotate(5deg) brightness(105%) contrast(95%);
}*/ /*gelb*/
body.darkmode .ce-uploads img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(11%) saturate(128%) hue-rotate(56deg) brightness(110%) contrast(92%);
}/*beige*/


/*Footer*/
body.darkmode footer a {color: #f7fbef;}
body.darkmode footer a:hover {color: #dedc23;}
body.darkmode footer h5.active a,
body.darkmode footer h5 a {color: #dedc23!important;}
body.darkmode footer .col-lg-2.col-md-4 li.active a {color: #dedc23;}
body.darkmode footer .copyright {color: #f7fbef;}
body.darkmode footer .copyright ul li:before,
body.darkmode footer .copyright a { color: #1c3953;}
body.darkmode footer .copyright a:hover {color: #f7fbef; text-decoration: underline;}



/***************************************************
** MAIN NAVIGATION
***************************************************/
.navbar-brand {padding-top: 1rem;}
.navbar-brand img {max-height: 85px; width: auto;}
nav .col-lg-8.col-md-12 .col-12 {padding-right: 0;}
.navbar-nav {font-family: 'Objectivity Bold'; font-size: 17px; font-weight: normal; line-height: 1;}

/* Ebene 1 */
.navbar-light .navbar-nav .nav-link {color: #345dcf;}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav li.nav-link.active a{color: #d48fbf;}
.navbar-light .navbar-nav .nav-link a:hover,
.navbar-light .navbar-nav .nav-link a:focus {color: #d48fbf;}

#navbar .dropdown-toggle::after {display: none;}
.navbar-light .navbar-nav li.nav-link,
li.megamenu-li {padding: 1rem 0 1rem 0;}
li.megamenu-li a.nav-link,
.navbar-light .navbar-nav li.nav-link a{padding: 0 0.3em!important;}
li:last-child.megamenu-li a.nav-link,
.navbar-light .navbar-nav li:last-child a.nav-link,
.navbar-light .navbar-nav li.nav-link:last-child a {padding-right: 0!important; border-right: none;}
.navbar-light .navbar-nav li:first-child a.nav-link {padding-left: 0!important;}
li.megamenu-li a.nav-link, .navbar-light .navbar-nav li.nav-link a {padding: 0 0.62em!important;}
/*Keep parent menu item highlighted after hovering over submenu*/
.navbar-light #navbar ul li:hover > a {color: #d48fbf;}

/* Ebene 2 */
#navbar .dropdown-menu {
    padding: 18px;
    margin: 0.5rem 0 0;
    font-size: 17px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: rgba(229, 188, 218, 1);
    background-clip: padding-box;
    border: none;
    border-radius: 12px;
    line-height: 1.5;
	height: auto;
}
@media (min-width: 1200px) {
	#navbar .page-id-9 .dropdown-menu {margin-left: -16em;}
	#navbar .page-id-11 .dropdown-menu {margin-left: -3em;}
	#navbar .page-id-12 .dropdown-menu {margin-left: -8em;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-nav,
	#navbar .dropdown-menu {font-size: 1em;}
	li.megamenu-li a.nav-link, 
	.navbar-light .navbar-nav li.nav-link a {
	  padding: 0 0.58em !important;
	}
	#navbar .page-id-9 .dropdown-menu {margin-left: -16em;}
	#navbar .page-id-11 .dropdown-menu {margin-left: -3em;}
	#navbar .page-id-12 .dropdown-menu {margin-left: -8em;}
}
#navbar .dropdown-menu ul {padding-left: 0}
#navbar .dropdown-menu ul li {list-style: none; padding: 1px 0!important;}
#navbar .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 0;
    clear: both;
    color: #345dcf;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
}
#navbar .dropdown-item:hover, .dropdown-item:focus {
    color: #fff!important;
    text-decoration: none;
    background-color: transparent!important;
}

#navbar .dropdown-item.current, .dropdown-item:active {
    color: #fff!important;
    text-decoration: none;
    background-color: transparent!important;
}

/* Ebene 3 - derzeit nicht genutzt*/
/*#navbar .dropdown-menu ul ul {padding-left: 20px}
#navbar .dropdown-menu ul ul .dropdown-item {background-color: transparent;}
#navbar .dropdown-menu ul ul .dropdown-item:hover,
#navbar .dropdown-menu ul ul .dropdown-item:focus {background-color: #f8f9fa!important;}
#navbar .dropdown-menu ul ul .dropdown-item.active,
#navbar .dropdown-menu ul ul .dropdown-item:active {background-color: #345dcf!important;}*/

/***************************************************
** CONTENT
***************************************************/
/* GALLERY */
.ce-gallery figcaption.image-caption {
	margin-bottom: 0;
	hyphens: auto;
	font-weight: normal;
	font-size: 85%;
	padding: 0.25rem 0.5rem !important;
	background-color: #f7fbef !important;
}

/* CARDS - NEWS-GRID */
.card-body {padding: 0.65rem 1rem;}
h4.card-title {font-family: 'Objectivity Extra Bold'; font-size: 16px; font-weight: normal;}
.card-text.small {font-family: 'Objectivity Medium'; font-size: 14px; font-weight: normal;}
h4.card-title a,
.card-text.small a {color: #345dcf;}
h4.card-title a:hover,
.card-text.small a:hover {color: #d48fbf;}

/***************************************************
** Rechte Spalte (Startseite)
***************************************************/
#pageid-1 .col-lg-4.mt-lg-4.mt-md-0.mb-4.order-lg-0.order-sm-1 .card.h-100.rounded-0.border-0 .card.shadowbox.shadow-sm.rounded-0.border-0.mb-4.p-3 p a.btn.btn-primary {margin-bottom: -0.6rem;}

/***************************************************
** Startseite Englisch
***************************************************/
.en body#pageid-1 .row.news,
.en body#pageid-1 .row.news2,
.en body#pageid-1 hr.trenner1 {display: none;}
.en body#pageid-1 .row.karriere {margin-top: 1.5rem;}

/***************************************************
** FLIP-CARD
***************************************************/
/* flip the pane when hovered */
.image-flip.hover .mainflip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* flip speed */
.mainflip {
    -webkit-transition: 0.8s;
    -webkit-transform-style: preserve-3d;
    transition: 0.8s;
    transform-style: preserve-3d;
    position: relative;
}
/* hide back of pane during swap */
.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
}
/* front pane, placed above back */
.frontside {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* back, initially hidden pane */
.backside {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #fff;
    position: absolute;
}
/*card and image size*/
.frontside .card,
.backside .card {min-height: 400px;/*min-height: 428px;*/}
.frontside .card .card-body img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
}
.backside p.card-text.small {margin-bottom: 0.5rem;}
.tx-ttaddress .frontside.single .card-text.small,
.backside .card-text.small {font-weight: normal;}
.backside .card-text.small svg {color:#345dcf;}
.backside .card-text.small .svg-inline--fa {margin-right: 5px;}

/***************************************************
** Quicklinks
***************************************************/
.card.quicklink header h4 {margin-top: 0.5rem;  margin-bottom: 0.5rem; font-size: 16px; font-family: 'Objectivity Extra Bold'; font-weight: normal;}
.card.quicklink h4.card-title{margin-top: 0.5rem;  margin-bottom: 0.5rem; font-size: 16px; font-family: 'Objectivity Extra Bold'; font-weight: normal;}
.card.quicklink h4 a {color:#345dcf; text-decoration: none!important;}
.card.quicklink h4 a:hover {color:#d48fbf;}
.card.quicklink h4 p {font-size: 14px; font-family: 'Objectivity Medium'; font-weight: normal; color: #345dcf; margin-bottom: 0;}

/***************************************************
** Call to Action
***************************************************/
/*.card.cta1 .card-body {padding-left: 0;}*/
.card.cta1 figure.video div.video-embed,
.card.cta2 figure.video div.video-embed,
.card.cta3 figure.video div.video-embed,
.card.cta4 figure.video div.video-embed,
.card.cta5 figure.video div.video-embed,
.card.cta6 figure.video div.video-embed {width: 100%; height:auto;}

.card.cta1 .youtube-container,
.card.cta2 .youtube-container,
.card.cta3 .youtube-container,
.card.cta4 .youtube-container,
.card.cta5 .youtube-container,
.card.cta6 .youtube-container {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
.card.cta1 .youtube-video,
.card.cta2 .youtube-video,
.card.cta3 .youtube-video,
.card.cta4 .youtube-video,
.card.cta5 .youtube-video,
.card.cta6 .youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card.cta1 figure.image img,
.card.cta2 figure.image img,
.card.cta3 figure.image img,
.card.cta4 figure.image img,
.card.cta5 figure.image img,
.card.cta6 figure.image img {width: 100%; height:auto;}


/***************************************************
** Simple Slider
***************************************************/
.simple_carousel {margin-bottom: 30px;}
.simple_carousel .carousel-indicators {
    bottom: -50px;
    z-index: 0;
}
.simple_carousel .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #000;
    opacity: 0.25;
    margin-left: 10px;
    margin-right: 10px;
}
.simple_carousel .carousel-indicators li.active {opacity: 0.75;} 

.simple_carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='1.5' viewBox='0 0 10 10'%3e%3cpath d='M7 1L3 5l4 4'/%3e%3c/svg%3e");
}
.simple_carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='1.5' viewBox='0 0 10 10'%3e%3cpath d='M3 1l4 4-4 4'/%3e%3c/svg%3e");
}
.simple_carousel .carousel-control-prev,
.simple_carousel .carousel-control-next {
    opacity: 1; 
}
.simple_carousel .carousel-control-prev-icon, 
.simple_carousel .carousel-control-next-icon {
  width: 26px;
  height: 26px;
}

.simple_carousel .rounded-corners {border-radius: 12px;
  overflow: hidden;}
/***************************************************
** Partner-Slider (Startseite)
***************************************************/
.partnerslider.carousel {margin-bottom: 30px;}
.partnerslider.carousel .carousel-indicators {
    bottom: -50px;
    z-index: 0;
}
.partnerslider.carousel .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #000;
    opacity: 0.25;
    margin-left: 10px;
    margin-right: 10px;
}
.partnerslider.carousel .carousel-indicators li.active {opacity: 0.75;} 
/* small - display 2  */
@media (max-width: 768px) {
    .partnerslider.carousel .carousel-inner .carousel-item-right.active,
    .partnerslider.carousel .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }  
    .partnerslider.carousel .carousel-inner .carousel-item-left.active,
    .partnerslider.carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
} 
/* medium - display 3  */
@media (min-width: 768px) { 
    .partnerslider.carousel .carousel-inner .carousel-item-right.active,
    .partnerslider.carousel .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }                         
    .partnerslider.carousel .carousel-inner .carousel-item-left.active,
    .partnerslider.carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
} 
/* large - display 4 */
@media (min-width: 992px) { 
    .partnerslider.carousel .carousel-inner .carousel-item-right.active,
    .partnerslider.carousel .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }                  
    .partnerslider.carousel .carousel-inner .carousel-item-left.active,
    .partnerslider.carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}   
.partnerslider.carousel .carousel-inner .carousel-item.active,
.partnerslider.carousel .carousel-inner .carousel-item-next,
.partnerslider.carousel .carousel-inner .carousel-item-prev {
    display: flex;
}   
.partnerslider.carousel .carousel-inner .carousel-item-right,
.partnerslider.carousel .carousel-inner .carousel-item-left {
    transform: translateX(0);
}
/***************************************************
** Tandem-Slider
***************************************************/
.tandemslider.carousel {margin-bottom: 30px;}
.tandemslider.carousel .carousel-indicators {
    bottom: -50px;
    z-index: 0;
}
.tandemslider.carousel .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #000;
    opacity: 0.25;
    margin-left: 10px;
    margin-right: 10px;
}
.tandemslider.carousel .carousel-indicators li.active {opacity: 0.75;} 
/* small - display 1  */
@media (max-width: 768px) {
    .tandemslider.carousel .carousel-inner .carousel-item-right.active,
    .tandemslider.carousel .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }  
    .tandemslider.carousel .carousel-inner .carousel-item-left.active,
    .tandemslider.carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
} 
/* medium - display 2  */
@media (min-width: 768px) { 
    .tandemslider.carousel .carousel-inner .carousel-item-right.active,
    .tandemslider.carousel .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }                         
    .tandemslider.carousel .carousel-inner .carousel-item-left.active,
    .tandemslider.carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
} 
/* large - display 2 */
@media (min-width: 992px) { 
    .tandemslider.carousel .carousel-inner .carousel-item-right.active,
    .tandemslider.carousel .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }                  
    .tandemslider.carousel .carousel-inner .carousel-item-left.active,
    .tandemslider.carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}   
.tandemslider.carousel .carousel-inner .carousel-item.active,
.tandemslider.carousel .carousel-inner .carousel-item-next,
.tandemslider.carousel .carousel-inner .carousel-item-prev {
    display: flex;
}   
.tandemslider.carousel .carousel-inner .carousel-item-right,
.tandemslider.carousel .carousel-inner .carousel-item-left {
    transform: translateX(0);
}
/***************************************************
** MITGLIEDSHOCHSCHULEN - FILTER
***************************************************/
#mitgliedshochschulen-nav.listNav {margin-bottom: 1em;}
#mitgliedshochschulen-nav.listNav .ln-letters a {
    border: 0px solid transparent;
    font-size: 1em;
}
#mitgliedshochschulen-nav.listNav .ln-letters a:hover, 
#mitgliedshochschulen-nav.listNav .ln-letters .ln-selected {
    color: #fff;
    background-color: #345dcf;
}    
ul#mitgliedshochschulen.mhs {padding-left: 1.3em;}
ul#mitgliedshochschulen.mhs li.listNavShow {
    list-style: square outside;
    color: #345dcf;
}
/***************************************************
** PARTNERHOCHSCHULEN - FILTER
***************************************************/
#partnerhochschulen-nav.listNav {margin-bottom: 1em;}
#partnerhochschulen-nav.listNav .ln-letters a {
    border: 0px solid transparent;
    font-size: 1em;
}
#partnerhochschulen-nav.listNav .ln-letters a:hover, 
#partnerhochschulen-nav.listNav .ln-letters .ln-selected {
    color: #fff;
    background-color: #345dcf;
}    
ul#partnerhochschulen.phs {padding-left: 1.3em;}
ul#partnerhochschulen.phs li.listNavShow {
    list-style: square outside;
    color: #345dcf;
}

/***************************************************
** PARTNERHOCHSCHULEN - FOERDERLEISTUNGEN
***************************************************/
ul.pdsp_services {
  	padding: 5px 0;
 	margin-bottom: 0;
  	list-style: none;
  	text-align: left;
  	line-height: 20px;
}
ul.pdsp_services li {
  	padding: 5px 0 5px 20px;
  	position: relative;
}
ul.pdsp_services li svg.svg-inline--fa {
  	color: #a7c855;
  	font-size: 1rem;
  	position: absolute;
  	left: 0;
}
ul.pdsp_services .na svg.svg-inline--fa {color: transparent;} 
svg.svg-inline--fa.fa-check {color: #a7c855;}

/***************************************************
** BEWEGT STUDIEREN - FILTER
***************************************************/
#bewegtstudieren-nav.listNav {margin-bottom: 1em;}
#bewegtstudieren-nav.listNav .ln-letters a {
    border: 0px solid transparent;
    font-size: 1em;
}
#bewegtstudieren-nav.listNav .ln-letters a:hover, 
#bewegtstudieren-nav.listNav .ln-letters .ln-selected {
    color: #fff;
    background-color: #345dcf;
}    
ul#bewegtstudieren.bssb {padding-left: 1.3em;}
ul#bewegtstudieren.bssb li.listNavShow {
    list-style: square outside;
    color: #345dcf;
}

#bewegtstudieren2428-nav.listNav {margin-bottom: 1em;}
#bewegtstudieren2428-nav.listNav .ln-letters a {
    border: 0px solid transparent;
    font-size: 1em;
}
#bewegtstudieren2428-nav.listNav .ln-letters a:hover, 
#bewegtstudieren2428-nav.listNav .ln-letters .ln-selected {
    color: #fff;
    background-color: #345dcf;
}    
ul#bewegtstudieren2428-nav.bssb {padding-left: 1.3em;}
ul#bewegtstudieren2428-nav.bssb li.listNavShow {
    list-style: square outside;
    color: #345dcf;
}

 

/***************************************************
** SPORTARTEN DROPDOWN
***************************************************/
.sport-list-cat.dropdown {padding: 1em 0;}
.sport-list-cat.dropdown a#SportDropdownMenuLinks.btn.btn-info:focus,
.sport-list-cat.dropdown a#SportDropdownMenuLinks.btn.btn-info.focus {
 	box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0);
}
.sport-list-cat .btn-info:not(:disabled):not(.disabled):active:focus, 
.sport-list-cat .btn-info:not(:disabled):not(.disabled).active:focus,
.sport-list-cat .show > .btn-info.dropdown-toggle:focus {
  	box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0);
}
.sport-list-cat.dropdown a#SportDropdownMenuLinks.btn.btn-info {
	/*font-size: 85%;*/
  	color: #345dcf!important;
  	background-color: #fff;
  	border-color: rgba(0, 0, 0, 0.15);
 	border-radius: 0;
 	padding: 0.1rem 0.75rem;
  	margin-top: 0.15em;
}
.sport-list-cat.dropdown a#SportDropdownMenuLinks.btn.btn-info:focus {
    background-color: rgba(212, 143, 191, 0.3);
}
.sport-list-cat.dropdown a#SportDropdownMenuLinks.btn.btn-info.dropdown-toggle {}
.sport-list-cat.dropdown .dropdown-toggle::after {
    display: inline-block;
    margin-left: .51em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.sport-list-cat.dropdown .dropdown-menu {
    font-size: 85%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    max-height: 240px;
    overflow-y: scroll;
    min-width: 15rem;
}
.sport-list-cat.dropdown .dropdown-item {
    color: #345dcf;
    padding: 0.25rem 1rem; 
}
.sport-list-cat.dropdown .dropdown-item:hover {
    color: #fff;
    background-color: #345dcf;
}
.sport-list-cat.dropdown .dropdown-item.active {
    color: #fff;
    background-color: #345dcf;
}
.sport-list-cat.dropdown .dropdown-item:focus {
    color: #fff;
    background-color: #345dcf;
}

/***************************************************
** FOOTER
***************************************************/
footer {font-size: 0.9em; font-weight: normal;; margin-top: 2rem;}
footer,
footer a {color: #fff;}
footer h5 a {color: #dedc23;}
footer a:hover {color: #fff; text-decoration: underline!important;}
footer h5.active a {/*color: #fff;*/ text-decoration: underline!important;}
footer .col-lg-2.col-md-4 li.active a {color: #fff; text-decoration: underline!important; font-weight: 500;}
footer ul {list-style: none; padding-left: 0px; font-weight: 300;}
footer li {line-height:1.2em; margin-left: 0px; margin-bottom: 5px;}
footer .copyright {text-transform: uppercase; font-size: 0.85em;}
footer .copyright ul li {display: inline-block; font-weight: 400; margin-left: 10px;}
footer .copyright ul li:before { content: "/"; padding-right:10px; color: #345dcf; }
footer .copyright ul li:first-child:before {content: '';}
footer .copyright ul li a,
footer .copyright ul li a:hover {color: #345dcf;}

footer .copyright ul li.active {font-weight: 600;}

html.en footer li.fisu {display:none;}

@media (min-width: 992px) {
  footer .col-lg-2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 1200px) {
	footer {font-size: 0.84em;}
	footer .col-xl-2 {
		-ms-flex: 0 0 14.2857%;
		flex: 0 0 14.2857%;
		max-width: 14.2857%;
	}
}


/***************************************************
** EXTENSIONS
***************************************************/
/* LANGUAGE MENU */
/*div.lang.col-xl-1.col-lg-1.col-md-2.mb-0.px-0 {display: inline!important;} */
.lang ul {  
  	list-style:none;
  	margin-bottom: 0;
  	padding-left: 0;
  	padding-top: 0.3rem;
} 
.lang ul li {
  	display: inline;
  	margin-right: 8px;
	font-family: 'Objectivity Medium';
  	font-size: 14px;
  	color: #345dcf;
  	margin-top: 0px;
}

.lang ul li.nav-item {	
	border: 2px solid #345dcf;  
	border-radius: 20px;
  	padding: 0.625em 0.28em 0.45em 0.28em;
}
.lang ul li.nav-item:hover {
	border: 2px solid #d48fbf; 
	color: #d48fbf; 
}
.lang ul li.nav-item a{color: #345dcf;}
.lang ul li.nav-item:hover a {color: #d48fbf; }
.lang ul li.nav-item.notranslation:hover {
	border: 2px solid #345dcf; 
	color: #345dcf; 
}
.lang ul li.nav-item.active {background-color: #345dcf;}
.lang ul li.nav-item.active a {color: #fff;}
.lang ul li.nav-item.active:hover {background-color: #d48fbf;}
.lang ul li.nav-item.active a:hover {color: #fff;} 

/* NEWS */
/* Detail-Ansicht */
/*hide sidebar - english*/
html.en #pageid-137 .news.news-single .col-lg-4.mt-md-0.mb-4.order-lg-0.order-sm-1 {display:none;}
.news-single .lead {font-size: 1rem; font-weight: 600;}
.news-single .thumbnail {display: table; }
.news-single .thumbnail a img {max-width: 300px; height: auto; }
.news-single .thumbnail .caption {
    caption-side: bottom;
    display: table-caption;
}
.news-single .thumbnail .caption.small {hyphens: auto; font-weight: 400;}
.news-single p.news-img-caption {margin-bottom: 0; hyphens: auto; font-weight: 400;}
.news.news-single .news-single-category,
.news.news-single .news-single-category a.active {
	/*font-style: italic;*/
	text-transform: uppercase;
	font-family: 'Objectivity Medium'; 
	font-weight: normal;
}
.news.news-single .news-single-category .news-single-timedata {color: #d48fbf; font-family: 'Objectivity Medium'; font-weight: normal; font-style: normal}
/* Category List */
ul.catlist {display: inline-block; list-style: none; padding: 0; margin: 0;}
ul.catlist li {display: inline-block; margin-right: 5px;}
ul.catlist li:after {content: ','}
ul.catlist li:last-child:after {content: '';}
/* ShortNews */
.reallyShortNewsTeaserContainer {width: 100%;}
.reallyShortNewsTeaser {/*font-size: 85%;*/ margin-bottom: 1rem;}
.reallyShortNewsTeaser h3 {font-size: 16px; font-family: 'Objectivity Extra Bold'; font-weight: normal;}
.reallyShortNewsTeaser h3 a {color: #345dcf;}
.reallyShortNewsTeaser h3 a:hover {color: #d48fbf;}
p.shortNewsTeaserDate {font-size: 13px; font-family: 'Objectivity Bold'; font-weight: normal; color: #d48fbf; margin-bottom: 0.3rem;}
/* News Search Form */
.news-search-form label {
	float: left;
	text-align: left;
	width: 25%;}
.news-search-form .form-control {display:inline-block; width: 50%; height: calc(1rem + 0.75rem + 2px);}
/* Date Menu*/
.news ul.news-menu-view.datemenu {
	padding-left: 15px;
	margin-bottom: 0;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 3rem;
	-moz-column-gap: 3rem;
	column-gap: 3rem;
}
/*Slider*/
.news .carousel {
	margin: 0 0 25px;
  	background: transparent;
 	border: none;
  	position: relative;
  	zoom: 1;
  	border-radius: 1em;
}
.news .carousel .carousel-caption {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: .8rem;
    background: 
	   /*linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.3)),*/
	   linear-gradient(to top, rgba(215, 93, 176, 0.5), rgba(215, 93, 176, 0.35));
	/*background:
  linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),
  rgba(212, 143, 191, 0.85);*/
	backdrop-filter: blur(5px);

    color: #fff;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 0.95em;
    line-height: 1.5;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.news .carousel .carousel-caption a {color: #fff;}
/*pagination*/
.page-navigation ul.pagination li {padding: 0 2px;}
.page-navigation ul.pagination li.active a {color: #345dcf!important;}

/* TT_ADDRESS */
.tt_address_list .card {border-radius: 12px; }
.grid-container-box100shadow .tt_address_list .card {border: 1px solid rgba(52, 93, 207, 0.5)!important}
.card-body h3 {color: #d48fbf; font-style: italic; font-size: 1.1rem;}
.tt_address_list h4.card-title {font-size: 1rem; margin-top: 0.75rem; margin-bottom: 0.5rem;}
.tt_address_list .backside h4.card-title {margin-top: 0;}
.tt_address_list .card-text .vcardItem {clear: both;}
.tt_address_list .card-text p {margin-bottom: 0.3rem;}
.tt_address_list .card-text p.label {float: left; width: 130px;}
.tt_address_list .card-text p.value {padding-left: 130px;}
.tt_address_list .card-text .label {width: 80px;}
.tt_address_list .card-text span {display: block;}
.tt_address_list .card-text svg {color:#345dcf;}
.tt_address_list .card-text .svg-inline--fa {margin-right: 10px;}
.tt_address_list .card-footer {
  background-color: #fff;
  border-top: 1px solid rgba(52, 93, 207, 0.5);
  border-radius: 0 0 12px 12px;
}
.tt_address_list .card-footer svg {color:#fff;}
.tt_address_list .card-footer .svg-inline--fa {margin-right: 0;}

.tt_address_list .backside {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px; /* passt zu deinem .card radius */
  overflow: hidden;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateY(180deg);
}

.tt_address_list .backside .card {
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: none; /* falls Schatten stören */
}



/* FILE_LIST */
.tx-filelist .table th, 
.tx-filelist .table td {
    padding: 0.5rem 0 0 0;
    vertical-align: top;
    border-top: none;
} 
.tx-filelist .ce-uploads li {
    list-style: none outside none;
    margin: 0;
    padding: 0.5rem 0 0 0;
}
.tx-filelist ul.ce-uploads.simple2col {column-count: 2; column-gap: 50px;}
.tx-filelist ul.ce-uploads.simple3col {column-count: 3; column-gap: 50px;}
.tx-filelist ul.ce-uploads.simple4col {column-count: 4; column-gap: 50px;}

/*MAPS*/
/*TK map & Suche*/
.tt_address_list .filter ul.list-inline li.list-inline-item .form-group {margin-bottom: 0;}
.tt_address_list .filter li.list-inline-item label {font-size: 0.92em; font-weight: 600; color: #345dcf;}
.tt_address_list .leaflet-popup {min-width: 250px; max-width: 250px;}
.tx-kesearch-pi1 {font-family: inherit!important;}
.tx-kesearch-pi1 .kesearch_searchbox ul.ke_searchbox {padding-left: 0;}
.tx-kesearch-pi1 .kesearch_searchbox ul.ke_searchbox li {list-style: none; display:inline-block; margin-right: 0.5em;}
.tx-kesearch-pi1 .kesearch_searchbox ul.ke_searchbox #ke_search_sword {position: relative; padding: 6px 9px;}
.tx-kesearch-pi1 input[type="search"], 
.tx-kesearch-pi1 select, 
.tx-kesearch-pi1 textarea {border-radius: 0.25rem!important;}
/*search results*/	
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: #a7c855 !important;
    font-weight: bold;
}
#kesearch_results .result-list-item .result-number, 
#kesearch_results .result-list-item .result-title {
    font-size: 1em;
	font-weight: 600;
	color: #345dcf;
}


/* CALENDAR */
/*List*/
.tx-sf-event-mgt .event-list-item h3.event-title {font-size: 16px; font-family: 'Objectivity Extra Bold'; font-weight: normal;}
.tx-sf-event-mgt .event-list-item h3.event-title a {color: #345dcf;}
.tx-sf-event-mgt .event-list-item h3.event-title a:hover {color: #d48fbf;}
.card .tx-sf-event-mgt .event-list-item .event-list-value.event-startdate {font-size: 13px; font-family: 'Objectivity Bold'; font-weight: normal;}
.card .tx-sf-event-mgt .event-list-item .event-list-value.event-startdate span {color: #d48fbf;}
/*Search - form*/
.tx-sf-event-mgt label {
    display: block;
    float: left;
    margin-bottom: 0px;
    padding-right: 1em;
    text-align: right;
    width: 120px;
    font-weight: bold;
    font-size: 85%;
}
.tx-sf-event-mgt input[type="text"],
.tx-sf-event-mgt input[type="date"], 
.tx-sf-event-mgt textarea {
    font-size: 85%;
    color: #345dcf;
    padding: 2px;
    margin-bottom: 5px;
    width: 250px;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

/*Search - category dropdown*/
.tx-sf-event-mgt .cal-list-cat.dropdown a#CatDropdownMenuLinks.btn.btn-info:focus,
.tx-sf-event-mgt .cal-list-cat.dropdown a#CatDropdownMenuLinks.btn.btn-info.focus {
 	box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0);
	background-color: rgba(212, 143, 191, 0.3);
}

.tx-sf-event-mgt .btn-info:not(:disabled):not(.disabled):active:focus, 
.tx-sf-event-mgt .btn-info:not(:disabled):not(.disabled).active:focus,
.tx-sf-event-mgt .show > .btn-info.dropdown-toggle:focus {
  	box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0);
}
.tx-sf-event-mgt .cal-list-cat.dropdown a#CatDropdownMenuLinks.btn.btn-info {
	font-size: 85%;
  	color: #345dcf!important;
  	background-color: #fff;
  	border-color: rgba(0, 0, 0, 0.15);
 	border-radius: 0;
 	padding: 0.1rem 0.75rem;
  	margin-top: 0.15em;
}
.tx-sf-event-mgt .cal-list-cat.dropdown a#CatDropdownMenuLinks.btn.btn-info.dropdown-toggle {}
.tx-sf-event-mgt .cal-list-cat.dropdown .dropdown-toggle::after {
    display: inline-block;
    margin-left: .51em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.tx-sf-event-mgt .cal-list-cat.dropdown .dropdown-menu {
    font-size: 85%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    max-height: 240px;
    overflow-y: scroll;
    min-width: 15rem;
}
.tx-sf-event-mgt .cal-list-cat.dropdown .dropdown-item {
    color: #345dcf;
    padding: 0.25rem 1rem; 
}
.tx-sf-event-mgt .cal-list-cat.dropdown .dropdown-item:hover,
.tx-sf-event-mgt .cal-list-cat.dropdown .dropdown-item:focus {
    color: #fff;
    background-color: #345dcf;
}
.tx-sf-event-mgt .cal-list-cat.dropdown .dropdown-item.active {
    color: #fff;
    background-color: #345dcf;
}
/*Search - year/month lists*/
.tx-sf-event-mgt ul.cal-list-year,
.tx-sf-event-mgt ul.cal-list-month {
  	padding-left: 0;
  	list-style: none;
  	text-align: center;
}
.tx-sf-event-mgt ul.cal-list-year li,
.tx-sf-event-mgt ul.cal-list-month li {display: inline-block; margin: 0 0.5em;}
.tx-sf-event-mgt ul.cal-list-year li a.active,
.tx-sf-event-mgt ul.cal-list-month li a.active {color: #345dcf !important}
.tx-sf-event-mgt ul.cal-list-year li a:hover,
.tx-sf-event-mgt ul.cal-list-month li a:hover {color: #345dcf !important}

.tx-sf-event-mgt .event-list-item .event-list-value.event-startdate {font-family: 'Objectivity Bold'; font-weight: normal; font-size: 13px;}
.tx-sf-event-mgt .event-list-item .event-list-value.event-startdate span {color: #d48fbf;}

/* YOUTUBE VIDEO */
.card.cta3 .frame-type-youtubevideo_pi1 .youtubeVideo figure {margin-bottom: 0;}

/* FLUID STYLED CONTENT*/
ul.ce-uploads li {margin: 0; padding: 0.5rem 0 0 0; }
.ce-uploads img {padding-right: 0.3em;}

/*felogin*/
/*.frame-type-felogin_login h3 {color: #345dcf;}*/
.frame-type-felogin_login .input-group.form-group {display: inline-flex; width: auto; margin-right: 1em;}
/* Container für die Registrierung */
.frame-type-femanager_registration {
    max-width: 600px;
    margin: 0 auto;
    padding: 2.5rem;
    background: #ffffff;
    border-radius: 12px;
}

/* Wenn innerhalb von .tx-femanager eine Erfolgsmeldung existiert... */
.tx-femanager:has(.message-0) .femanager_new {
    display: none !important;
}

/* Status Message */
.frame-type-femanager_registration .femanager_status {
	margin-bottom: 1.5em;
}

/* Die "Legende" als Hauptüberschrift stylen */
.frame-type-femanager_registration legend {
    display: block;
    width: 100%;
    border: none;
    text-align: center;
	font-size: 1.375rem;
    margin-bottom: 2rem;
    padding: 0;	
}

/* Fieldset bereinigen */
.frame-type-femanager_registration fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

/* Bootstrap-Spalten für vertikales Layout aufheben */
.frame-type-femanager_registration .form-group {
    margin-bottom: 0.75em;
    display: flex;
    flex-direction: column; /* Label über Input */
}

.frame-type-femanager_registration .has-error .alert.bg-danger {
	color: #fff;
	padding: 0.5rem 1rem;
	width: 100%;
}

.frame-type-femanager_registration .has-error .alert.bg-danger h4 {color: #fff!important;}

.frame-type-femanager_registration .control-label,
.frame-type-femanager_registration .col-sm-2,
.frame-type-femanager_registration .col-sm-10 {
    width: 100% !important;
	max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* Label-Design */
.frame-type-femanager_registration label {
    color: #345dcf;  
	font-size: 0.95em;	
}

/* Pflichtfeld-Stern in rosa */
.frame-type-femanager_registration label span {
    color: #d48fbf;
}

/* Input Felder */
.frame-type-femanager_registration .form-control {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1rem;
    transition: border-color 0.2s, box-shadow 0.2s;
	  color: #345dcf;
}

.frame-type-femanager_registration .form-control:focus {
    border-color: rgba(212, 143, 191, 1);
    outline: none;
    box-shadow: 0 0 0 3px rgba(212, 143, 191, 0.1);
}

/* Captcha Bereich: Container für Bild und Text */
.femanager_captcha .col-sm-10 {
    display: flex;
    flex-wrap: wrap; /* Erlaubt das Umbrechen auf kleinen Bildschirmen */
    align-items: center; /* Zentriert Bild und Text vertikal zueinander */
    gap: 15px; /* Abstand zwischen Bild und Text */
}

/* Das Input-Feld soll weiterhin die volle Breite oben drüber einnehmen */
.femanager_captcha input.form-control {
    width: 100%;
    margin-bottom: 10px;
    flex-basis: 100%; /* Zwingt das Input-Feld in eine eigene Zeile */
}

/* Das Captcha-Bild */
.tx-srfreecap-image {
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
}
img.tx-srfreecap-image {
  margin-left: 0;
  margin-right: 0;
}

/* Der "Nicht lesbar"-Text rechts daneben */
.tx-srfreecap-cant-read {
    flex: 1; /* Nimmt den restlichen Platz ein */
    font-size: 0.95em;
    line-height: 1.3;
    margin: 0; /* Entfernt Standard-Abstände */
}

/* Styling für den Link im Text */
.tx-srfreecap-cant-read a {
    color: #d48fbf!important;
	cursor: pointer;
}

.tx-srfreecap-cant-read a:hover {
    color: #345dcf!important;
}

/* Der Registrierungs-Button */
.frame-type-femanager_registration input[type="submit"] {
    color: #fff !important;
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 1.5rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Zentrierung des Submit-Containers (wegen Bootstrap Offsets) */
.femanager_submit.form-group {
    align-items: center;
}

/****************************************************
** NEWSLETTER
****************************************************/
#rmOrganism .rmSubscription .rmBase__comp--heading {
	font-family: 'Objectivity Bold';
	font-weight: normal;
  	color: #d48fbf!important;
  	font-size: 36px;
  	line-height: 45px;
}
#rmOrganism .rmBase__comp--cta {
  background: #345dcf!important;
  border: 0px solid #345dcf!important;
  border-radius: 5px;
  color: #ffffff;
}

#rmOrganism .rmBase__comp--cta:hover {
  background: #d48fbf!important;
  border: 0px solid #d48fbf!important;
  border-radius: 5px;
  color: #ffffff;
}

/****************************************************
** COOKIE NOTICE
****************************************************/
.klaro.we_cookie_consent .cookie-notice h1, 
.klaro.we_cookie_consent .cookie-notice h2, 
.klaro.we_cookie_consent .cookie-notice li, 
.klaro.we_cookie_consent .cookie-notice p, 
.klaro.we_cookie_consent .cookie-notice strong, 
.klaro.we_cookie_consent .cookie-notice ul, 
.klaro.we_cookie_consent .cookie-modal h1, 
.klaro.we_cookie_consent .cookie-modal h2, 
.klaro.we_cookie_consent .cookie-modal li, 
.klaro.we_cookie_consent .cookie-modal p, 
.klaro.we_cookie_consent .cookie-modal strong, 
.klaro.we_cookie_consent .cookie-modal ul {color: #212529!important;} 
.klaro.we_cookie_consent .cookie-notice a,
.klaro.we_cookie_consent .cookie-modal a {color: #345dcf;}
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-link,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn, 
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn-sm {
    border: 0px solid transparent;
    border-radius: 0;
}
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok .cm-link,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-danger,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-success {
    background: #345dcf;
	color: #fff!important;
}
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-link::before,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-link:hover:before,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-danger::before,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-danger:hover:before,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-success::before,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-success:hover:before {
	content:'';
}
.klaro.we_cookie_consent .cookie-modal .cm-service > div > .cm-list-label .slider::before {background-color: rgba(0, 85, 159, 0.3);}
.klaro.we_cookie_consent .cookie-modal .cm-service > div > .cm-list-input:not(.only-required) + .cm-list-label > .cm-list-title + .cm-switch::before {
    content: '';
}
.klaro.we_cookie_consent .cookie-modal .cm-service > div > .cm-list-input:checked + .cm-list-label .slider::before {background-color: #a7c855;}
.klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal .cm-footer, 
.klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal.cm-klaro .cm-footer {height: auto; padding-top: 10px; padding-bottom: 10px;}
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn {
    background: #EFEFEF;
    border-radius: 0;
    border: 0px solid transparent;
}
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn-danger,
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-accept {
    background: #345dcf;
	color: #fff!important;
}
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn-danger::before,
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn-danger:hover:before {content:'';}
#klaro div.klaro.we_cookie_consent div.cookie-modal div.cm-modal.cm-klaro div.cm-footer p.cm-powered-by {display: none;}

/***************************************************
** MEDIA QUERIES
***************************************************/
@media (min-width:1200px) {
    .ce-intext.ce-right .ce-gallery,
    .ce-intext.ce-left .ce-gallery,
    .ce-above .ce-gallery {margin-bottom: 0;}
	.card .frame-type-youtubevideo_pi1 div.youtubeVideo figure {margin: 0;}
}
@media (max-width:1200px) {
	nav.navbar a.navbar-brand img {max-height: 70px; width: auto;}
    /*Typo-eigene Galerie*/
    .ce-intext.ce-right .ce-gallery,
    .ce-intext.ce-left .ce-gallery,
    .ce-above .ce-gallery {margin-bottom: 0;}
    .ce-gallery .ce-column {margin: 0; padding: 0; box-sizing: border-box;}
    .ce-gallery .ce-column:first-child {padding-left: 0;}
    .ce-gallery .ce-column:last-child {margin-right: 0;}
    .ce-gallery img {width: 100%; height: auto;}
    .ce-gallery[data-ce-columns="2"] .ce-column {width: 50%; padding: 0 5px;}
    .ce-gallery[data-ce-columns="3"] .ce-column {width: 33%; padding: 0 5px;}
    .ce-gallery[data-ce-columns="4"] .ce-column {width: 25%; padding: 0 5px;}
    .ce-gallery[data-ce-columns="5"] .ce-column {width: 20%; padding: 0 5px;}	
	.card.cta1 .card-body .card-text p:last-child,
	.card.cta2 .card-body .card-text p:last-child,
	.card.cta3 .card-body .card-text p:last-child,
	.card.cta4 .card-body .card-text p:last-child,
	.card.cta5 .card-body .card-text p:last-child,
	.card.cta6 .card-body .card-text p:last-child {margin-bottom: 0;}	
	.card .frame-type-youtubevideo_pi1 div.youtubeVideo figure {margin: 0;}	
	/*li.megamenu-li a.nav-link, .navbar-light .navbar-nav li.nav-link a {font-size:0.9em;}
  	nav.navbar.navbar-expand-lg.navbar-light.bg-white.fixed-top .nav-link {display: inline!important;}*/
	.news .card-img-top {height: auto;}
}

@media (max-width:1024px) {
	
	/*#navbar .dropdown-menu {padding-bottom: 0px; height: auto;}
	#navbar .megamenu {width: 100%;}*/
    /*Typo-eigene Galerie*/
    .ce-intext.ce-right .ce-gallery,
    .ce-intext.ce-left .ce-gallery,
    .ce-above .ce-gallery {margin-bottom: 0;}
    .ce-gallery .ce-column {margin: 0; padding: 0; box-sizing: border-box;}
    .ce-gallery .ce-column:first-child {padding-left: 0;}
    .ce-gallery .ce-column:last-child {margin-right: 0;}
    .ce-gallery img {width: 100%; height: auto;}
    .ce-gallery[data-ce-columns="2"] .ce-column {width: 50%;  padding: 0 5px;}
    .ce-gallery[data-ce-columns="3"] .ce-column {width: 33%;  padding: 0 5px;}
    .ce-gallery[data-ce-columns="4"] .ce-column {width: 25%;  padding: 0 5px;}
    .ce-gallery[data-ce-columns="5"] .ce-column {width: 20%;  padding: 0 5px;}
	.slick-slide img {height: auto; width: 100%; }
	#pageid-1 .partner .card .frame-type-image .ce-gallery .ce-row .ce-column img {max-height: 100px;}
	
}

@media (max-width: 992px) {
	body {padding-top: 150px;}
    .navbar-light .navbar-nav li.nav-item {padding: 0.5em 0}
    .navbar-light .navbar-nav li.nav-item a.nav-link {border-right: none;}
	.navbar-light .navbar-nav li.nav-link{padding: 0.5em 0;}
	.navbar-light .navbar-nav li.nav-link a {border-right: none;}
	.tx-srlanguagemenu.tx-srlanguagemenu-links {margin-bottom: 0.5rem !important;}
	.tx-filelist ul.ce-uploads.simple2col {column-count: 1;}
	.tx-filelist ul.ce-uploads.simple3col,
	.tx-filelist ul.ce-uploads.simple4col {column-count: 2;}
	.lang ul {padding-top: 1rem; padding-bottom: 1rem;} 
	.lang ul li.nav-item.active a:hover {color: #fff!important;} 
	ul.social {padding-top: 1rem; padding-bottom: 1rem;}
	.navbar-light .navbar-toggler {margin-top: -4rem;}
	#navbar .megamenu {position: relative; width: 100%; left: 0; padding: 15px;}
	li.megamenu-li a.nav-link, .navbar-light .navbar-nav li.nav-link a {padding: 0!important;}
	#navbar .dropdown-item {white-space: normal;}
	#navbar .buttons .btn {margin-top: 1rem; margin-right: 1em;}
}

@media (max-width: 767px) {		
    .ce-gallery[data-ce-columns="4"] .ce-column {width: 50%;} 
	#pageid-1 .card .frame-type-image .ce-gallery[data-ce-columns="2"] .ce-column {width: 44%;} 
	#pageid-1 .card .frame-type-image .ce-gallery[data-ce-columns="3"] .ce-column {width: 30%;} 
	#pageid-1 .partner .card .frame-type-image .ce-gallery .ce-row .ce-column img {max-width: 100px;}
	.news .carousel .carousel-caption {
		position: relative;
		bottom: 0;
	}	
}
@media (max-width: 540px) {
	body {padding-top: 140px;}
	.ce-gallery .ce-column {margin: 0; padding: 0 5px; box-sizing:content-box;	}
    .ce-gallery[data-ce-columns="4"] .ce-column {width: 45%;}
	.slick-default .slick-slide {width: 45%;}
	.tx-filelist ul.ce-uploads.simple3col,
	.tx-filelist ul.ce-uploads.simple4col{column-count: 1;}
	.news .carousel .carousel-item img {min-height:100%;}	
}

/****************************************************
** PRINT CSS
****************************************************/
@media print {}

/****************************************************
** ANIMATIONS
****************************************************/
.animate__animated {-webkit-animation-duration: 10s; animation-duration: 10s;}
.animate__animated.animate__backInLeft h1,
.animate__animated.animate__backInLeft h2,
.animate__animated.animate__backInLeft h3,
.animate__animated.animate__fadeInLeft h1,
.animate__animated.animate__fadeInLeft h2,
.animate__animated.animate__fadeInLeft h3,
.animate__animated.animate__flipInX h1,
.animate__animated.animate__flipInX h2,
.animate__animated.animate__flipInX h3 {color: #f6a800;}

@-webkit-keyframes flash {
  from,
  to {
    opacity: 1;
  }
  5%,
  10% {
    opacity: 1;
    color: #f6a800;
  }
  20% {
    opacity: 1;
    color: #212529;
  }
  2.5%,
  7.5% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  to {
    opacity: 1;
  }
  5%,
  10% {
    opacity: 1;
    color: #f6a800;
  }
  20% {
    opacity: 1;
    color: #212529;
  }
  2.5%,
  7.5% {
    opacity: 0;
  }
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
    background-color: #fbdc99;
    padding: 1rem 1rem 0.5rem 1rem;
  }
  8% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  10% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #fbdc99;
    padding: 1rem 1rem 0.5rem 1rem;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
    background-color: #fbdc99;
    padding: 1rem 1rem 0.5rem 1rem;
  }
  8% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  10% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #fbdc99;
    padding: 1rem 1rem 0.5rem 1rem;
  }
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
    background-color: #99bbda;
    padding: 1rem 1rem 0.5rem 1rem;
  } 
  8% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  10% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #99bbda;
    padding: 1rem 1rem 0.5rem 1rem;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
    background-color: #99bbda;
    padding: 1rem 1rem 0.5rem 1rem;
  } 
  8% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  10% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  } 
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #99bbda;
    padding: 1rem 1rem 0.5rem 1rem;
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    background-color: #eaeaea;
    padding: 1rem 1rem 0.5rem 1rem;
  }
  10% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  } 
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #eaeaea;
    padding: 1rem 1rem 0.5rem 1rem;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    background-color: #eaeaea;
    padding: 1rem 1rem 0.5rem 1rem;
  }
  10% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  } 
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #eaeaea;
    padding: 1rem 1rem 0.5rem 1rem;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    background-color: #99bbda;
    padding: 1rem 1rem 0.5rem 1rem;
  }
  10% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  } 
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #99bbda;
    padding: 1rem 1rem 0.5rem 1rem;    
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    background-color: #99bbda;
    padding: 1rem 1rem 0.5rem 1rem;
  }
  10% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  } 
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #99bbda;
    padding: 1rem 1rem 0.5rem 1rem;    
  }
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    background-color: #fbdc99;
    padding: 1rem 1rem 0.5rem 1rem;
  }
  4% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  6% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  8% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  10% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    background-color: #fbdc99;
    padding: 1rem 1rem 0.5rem 1rem;
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    background-color: #fbdc99;
    padding: 1rem 1rem 0.5rem 1rem;    
  } 
  4% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  6% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  } 
  8% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  10% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    background-color: #fbdc99;
    padding: 1rem 1rem 0.5rem 1rem;    
  }
}


/* ke_search: Submit-Button auf Bootstrap-.btn-Maße zurücksetzen (wie der Reset-Link) */
.tx-kesearch-pi1 .kesearch_searchbox ul.ke_searchbox .btn {
    width: auto;
    height: auto;
    margin: 0;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    vertical-align: middle;
}
