@font-face {
	font-family: "DelRoman";
    src: url('../Fonts/delicious-roman.woff2') format('woff2');
}
 @font-face {
	font-family: "Delicious-Heavy";
    src: url('../Fonts/Delicious-Heavy.woff') format('woff');
}
body {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "DelRoman";
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #006399;
}

/*Schriftgröße im Accordion geändert*/
.accordion-button {
  font-size: 1.4rem;
}

/*Anpassung Bilder in Suchfunktion*/
.result-teaser.media > .img-fluid {
  /*width: 150px;*/
  height: 75px;
}


/*Unterstrich für a-record in News*/
.news-text-wrap .external-link {
  text-decoration: underline;
}
.news-text-wrap .internal-link {
  text-decoration: underline;
}
.news-text-wrap .email-link {
  text-decoration: underline;
}
.teaser-text.lead .external-link {
  text-decoration: underline;
}
.teaser-text.lead .internal-link {
  text-decoration: underline;
}
.teaser-text.lead .email-link {
  text-decoration: underline;
}


/*Abstand vor h1-Pfeil Grafik in News hinzugefügt*/
.header.my-3.pb-3.border-bottom > h1::before {
  margin-right: 10px;
}

/*Textbeschreibung unter News plazieren*/
.outer > .image.text-center > .image-caption.text-start {
  margin: 13px;
}


/*Entfernen von Notiz (vorruebergehend kann spaeter raus)
.alert.alert-danger {
  display: none;
}*/

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 0rem;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: 0rem;
    background-color: #fff;
}

/*Awesome ICON
h1:before{
  	font-family: "Font Awesome 6 Free";
    content: "\f054";
	font-weight: 900;
  	display:inline-block;
	width: .625em;
	font-size: inherit;
	height: 1em;
  	color: #006399;
}*/

/*#main-navbar {
  border-bottom: 2px solid #006399;
}*/

.jumbotron{
   border-top: 2px solid #006399;
}

/*Jumborton einheitliche größe*/
.jumbotron .gallery .image img {
  width: 1296px;
}

/*Anpassung Jumbotron für Text Hintergrund*/
.alert.alert-light {
  background: rgba(255,255,255,0.2);
  border: none;
  height: 270px;
  width: 75%;
  margin: 0 auto;
}

.text-light {
  font-family: "Delicious-Heavy";
  font-weight: 500;
  line-height: 1.2;
  font-size: 4rem;
}

.slider-text.d-none.d-md-block {
  height: 100px;
}


/*Anpassung für Gesundheitsamt Formular*/
.formularGesundheitsamt .form-group {  
  margin-top: 10px;
}
.formularGesundheitsamt h2 {
  margin-top: 15px;
}

.formularGesundheitsamt h2::before {
  font-family: "Font Awesome 6 Free";
  content: "\f138";
  margin-right: 5px;
}

.formularGesundheitsamt .form-navigation {
  margin-top: 15px;
}

#gesundheitsamtFormular-6370-radiobutton-1 .form-group{
  display: flex;
}

#gesundheitsamtFormular-6370-radiobutton-1 .form-group .radio {
  padding: 0 10px;
}

#gesundheitsamtFormular-6370-radiobutton-1 .form-group .radio span {
  padding: 0 5px;
}

/*Anpassung für Yoga Formular*/
#yogaKurse-6712-radiobutton-1-0 {
  margin-right: 10px;
}
#yogaKurse-6712-radiobutton-1-1{
  margin-right: 10px;
}

#yogaKurse-6712 .clearfix h2{
  	font-size: 20px;
	margin-top: 10px;
  margin-bottom:0;
}

#yogaKurse-6712 .form-check{
  padding-left: 0;
	margin-bottom:15px;
}
#yogaKurse-6712 .form-check input{
  margin-right:5px;
}

#yogaKurse-6712 .form-group .input .control-label {
  font-weight: bold;
}


