@import url("../../fonts/fontawesome-free-6.4.2-web/css/all.css");

/*
	==================================================
		Listen Content
	==================================================
*/

/* ul{
    list-style-type: none;
    position: relative;
    padding-left: 0;
    margin-left: 15px;    
}

ul li{
 display: flex;
 align-items: baseline;
 } */

/*ul-li neu*/
.article-body ul,
.sidebar-r ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 0.75rem 0;
}

.article-body ul li,
.sidebar-r ul li {
  position: relative;
  padding-left: 1.4em;   /* sorgt für Einrückung auch bei Zeilenumbruch */
  margin-bottom: 0.25rem;
  /*line-height: 1.4 !important;*/
}



/* --- Font Awesome Icon sauber ausgerichtet --- */
.article-body ul li::before,
.sidebar-r ul li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.65rem;
  content: "\f0c8";        /* Quadrat */
  color: #808080;
  position: absolute;
  left: 0;                 /* steht im Randbereich */
  top: 0.35em;             /* vertikal leicht ausgerichtet */
  width: 1em;              /* sichert gleichmäßige Einrückung */
  text-align: center;      /* Icon mittig im Einzugsbereich */
}

/* --- Standardmarker deaktivieren --- */
.article-body ul li::marker,
.sidebar-r ul li::marker {
  content: none !important;
}

/* --- Abstand List-Icon Font Awesome zu Menüliste--- */
.t4-module .nav li a, .t4-card .nav li a, .moduletable .nav li a, .module_menu .nav li a {
  display: block;
  padding: 0 0 0 1rem;
  position: relative;
}

/*
	==================================================
		Blogbeiträge Team
	==================================================
*/

.team-item{
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
  width:100%;
}
.team-item:hover{
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
}

.team-item .teaser{
  padding: 20px;
}

.team-item a{
  color: var(--body-text-color) !important;
  padding:0px;
}

.team-item a:focus,
.team-item a:hover, 
.team-item a:active{
  color: #e2001a !important;
}



.team-item .anzeige-title{
  padding: 0.625rem 0;
  background-color: #ececec;
  margin:0px;
  color:#000;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  height:40px;
  display: grid; 
  place-items: center;   
}


.team-item .team-daten{
  padding: 0.6rem 0.5rem;
  text-align: center;
  font-size: 13px;
}


.team-item .team-line{
  margin: 0.3rem 0;
  color:#c7c8c9;
}


/*
	==================================================
		Footer
	==================================================
*/ 
.t4-footer .t4-section-inner {
  padding-top: 0;
}

.footline{
    margin:0 auto;
    padding:0;
    width: 70%;
    color:#9c9d9d;
}

.foot-cnt{
   text-align: center;
   color: #9c9d9d;
   font-size: 1rem;
}

a.foot-link{
    color:#9c9d9d;
}

.t4-footer .t4-section-inner{
    padding-bottom: 1.5rem;
}

.t4-footer-info {
    padding-top: 5rem;
    padding-bottom: 1.5rem;
    position: relative;
    margin-top: 3rem;
    color:#333333
}

a.foot-infolink{
    color:#333333
}

a.foot-link:hover,
a.foot-infolink:hover{
color: #e2001a;
}

@media (max-width: 1599.98px) {
  .t4-footer-info,
  .t4-footer .t4-section-inner {
    padding-top: 4.28rem;    
  }
}

@media (max-width: 991.98px) {
  .t4-footer-info,
  .t4-footer .t4-section-inner {
     padding-top: 4rem;     
  }
}

@media (max-width: 575.98px) {
  .t4-footer-info,
  .t4-footer .t4-section-inner {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
}

.t4-footer-info, .t4-footer{
   font-size: 1.1rem; 
}

.acm-social.style-1 .social-follow .social-inner{
    padding-right: 0.5rem;
}

.acm-social.style-1 .social-follow .social-inner a{
    font-size: 2rem;
    color: #e2001a;
    line-height: 1.4;
    transition: all 0.9s ease;
}

.acm-social.style-1 .social-follow .social-inner a:hover{
    color: #ffffff;
}


.acm-social.style-1 .social-follow .social-inner a .fab{
    line-height: 1.4;
}


.t4-footer-info .acm-social .social-follow.social-follow 
.social-inner a{
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 2.8rem;
    background: #e4e4e4;
}

.t4-footer-info .acm-social .social-follow.social-follow 
.social-inner a:hover{
    background: #e2001a;
}


/*
	==================================================
		Fonts
	==================================================
*/ 

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-weight: 700;
}

.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1 {
  font-size: var(--h1-font-size);
  font-weight: 700;
}

.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1 {
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  text-transform: none;
  font-family: var(--heading-font-family);
  font-style: var(--heading-font-style);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing);  
}


[itemprop="headline"]{
  font-size: 1rem !important;
  font-weight: 700 !important;
  margin-bottom: 1.6rem !important;
  text-transform: uppercase !important;
}


/*
	==================================================
		TopBar-Settings
	==================================================
*/ 

.theme-default .t4-header.section-overlap .navbar-toggler {
  color: var(--mainnav-link-hover-color);
}

.t4-top-bar {
  margin-top: 0px;
  font-size: .875rem;
  height: 0px;
  border-top: 5px solid #e2001a;  
}

#t4-top-bar .custom ul {
  margin-bottom: 0;
  align-items: center;
  height: 26px;
}

#t4-top-bar .custom ul li {
  list-style: none;
  padding: 0 0.8rem;
}

#t4-top-bar .leichte_sprache::before{
    content:url('../../images/leichte_sprache_icon.jpg');
    display: inline-block;
    vertical-align: middle;
    margin-right:5px;
    margin-top:6px; 
}

#t4-top-bar .leichte_sprache{
  margin-right:26px;
  margin-top: 1px;
  display: block;  
}

.awo-head .leichte_sprache{
  margin-right: 26px;
}



/*
	==================================================
		Mainmenue-Settings
	==================================================
*/ 

/*Title offcanvas*/
.t4-offcanvas-toggle i {
  margin-right: 15px;
}


/*
	==================================================
		Logo-Settings
	==================================================
*/ 

.theme-default .t4-header .logo-image > a {
  border-right: none !important;
  height: 100% !important;
  width: 100% !important;
}

.t4-hero {
  border-bottom: 8px solid #e2001a;
}


/*
	==================================================
		Slider-Settings
	==================================================
*/ 

.navbar-brand img.logo-img {
  max-height: 80px;
}
/*
	=======================================
		Counters
	=======================================
*/

