/**
*  Blue-Color: #014189   // rgb(1,65,137)
* Aside Menu
*  
* color-layout-1 = rgb(242,142,0);  Kinder  orange
* color-layout-2 = rgb(98,153,33);  Alter   green
* color-layout-3 = rgb(154,76,5);   Lernen  brown
* color-layout-4 = rgb(122,41,133);  Beeinträchtigung lila
* color-layout-5 = rgb(60,186,197); Europa blue
* color-layout-6 = rgb(180,180,180); Würde  gray
*
*/


body{font-family: 'Roboto', sans-serif;}

#page-content p a{color: #0056b3;text-decoration: underline;text-decoration-style: solid;text-decoration-style: dotted;}

@media (max-width: 767px){
	body{padding-top:140px !important}
}

h1, h2, h4{font-family: 'Rokkitt', serif;font-weight:600;margin-bottom:1rem}
h3{font-family: 'Roboto', serif;}
.kachel .caption *{font-family: 'Rokkitt', serif;}
h2.text-primary{font-family: 'Roboto', serif;}

/*Sizes*/

h1, h2{font-size:2rem}
h4{font-size:1.2rem}

@media (min-width: 768px){
	h1, h2{font-size:3rem}
	h4{font-size:1.8rem}
}

@media (max-width: 767px){
	h2 span.badge{white-space:unset}
}

.border{border-width:10px !important}

/*Farben*/