/*Anpassung für Thai Chi Formular*/
#anmeldungzumTaiChiWorkshopimRahmendesFrauenprogrammesFruehjahrSommer2025-7649-radiobutton-1-0 {
  margin-right: 10px;
}
#anmeldungzumTaiChiWorkshopimRahmendesFrauenprogrammesFruehjahrSommer2025-7649-radiobutton-1-1{
  margin-right: 10px;
}

#anmeldungzumTaiChiWorkshopimRahmendesFrauenprogrammesFruehjahrSommer2025-7649 .clearfix h2{
  	font-size: 20px;
	margin-top: 10px;
  margin-bottom:0;
}

#anmeldungzumTaiChiWorkshopimRahmendesFrauenprogrammesFruehjahrSommer2025-7649 .form-check{
  padding-left: 0;
	margin-bottom:15px;
}
#anmeldungzumTaiChiWorkshopimRahmendesFrauenprogrammesFruehjahrSommer2025-7649 .form-check input{
  margin-right:5px;
}

#anmeldungzumTaiChiWorkshopimRahmendesFrauenprogrammesFruehjahrSommer2025-7649 .form-group .input .control-label {
  font-weight: bold;
}

/*Anpassung Mental Load Formular*/
#anmeldungWorkshopKopfkinoaus-FreiraumanWegeausdemMentalLoadam05112025-8266-checkbox-1{
   margin-right: 10px;
}
#anmeldungWorkshopKopfkinoaus-FreiraumanWegeausdemMentalLoadam05112025-8266-radiobutton-1-1{
  margin-right: 10px;
}

#anmeldungWorkshopKopfkinoaus-FreiraumanWegeausdemMentalLoadam05112025-8266 .clearfix h2{
  	font-size: 20px;
	margin-top: 10px;
  margin-bottom:0;
}

#anmeldungWorkshopKopfkinoaus-FreiraumanWegeausdemMentalLoadam05112025-8266 .form-check{
  padding-left: 0;
	margin-bottom:15px;
}
#anmeldungWorkshopKopfkinoaus-FreiraumanWegeausdemMentalLoadam05112025-8266 .form-check input{
  margin-right:5px;
}

#anmeldungWorkshopKopfkinoaus-FreiraumanWegeausdemMentalLoadam05112025-8266 .form-group .input .control-label {
  font-weight: bold;
}



/*Anpassung Jumbotron für Text Hintergrund (Mit MediaQueries)*/
@media (max-width: 1199px){
  .alert.alert-light {
    height: 156px;
    width: 100%;
    top: 31px;
    }
  .text-light {
  	font-size: 2.7rem;
  }	
}
  
@media (max-width: 1400px){
   .text-light {
    font-size: 2.7rem;
  }
}

@media (min-width: 1400px) { 
	.alert.alert-light {
		width: 75%;
		bottom: 100px;
	}
  .text-light {
     font-size: 4rem;
  	padding-top: 30px;
  }	
}

@media (min-width: 320px) and (max-width: 768px){ 
/*Seite vorlesen Button auf linker Seite entfernt
  #c2470 {
  display: none;
}*/
  .slider-text.d-none.d-md-block {
  display: block !important;
}
.alert.alert-light {
  height: 165px;
  width: 100%;
  top: 15px;
}
  .text-light {
  font-size: 1.8rem;
}
}

/*.alert.alert-light.transparent > h2 {
  font-size: 3rem;
}*/


/*Hintergrund Jumbotron Grau
.jumbotron-content{
		background:#e9ecef;
}
*/
/*Farbe fuer Navigation wenn nicht aktiv*/
.navbar-light .navbar-nav .nav-link {
  color: #212529;
}
/*Schriften rechtliche Hinweise*/
.dropdown-item{
	color: var(--bs-rvs-r0-color);
}
.dropdown-item.active, .dropdown-item:active{
	background-color:  #e9ecef;
}
.dropdown-item:hover{
	background-color:#f6f6f6;
}
/*Teaser Text einfaerben
.teaser-text{
	color: var(--bs-rvs-r0-color);
}*/