div[id*="t4-section-"] .t4-section-inner {
  margin-top: 100px;
}

.animate1.animate {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.4s;
}

.counters{width:100%;padding:0px;text-align:center;font-size:50px;font-weight:500; padding:20px 0; margin-top:40px;position:relative;}
.counters::after{position:absolute; top:0; left:0; bottom:0; right:0; content:"";opacity:0.1; width:100%; height:100%;}
.counters i{font-size:52px;display:block;margin-bottom:10px;margin-right:10px;transition:all 0.2s  linear 0s;}
.counter-style:hover i ,.counter-style:hover{color:#fff; transition:all 0.2s  linear 0s;}
.counters h4{display:block;color:#333;font-size:19px;font-weight:400;margin:0px auto 0 auto;padding:5px 0px 20px 0px;}

.counter-style{padding:30px 20px 20px 20px;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;z-index:1; margin:0 10px;border-radius:0px; border:1px solid rgba(0,0,0,0.1)}

.counters .timer{font-size:50px;line-height:60px;font-weight:600;letter-spacing:3px;margin-bottom:10px;}
.counter-style span{color:#656565;}
.counter-style::after{	content:'';width:100%;height:0;position:absolute;bottom:0;left:0;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;z-index:-1;border-radius:inherit;}
.counter-style:hover::after{height:100%;}
.counter-style:hover span,.counter-style:hover h3,.counter-style:hover h4 ,.counter-style:hover h5,.counter-style:hover h6{color:#fff; transition:all 0.2s  linear 0s;}

.counter-style::after {background-color: var(--color-primary);}

.counters i {
  color: var(--color-primary);
}

.features-inner > div {
  margin: 1.07rem 0;
}

.fa-users::before {
  content: "\f0c0";
}
.fa-child::before {
  content: "\f1ae";
}
.fa-person-cane::before {
  content: "\e53c";
}

.fa-user::before {
  content: "\f007";
}


/*
	==================================================
		JA ACM Module-Settings
	==================================================
*/ 

/*--- Farbeinstellungen -------*/
/* Du musst im Template auf acm/features/tmpl/
die benötigte xml-Datei anpassen */
/*
.acm-features.style-6 .features-inner .features-item.primary{background:var(--color-primary)}
.acm-features.style-6 .features-inner .features-item.cyan{background:#B0D8E8}
*/
.acm-features.style-6 .features-inner .features-item.awo-gelb{background:#fecd1b}
.acm-features.style-6 .features-inner .features-item.awo-blau{background:#009ee0}
.acm-features.style-6 .features-inner .features-item.awo-orange{background:#ec7405}
.acm-features.style-6 .features-inner .features-item.awo-gruen{background:#79b530}
.acm-features.style-6 .features-inner .features-item.awo-violett{background:#9f84bf}
.acm-features.style-6 .features-inner .features-item.awo-ocker{background:#B092D4}

.acm-features.style-6 .features-inner .features-item .h3, .acm-features.style-6 .features-inner .features-item h3 {
  margin: 1rem 0 0.9rem;
}

.acm-features.style-6 .features-inner .features-item p {
  font-size:.938rem;
  line-height:1.25rem
}

/*
@media (min-width: 768px){
  .acm-features.style-6 .features-inner .features-intro {
    min-height: 550px;
  }


@media (min-width: 1600px){
.acm-features.style-6 {
    padding: 0 7.63rem !important;
}
}

*/

@media (min-width: 1200px) and (max-width: 1900px){
.acm-features.style-6 .features-inner .features-item .inner {
  padding: 1.07rem;
  } } 

.acm-features.style-6 .features-inner .features-item .inner {
  padding: 1.07rem;
  }


/*
	==================================================
		Font & Heading-Settings
	==================================================
*/ 
 h6, .h6 {
  /*text-transform: uppercase !important;*/
  font-weight: 500; 
  font-size: 1rem;
}

/*
	==================================================
		Karriere Startseite
	==================================================
*/ 
div[id*="t4-section-"] {
  padding-top: 0px;
}

div[id*="t4-section-6"] {
  padding-bottom: 50px;
}

.acm-hero.style-2 .features-desc .wrap-inner .inner {
  max-width: 500px;
}

.acm-hero.style-2 .features-desc .mod-desc {
  font-size: 1.15rem;
  line-height: 2;
  max-width: 460px;
}

.acm-hero.style-2 .features-intro .wrapper-ct .box-info {
  margin-right: -5%;
}

.acm-hero.style-2 .features-intro .wrapper-ct .box-info {
  padding-top: 50px;
  padding-bottom: 50px
}

.acm-hero.style-2 .pic-pattern:hover img {
  transform: scale(1.03, 1.03);
  transition: all 0.6s ease;
}

.acm-hero.style-2 .pic-pattern img{
  transform: scale(1, 1);
  transition: all 0.6s ease;
}

@media (max-width: 991.98px) {
  .acm-hero.style-2 .features-intro .wrapper-ct .box-info {
    margin: 0 auto;
    max-width: 500px;
  }
}
/*
	==================================================
		custom.css      Collapsed Nav
	==================================================
*/ 
.navbar-toggler {
  margin-left:20px;
}

.navbar-toggler .bars{
  margin-right:10px;
  width: 20px;
}

.navbar-toggler .title{
  font-size: 21px;
}

.awo-navbar{
  width: 100%;
  font-size:1rem;
  z-index: 1031;
  background: #fff;
  position: absolute;
  padding:0px;
  top:-15px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 20px;
}

.awo-navbar .container:before{
  position: absolute;
  content: "";
  top: -10px;
  right: 17px;  
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #fff;
}

.awo-navbar .h4{
  color:#333;
  font-weight: bold;
}

.awo-navbar .mod-menu > .nav-item{
  padding:0px;
}

.awo-navbar .custom .d-flex{
  display:block !important;
}

.awo-navbar .custom ul li{
  list-style: none;
  padding-right:10px;
  min-width: 50%;
}

.awo-navbar .custom ul{
  margin-top: 20px;
  padding-left: 0px;
}

.awo-navbar .mod-menu > .nav-item > a{
  display: block;
  color:#333;
  padding-bottom:5px;
  margin-bottom: 10px;
  border-bottom:1px #ccc solid;
  font-weight: bold;
}

.awo-navbar .mod-menu .btn-link{
  padding: 0px;
  color: #333;
  border-bottom: 1px solid #333;
  border-radius: 0px; 
  font-weight: bold;
  padding-bottom: 5px;
  width: 100%;
  text-align: left;
  margin-bottom: 10px; 
}

.awo-navbar .mod-menu > .nav-item > i{
  display: none;
}

.awo-navbar .mod-menu > .nav-item{
  display:block;
  width:100%;
}

.awo-navbar .mod-menu__sub{
  margin-bottom:20px;
}

.awo-navbar .mod-menu__sub .nav-item i{
  margin-right:10px;
}

.awo-navbar .mod-menu__sub .nav-item:hover i{
  margin-left:5px;
  margin-right:5px;
}

.awo-navbar .mod-menu{
  display:flex;
}

.fa-long-arrow-alt-right {
  color:#ccc;
}

.awo-navbar .nav-item a{
  color:#333;
}

#t4-masthead .container{
  --t4-gutter-x: 0rem;
}

.navbar-toggler .title{
  display:none;
}

div#t4-header {
  position: sticky;
  top: -15px;
  z-index: 1020;
}

header .header-top{
  padding-top:1rem;
  padding-bottom:1rem;
}

.min #t4-top-bar{
  transition: margin-top .5s ease-in-out;
  margin-top: 13px;
}

.navbar-brand{
    transition: height .5s ease-in-out;
    height:60px;
}
.min .header-top .navbar-brand{ 
  transition: height .5s ease-in-out;
  height:60px;
}

.awo-head{
    transition: height .5s ease-in-out;
    height:70px;
}

.min .awo-head{
    transition: height 0.5s ease-out;
    height: 70px;
}

.awo-navbar .mod-menu.navbar-r li {
  max-width: 100%;
}

.awo-nav-close {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.awo-navbar .mod-menu > .nav-item > a.nav-beratung-hilfe,
.awo-navbar .mod-menu .btn-link.nav-beratung-hilfe {border-bottom: 3px #9f84bf solid;}
.awo-navbar .mod-menu > .nav-item > a.nav-senioren-pflege-gesundheit,
.awo-navbar .mod-menu .btn-link.nav-senioren-pflege-gesundheit {border-bottom: 3px #009ee0 solid;}
.awo-navbar .mod-menu > .nav-item > a.nav-kinder-jugend-familie,
.awo-navbar .mod-menu .btn-link.nav-kinder-jugend-familie {border-bottom: 3px #ec7405 solid;}
.awo-navbar .mod-menu > .nav-item > a.nav-migration-integration,
.awo-navbar .mod-menu .btn-link.nav-migration-integration {border-bottom: 3px #79b530 solid;}
.awo-navbar .mod-menu > .nav-item > a.nav-ueber-uns,
.awo-navbar .mod-menu .btn-link.nav-ueber-uns {border-bottom: 3px #e2001a solid;}
.awo-navbar .mod-menu > .nav-item > a.nav-karriere,
.awo-navbar .mod-menu .btn-link.nav-karriere {border-bottom: 3px #e2001a solid;}



.awo-navbar .mod-menu > .nav-item > a.nav-startseite,
.awo-navbar .mod-menu .btn-link.nav-startseite {border-bottom: 3px #e2001a solid;}

/*
	==================================================
		custom.css      Color-Switcher
	==================================================
*/

/* .home-basic {color: #e2001a}
.beratung-hilfe {color: #9f84bf}
.senioren-pflege-gesundheit {color: #009ee0}
.kinder-jugend-familie {color: #ec7405}
.migration-integration {color: #79b530}
.ueber-uns {color: #978500}
.karriere {color: #fecd1b} */


/*
	==================================================
		custom.css      Veranstalungskalender
	==================================================
*/ 
.veranstaltungskalender{
  display: grid; 
  grid-template-columns:100%;
  background-color: #E2E2E2;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  margin: 0 1.07rem;
  margin-bottom: 35px;
}

.kalender-item-nolink{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;  
}

.kalender-item .article-content{
  display: flex;
  flex-direction:column;
  height: 100%;
  align-items: center;
  background-color: #fff;
  padding: 20px;
}

.kalender-item .articles-introtext, .kalender-item-nolink .articles-introtext{
  margin-bottom:0px;
  color: #9E9E9E;
}

.kalender-item-link:hover .kalender-title{
  color: var(--body-headings-color);
}

.kalender-item-link:hover{
  color: #333;
}

.kalender-item-nolink:hover{
  color: inhert;
}

.kalender-item-nolink:hover .kalender-title{
  color: #000;
}

.kalender-title {
  font-size: 1em;
  font-weight:bold;
  color: #333;
  height:60px;
  display: block;
  width: 100%;   
}

.kalender-item-link{
  color: var(--body-text-color);
  font-size: 1em;	
  width:100%;
}

.veranstaltungskalender_link{
  position: absolute;
  bottom: -49px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: flex;
  flex-direction:column;
  color: #ccc;
  width:210px;
}

.veranstaltungskalender_link_plus {
  transition: all .5s ease-in-out;
  width: 40px;
  height: 40px;
  border: 2px solid #ccc;
  border-radius: 20px;
  margin: auto;
  background: #fff;
  padding-left: 2px;
  padding-top: 6px;
  color: #ccc;  
}

.veranstaltungskalender_link_text {
  transition: all .5s ease-in-out;
  color: #ccc;
}

.veranstaltungskalender_link:hover .veranstaltungskalender_link_plus  {
  transition: all .5s ease-in-out;
  border: 2px solid #333;
  color: #333;  
}

.veranstaltungskalender_link:hover .veranstaltungskalender_link_text {
  transition: all .5s ease-in-out;
  color: #333;
  text-decoration: underline;  
}



.form-select{
  border-radius: 5px;
}

.com-content-category__navigation .counter, .com-content-category__navigation .pt-3, .com-content-category__navigation .pe-2{
  margin:0px;
  padding-left:10px !important;
  padding-right:10px !important;
  padding-top: inherit !important;
}
/*
	==================================================
		custom.css      Aktuelles
	==================================================
*/ 

.aktuelles{
  display: grid; 
  grid-template-columns:100%;
  /* grid-row-gap: 40px; */
  position: relative;
  margin-bottom: 35px;
}

.aktuelles_wrapper{
  display: flex;
  flex-direction:column;
  height: 100%;
  align-items: center;
  background-color: #fff;
  justify-content: space-between;
}

.aktuelles_item{
  display: flex;
  flex-grow: 1;
}

.aktuelles_item .item-inner {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.aktuelles_item .item-inner .item-content {
  display: flex;
  flex-direction: column;
}

.aktuelles-row-gap {
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  width: 100%;
}

.aktuelles-col-gap {
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  width: 1px;
}

.aktuelles-border{
  width: 100%;
  height: 100%;
  border-left:1px solid #E2E2E2;
  border-bottom:1px solid #E2E2E2;
}

.aktuelles_item .item-inner{
  padding: 20px;
}

.aktuelles_item .item-intro {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
} 

/*
	==================================================
		custom.css      Suche
	==================================================
*/ 
.com-finder .form-inline .input-group .form-control{
  border-radius: 5px;
}

.com-finder .form-inline .input-group {
  flex-direction: initial;
  max-width: inherit;
}

.com-finder #finder-filter-window .filter-branch{
  justify-content: center;
}

.com-finder .btn{
  height: 100%;
  border-radius: 5px;
  display:flex;
}

.com_finder .input-group{
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.com-finder .form-select{
  border-radius: 5px;
  padding: 1.05rem 4.42rem 1.05rem 2.14rem;
}

.result__item {
  text-align: left;
  padding: 20px;
  border-left: 4px solid #fff;
}

.result__item:nth-child(odd) {
  background: #eee;
}

.result__item:hover {
  background: #ccc;
  border-left: 4px solid #333;
}

mark, .com-finder .mark{
  background: #eaff00;
  color: inherit;
}

.findtipps {
	font-style:italic;
	color: var(--body-headings-color);
}

.com-finder__results-list {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px #888;
}

.com-finder .result__item+.result__item {
  margin-top: 0px;
  border-top:1px solid #ccc
}

.com-finder .result-link{
  color:#333;
}

.awesomplete {
    display: flex;
    flex: 1;
}

#awesomplete_list_1{
    margin-top: 60px;
}

.com-finder .icon-search:before{
    margin-right: 5px;
    line-height: 20px;
}


/*
	==================================================
		custom.css      Seiteneinstellungen
	==================================================
*/ 
.t4-main-body {
  margin-top: 40px
}

.t4-section-8 .acm-hero.style-2 #next-section{
  display:none !important;
}

.t4-section-8 .acm-hero.style-2 .features-intro .wrapper-ct .box-info .pic-pattern:after{
  display:none;
}

#back-to-top{
  display:flex;
  font-size: 26px;
  align-items: center;
  justify-content: center;
}

#back-to-top i{
  line-height:26px;
}

.top-away #back-to-top {
  display: flex;
}

/*
	==================================================
		custom.css      Contentsytles Beiträge
	==================================================
*/ 
.blog .item .item-image img {
  max-width: 100%;
  height:auto;
  border: 1px solid #e9ecef;
  padding: 5px;  
}

.blog .item .item-image {
  width: inherit;
  margin-right: 0;
  margin-right: 20px;
}

.blog .item .item-content.item-content{
  clear: inherit;
}

.no-sidebar .com-content-article__body, .no-sidebar .article-body{
  max-width: 100%;
}

.btn [class^="icon-"], .blog-list .item-readmore a [class^="icon-"], .btn [class*=" icon-"], .blog-list .item-readmore a [class*=" icon-"] {
  margin:0px;
}

.pagination .btn {
  margin-left: 10px;
  margin-right: 10px;
}

.item-image img{
  border-radius:0px;
}

.btn{
  border-radius: 0px;
}

.system-unpublished p{
  display: inline-block;
  max-width: 400px;
}

.items-row .item p.readmore{
  margin-top:0px;
}

.blog .item .item-image {
  float:none;
  margin-right:0px
}

.items-row .item {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0px;
}

.items-row .item p.readmore, .items-row .item p.readmore .btn{
  width: 100%;
}

.theme-default .items-row .col{
  /*margin-bottom: 70px;*/
  margin-bottom: 40px;
}

.modulekontakt .card, .modulekontakt .card .card-header {
  border-radius: 0px;
}

.modulekontakt .card{
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
  border:none;
}

.modulekontakt .card .card-header {
  color: #333;
}

.modulenavsidebar .nav li.current a{
  font-weight:bold;
}

.modulenavsidebar .nav li.current.active a{
  font-weight:bold;
}

.modulenavsidebar .nav li.active a{
  font-weight:normal;
}

.modulenavsidebar .card, .modulenavsidebar .card .card-header {
  border-radius: 0px;
}

.modulenavsidebar .card{
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
  border:none;
}

.modulenavsidebar .card .card-header {
  color: #333;
}

.modulenavsidebar .card .card-header .fa-solid{
  margin-right:5px;
}

.modulenavsidebar .nav{
  display: flex;
  flex-direction: column;  
  padding-left: 0.4em;
}

.modulenavsidebar .nav li{
  display: inherit;
  padding-left: 0.4em;
}


.t4-col .article-body{
  margin-right:20px;
}

.article-body ul li{
  display: inherit;
}

.article-body ul li > ul{
  display: inherit;
  margin-left:20px;
}

.article-body ul li > ul li::before{
  color: #cccccc;
}

/*
	==================================================
		custom.css      Sidebar Fon & Mail
	==================================================
*/ 
#t4-section-1 {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  z-index: 1010;
  padding:0px;
  background: transparent;
}

#t4-section-1 ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#t4-section-1 li{
    display: block;
    height: 50px;
    position: relative;
    width: 50px;
    background: none;
}

#t4-section-1 a{
  display: flex;
  flex-direction: row;
  gap: 5px;
  height: 50px;
  padding: 10px;
  padding-left:6px;
  position: absolute;
  right: -210px;
  /* right: 0px; */
  top: 0;
  transition: .5s;
  width: 270px;
  background: #e2001a;
  color: #fff;
}

#t4-section-1 a span {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  line-height: inherit;
  margin-right: 10px;
}

#t4-section-1 a:hover{
  right: 0px;
  transition: right .5s;
}

/*
	==================================================
		custom.css      Custom Fields
	==================================================
*/

.fields-container{
  padding-left:0px;
}

li.field-entry.veranstaltungsdatum {
  list-style-type: none;
}

li.veranstaltungsdatum .field-value{
  color: #9E9E9E;
}



/*
	==================================================
		custom.css      Collapsed Nav Responsive
	==================================================
*/ 

@media (max-width: 767px) and 
(orientation : landscape) { 
    .awo-navbar {
    overflow-y: auto;
    max-height: 14em;
  }
}


/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 575px) {
  .awo-navbar .mod-menu > .nav-item{
    display:block;
    max-width:100%;
  }

  #t4-masthead .container{
    --t4-gutter-x: 1.07rem;
  }
  
  .navbar-toggler .title{
    display:block;
  }

  .awo-head .leichte_sprache{
    margin-left:24px;
    margin-right:8px;
  }
}

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 767px) {
  .awo-navbar .mod-menu > .nav-item{   
    max-width:100%;
  }   
  
  .awo-navbar .col-lg-9.border-right {
    border-right: none;
  }
  
  header .header-top{
    padding-top:0.6rem;
    padding-bottom:0.6rem;
  }
  
  .veranstaltungskalender{
    grid-template-columns:50% 50%;
    margin-bottom: 35px;
  } 

  .aktuelles{
    grid-template-columns:50% 50%;
    margin-bottom: 35px;
  }
  
  .aktuelles_wrapper:nth-child(2n) .aktuelles-col-gap .aktuelles-border{
    border:none;
  }
}

/** Large devices (desktops, 992px and up) **/
@media (min-width: 991px) {
  .awo-navbar .mod-menu > .nav-item{
    max-width: 100%;
  }

  .awo-navbar .col-lg-9.border-right {
    border-right: 1px solid #ccc;
  }
  
  .blog .item .item-image {
    float:left;
    margin-right:20px;
  }

  .items-row .item p.readmore, .items-row .item p.readmore .btn{
    width: inherit;
  }

  .pull-right.item-image, .item-image.pull-right {
    float: right !important;
    margin-left: 20px;
  }
  
  .pull-left.item-image, .item-image.pull-left {
    float: left !important;
    margin-right: 20px;
  } 
  
  .sidebar-r {
    border-left: 1px solid #ccc;
  }

  .modulekontakt, .modulenavsidebar{
    margin-left:20px;
  }
}

/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1199px) {
  .t4-top-bar{
    height: inherit;
    border-top: none;
    margin-top: 12px;  
  }

 
   .awo-navbar .mod-menu > .nav-item {
    max-width: 50%;
  }
  
  
  .awo-navbar .mod-menu .collapse:not(.show) {
    display:block;
  }
  
  .awo-navbar{
    top:-10px;
  }

  .awo-navbar .mod-menu > .nav-item{
    padding-left: 10px;
    padding-right: 10px;
  }

  .awo-navbar .custom .d-flex{
    display:flex;
  }

  header .header-top{
    padding-top:0rem;
    padding-bottom:0rem;
  }
  
  div#t4-header {
    position: sticky;
    top: -36px;
    z-index: 1020;
  } 
  
  .navbar-brand{
    transition: height .5s ease-in-out;
    height:80px;
  }
  .navbar-brand-min { 
    transition: height .5s ease-in-out;
    height:40px;
  }

  .awo-head{
      transition: height .5s ease-in-out;
      height:100px;
  }

  .awo-head-min{
      transition: height 0.5s ease-out;
      height: 50px;
  } 
  
  .veranstaltungskalender{
    grid-template-columns:25% 25% 25% 25%;
  }

  .aktuelles{
    grid-template-columns:33.33% 33.33% 33.33%;
  }  

  .aktuelles_wrapper:nth-child(1n) .aktuelles-col-gap .aktuelles-border{
    border-left:1px solid #E2E2E2;
    border-bottom:1px solid #E2E2E2;
  }   
  
  .aktuelles_wrapper:nth-child(3n) .aktuelles-col-gap .aktuelles-border{
    border:none;
  }  
  
  .items-row .item {
    padding: 0px;
  }

  .acm-hero .inner h1{
    font-size:60px;
  }

  .t4-top-bar{
    border-top: none !important;
  }
}

@media (min-width: 1600px){
  .container, .t4-masthead .t4-masthead-detail, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1400px;
  }
  .veranstaltungskalender {
    margin: 0 9.63rem;
  }
}