.text-primary{color:#014189 !important} /*Blau*/
section.layout-4 * {color:#fff}

body.layout-1 #main-navbar{background-color:rgb(242,142,0) !important} /*Grün Alter*/
section.layout-1{background-color:rgb(242,142,0) !important}

body.layout-2 #main-navbar{background-color:rgb(98,153,33) !important} /*Grün Alter*/
section.layout-2{background-color:rgb(98,153,33) !important}

body.layout-3 #main-navbar{background-color:rgb(154,76,5) !important} /*Grün Alter*/
section.layout-3{background-color:rgb(154,76,5) !important}

body.layout-4 #main-navbar{background-color:rgb(122,41,133) !important} /*Lila Beeinträcht*/
section.layout-4{background-color:rgb(122,41,133) !important}

body.layout-5 #main-navbar{background-color:rgb(60,186,197) !important} /*Grün Alter*/
section.layout-5{background-color:rgb(60,186,197) !important}

body.layout-6 #main-navbar{background-color:rgb(180,180,180) !important} /*Grün Alter*/
section.layout-6{background-color:rgb(180,180,180) !important}


/*intbsw-blau*/
section.layout-7{background-color:#014189}

body.layout-1 footer#page-footer{background-color:rgb(242,142,0) !important}
body.layout-2 footer#page-footer{background-color:rgb(98,153,33) !important}
body.layout-3 footer#page-footer{background-color:rgb(154,76,5) !important}
body.layout-4 footer#page-footer{background-color:rgb(122,41,133) !important}
body.layout-5 footer#page-footer{background-color:rgb(60,186,197) !important}
body.layout-6 footer#page-footer{background-color:rgb(180,180,180) !important}


.color-layout-1{background-color:rgb(242,142,0)}
.color-layout-2{background-color:rgb(98,153,33)}
.color-layout-3{background-color:rgb(154,76,5)}
.color-layout-4{background-color:rgb(122,41,133)}
.color-layout-5{background-color:rgb(60,186,197)}
.color-layout-6{background-color:rgb(180,180,180)}



.font-color-1{color:rgb(242,142,0)}
.font-color-2{color:rgb(98,153,33)}
.font-color-3{color:rgb(154,76,5)}
.font-color-4{color:rgb(122,41,133)}
.font-color-5{color:rgb(60,186,197)}
.font-color-6{color:rgb(180,180,180)}


/*Margins*/
main ul li{margin-bottom:0.5rem}
main ul{padding-left:15px}



/* Shadow*/
.shadow-border-top{box-shadow: 0px 26px 56px -28px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: 0px 26px 56px -28px rgba(0,0,0,0.75) inset;
-moz-box-shadow: 0px 26px 56px -28px rgba(0,0,0,0.75) inset;}


/* Badge Headlines */

h2 span.badge-primary{width:100%;background-color:#014189;font-family: 'Roboto', serif;font-weight:400;border-radius:1.25rem}
.wrapped-headline .badge{white-space:unset}

/*Radius*/

.btn.btn-lg{border-radius:1.1rem}

/*Button*/

.btn.btn-outline-primary, .btn.btn-outline-light{border-radius:0;font-family: 'Rokkitt', serif;font-weight:600;border-width:2px}
.btn.btn-outline-primary{border-color:#014189;color:#014189}
.btn-outline-primary:hover{background-color:#014189;color:#fff}

/*Border*/

.img-border{border:solid 10px #fff}

.border-box-blue-columns{justify-content:space-between;display:block;margin:15px}
.border-box-blue-columns > div{margin-bottom:15px}

@media (min-width: 768px){
  .border-box-blue-columns{justify-content:space-between;display:flex}
  .border-box-blue-columns > div.col-md-6{max-width:calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
}


.border-box-blue, .border-box-blue-single{border:5px solid #014189}
.border-box-blue-single{padding:1rem}
.border-box-blue-single + .border-box-blue-single{margin-top:2rem}

@media (max-width: 767px){
  .border-box-blue-wrap{padding:0}
  .border-box-blue-single + .border-box-blue-single{margin-top:15px}
}
/** Blockquote**/

blockquote *{font-family: 'Rokkitt', serif;font-size:30px}




/*********
** Navbar
*********/

#main-navbar{padding:0;padding-right:15px}
#main-navbar.navbar-expand-no {overflow-y: hidden !important}
a.navbar-brand{padding:0}

button.navbar-toggler{background-color:#014189;border:0;padding:9px;border-radius:50%;position:relative;z-index:1020;width:50px;height:50px}


button.navbar-toggler img, button.navbar-toggler i{height:30px;width:30px;font-size:1.8rem;color:#fff}
button.navbar-toggler .hamburger-icon{}
button.navbar-toggler .close-icon{display:none}
body.navbar-open button.navbar-toggler .hamburger-icon{display:none}
body.navbar-open button.navbar-toggler .close-icon{display:block}


body.layout-1 button.navbar-toggler i{color:rgb(242,142,0)}
body.layout-2 button.navbar-toggler i{color:rgb(98,153,33)}
body.layout-3 button.navbar-toggler i{color:rgb(154,76,5)}
body.layout-4 button.navbar-toggler i{color:rgb(122,41,133)}
body.layout-5 button.navbar-toggler i{color:rgb(60,186,197)}
body.layout-6 button.navbar-toggler i{color:rgb(180,180,180)}

/* Bootstrap 5 Offcanvas: vollflächiges Hauptmenü */
#navbarToggler.offcanvas {
	--bs-offcanvas-width: 100vw;
	top: 0 !important;
	width: 100vw;
	max-width: none;
	height: 100vh;
	background-color: rgba(1,65,137,0.9) !important;
	z-index: 1050;
}

/* Bootstrap-5-Hamburger auf dem blauen Toggler weiß darstellen */
button.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


#navbarToggler{text-align:left}
#navbarToggler * {color:#fff}

@media (max-width: 767px){
	button.navbar-toggler {position:absolute;right:10px;top:46px;width:50px;height:50px}
	button.navbar-toggler img, button.navbar-toggler i{height:15px;width:15px;font-size:1rem;color:#fff}
	button.navbar-toggler i{height:15px;width:18px;}
}


.wrap-toggler-menu{display:flex;flex-direction:column;padding:20px 5px}
.menu-brand{width:200px;margin-bottom:100px}
.wrap-toggler-menu .menu-brand{display:none}
	
.left-toggler-menu h2{margin-bottom:0}	

.left-toggler-menu ul + h2{margin-top:1rem}

@media (min-width: 992px){
	.wrap-toggler-menu{display:flex;flex-direction:row;}
	.left-toggler-menu{flex: 0 0 20%;min-width: 300px;}
	.menu-brand{width:200px;position:absolute;left:20px;bottom:20px}
}

.wrap-toggler-menu h2{font-size:30px}

.wrap-toggler-menu h2.badge{font-family: 'Roboto', serif;margin-bottom:1rem;border-radius:0;font-size:1.2rem;padding:10px}
.wrap-toggler-menu h3{font-family: 'Rokkitt', serif;font-weight:600;font-size: 24px;}
.wrap-toggler-menu li{font-size:0.85rem}
.wrap-toggler-menu li a{}

.wrap-toggler-menu .navbar-nav{list-style:unset;padding-left:15px}

.main-toggler-menu ul{padding-left:15px}




/*************
** Meta
*************/

.nav-meta-wrapper{align-self: flex-start;}

.nav-meta-wrapper a.nav-link{color:#000}

body.layout-1 .nav-meta-wrapper a.nav-link,
body.layout-2 .nav-meta-wrapper a.nav-link,
body.layout-3 .nav-meta-wrapper a.nav-link,
body.layout-4 .nav-meta-wrapper a.nav-link,
body.layout-5 .nav-meta-wrapper a.nav-link,
body.layout-6 .nav-meta-wrapper a.nav-link  {color:#fff}

/************
** Breadcrumb
*************/
ol.breadcrumb{background-color:transparent;font-size:14px}
ol.breadcrumb li{color:#014189 !important}
ol.breadcrumb li a{color:#014189 !important}
ol.breadcrumb li:first-child{color:#000 !important}
.breadcrumb-item + .breadcrumb-item::before{float:none;padding:0;color:unset;content:""}

.breadcrumb li::before{content:"»" !important}
.breadcrumb li:first-child::before{content:"" !important}


/**********
** Jumbotron
**********/

.jumbotron{padding:0;margin-bottom:0}

.carousel{max-width:100% !important}
.carousel img{width:100% !important}





#carousel-1{display:none}

@media (min-width: 768px){
  #carousel-61{display:none}
  #carousel-1{display:block}
}


/****************
** Aside Menu
****************/

#top-aside-menu{display:none}
#top-aside-menu{position:fixed;right:-10px;top:130px;z-index:100;}

#top-aside-menu ul{list-style:none;position:relative}

#top-aside-menu a{color:#fff;display:inline-block;height:36px;margin-left:30px;font-family:"Rokkitt", serif;font-size: 1.1rem;font-weight: 600;padding-top: 5px;}
#top-aside-menu a:hover, #top-aside-menu a:focus{text-decoration:none}

#top-aside-menu li{position:absolute;left:0px;top:0px;border:solid 1px #fff;height:36px;width:300px;
margin-bottom:1px;
-webkit-border-top-left-radius: 13px;
-webkit-border-bottom-left-radius: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-bottomleft: 13px;
border-top-left-radius: 13px;
border-bottom-left-radius: 13px;
left:0px;transition: left 1s ease;
cursor:pointer;
}

#top-aside-menu .color-layout-1{background-color:rgb(242,142,0)}
#top-aside-menu .color-layout-2{background-color:rgb(98,153,33)}
#top-aside-menu .color-layout-3{background-color:rgb(154,76,5)}
#top-aside-menu .color-layout-4{background-color:rgb(122,41,133)}
#top-aside-menu .color-layout-5{background-color:rgb(60,186,197)}
#top-aside-menu .color-layout-6{background-color:rgb(180,180,180)}


#top-aside-menu li:nth-child(2){top:37px}
#top-aside-menu li:nth-child(3){top:74px}
#top-aside-menu li:nth-child(4){top:111px}
#top-aside-menu li:nth-child(5){top:148px}
#top-aside-menu li:nth-child(6){top:185px}
#top-aside-menu li:nth-child(7){top:222px}


#top-aside-menu li.open{left:-268px;transition: left 1s ease;}


@media (min-width: 768px){
	#top-aside-menu{display:block}
	#top-aside-menu{top:110px;}
	#top-aside-menu li{height:30px;}
	#top-aside-menu a{height:30px;padding-top: 2px;}
	#top-aside-menu li:nth-child(2){top:31px}
	#top-aside-menu li:nth-child(3){top:62px}
	#top-aside-menu li:nth-child(4){top:93px}
	#top-aside-menu li:nth-child(5){top:124px}
	#top-aside-menu li:nth-child(6){top:155px}
	#top-aside-menu li:nth-child(7){top:186px}
}

@media (min-width: 992px){
    #top-aside-menu{top:130px}
	#top-aside-menu li{height:36px;}
	#top-aside-menu a{height:36px;padding-top: 5px;}
	#top-aside-menu li:nth-child(2){top:37px}
	#top-aside-menu li:nth-child(3){top:74px}
	#top-aside-menu li:nth-child(4){top:111px}
	#top-aside-menu li:nth-child(5){top:148px}
	#top-aside-menu li:nth-child(6){top:185px}
	#top-aside-menu li:nth-child(7){top:222px}
}


footer .nav-link:first-child::before{content:"x"}

/***************
** Footer
****************/

footer#page-footer{
     padding-top:180px;padding-bottom:50px;
     background:none !important;
     background-color:transparent !important;
     background-image:url(/fileadmin/basic/footer-bg-2.png) !important;
}
    
footer#page-footer.footer{width:calc(100% - 20px)}
footer#page-footer .footer-logo{margin-top:20px;}
footer#page-footer .footer-logo > div > div:first-child{width:220px !important}
footer#page-footer .footer-logo a{color:#fff;text-decoration:underline;text-decoration-style:dotted}

footer .nav{justify-content: flex-end;flex-direction: row !important;}
footer .nav .nav-link::before{content:"|";margin-right:6px}
footer .nav .nav-link{color:#fff;font-size:80%;padding-right:6px;padding-left:6px}

@media (min-width: 1921px){
  footer#page-footer {background-size: 100% !important;}
}



footer .menusubpages li.nav-item{margin-right:100px}

#s-23 .list-group-item{text-align:center;border:0;background:none}
#s-23 .list-group-item a{display:block}
#s-23 .list-group-item span{display:block;max-width:210px;margin:auto !important;margin-top:10px !important}

#s-23 .list-group-item img{box-shadow: 3px 3px 10px #999;}




/***********
** Masonry
***********/
.row.masonry{margin:0}
.row.masonry > div{padding:0;}
.kachel{height:300px;overflow:hidden;position:relative}
.image-wrapper{height:100%;background-size:cover;background-position:center center}


.orange > .kachel {background-color:rgb(242,142,0)}
.green > .kachel{background-color:rgb(98,153,33)}
.gray > .kachel{background-color:rgb(180,180,180)}
.brown > .kachel{background-color:rgb(154,76,5)}
.lila > .kachel{background-color:rgb(122,41,133)}
.tuerkis > .kachel{background-color:rgb(60,186,197)}


.kachel .caption{position:absolute;left:0;top:0;width:100%;height:auto;z-index:100}
.kachel .caption *{padding:0.3rem 1rem;color:#fff;margin:0;font-size:1.5rem;line-height:1.1}
.kachel .caption.orange{background-color:rgba(242,142,0,0.8); color:#fff;}
.kachel .caption.green{background-color:rgba(98,153,33,0.8); color:#fff;}
.kachel .caption.gray{background-color:rgba(180,180,180,0.8); color:#fff;}
.kachel .caption.brown{background-color:rgba(154,76,5,0.8); color:#fff;}
.kachel .caption.lila{background-color:rgba(122,41,133,0.8); color:#fff;}
.kachel .caption.tuerkis{background-color:rgba(60,186,197,0.8); color:#fff;}
.kachel .caption.pur{top: 50%;transform: translateY(-50%);}
.kachel .caption.pur h3{font-size:2.5rem}


.kachel a div.zoom {opacity:0.7;transform: scale(1, 1);transition: 0.5s;}
.kachel a:hover div.zoom {opacity:1;transform: scale(1.1, 1.1);transition: 1s;}

.pur .kachel a div.zoom {opacity:unset}




@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}



.jumbotron .carousel-inner img {
  -webkit-animation: zoom 30s;
  animation: zoom 30s;
}


#page-27 .jumbotron .carousel-inner img {
  -webkit-animation: none;
  animation: none;
}

/*****************
** Content Section Handling
*****************/

main section{padding-top:3rem;padding-bottom:2rem}
.section-masonry{padding:0 !important}


/************************
** News
************************/

.news li > a{width:100%;}
.news li a:not(.btn){color: #212529;}
.news li h3{font-size:1.2rem}

.news li a.btn{float:none !important;display:inline-block !important;margin-top:0.8rem !important}


/*Pagination*/
.page-item .page-link{font-family: 'Rokkitt', serif;font-weight:600;}
.page-item.active .page-link {background-color:#014189;border-color:#014189;}

@media (min-width: 768px){
	.news li > a{max-width:50%;padding-right:15px}
	.news li h3{font-size:1.4rem}
}


.news .card{border:0;margin:3rem}
.news .card figure{border-radius: 3%;border: solid 3px #014189;}

@media (max-width: 767px){
	.news .card .img-overlay{color:#000;text-shadow:unset}
	.news li{flex-direction:column}
}


.pill-standort{color: #fff;background-color: #dc3545;
    padding: .25em;
	padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
    font-size: 90%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.news-single .teaser-text{font-size:1.25rem;line-height: 1.5;color: #212529;}

/*Workaround Datum bei News Detail ausblenden*/

.news-info{display:none}


/**************************
** iblocation
**************************/

.listbycategory{background-color:#fff !important}

.listbycategory h3{width:400px;margin:50px auto;font-family: 'Rokkitt', serif;padding:15px;text-align:center;color:#fff;}

.listbycategory .row{margin-top:50px;justify-content:center}
.listbycategory h3 + .row{margin-top:0px}

.listbycategory.color-layout-1 h3{background-color:rgb(242,142,0);}
.listbycategory.color-layout-2 h3{background-color:rgb(98,153,33);}
.listbycategory.color-layout-3 h3{background-color:rgb(154,76,5);}
.listbycategory.color-layout-4 h3{background-color:rgb(122,41,133)}
.listbycategory.color-layout-5 h3{background-color:rgb(60,186,197);}
.listbycategory.color-layout-6 h3{background-color:rgb(180,180,180);}

.listbycategory  .row.grid .card{border:0;align-items:center}
.listbycategory  .row.grid .card-body{text-align:center;font-family: 'Rokkitt', serif;color:#014189;padding-bottom:3rem}
.listbycategory  .row.grid .card img{border-radius:50%;max-width:90%;height:auto}

.listbycategory  .row.grid .card-title{margin-bottom:0.2rem}


.listbycategory.color-layout-1 .row.grid .card img{border:solid 8px rgb(242,142,0)}
.listbycategory.color-layout-1 h5{color:rgb(242,142,0)}

.listbycategory.color-layout-2 .row.grid .card img{border:solid 8px rgb(98,153,33)}
.listbycategory.color-layout-2 h5{color:rgb(98,153,33)}

.listbycategory.color-layout-3 .row.grid .card img{border:solid 8px rgb(154,76,5)}
.listbycategory.color-layout-3 h5{color:rgb(154,76,5)}

.listbycategory.color-layout-4 .row.grid .card img{border:solid 8px rgb(122,41,133)}
.listbycategory.color-layout-4 h5{color:rgb(122,41,133)}

.listbycategory.color-layout-5 .row.grid .card img{border:solid 8px rgb(60,186,197)}
.listbycategory.color-layout-5 h5{color:rgb(60,186,197)}

.listbycategory.color-layout-6 .row.grid .card img{border:solid 8px rgb(180,180,180)}
.listbycategory.color-layout-6 h5{color:rgb(100,100,100)}  /*Grau für Schrift dunkler*/


#page-content .tx_iblocation_overview {text-align:center}
#page-content .tx_iblocation_overview h2{font-size:21px;color:#fff}
#page-content .tx_iblocation_overview h2 a, #page-content .tx_iblocation_overview h2 a:hover{color:inherit;text-decoration:none}
#page-content .tx_iblocation_overview h2.badge{border-radius:1.25rem;padding: .25em 1.5em;}
#page-content .tx_iblocation_overview div.overview-item + h2.badge{margin-top:3.5rem}
#page-content .tx_iblocation_overview h3{font-size:20px;font-family: 'Rokkitt', serif;margin-top:2rem}
#page-content .tx_iblocation_overview h2 + h3{margin-top:0}
#page-content .tx_iblocation_overview div.overview-item > a{color:#000;font-weight:700}
#page-content .tx_iblocation_overview .overview-item{border-bottom: solid 2px #000;padding: 0.5rem;margin: 0 20px;}


@media (max-width: 767px){
  #page-content .tx_iblocation_overview > div{margin-bottom:3rem}
  #page-content .tx_iblocation_overview h2.badge{font-size:18px}
  
}


/** Single ** body.layout-7*/

#accordion-single .card-body a{color: #0056b3;text-decoration: underline;text-decoration-style:dotted}

#accordion-single a.loc-single-collapse:hover{text-decoration:none !important}

#map-canvas{width:100%;height:300px}

.layout-7 main{padding-top:0 !important}

.layout-7 main > section{padding:0}

.layout-7 .breadcrumb-nav{border-bottom:solid 1rem #333}
.layout-7 .breadcrumb-nav ol{margin-bottom:0}

.layout-7 .card-ap{border:solid 5px #014189;padding:0 1rem}
.layout-7 .card-ap .card-title{font-size:2rem;font-family: 'Rokkitt', serif;}

.layout-7 .card-ap .card-title{font-size:2rem;font-family: 'Rokkitt', serif;}

.layout-7 .container-anfahrt .row{border:solid 5px #014189;padding:0 1rem;margin-left:0;margin-right:0;padding-right:0}
.layout-7 .container-anfahrt .row > div{padding-right:0}

.layout-7 section > .container{margin-top:2rem}


.single-layout-1 .card-ap, .single-nav-1, .layout-7 .single-layout-1 .container-anfahrt .row{border-color:rgb(242,142,0) !important}
.single-layout-2 .card-ap, .single-nav-2, .layout-7 .single-layout-2 .container-anfahrt .row{border-color:rgb(98,153,33) !important}
.single-layout-3 .card-ap, .single-nav-3, .layout-7 .single-layout-3 .container-anfahrt .row{border-color:rgb(154,76,5) !important}
.single-layout-4 .card-ap, .single-nav-4, .layout-7 .single-layout-4 .container-anfahrt .row{border-color:rgb(122,41,133) !important}
.single-layout-5 .card-ap, .single-nav-5, .layout-7 .single-layout-5 .container-anfahrt .row{border-color:rgb(60,186,197) !important}
.single-layout-6 .card-ap, .single-nav-6, .layout-7 .single-layout-6 .container-anfahrt .row{border-color:rgb(180,180,180) !important}

.single-layout-1 h1, .single-layout-1 h2, .single-layout-1 h4, .layout-7 .single-layout-1 .card-ap .card-title{color:rgb(242,142,0)}
.single-layout-2 h1, .single-layout-2 h2, .single-layout-2 h4,.layout-7 .single-layout-2 .card-ap .card-title{color:rgb(98,153,33)}
.single-layout-3 h1, .single-layout-3 h2, .single-layout-3 h4,.layout-7 .single-layout-3 .card-ap .card-title{color:rgb(154,76,5)}
.single-layout-4 h1, .single-layout-4 h2, .single-layout-4 h4,.layout-7 .single-layout-4 .card-ap .card-title{color:rgb(122,41,133)}
.single-layout-5 h1, .single-layout-5 h2, .single-layout-5 h4,.layout-7 .single-layout-5 .card-ap .card-title{color:rgb(60,186,197)}
.single-layout-6 h1, .single-layout-6 h2, .single-layout-6 h4,.layout-7 .single-layout-6 .card-ap .card-title{color:rgb(180,180,180)}

.layout-7 .unordered-2cols-list ul{column-count:2;padding-left:15px}
.layout-7 .unordered-2cols-list li{padding-right:15px}

.layout-7 .collapsible-accordion .card{margin-top:5px}
.layout-7 .collapsible-accordion .card, .layout-7 .collapsible-accordion .card-header{border-radius:0;border:0}
.layout-7 .single-layout-1 .collapsible-accordion .card-header{background-color:rgb(242,142,0);color:#fff}
.layout-7 .single-layout-2 .collapsible-accordion .card-header{background-color:rgb(98,153,33);color:#fff}
.layout-7 .single-layout-3 .collapsible-accordion .card-header{background-color:rgb(154,76,5);color:#fff}
.layout-7 .single-layout-4 .collapsible-accordion .card-header{background-color:rgb(122,41,133);color:#fff}
.layout-7 .single-layout-5 .collapsible-accordion .card-header{background-color:rgb(60,186,197);color:#fff}
.layout-7 .single-layout-6 .collapsible-accordion .card-header{background-color:rgb(180,180,180);color:#fff}

.layout-7 .collapsible-accordion .card-header h5{font-size:20px;font-family: 'Rokkitt', serif;}
.layout-7 .collapsible-accordion .card-header h5::after{content: "\f054";
    color: #fff;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-style: normal;font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 1.3rem;border-radius: 1.5rem;background-color: transparent;display: inline-block;width: 1rem;height: 1rem;padding-top: 0.2rem;text-align: center;transition: background-color 0.3s ease, color 0.3s ease;float:right;
}

.layout-7 .collapsible-accordion a[aria-expanded="true"] .card-header h5::after{transform: rotate(90deg);height:2rem}

.single-layout-1 .card-ap i{color:rgb(242,142,0) !important}
.single-layout-2 .card-ap i{color:rgb(98,153,33) !important}
.single-layout-3 .card-ap i{color:rgb(154,76,5) !important}
.single-layout-4 .card-ap i{color:rgb(122,41,133) !important}
.single-layout-5 .card-ap i{color:rgb(60,186,197) !important}
.single-layout-6 .card-ap i{color:rgb(180,180,180)!important}

.location-gallery img{border-radius:5px}


@media (min-width: 768px){
		.layout-7 .collapsible-accordion .card-header h5{font-size:30px;}
		.layout-7 .collapsible-accordion .card-header h5::after{font-size: 1.7rem;width: 2rem;height: 2rem;padding-top: 0.4rem;}
		.layout-7 .collapsible-accordion a[aria-expanded="true"] .card-header h5::after{}
}

@media (min-width: 992px){
		.layout-7 .collapsible-accordion .card-header h5{font-size:40px;}
		.layout-7 .collapsible-accordion .card-header h5::after{font-size: 2.2rem;width: 3rem;height: 3rem;padding-top: 0.4rem;}
		.layout-7 .collapsible-accordion a[aria-expanded="true"] .card-header h5::after{height:3rem}
}

@media (min-width: 1200px){
		.layout-7 .collapsible-accordion .card-header h5{font-size:40px;}
		.layout-7 .collapsible-accordion .card-header h5::after{font-size: 2.2rem;width: 3rem;height: 3rem;padding-top: 0.4rem;}
		.layout-7 .collapsible-accordion a[aria-expanded="true"] .card-header h5::after{}
}

/***********************
** Listgroup  Stellenangebote
***********************/

.list-group.stellenangebote h3{font-size:30px;font-family: 'Rokkitt', serif;color:#000}
.list-group.stellenangebote p{color:rgb(100,100,100);font-weight:700;font-size:1.3rem;margin-top:0px}
.list-group.stellenangebote .list-group-item{padding-left:0;padding-right:0;border:0;border-bottom: solid 3px rgb(100,100,100);border-radius:0}
.list-group.stellenangebote .list-group-item > div > div{width:100%}
.list-group.stellenangebote .list-group-item h3, .list-group.stellenangebote .list-group-item p{margin-bottom:0}

.list-group.stellenangebote .row.list-stellenangebote > div{display: flex;flex-direction: column;justify-content: center;}
.list-group.stellenangebote .row.list-stellenangebote > div{display: flex;flex-direction: column;justify-content: center;}

/** Stellenagebote **/

body.singlejob .singlejob-display-none {display: none;} /*Elemente abschalten bei Show - Einzeldarstellung*/
.border-box-blue h3, .border-box-blue h4, .job-outro h4,
.border-box-blue-single h3, .border-box-blue-single h4 {color:#014189;font-size:1.8rem;  font-family: 'Rokkitt', serif;font-weight: 600;margin-bottom: 1rem;text-align:center}

.tx-ibkarriere .job-outro a {color: #0056b3;text-decoration: underline;text-decoration-style:dotted}

blockquote *{font-size:16px}



.tx-ibkarriere{padding:2rem 0 !important}
.list-group.stellenangebote h3{font-size:24px}

@media (min-width: 768px){
	blockquote *{font-size:30px}	
	.tx-ibkarriere{}
	.list-group.stellenangebote h3{font-size:30px}
}

@media (max-width: 767px){
	.tx-ibkarriere .list-group.stellenangebote{padding-left:1rem}
}


/*Formular*/

#kontakt-355-textarea-2{min-height:160px}

.btn-primary{background-color:#014189;border-color:#014189;font-family: 'Rokkitt', serif;font-weight:600;}
.btn-primary:hover{background-color:rgba(1,65,137,0.8);}


/*Neues Powermail-Formular*/

.tx-powermail div.container-fluid{padding:0}
.tx-powermail label{padding:0}
.tx-powermail .powermail_fieldwrap{padding:0}
.tx-powermail .powermail_fieldwrap div{padding:0}

.powermail_fieldset{display:grid;}

.powermail_form .powermail_fieldwrap.layout1 textarea{height:4rem}
.powermail_fieldwrap .container{padding:0}

@media (min-width: 992px){
	.powermail_form > div:first-child{grid-column: 1 / -1;}
	.powermail_form{display:grid;grid-template-columns: repeat(2,1fr);gap:3rem}
    /*.powermail_fieldset{grid-template-columns: repeat(1,1fr);}*/
	 
	/* grid-column-start: 1;*/
	 
}



/* Offcanvas-Menü: Toggler, Close-Button, Links und Listen */
button.navbar-toggler,
button.navbar-toggler:hover,
button.navbar-toggler:focus,
button.navbar-toggler:active {
	background-color:#014189 !important;
}
button.navbar-toggler .navbar-toggler-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
#navbarToggler .btn-close {
	background-color:#fff;
	opacity:1;
	border-radius:50%;
}
.wrap-toggler-menu a,
.wrap-toggler-menu a:hover,
.wrap-toggler-menu a:focus {
	text-decoration:none !important;
}
.left-toggler-menu .navbar-nav > .nav-item {
	position:relative;
	padding-left:1rem;
}
.left-toggler-menu .navbar-nav > .nav-item::before {
	content:"•";
	position:absolute;
	left:0;
	top:.5rem;
	color:#fff;
}
.main-toggler-menu li::marker {
	color:#fff;
}
.wrap-toggler-menu h2.badge {
	margin-top:1rem;
}

/* Einrichtungen im Offcanvas: Listenpunkt und Ort inline mit Pipe */
.wrap-toggler-menu .overview-item {
	position:relative;
	padding-left:1rem;
}
.wrap-toggler-menu .overview-item::before {
	content:"•";
	position:absolute;
	left:0;
	color:#fff;
}
.wrap-toggler-menu .overview-item a br {
	display:none;
}
.wrap-toggler-menu .overview-item a br + small::before {
	content:" | ";
}


/* Offcanvas 1.5.10: kompakter Kopfbereich und Typografie */
#navbarToggler .offcanvas-close {
	position:absolute;
	top:1rem;
	right:1rem;
	z-index:2;
	background-color:#fff;
	opacity:1;
	border-radius:50%;
}
#navbarToggler .wrap-toggler-menu h3 {
	margin-top:1rem;
}
#navbarToggler .left-toggler-menu .navbar-nav > .nav-item,
#navbarToggler .main-toggler-menu li,
#navbarToggler .main-toggler-menu .overview-item,
#navbarToggler .left-toggler-menu .navbar-nav > .nav-item a,
#navbarToggler .main-toggler-menu li a,
#navbarToggler .main-toggler-menu .overview-item a {
	font-size:0.85rem;
}


/* Sitepackage 1.5.11: gesammelte Layoutkorrekturen */
/* Inneren Navbar-Container ohne seitliches Padding ausgeben. */
#main-navbar > div {
	padding:0;
}

/* Rechter Toggler mit Abstand zum Viewportrand. */
#main-navbar > div > .navbar-toggler:last-child {
	margin-right:1.5rem;
}
@media (max-width: 767px) {
	#main-navbar > div > .navbar-toggler:last-child {
		right:1.5rem;
		margin-right:0;
	}
}

/* Footer: Bootstrap-Gutter an dieser Stelle unterdrücken, um horizontales Overflow zu vermeiden. */
.footer-logo .row.beside {
	--bs-gutter-x:0;
}

/* Breadcrumb-Abstand aus der bisherigen Darstellung wiederherstellen. */
ol.breadcrumb {
	padding:.75rem 1rem;
}

/* Close-Button nicht von der kleineren Menütypografie beeinflussen lassen. */
#navbarToggler .offcanvas-close {
	font-size:1rem;
	width:1em;
	height:1em;
}

/************************
** News: Horizontal Cards (Template-Layout 71/81)
** Darstellung wie auf der bisherigen Website:
** nur Bild, Titel und der Button "mehr" sind verlinkt.
************************/
.news-list-view .ib-news-horizontal-item {
	border: 0;
	border-bottom: 1px solid #dee2e6;
	border-radius: 0;
	margin: 0 0 2rem 0;
	padding: 0 0 .65rem 0;
	background: transparent;
}

.news-list-view .ib-news-horizontal-media figure {
	margin: 0;
}

.news-list-view .ib-news-horizontal-media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0;
}

.news-list-view .ib-news-image-link {
	display: block;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

.news-list-view .ib-news-horizontal-body {
	padding: 0 0 0 1.4rem;
}

.news-list-view .ib-news-horizontal-item .card-title {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
}

.news-list-view .ib-news-horizontal-item .card-title a {
	color: #212529;
	text-decoration: none;
}

.news-list-view .ib-news-horizontal-item .card-title a:hover,
.news-list-view .ib-news-horizontal-item .card-title a:focus {
	text-decoration: underline;
}

.news-list-view .ib-news-horizontal-item .card-text {
	font-size: 1rem;
	line-height: 1.5;
}

.news-list-view .ib-news-horizontal-item .ib-news-more {
	display: inline-block;
	width: auto;
	margin-top: 1.1rem;
	padding: .65rem 1.15rem;
	font-size: 1rem;
	line-height: 1.2;
	text-decoration: none;
	border-radius: .25rem;
}

@media (max-width: 767.98px) {
	.news-list-view .ib-news-horizontal-body {
		padding: 1rem 0 0 0;
	}

	.news-list-view .ib-news-horizontal-item .card-title {
		font-size: 1.4rem;
	}

	.news-list-view .ib-news-horizontal-item .card-text {
		font-size: 1rem;
	}

	.news-list-view .ib-news-horizontal-item .ib-news-more {
		font-size: 1rem;
	}
}

/************************
** News: Detail (Template-Layout 81)
** Einspaltig: Titel, Medien/Slider, danach Teaser und Text.
************************/
.news-single .ib-news-detail-single-column {
	width: 100%;
}

.news-single .ib-news-detail-single-column .gallery {
	width: 100%;
}

.news-single .ib-news-detail-content .teaser-text {
	font-size: 1.25rem;
	line-height: 1.5;
	color: #212529;
}

/************************
** News: Startseite Card Groups (Template-Layout 73)
** t3sbootstrap-Struktur, gezielt ueber das eigene List-Template markiert.
** Die komplette Card bleibt verlinkt.
************************/
.ib-news-home-cards {
	gap: 0;
}

.ib-news-home-cards > a.card {
	position: relative;
	z-index: 1;
	border: 0;
	border-radius: 0;
	margin: 3rem;
	background: transparent;
	color: #212529;
	text-decoration: none;
	transition: box-shadow .2s ease, z-index .2s ease;
}

.ib-news-home-cards > a.card:hover,
.ib-news-home-cards > a.card:focus-visible {
	box-shadow: 0 4px 8px rgba(0,0,0,0.25), 0 2px 2px rgba(0,0,0,0.22);
	z-index: 101;
}

.ib-news-home-cards > a.card figure {
	margin: 0;
	border: 3px solid #014189;
	border-radius: 3%;
	overflow: hidden;
}

.ib-news-home-cards > a.card figure img {
	display: block;
	width: 100%;
	height: auto;
}

.ib-news-home-cards > a.card .overlay {
	position: static;
	background: transparent;
	color: #212529;
	text-shadow: none;
}

.ib-news-home-cards > a.card .card-body {
	padding: 1.5rem;
}

.ib-news-home-cards > a.card .card-title {
	font-size: 1.75rem;
	line-height: 1.2;
	color: #212529;
}

.ib-news-home-cards > a.card .card-text {
	font-size: 1rem;
	line-height: 1.5;
	color: #212529;
}

@media (max-width: 991.98px) {
	.ib-news-home-cards {
		display: block;
	}

	.ib-news-home-cards > a.card {
		margin: 2rem 0;
	}
}


/* Sitepackage 1.5.19: Navbar unter 768px immer als mobile Collapse behandeln.
   Damit greift ein in t3sbootstrap konfigurierter kleinerer navbar-expand-* Breakpoint
   nicht zwischen 576px und 767px und die Hauptnavigation bleibt dort eingeklappt. */
@media (max-width: 767.98px) {
	#main-navbar .navbar-toggler {
		display:block !important;
	}
	#main-navbar #navbarToggler.collapse.navbar-collapse:not(.show) {
		display:none !important;
	}
	#main-navbar #navbarToggler.collapse.navbar-collapse.show {
		display:flex !important;
		flex-basis:100%;
	}
}

/* Sitepackage 1.5.23: Kein oberer Abstand am main-Element. */
main {
	margin-top: 0 !important;
}

/* Sitepackage 1.5.24: Linkdarstellung Top-Aside */
#top-aside-menu a,
#top-aside-menu a:hover,
#top-aside-menu a:focus {
    text-decoration: none;
}

/* Sitepackage 1.5.26: Einrichtungsübersicht ausschließlich im Seiteninhalt */
#page-content .tx_iblocation_overview .overview-item > a {
    text-decoration: none !important;
}
#page-content .tx_iblocation_overview .overview-item > a:hover,
#page-content .tx_iblocation_overview .overview-item > a:focus {
    text-decoration: underline !important;
}
#page-content .tx_iblocation_overview .overview-item > a > small {
    font-weight: normal !important;
}


/* Sitepackage 1.5.28: OM Cookie Manager – IB-Buttondarstellung */
.om-cookie-panel .cookie-panel__control {
    display: flex;
    gap: 12px;
}
.om-cookie-panel .cookie-panel__button,
.om-cookie-panel .cookie-panel__button--color--green {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    background-color: #707070 !important;
    border-color: #707070 !important;
    color: #fff !important;
    font-size: 1rem;
    text-transform: none;
    white-space: nowrap;
}
@media (max-width: 991.98px) {
    .om-cookie-panel .cookie-panel__control {
        flex-direction: column;
    }
    .om-cookie-panel .cookie-panel__button,
    .om-cookie-panel .cookie-panel__button--color--green {
        width: 100%;
        white-space: normal;
    }
}