/*Cards in Knotenseiten*/
/*Cards-border in Resort Farbe*/
.verwaltung .template-cards .card {
	border: 2px solid var(--bs-rvs-r1-color);
} 
.soziales .template-cards .card {
	border: 2px solid var(--bs-rvs-r2-color);
} 
.jugend .template-cards .card {
	border: 2px solid var(--bs-rvs-r3-color);
} 
.bildung .template-cards .card {
	border: 2px solid var(--bs-rvs-r4-color);
} 
.gesundheit .template-cards .card {
	border: 2px solid var(--bs-rvs-r5-color);
} 
.region .template-cards .card {
	border: 2px solid var(--bs-rvs-r6-color);
} 

.template-cards .card .text {
  	padding: 10px;
}

.template-cards .card:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
}

.template-cards .card a {
  text-decoration: none;
  color: black;
}

.card{
  border-radius:0;
}
/*ENDE*/

/*Schatten aus News ab media größe 575px entfernen*/
@media (max-width: 575px){
	.card .img-overlay .card-body {
  		padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  		color: var(--bs-card-color);
	}
	.card .img-overlay {
  		color: #000;
  		text-shadow: 0 0 0 #fff;
	}
}
/*ENDE*/


/*News anpassung*/
@media (max-width: 767px){
.list-group-item .media
{
  display: block !important;
  }
}

@media (min-width: 320px) and (max-width: 576px){
  .d-sm-block
{
    display: block !important;
  }
}
/*Button einfaerben
.btn{
	background-color: var(--bs-rvs-r0-color);
	color:var(--bs-white);
}
.btn:hover{
	color:var(--bs-gray-200);
}

.soziales .btn{
	background-color: var(--bs-rvs-r2-color);

}

.form-control:focus {
  border-color: #f39b8b;
  box-shadow: 0 0 0 0.25rem rgba(205, 40, 36, 0.25);
}

.soziales .form-check-input:checked {
  background-color: var(--bs-rvs-r2-color);
  border-color: var(--bs-rvs-r2-color);
}

.soziales .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(205, 40, 36, 0.25);
}*/


/*Stylinganpassung Accordion*/
.verwaltung .accordion-item {
  border-top: 1px solid var(--bs-rvs-r1-color);
  border-right: 1px solid var(--bs-rvs-r1-color);
  border-left: 1px solid var(--bs-rvs-r1-color);	
}
.verwaltung .accordion-item:last-child {
  border-bottom: 1px solid var(--bs-rvs-r1-color);
}
.verwaltung .accordion-button:not(.collapsed) {
  background-color: #fff;
  border-bottom: 1px solid var(--bs-rvs-r1-color);
}

.soziales .accordion-item {
  border-top: 1px solid var(--bs-rvs-r2-color);
  border-right: 1px solid var(--bs-rvs-r2-color);
  border-left: 1px solid var(--bs-rvs-r2-color);	
}
.soziales .accordion-item:last-child {
  border-bottom: 1px solid var(--bs-rvs-r2-color);
}
.soziales .accordion-button:not(.collapsed) {
  background-color: #fff;
  border-bottom: 1px solid var(--bs-rvs-r2-color);
}

.jugend .accordion-item {
  border-top: 1px solid var(--bs-rvs-r3-color);
  border-right: 1px solid var(--bs-rvs-r3-color);
  border-left: 1px solid var(--bs-rvs-r3-color);	
}
.jugend .accordion-item:last-child {
  border-bottom: 1px solid var(--bs-rvs-r3-color);
}
.jugend .accordion-button:not(.collapsed) {
  background-color: #fff;
  border-bottom: 1px solid var(--bs-rvs-r3-color);
}