/*
	==================================================
		custom.css      Site color touch maincategories
	==================================================
*/ 

.senioren-pflege-gesundheit .t4-top-bar{
  background: #009ee0;
  border-top: 5px solid #009ee0;
}

.senioren-pflege-gesundheit .t4-hero{
  border-bottom: 8px solid #009ee0;
}

.senioren-pflege-gesundheit #t4-section-1 a{
  background: #009ee0;
}

.senioren-pflege-gesundheit #back-to-top{
  background: #009ee0;
}

/* ___________________________ */

.beratung-hilfe .t4-top-bar{
  background: #9f84bf;
  border-top: 5px solid #9f84bf;
}

.beratung-hilfe .t4-hero{
  border-bottom: 8px solid #9f84bf;
}

.beratung-hilfe #t4-section-1 a{
  background: #9f84bf;
}

.beratung-hilfe #back-to-top{
  background: #9f84bf;
}

/* ___________________________ */

.kinder-jugend-familie .t4-top-bar{
  background: #ec7405;
  border-top: 5px solid #ec7405;
}

.kinder-jugend-familie .t4-hero{
  border-bottom: 8px solid #ec7405;
}

.kinder-jugend-familie #t4-section-1 a{
  background: #ec7405;
}

.kinder-jugend-familie #back-to-top{
  background: #ec7405;
}

/* ___________________________ */

.migration-integration .t4-top-bar{
  background: #79b530;
  border-top: 5px solid #79b530;
}

.migration-integration .t4-hero{
  border-bottom: 8px solid #79b530;
}

.migration-integration #t4-section-1 a{
  background: #79b530;
}

.migration-integration #back-to-top{
  background: #79b530;
}



/*
	==================================================
		3-Block-Home-Bottom & 4-Block-Home-Bottom
	==================================================
*/ 
.block-home{color: #fff;}

.font-block-home{font-size: .875rem;}

.block-home-01{background-color: #e2001a;}
.block-home-02{background-color: #222639;}
.block-home-03{background-color: #393d50;}
.block-home-04{background-color: #3a425a;}
.block-home-05{background-color: #393d50;}
.block-home-06{background-color: #13172a;}




.acm-teams.style-1 .teams-item .teams-text {
  text-align: left;
  margin-top: 0.6rem;
  padding-bottom:0.6rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.acm-teams.style-1 .teams-item{
  display:flex;
}

.teams-text a {
  width: 100%;
  display: block;
}

.teams-text a:hover{
  color: #fff;
} 

.teams-text a:hover .fas{
  background: rgba(255, 255, 255, 0.4);
}

.teams-text .fas{
  float: right;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.05);
  display: inline-block;
  font-size: 12px;
  height: 2.14rem;
  line-height: 2.14rem;
  width: 2.14rem;  
}

.teams-text .fas::before{
  margin-left: 10px;
}


/*
	==================================================
		Stellenanzeigen
	==================================================
*/ 
#awo-stellenanzeigen .accordion-button:not(.collapsed) {
  background:none;
}

#awo-stellenanzeigen .accordion-button .fas{
  margin-right:10px;
  transition: rotate 0.5s;
  font-size: 1em;
}

#awo-stellenanzeigen .accordion-button::after, .accordion-button:not(.collapsed)::after{
  background:none;
}

#awo-stellenanzeigen .accordion-button:not(.collapsed) .fas{
  rotate: 45deg;
}

#awo-stellenanzeigen .accordion-button, .accordion-button:focus{
  border: none;
  box-shadow: none;
}

#awo-stellenanzeigen .anzeige-item{
  border: 1px solid #D3D3D3;
  padding: 10px;
}

#awo-stellenanzeigen .accordion-button.collapsed{
  background: #E2001A;
  font-size: 20px;
  color: #fff;
  font-weight:bold;
}