.bildung .accordion-item {
  border-top: 1px solid var(--bs-rvs-r4-color);
  border-right: 1px solid var(--bs-rvs-r4-color);
  border-left: 1px solid var(--bs-rvs-r4-color);	
}
.bildung .accordion-item:last-child {
  border-bottom: 1px solid var(--bs-rvs-r4-color);
}
.bildung .accordion-button:not(.collapsed) {
  background-color: #fff;
  border-bottom: 1px solid var(--bs-rvs-r4-color);
}

.gesundheit .accordion-item {
  border-top: 1px solid var(--bs-rvs-r5-color);
  border-right: 1px solid var(--bs-rvs-r5-color);
  border-left: 1px solid var(--bs-rvs-r5-color);	
}
.gesundheit .accordion-item:last-child {
  border-bottom: 1px solid var(--bs-rvs-r5-color);
}
.gesundheit .accordion-button:not(.collapsed) {
  background-color: #fff;
  border-bottom: 1px solid var(--bs-rvs-r5-color);
}

.region .accordion-item {
  border-top: 1px solid var(--bs-rvs-r6-color);
  border-right: 1px solid var(--bs-rvs-r6-color);
  border-left: 1px solid var(--bs-rvs-r6-color);	
}
.region .accordion-item:last-child {
  border-bottom: 1px solid var(--bs-rvs-r6-color);
}
.region .accordion-button:not(.collapsed) {
  background-color: #fff;
  border-bottom: 1px solid var(--bs-rvs-r6-color);
}

.accordion-button:focus {
  border-color: none;
  box-shadow: none;
}

.accordion-button {
  background-color: #e9ecef !important;
}

.accordion {
--bs-accordion-border-radius: 1rem;
--bs-accordion-inner-border-radius: calc(1rem - 1px);
}
.accordion{
  margin-bottom:1rem;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-bs-black);
}

/*Nur wenn gewünscht grauer Hintergrund auch für Inhaltsbereich
.testaccordion .accordion-body {
  background-color: #e2e5e6;
}
*/
/*ENDE*/

/*Stylinganpassung für Stellenausschreibung*/
.interamt .bg-light {
  background-color: var(--bs-gray-100);
}
.interamt .list-group-item:first-child {
  border-radius: 0.375rem;
}
.interamt .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-radius: 0.375rem;
}
.interamt-jobs .bg-light {
  background-color: var(--bs-gray-100);
}
/*Ende*/

/*Anpassung der Social Media Buttons im Footer*/
@media only screen and (max-width:576px){
	.col-sm.text-center {
  		flex: 1 0 0%;
	}
}

/*Anpassung Suchen Button*/
.kesearch-form__button-wrapper > :first-child {
  display: none !important;
}
.kesearch-form__button-wrapper > :last-child {
  margin-left: 0 !important;
}

/*Styling anpassung Datei Links mit Vorschaubild*/
/*
.list-group .list-group-item .me-2 {
  display: block;
}*/

/*Abstand unter Pagelist hinzufügen*/
.pagelist.cards.template-cards
{
  margin-bottom: 1.5rem;
}

.footer {
  border-top: 2px solid #006399;
  color: #fff;
  background-color:  #006399;
}

.footer h3, .footer h4, .footer a{
  color: #fff;
}

#footer{
  color: #fff;
  background-color:  #006399;
}
/*Footer- color:#212529*/


/*Gewinnspiel Azubimesse*/
#c6902 h3 {
  display: none;
}

#c6902 .powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_deinkontakt.form-group.col-md-12 {
  font-weight: bold;
    margin-top: 16px;
}

#c6902 .btn.btn-primary{
  margin: 10px 0;  
}


/*Anpassung Focus zustand*/
a:focus-visible {
  outline: 1px solid blue;
}

/*Wortumbruch in News auf Startseite*/
#c1212 .card-title{
  hyphens: auto; 
}