#awo-stellenanzeigen .accordion-button{
  background: #D3D3D3;
  font-size: 20px;
  color: #333;
  font-weight:bold;
}

#awo-stellenanzeigen .btn-link{
  padding:0px;
  color:#E2001A;
}

#awo-stellenanzeigen p.adresse{
  margin-left: 24px;
}

#awo-stellenanzeigen p.adresse .fas{
  margin-left: -24px;
}

#awo-stellenanzeigen .anzeige-title{
  color:#555;
  font-weight:bold;
  font-size: 1em;
}

.sub-h3-jobs{
  font-size: 14px; 
  /*font-style: italic;*/
  padding-bottom:30px}

/*
	==================================================
		Einleitungsseiten 2 & 3-Spalter
	==================================================
*/

.kjf-item,
.sup-item,
.buh-item,
.migra-item,
.ueberuns-item{
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
}


.kitas-item:hover,
.sup-item:hover,
.buh-item:hover,
.migra-item:hover,
.ueberuns-item:hover{
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
}


.kjf-item .teaser,
.sup-item .teaser,
.buh-item .teaser,
.migra-item .teaser,
.ueberuns-item .teaser{
  padding: 20px;
}

.kjf-item a, .kjf-item a:hover,
.sup-item a, .sup-item a:hover,
.buh-item a, .buh-item a:hover,
.migra-item a, .migra-item a:hover,
.ueberuns-item a, .ueberuns-item a:hover{
  color: var(--body-text-color);
  padding:0px;
}
 

.kjf-item .anzeige-title,
.sup-item .anzeige-title,
.buh-item .anzeige-title,
.migra-item .anzeige-title,
.ueberuns-item .anzeige-title{
  padding-left:10px;
  padding-right:10px;
  margin:0px;
  color:#fff;
  text-align: center;
  /*font-size: 18px;*/
  font-size: 16px;
  font-weight: bold;
  /*height:90px;*/
  height:70px;
  display: grid; 
  place-items: center;   
}

.kjf-item .anzeige-title{background-color: #ec7405;}
.sup-item .anzeige-title{background-color: #009ee0;}
.buh-item .anzeige-title{background-color: #9f84bf;}
.migra-item .anzeige-title{background-color: #79b530;}
.ueberuns-item .anzeige-title{background-color: #e2001a;}


/*
	==================================================
		Aktuelles
	==================================================
*/

.mod-article-list .intro-image {
  margin-bottom: 1.6rem;
}
.mod-article-list .intro-image img {
  border-radius: var(--btn-border-radius);
}
.mod-article-list .category-name {
  display: block;
  text-transform: uppercase;
  font-style: var(--h6-font-size);
  margin-bottom: 0.4rem;
}
.mod-article-list .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 1.6rem;
}
.mod-article-list h4, .mod-article-list .h4 {
  margin-top: 0;
}
.mod-article-list .short-desc,
.mod-article-list .articles-introtext {
  margin-bottom: 1.6rem;
}
.mod-article-list .article-top-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.875rem;
  color: #9E9E9E;
  margin-bottom: 0.8rem;
}
.mod-article-list .article-top-meta > div {
  margin-right: 6px;
}
.mod-article-list .article-top-meta > div + div:before {
  content: "-";
  margin-right: 4px;
}
.mod-article-list .article-top-meta .category a {
  font-size: 0.875rem;
  font-weight: 400;
}

@media (min-width: 992px) {
  .mod-article-list.style-2 .item:nth-of-type(2) {
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
  }
}
@media (max-width: 991.98px) {
  .mod-article-list.style-2 .item + .item {
    margin-top: 2.14rem;
  }
}
.mod-article-list.style-2 .item-inner {
  text-align: left; /*geändert von center*/
}
.mod-article-list.style-2 .item-inner .intro-image img {
  border-radius: 0;
}
.mod-article-list.style-2 .item-inner .article-content {
  padding: 0; /*geändert 0 4.28rem;*/
}
@media (max-width: 1199.98px) {
  .mod-article-list.style-2 .item-inner .article-content {
    padding: 0 1.07rem;
    max-width: 492px;
    margin: 0 auto;
  }
}
.mod-article-list.style-2 .item-inner .article-content .articles-date {
  color: #9E9E9E;
  font-size: 13px;
  margin-bottom: 0.535rem;
}
.mod-article-list.style-2 .item-inner .article-content .title {
  padding: 0;
}
.mod-article-list.style-2 .item-inner .article-content .title h4, .mod-article-list.style-2 .item-inner .article-content .title .h4 {
  line-height: 1.33;
}
.mod-article-list.style-2 .item-inner .article-content .article-top-meta {
  margin: 0;
}
.mod-article-list.style-2 .item-inner .article-content .articles-readmore {
  margin-bottom: 2rem;
}
.mod-article-list.style-2 .item-inner .article-content .articles-readmore a {
  color: var(--color-primary);
}
.mod-article-list.style-2 .item-inner .article-content .articles-readmore a i {
  font-size: 12px;
}
.mod-article-list.style-2 .item-inner .article-content .articles-readmore a:hover {
  opacity: 0.7;
}

/*
	==================================================
		readMore custom
	==================================================
*/ 
/*----- SUP ----------------------------------------*/
.sup-readMore{}

.sup-readMore-item{
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.sup-readMore-item:hover{
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
}

.sup-readMore-item .anzeige-title{
  padding:10px;
  margin:0px;
  background-color: #009ee0;
  color:#fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  place-items: center;   
}

/*----- KJF ----------------------------------------*/
.kjf-readMore{}

.kjf-readMore-item{
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.kjf-readMore-item:hover{
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
}

.kjf-readMore-item .anzeige-title{
  padding:10px;
  margin:0px;
  background-color: #ec7405;
  color:#fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  place-items: center;   
}


/*
	==================================================
		Videos HTML5 lokal einbinden
	==================================================
*/
.videoBox { position: relative; height: 0; overflow: hidden; } 
* html .videoBox { margin-bottom: 45px; margin-bot\tom: 0; } 
video { position: absolute; left: 0; top: 0; } 

/* 1:1 aspect ratio */
.einszueins { padding-bottom: 100%; }

/* 1:2 aspect ratio */
.einszuzwei { padding-bottom: 200%; }

/* 2:1 aspect ratio */
.zweizueins { padding-bottom: 50%; }

/* 3:2 aspect ratio */
.dreizuzwei { padding-bottom:66.6666%; }

/* 4:3 aspect ratio */
.vierzudrei { padding-bottom: 75%; } 

/* 16:9 aspect ratio padding-bottom: 56.25%*/
.sechzehnzuneun { padding-bottom: 56.45%; }

/* 21:9 aspect ratio */
.einundzwanzigzuneun { padding-bottom: 56.25%; }

/* Goldener Schnitt aspect ratio */
.goldenerschnitt { padding-bottom: 61,35%; } 

.kontrollabstand-null { padding-top: 0px; } 
.kontrollabstand-fuenf { padding-top: 5px; } 
.kontrollabstand-fuenfundzwanzig { padding-top: 25px; } 
.kontrollabstand-fuenfunddreissig { padding-top: 35px; } 




/*
	==================================================
		eventgallery
	==================================================
*/
.img-thumbnail {
  padding: 0;
  border: none;
  border-radius: none;
}


/*
	==================================================
		custom.css      Archiv
	==================================================
*/ 

.com-content-archive__filters .filter-search{
  display: flex;
}

.archiv-table td{
  box-shadow: none;
  -webkit-box-shadow: none;
}

.archiv-table .row0{
  background:#ffffff;
}

.archiv-table .row1{
  background:#f8f9fa;
}

.archiv-table a {
  color: #495057;
}

/*
	==================================================
		Tabellen
	==================================================
*/
th { background-color: #f8f9fa  !important;}
/*
.cat-list-row0 { background-color: #ffffff  !important;}
.cat-list-row1 { background-color: #f8f9fa  !important;}*/

.cat-list-row0 td{
  background:#ffffff;
  box-shadow: none;
  -webkit-box-shadow:none;
}


.cat-list-row1 td{
  background:#f8f9fa;
  box-shadow: none;
  -webkit-box-shadow:none;
}

/* Tabelle Basic Style — tbl-basic  */

.tbl-basic {
    width: 100%;
    border-collapse: collapse;            /* saubere 1px Linien */
    font-family: var(--body-font-family);
    color: #333333;
}

/* Tabellenkopf – hohe Spezifität, Joomla/T4/Bootstrap safe */
table.tbl-basic thead tr th {
    background-color: #e8e8e8 !important; /* dunkler Tabellenkopf */
    color: #333333;
    font-weight: bold;
    padding: 12px 16px;
    border: 1px solid #d8d8d8;
    text-align: left;
}

/* Tabellenzellen */
.tbl-basic td {
    background: #ffffff;                  /* Startfarbe 1. Zeile */
    padding: 12px 16px;                   
    border: 1px solid #d8d8d8;
}

/* ZEBRA — jetzt korrekt getauscht */
.tbl-basic tbody tr:nth-child(odd) td {
    background: #ffffff;                  /* 1., 3., 5. ... Zeile */
}

.tbl-basic tbody tr:nth-child(even) td {
    background: #f7f7f7;                  /* 2., 4., 6. ... Zeile */
}

/* Hover-Effekt */
.tbl-basic tbody tr:hover td {
    background: #e4e4e4;
    transition: background 0.3s ease-in-out;
}

/* eof Tabelle Basic Style — tbl-basic */


/*
	==================================================
		DearFlip - PDF Flipbook 
	==================================================
*/ 
/*--- Basiseinstellungen ---*/
._df_thumb ._df_book-title {
  bottom: 0;
  font-size: 11px;
  font-weight: bold;
  background: #e2001a;
  color: #ffffff;
  opacity: 1;
}

._df_thumb {
    /*height: 318px;
	width: 225px;*/
    height: 318px;
	width: 225px;
    margin: 0 35px 35px 0;
}

/*responsive 600*/
@media only screen and (max-width: 575px) {
	._df_thumb{
	height:200px;
	width: 142px;
	}
}


/*--- #id68 individuelle Bookeinstellungen ---*/


/** Small devices XS (landscape phones, 576px and up) **/
@media (max-width: 575px) {
  #flip68._df_thumb {height: 500px; width: 100%;}
  #flip68._df_book-cover{height: 500px; width: 100%;}
}


/** Large devices M (desktops, 992px and up) **/
@media (min-width: 991px) {
  #flip68._df_thumb {height: 618px; width: 100%;}
  #flip68._df_book-cover{height: 618px; width: 100%;}
}

/** Large devices L (large desktops, 1200px and up) **/
@media (min-width: 1199px) {
  #flip68._df_thumb {height: 720px; width: 100%;}
  #flip68._df_book-cover{height: 720px; width: 100%;}
}

/** Extra large devices XL (large desktops, 1200px and up) **/
@media (min-width: 1600px){
  #flip68._df_thumb {height: 893px; width: 100%;}
  #flip68._df_book-cover{height: 893px; width: 100%;}
}



/*
	==================================================
		ShortInfoBlöcke
	==================================================
*/ 
.shortinfoblock{
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin: 25px 0 40px 0;
  padding: 15px;
}
  
.shortinfo{  
  font-size: 1.25rem;
  font-weight: 300;
}

/*Alarm ganz wichtig!!!*/
.fontawe-alert{
  color: #e2001a;
  font-size: 150%;
  padding-right:0.5rem;
}  

/*Info*/
.fontawe-info{
  color: #f39b01;
  font-size: 150%;
  padding-right:0.5rem;
}  

/*Beispiel
<div class="shortinfoblock"> (erzeugt den Rahmen mit Hintergrundfarbe)
    <p class="shortinfo"> (beeinflusst Schriftgröße und Zeilenabstand)    
        <span class="fontawe-alert"> Platzhalter Formatierung Ausrufzeichen
            <i class="fa-solid fa-circle-exclamation"></i> Ausrufezeichen
        </span>
        Die eigentliche Info beginnt nach dem schließenden </span>
    </p>
</div>
*/


/*
	==================================================
		Reservation Calendar Pro
	==================================================
*/ 

.itcs_calendar .vanilla-calendar-column, .itcs_calendar .vanilla-calendar_default {
  border:0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  /*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;*/
  box-shadow: none !important;
}


/*
	==================================================
		Leichte Sprache
	==================================================
*/ 

/*--- Basic Leichte Sprache ---*/
div#t4-header.awo-ls-header{
  top:0px;
}

.awo-ls-header{
  border-top: 5px solid #E2001A;
}

.awo-ls-header .btn.btn-primary{
  background: #656565;
  color: #ffffff;
  border: none;
}

.awo-ls-nav .nav-item{
  margin-top: 10px;
  margin-bottom: 10px;
}

.awo-ls-tiles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -40px;  
}

.awo-ls-tile {
  flex-basis: 50%;
}

.awo-ls-tile .tile-border{
  margin: 20px;
  border: 1px solid #e3e3e3;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.awo-ls-tile .tile-border:hover{
  box-shadow: 0px 0px 15px #e3e3e3
}

.awo-ls-tile h3{
  color: #000;
}

.awo-ls-tile .btn{
  margin-left: auto;
}

.awo-ls-tile img{
  display: block;
  margin: auto;
}

.awo-ls-main{
  margin-top: 0px;
  padding:20px
}
/*eof Basic Leichte Sprache*/


/* Beitrags List-Navi LS */
.leichte-sprache {
    width: 100%;
    margin-bottom: 2rem;
}

/* Liste */
.leichte-sprache-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Entfernt die globalen Joomla/Template li::before Icons */
.leichte-sprache-list .ls-item::before {
    content: none !important;
}

/* 1px Trennlinie */
.leichte-sprache-list .ls-item {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d8d8d8; /* graue 1px Linie */
}

/* Letztes Element ohne Linie */
.leichte-sprache-list .ls-item:last-child {
    border-bottom: none;
}

/* Linkfläche */
.leichte-sprache-list a {
    display: flex;
    align-items: center;
    padding: 12px 18px;
    background: #f7f7f7;      /* Grund-Hintergrund */
    color: #333;           /* #6c757d */
    font-size: 20px;
    /*font-weight: bold;*/
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;

    /* weicher Hover-Effekt */
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

/* Font Awesome Pfeil */
.leichte-sprache-list a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f30b";          /* Pfeil-Symbol */
    margin-right: 12px;
    font-size: 14px;
    color: #333;
    display: inline-block;
    transition: transform 0.3s ease-in-out;  /* Bewegung beim Hover */
}

/* Hover */
.leichte-sprache-list a:hover,
.leichte-sprache-list a:focus {
    background: #e4e4e4;       /* etwas dunkleres Grau */
    color: #333;            /* Text bleibt dunkelgrau */
}

/* Pfeil rückt beim Hover leicht nach rechts */
.leichte-sprache-list a:hover::before,
.leichte-sprache-list a:focus::before {
    transform: translateX(4px);
}
/* eof Beitrags List-Navi LS */


/* BUTTON: Zur Standardversion (Leichte Sprache) */

.ls-standardbutton {
    display: inline-flex;
    align-items: center;
    font-family: var(--body-font-family);
    /*font-size: calc(var(--body-font-size) + 1rem);*/   /* +1rem, wie gewünscht */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    padding: 1rem 2rem;               /* angenehme Buttonfläche */
    background: #f7f7f7;              /* Grundfarbe */
    color: #e2001a;                  /* Schriftfarbe */
    border: 1px solid #d8d8d8;        /* dezente Rahmenlinie */
    border-radius: 4px;               /* leichte Rundung wirkt moderner */
    transition: background 0.6s ease-in-out,
                color 0.6s ease-in-out,
                border-color 0.6s ease-in-out;
    cursor: pointer;
}

/* Icon rechts vom Text */
.ls-standardbutton i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 0.75rem;
    transition: transform 0.3s ease-in-out;
}

/* Hover-Effekt */
.ls-standardbutton:hover,
.ls-standardbutton:focus {
    background: #e4e4e4;             /* Hover BG */
    color: #e2001a;                  
    border-color: #d8d8d8;
}

/* Pfeil fährt beim Hover leicht nach rechts */
.ls-standardbutton:hover i,
.ls-standardbutton:focus i {
    transform: translateX(4px);
}

/* /eof BUTTON: Zur Standardversion (Leichte Sprache) */

/*
	==================================================
		xtraClasses
	==================================================
*/ 
.bold{font-weight:bold}
.red{color: #e2001a;}
.transparent{opacity: 0.5}
.small-right{font-size: 0.813em;}
.text-center{text-align: center;}
.zitat{font-size: 1.25rem; font-weight: 300; text-align: center;}
.autor{font-size: 0.813em; font-style: italic;}
.sepgrey{color:#aaa;}
.yellow-bg{background-color:#fedc1b;}

.abstand20{margin-top:20px}
.abstand50{margin-top:50px}

.btn.btn-secondary {
  background-color: #e2001a;
  border-color: #e2001a;
}

.frame{
  background-color: #f7f7f7;
  margin: 30px 0;
  padding: 10px ;
}

.t4-section-1{
  background-color: var(--footer-bg-color);
  }


.section-title-wrap.text-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}



/*--- Position Main-Bottom ---*/
div[id*="t4-main-bottom-"], #t4-main-bottom {
  padding-bottom: 0px;
}

/*--- Kontakt Hauptkontent ---*/
.card {
--t4-card-border-radius: none;
--t4-card-inner-border-radius: none;
  
}

/*--- Accordion Button active ---*/
:root,
[data-bs-theme=light]{
--t4-primary-bg-subtle: #ececec;
--t4-primary-text-emphasis:#333;
}

/*--- Accordion ---*/
.accordion {
  --t4-accordion-border-radius: 0  !important;
  --t4-accordion-inner-border-radius: 0  !important;
}

/** Small devices XS (landscape phones, 576px and up) 
@media (min-width: 575px) {}**/

/** Large devices M (desktops, 992px and up) 
@media (min-width: 991px) {}**/

/** Large devices L (large desktops, 1200px and up)
@media (min-width: 1199px) {}**/

/** Extra large devices XL (large desktops, 1200px and up) 
@media (min-width: 1600px){}**/