@import "custom_fonts.css";
/*@import "custom_newsletter-brevo.css";*/

/*
FullSize  CONTENT  SonderBlogs    ArticleNEWSflash Presse MINT FAteaser   
JEvents  JEVListe  JEVCustomDetail  JEVCATselect  JEVMobileButtons  JEVSuche  JEVHighlights
Highlights  ZITAT  JobsKarriere  LAYOUT  Hintergrund  SUCHE  HEADER  MegaMenu  Ebene04  SUBmenuSticky  
OffCanvas  HERO  HEADimages  Accordeon  NEWSLETTERformular  Imagemap Leitbild
DJslider  FORMULAR  MEDIAbox  SocialIcons  Breadcrumb  FOOTER 
MediaQueries  

-------
Blau 		#003B80	rgb(0, 59, 128) | Gelb hell		#FBBA00
Gelb 		#EEAB00					| Violett dkl 	#791F82
Grün 		#64A548					| Blau dkl 		#002D66
Rot 		#DA0912					| Orange 		#E67A02
Violett 	#951981
*/

.desktop {display:block;}
.mobile,  .printheader {display:none;}


html{scroll-padding-top: 230px;}



body {
  background: #fff;
  color: #003B80;
  font-family: 'Parisine Plus';
  font-size: 16px;
  letter-spacing: 0.02em;
}

.h1, .h2, .h3, .h4, .h5, 
.h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .75em;
  font-weight: 500;
  line-height: 1.2;
  hyphens: auto;
}

.article-details .article-header h1, 
.article-details .article-header h2 {
  font-size: 2.7rem;
}

.h1, h1 {font-size: calc(1.6rem + 1.6vw);}



a {
  transition: none;
  outline-color:rgba(256, 256, 256, 0);
  outline-width: 0;
}
a img:hover {opacity: 0.8} 

a.button, .readmore a,
.article-list .article .readmore a {
  color: #fff;
  font-weight: 500;
  border: 2px solid #003b80;
  font-size: 1.2em !important;
  padding: 0.25em 1.5em 0.35em;
  border-radius: 20px;
  background: #003b80;
  display: inline-block;
}
a.button:hover, .readmore a:hover,
.jev_form-button a:hover,
.article-list .article .readmore a:hover {
    background: #fff!important;
    color: #003b80!important;
}
a.button svg {fill: #fff!important;}
a.button:hover svg {fill: #003b80!important;}

.btn {border-radius: 20px !important;}
.btn-primary, .sppb-btn-primary {
  border-color: #003B80;
  background-color: #003B80;
}

.anker, a.anker {
  display: block;
  transform: translateY(100px);
  width: 1px;
}

.sp-module ul > li > a {
  color: #da0912;
}

img.rund {
  border-radius: 50%;
}

/* ### FullSize ### */
#sp-fullsize {
    margin: 0 auto;
    width: 1370px;
}
.fulltext {
    padding: 0 50px;
}
.fullsize #sp-main-body .container-inner {
    padding: 80px 50px 120px;
}

/* ### CONTENT ### */
.page-header {
  padding-bottom: 0px;
}

.article-list .article {
  margin-bottom: 40px;
  padding: 40px 40px 40px 0;
  border: none;
  border-radius: 0px;
}
.article-list .article .article-header h1, 
.article-list .article .article-header h2 {
  font-size: 2.2rem;
  margin: 0 0 2rem 0;
}
.article-list .col-lg-6 .article .article-header h2 {
  font-size: 2rem;
}

.article-list .article .article-header h1 a, 
.article-list .article .article-header h2 a {
    color: #003B80;
}
.article-list .article .article-intro-image, 
.article-list .article .article-featured-video, 
.article-list .article .article-featured-audio, 
.article-list .article .article-feature-gallery {
  margin: -20px -20px 20px -20px;
  border-radius: 0;
  border-bottom: none;
  overflow: hidden;
}
.article-list .article .article-intro-image img, 
.article-list .article .article-featured-video img, 
.article-list .article .article-featured-audio img, 
.article-list .article .article-feature-gallery img {
  border-radius: 0;
}

.layout-blog .article-introtext h2,
.layout-blog .article-introtext h3 {
    font-size: 1.2em;
    font-weight: 600;
}

.hinweistext  {
  font-size: 80%;
}

.article li {
    margin-bottom: 0.25em;
}


.kat div.sonderseite,
.kat.unterseite div.standard {display: none;}

.kat.unterseite div.sonderseite {display: block;}




/* SonderBlogs */
.article-list.articles-leading h2,
.article-list.articles-leading h3,
.layout-blog.headlines .article-introtext h2,
.layout-blog.headlines .article-introtext h3 {
  font-weight: 400;
}
.article-list.articles-leading h2,
.layout-blog.headlines .article-introtext h2 {font-size: 2em;}
.article-list.articles-leading h3,
.layout-blog.headlines .article-introtext h3 {font-size: 1.75em;}

.layout-blog.headlines.eng .article-introtext h2 {margin-top: 2em;}
.layout-blog.headlines.eng .article-list .article {
  margin-bottom: 0;
  padding: 40px 20px 0;
  border: none;
  border-radius: 0px;
}

/* ArticleNEWSflash Presse MINT FAteaser */
.newsflex .mod-articlesnews.newsflash {
  display: flex;
  flex-flow: column wrap;
  gap: 4em 30px;
  align-items: stretch;
  flex-direction: row;
}
.newsflex .mod-articlesnews__item {
  flex: 1 1 auto;
  max-width: 46.5%;
}

figcaption {
  position: relative;
  top: -1.5em;
  margin-bottom: -1.5em;
  font-size: 0.8em;
  font-weight: 400;
  color: #333;
  background: rgba(256,256,256,0.65);
  padding: 0 0.25em;
}

.view-article .sp-module.newsflex {
  display: none;
}

.mint .newsflex h2,
.mint .newsflex h3,
.mint .newsflex h4,
.mint .newsflex p {
  margin-bottom: 0.2em;
}
.mint .newsflex .button {margin-top: 0.5em;}

.mint .newsflex  sub {
  margin: 0 0 1.5em 2px;
  display: block;
}




/* ### JEvents ### */

/* Filter ausblenden auf Detailseite 
.view-icalrepeat #sp-jevents {
  display: none;
} */


/* JEVListe */
.jeventpage.kat .jev_pagination,
.jeventpage.kat .jev_pagination,
.jeventpage.kat .jev_catselect,
.jeventpage.kat.alle .jev_catdesc,
.ev_td_left {
  display: none;
}

.ev_table {
  width: 100%;
  border: none!important;
}
.ev_table td {
  padding: 0;
}
#jevents_body ul.ev_ul {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#jevents_body ul.ev_ul li.ev_td_li {
  margin-bottom: 2em;
}
ul.ev_ul li.ev_td_li {
  border-style: solid;
  border-width: 0 0 0 0;
  margin-bottom: 0;
  padding-left: 0;
  background-image: none;
}
.ev_td_right {border-top: 0px;}

.va-datum > a,
a.ev_link_row {
  font-size: 1em !important;
  color: #003b80 !important;
  font-weight: 400;
}
.ev_table a.ev_link_row {
  opacity: 0.7 !important;
}
.va-datum > a:hover,
a.ev_link_row:hover {
  color: red !important;
}
.va-col.va-titel a {
  font-size: 1.15em !important;
  font-weight: 600;
  opacity: 1 !important;
}

.va-cols {
  display: flex;
  gap: 1rem;
}
.va-col {
  max-width: 100%;
  box-sizing: border-box;
  flex: 1;
}
.va-col.infos {text-align: right;}

.va-datum {
  height: 50%;
  border-bottom: 1px solid #003b80;
}
.va-event {
  padding: 0 0 0;
}
.va-info {
  background-color: #D9E2EC!important;
  width: max-content!important;
  float: right!important;
  padding: 0 0.75em 0.15em !important;
  border-radius: 10px!important;
  margin: 4px 0 4px 4px;
}
.va-info-detail p {
  color: #333 !important;
}

.catimage {
max-width: 60px;
}
.va-col.va-catimg {
max-width: fit-content;
}

.kategorie .jev_catselect {
    display: none;
}
.jev_catdesc {
    margin-bottom: 3em;
}


/* JEVCustomDetail */
.jev_evdt > .jev_evdt_header > .jev_title > h1 {
  font-size: 2.5em!important;
}
.jev_subhead:empty,
.jev_introline:empty,
.jev_infotext:empty,
.va-info:empty {
  display: none;
}
.jev_subhead {
  font-size: 1.5em;
  font-weight: 600;
  padding-bottom: 1em;
}
.jev_introline {
  font-size: 1.5em;
  font-style: italic;
  padding: 0 0 0.35em;
  border-top: 2px solid #99B1CC !important;
  border-bottom: 2px solid #99B1CC !important;
  color: #99B1CC;
}

.jev_evdt_extrainf {display: none;}

.va-info-box {margin-top: 3em;}

.va-info-head {background: #003b80; color: #fff;}
.va-info-detail {background: #e9e9e9;}
.jev_introline {
  border-top: 2px solid #003b80 !important;
  border-bottom: 2px solid #003b80 !important;
  color: #003b80;
}
.kat.familie .va-info-head {background: #efac22; color: #fff;}
.kat.familie .va-info-detail {background: #FCEECC;}
.kat.familie .jev_introline {
  border-top: 2px solid #efac22 !important;
  border-bottom: 2px solid #efac22 !important;
  color: #efac22;
}
.kat.gesellschaft .va-info-head {background: #64a548; color: #fff;}
.kat.gesellschaft .va-info-detail {background: #E0EDDA;}
.kat.gesellschaft .jev_introline {
  border-top: 2px solid #64a548 !important;
  border-bottom: 2px solid #64a548 !important;
  color: #64a548;
}
.kat.senioren .va-info-head {background: #da0912; color: #fff;}
.kat.senioren .va-info-detail {background: #e9e9e9;}
.kat.senioren .jev_introline {
  border-top: 2px solid #da0912 !important;
  border-bottom: 2px solid #da0912 !important;
  color: #da0912;
}
.kat.kultur .va-info-head {background: #003b80; color: #fff;}
.kat.kultur .va-info-detail {background: #CCD8E5;}
.kat.kultur .jev_introline {
  border-top: 2px solid #003b80 !important;
  border-bottom: 2px solid #003b80 !important;
  color: #003b80;
}

.va-info-head .wf-column:last-child {display: none;}


.va-info-box h5 a {
  color: #fff !important;
  text-decoration: underline;
}
.va-info-detail a {
  color: #333 !important;
  text-decoration: underline;
}

.jev_image {margin: 2em 0;}
.va-info-head {padding: 0 0.75em;}
.va-info-detail {padding: 1em 0.75em;}

.va-info-head h5 {
  padding: 0em;
  margin: 0.35em 0 0.5em;
}
.jev_formular_link {padding-top: 1.5em;}

.jev_form-button a {
  color: #fff;
  font-weight: 500;
  border: 2px solid #003b80;
  font-size: 1.2em !important;
  padding: 0.25em 2em 0.5em;
  border-radius: 20px;
  background-color: #003b80;
}

.jev_form-button {
  margin-top: 1.5em;
  color: rgba(0,0,0,0);
}
.jev_form-button span {
  color: rgba(0,0,0,0);
  display: none;
}


.jev_infotext {
  margin-top: 0.5em;
  padding: 0.5em 0.75em 0.75em;
  text-align: center;
  color: #fff;
  font-size: 1.2em;
  min-width: 172px;
  max-width: max-content;
}
.view-cat .jev_infotext {
  float: right !important;
  padding: 0 0.75em 0.15em;
  font-size: 1em;
  margin: 3px 0;
  border-radius: 25px;
  min-width: 1px;
}
.jev_infotext.rot {
    background: #da0912;
}
.jev_infotext.gelb {
    background: #eeab00;
}


.jev_hinweisbox {
    margin: 3em 0;
    background: #eee;
    padding: 2em 1.5em;
}


/* JEVCATselect Icons */
.sp-module.catselect img {
  max-height: 120px;
  width: auto;
  display: inline-block;
  margin: 10px 2px;
}

#sp-jevents-unten .catselect {
    padding: 80px 0 0 0;
}
#sp-jevents-unten .sp-module.catselect img {
    max-height: 140px;
    margin: 10px;
}
#sp-jevents-unten .sp-module-title {
  margin-bottom: 1.5em;
}
.com_content.home #sp-jevents-unten {display:no ne;}

.view-icalrepeat #sp-va-legende,
.view-icalrepeat #sp-va-legende .catselect,
.view-cat #sp-jevents-unten .catselect {display: none;}

.view-icalrepeat #sp-main-body .container-inner {
    padding: 0px 250px 120px;
}

/* JEVMobileButtons */
.mobile.jev_buttons a {
  width: 100%;
  display: block;
  text-align: center;
}
a.button.familie {background: #efac22; border: 2px solid #efac22;}
a.button.gesellschaft {background: #64a548; border: 2px solid #64a548;}
a.button.senioren {background: #da0912; border: 2px solid #da0912;}
a.button.kultur {background: #003b80; border: 2px solid #003b80;}
a.button.alle {background: #666666; border: 2px solid #666666;}

a.button.familie:hover {color: #efac22!important; border: 2px solid #efac22;}
a.button.gesellschaft:hover {color: #64a548!important; border: 2px solid #64a548;}
a.button.senioren:hover {color: #da0912!important; border: 2px solid #da0912;}
a.button.kultur:hover {color: #003b80!important; border: 2px solid #003b80;}
a.button.alle:hover {color: #666666!important; border: 2px solid #666666;}



/* JEVSuche */
.eventsuche .sp-module-content {
    display: block;
    width: fit-content;
    margin: 0 auto 3em;
}
form.jevfiltermodule::before {
    content: "Suche: ";
    align-content: center;
    margin-right: 5px;
}

form.jevfiltermodule,
.jevfiltertable tr,
.jevfiltermodule table tbody {
    display: flex;
}

.jevfiltertable {
  td {padding-left: 5px;}
  tr td:has(.btn-secondary) {order: 2;}
  .btn {
    height: 3em;
    width: fit-content;
    padding: 0 15px;
    border-radius: 20px !important;
  }
}



/* JEVHighlights */
#jeviso_module .jeviso_container .jeviso_item.style3 .jeviso_item_image {
    overflow: hidden;
    position: relative;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    aspect-ratio: 4 / 2.4;
}

#jeviso_module .jeviso_container .jeviso_item.style3 .jeviso_item_image img {
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

#jeviso_module .jeviso_container .jeviso_item.style3 h3.eventtitle {
    font-size: 1.1rem !important;
    font-weight: 600;
    text-overflow: ellipsis;
    padding: 0.5em 0 0.25em 0.5em;
    min-height: 3.4em;
}
.view-category .jev_highlights .jev_image1 {
    border-bottom: 0px;
}


/* Highlights */
.high .page-header {padding: 2em 2.5em 1em;}
.high .article-list.articles-leading .article {padding: 0 0 2em;}

.high.blue .page-header,
.high.blue .article-list.articles-leading .article {
  background: #003b80;
  color: white;
}

.view-category .jev_image1 {
  border: 1px solid rgba(0,0,0,0.1);
}



/* ZITAT */
.zitat h2 {
  font-size: 3.5em;
  font-style: italic;
  color: #961981;
}



/* ### JobsKarriere ### */
.bite-jobs-list--entry {
  border-bottom: 1px solid rgb(0, 59, 128)!important;
  padding: 15px 0!important;
}
.bite-jobs-list--entry--text {
  font-size: 0.8em;
  text-align: right;
}


/* ### LAYOUT ### */
#sp-intro .container-inner {
  padding: 120px 250px;
}
#sp-sub-hero .container-inner {
  padding: 120px 60px;
}
#sp-jevents .container-inner {
  padding: 80px 250px 0px;
}

#sp-main-body {padding: 0px 0;}
#sp-main-body .container-inner {
  padding: 80px 250px 120px;
}

.com-jevents #sp-jevents .container-inner {
  padding: 80px 60px 0px;
}
.view-cat #sp-main-body .container-inner {
  padding: 80px 125px 120px;
} 
#sp-jevents-unten {
    padding: 20px 40px 80px;
}
.sp-module.accord {
  margin-top: 4em;
}


/* ### Hintergrund ### */
.bgspass #sp-top-bar .container {background: url(/images/layout/bg_top-bar_1370_full.png);}
.bgspass #sp-intro .container {background: url(/images/layout/bg_feature_1370-v2.png);}
/*
.bgspass #sp-header .container {background: url(/images/layout/bg_header_1370.png);}
.bgspass #sp-header.header-sticky .container {background: none;}
*/


#sp-header .container,
.bgspass #sp-top-bar .container,
.bgspass #sp-intro .container {
  background-clip: content-box;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-left: 0;
  padding-right: 0;
}
.bgspass #sp-top2 {padding: 4px 45px 0 0;}


/* SUCHE */
.sp-module.suche {
  padding: 40px 0;
}
.form-control, #search_fv {
  width: 100%;
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  border: 3px solid #003B80;
  border-radius: 20px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.mark, mark {
  padding: .1875em;
  background-color: rgba(238, 171, 0,0.4);
}
.awesomplete mark {
  background: rgba(100, 165, 72,0.2);
}
.offcanvas-menu .offcanvas-inner .sp-module.suche .awesomplete {
  width: 100%;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.view-search #search-form {
  margin-top: 1em;
}

/* ### HEADER ### */
#sp-top-bar {padding: 0;}
#sp-top-bar .container-inner {
  text-align: right;
}
#sp-top-bar p {margin-bottom: 0.5em;}
#sp-top2 {padding: 4px 30px 0 0;}

#sp-logo {padding: 0 0 1.5em 30px;}
#sp-header {
  height: 120px;
  width: 100%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  animation: none!important;
}
#sp-header .logo {height:100px;}
#sp-header.header-sticky {box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1)}


/* ### MegaMenu ### */

#sp-menu .justify-content-end {
  justify-content: left !important;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: -218px !important;
  right: 0;
}

.sp-menu-heading:hover {
  cursor: default;
}

.sp-megamenu-parent > li:first-child {
  margin-left: 15px !important;
}
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a {
  color: #fff;
  background: #003b80;
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0px 15px;
}

.sp-megamenu-parent .sp-dropdown {
  margin-top: -15px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: 0px 20px 12px -16px rgba(0, 0, 0, 0.3);
  padding: 40px 200px 50px;
  min-height: 320px;
}
/*.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .menu_item.item-header {
  padding-bottom: 0.5em;
}*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  list-style: none;
  padding: 0;
  margin: 0 0 1em 0;
}

.sp-megamenu-parent .sp-mega-group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-mega-group .item-header > a {
  padding: 12px 0;
}
.sp-megamenu-parent .sp-mega-group .item-header > a.subtitel {
  padding: 16px 0;
  margin-top: -8px;
}

body.ltr .sp-megamenu-parent>li.sp-has-child>a::after,
body.ltr .sp-megamenu-parent>li.sp-has-child>span::after {
  display: none !important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  line-height: 80px !important;
  font-size: 1.2em;  margin: 15px 0;
  text-transform: uppercase;
  font-weight: bold !important;
  letter-spacing: 0.025em;
}

.sp-megamenu-parent .sp-mega-group > li > a {
  text-transform: none;
  font-size: 1em;
  margin-bottom: 0;
  font-weight: 400;
  border-bottom: 1px solid #fff;
}
.sp-megamenu-parent .sp-mega-group > li > a.subtitel{
  margin-bottom: 0;
  font-weight: bold;
}

.sp-megamenu-parent .sp-mega-group > li > a:hover,
.sp-menu-item.sp-has-child:hover > span,
.sp-menu-item.sp-has-child.active > span,
[aria-current="page"] {
  background-color: #003B80;
  color: #fff !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  display: block;
  padding: 0;
  position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 1em;
  width: 100%;
  padding: 8px 0!important;
  margin: 0;
  border-bottom: 1px solid #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
  color: #fff !important;
}

li.active > a,
[aria-current="page"] {
  background: rgba(255, 255, 255,0.3);
}

.sp-menu-item .p-2 {
  padding: .5rem .5rem .5rem 0 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 1em;
  line-height: 1;
  cursor: pointer;
}

/* Ebene04 */
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
  margin-left: 7px;
  margin-top: 8px;
}
.sp-dropdown.sp-dropdown-sub.sp-menu-left {
  left: -113% !important;
  width: 113% !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-sub .sp-dropdown-inner {
  padding: 30px 20px 30px;
  min-height: max-content;
  background: #4d76a7;
}
/* Ebene04 ausgeblendet */
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after,
.sp-dropdown.sp-dropdown-sub.sp-menu-left {
  display: none !important;
}



/* SUBmenuSticky */
.sp-module.stickymenu.right {
  position: absolute;
  right: 0;
}


/* ### OffCanvas ### */
body.ltr.offcanvs-position-right .offcanvas-menu {right: -410px}
.offcanvas-menu {width: 400px;}
.offcanvas-menu .offcanvas-inner {padding: 20px 5px;}
.offcanvas-menu .offcanvas-inner span.p-2 {display: none;}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
  margin-bottom: 15px;
  margin-right: 5px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a, 
.offcanvas-menu .offcanvas-inner ul.menu > li span
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: #003B80!important;
  opacity: 1!important;
}
.offcanvas-menu .offcanvas-inner .subtitel, 
.offcanvas-menu .offcanvas-inner .titel {
  font-weight: bold !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a   {color: #003B80 !important;}
.offcanvas-menu .offcanvas-inner ul.menu li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu li.active .nav-header {color: #DA0912 !important;}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 15px;
  padding: 0.7em 0px;
  line-height: 2em;
  font-weight: 400;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {padding-bottom: 0px;}
.offcanvas-menu .menu-toggler::after {font-size: 25px;}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
  color: rgba(0, 0, 0, 0.8);
  width: 100%;			/* Gesamter Text klickbar! */
  text-align: right;
}

.offcanvas-menu a.kapitel {
  font-weight: 600 !important;
}
.offcanvas-menu a.kapitel .pe-2.fa.fa-arrow-right {
  display: none;
}




/* ### HERO  ### */
#sp-slider {
  display: block;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}



/* ### HEADimages ### */



/* ### Accordeon ### */
#dummy {
  display: none;
}

.ssl-outer {
  border: 0px!important;
  border-radius: 0px!important;
  margin-bottom: 0px!important;
}

.ssl-title {
  border-top: 1px dotted #003B80!important;
  font-size: 1em;
  font-weight: 300;
  padding: 8px 0px 8px 6px;
  margin-bottom: 0;
  color: #003B80!important;
}

.ssl-title:hover {
  background-color: #E5EBF2!important;
  color: #003B80!important;
}

.ssl-title-open {
  background-color: #E5EBF2;
}

.ssl-title::after {
  content: "";
  width: 1em;
  height: auto;
  display: block;
  position: relative;
  float: right;
  opacity: 0.7;
  margin: 0 10px 0 0;
}

.ssl-title::after {
  content: url('/images/icons/angle-down.svg');
}

.ssl-title.ssl-title-open::after {
  content: url('/images/icons/angle-up.svg');
}

.ssl-content {
  border-top: 0px;
  /*max-width: 95%;*/
}


/* ### NEWSLETTERformular  ### */
.sib-form {
  background-attachment: fixed;
  font-size: inherit;
  font-family: 'Parisine Plus';
  padding: 0;
  margin: 0;
}


/* Imagemap Leitbild */
#map-image {
    border: 1px solid rgba(0, 0, 0, 0.15);
}
#map-image:hover {
  opacity: 1;
}

rect {
  fill:#fff;
  opacity:0; 
}
rect:hover {opacity: 0.35;}

.allein rect, .allein rect:hover 	 {fill: #e3001b !important;} /*	rot	*/
.anspruch rect, .anspruch rect:hover {fill: #73c90c !important;} /*	gruen */
.fuehr rect, .fuehr rect:hover 	 	 {fill: #fdea11 !important;} /*	gelb */
.ident rect, .ident rect:hover 	 	 {fill: #f58c05 !important;} /*	orange */
.mit rect, .mit rect:hover 	 		 {fill: #941983 !important;} /*	orange */
.mission rect, .mission rect:hover	 {fill: #013e81 !important;} /*	blau */
.werte rect, .werte rect:hover	 	 {fill: #363636 !important;} /*	grau */


.leitbild .icons img {
  border: 1px solid rgba(0,0,0,0.15) !important;
  height: auto !important;
}
.leitbild.contentpane .icons img {
  max-width: 100%;
}

.leitbild .ssl-title-open {
    font-weight: 600 !important;
    font-size: 1.5em !important;
    padding: 4px 0px 4px 6px !important;
}


/* ### DJslider ### */
.djslider-default .navigation-container img {
  opacity: 0.8;
}
.djslider-default .navigation-container img:hover {
  opacity: 1;
  background: rgba(0,0,0,0.1);
}

.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {
  position: relative!important;
  top: 94%!important;
  right: auto!important;
  margin: 0 auto;
  width: max-content;
  display: block;
  z-index: 10;
}
#sp-slider a img:hover {
    opacity: 1;
}
.djslider-default .navigation-container img {
  width: auto;
  box-shadow: none;
  padding: 18vw 5px;
  height: 42vw;
}

/* ### FORMULAR ### */
.convertforms,
.convertforms .cf-label,
.convertforms .cf-control-input-desc {
  color: #003b80;
}
.convertforms .cf-label {
    font-size: var(--label-size);
    margin-bottom: .45em;
    display: block;
    line-height: 1.3;
    font-weight: var(--label-weight);
}
.convertforms .cf-control-input-desc {
    opacity: .8;
    font-size: .9em;
}

.convertforms.cf-success .cf-response {
    background-color: #83B76D;
    display: block;
}
.convertforms .cf-response {
    color: #fff;
    margin-bottom: 20px;
    padding: 2em 1.5em;
    width: 100%;
    border-radius: 0px;
    font-size: 1.1em;
  	text-align: left!important;
}
.cf-response a {
    color: #fff;
    text-decoration: underline;
}
.convertforms .text-klein p {
    font-size: 12px;
    margin-bottom: 0.5em;
}



/* ### MEDIAbox ### */
.wf-mediabox-transition-scale .wf-mediabox-body.wf-mediabox-transition {
  opacity: 1;
  transform: scale3d(.9, .9, 1);
}

.wf-mediabox-container {
  background-color: #fff;
  border-radius: .25em;
  padding: 1.5em 1.25em  1.5em;
}

.wf-mediabox-numbers *, [class^=wf-mediabox] {
    color: #003B80;
    font-family: "Parisine Plus";
}
.wf-icon-zoom-image::before, .wf-icon-zoom-image svg {
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
}


/* ### SocialIcons ### */
.sp-module.social {
  padding: 40px 30px 40px 0;
  width: 100%;
  text-align: right;
}
.sp-module.social a, .sp-module .social a {
  display: inline-block;
  margin: 0px 8px 0px 0px;
  max-width: 30px;
  height: auto;
}
.sp-module.social a:last-child {margin: 0}
.sp-module.social a:hover img {
  opacity: 0.5;
}
#sp-top2 .sp-module.social {
  float: right;
  padding-top: 10px;
}
#sp-top2 .sp-module.social a {
  max-width: 28px;
}
.social img, img.social {
  -webkit-filter: sepia(150%) hue-rotate(180deg) saturate(450%);
  filter: sepia(150%) hue-rotate(180deg) saturate(450%);
}

#sp-bottom-menu .social {
    margin-bottom: 0.35em;
}
#sp-bottom-menu .social p {
    font-size: 0.9em;
    margin-bottom: 0em;
}


/* Breadcrumb */
.breadcrumb {
    padding: 0.75rem 1rem 0;
    background-color: rgba(0,0,0,0);
}
.breadcrumb a.pathway, .breadcrumb span {color: #888;}
.breadcrumb a:hover span {color: #DA0912!important;}
.breadcrumb .float-start .fa-map-marker-alt:before {content: "";}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    padding-right: 5px;
    margin-left: -2px;
}
ol.breadcrumb {margin-bottom: 0;}



/* ### FOOTER ### */
#sp-bottom-menu .sp-module.navi li a,
#sp-bottom-menu .sp-module.navi h4 a,
#sp-bottom-menu .sp-module.navi h5 a {
  width: 100%;
  display: block;
}

#sp-bottom-menu {
  background: url(/images/layout/bg_verlauf-01.jpg) repeat-x;
  padding: 100px 0 30px;
  font-size: 0.9em;
}
#sp-bottom-menu h4, #sp-bottom-menu h5 {
  border-top: 3px solid #003B80;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0.7em 0;
}
#sp-bottom-menu h4 {
  text-transform: uppercase;
}
#sp-bottom-menu h5, 
.com-finder #sp-bottom-menu h4 {
  padding-bottom: 0.8em;
}

#sp-bottom-menu h4:has(a):hover,
#sp-bottom-menu h5:has(a):hover, 
#sp-bottom-menu .footersub li:hover,
#sp-bottom-menu .footersub li.current {
  background: rgba(0, 59, 128, 0.1);
}

#sp-bottom-menu .bordertop    {border-top: 2px solid #003b80;}
#sp-bottom-menu .bordertop.xl {
  border-top: 3px solid #003b80;
  padding: 0.6em 0;
  line-height: 1.75;
}
#sp-bottom-menu .footersub li {
  border-top: 1px solid #003B80;
  padding: 0.6em 0;

}

#sp-bottom-menu ul.menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#sp-bottom-menu h4 a, #sp-bottom-menu h5 a,
#sp-bottom-menu p a, #sp-bottom-menu div a {
  color: #003B80!important;
}
#sp-bottom-menu a .p-2 {display: none;}

#sp-footer .container-inner {
  padding: 5px 0 40px;
  border-top: 1px solid rgb(0, 59, 128);
}
#sp-footer #sp-footer2 {
  text-align: right;
  padding: 0 15px;
  margin-top: -10px;
}


.export #sp-top-bar, .export #sp-header, .export #sp-hero, .export #sp-breadcrumb {display: none;}
.export #sp-main-body .container-inner {
  padding: 20px 0px 120px;
  font-size: 80%;
}
.export .container, .export .container-sm {max-width: 100% !important;}


/* #####################################
#########   MediaQueries   #############
####################################  */
@media screen and (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1370px !important;}
  .sp-dropdown.sp-dropdown-mega {width: 1200px !important;}
}
@media screen and (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1370px !important;}
  .sp-dropdown.sp-dropdown-mega {width: 100vw !important;}
  .h1, h1 {font-size: 2.7em;}
}
@media screen and (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {max-width: 1370px !important;}
  .sp-dropdown.sp-dropdown-mega {width: 100vw !important;}
  .header-sticky + #sp-hero {margin-top: 120px;}
}
@media screen and (min-width: 768px) {
  .container, .container-md, .container-sm {max-width: 1370px !important;}
  .sp-dropdown.sp-dropdown-mega {width: 100vw !important;}
}
@media screen and (min-width: 576px) {
  .container, .container-sm {max-width: 1370px !important;}
  .sp-dropdown.sp-dropdown-mega {width: 100vw !important;}
}



/* Breakpoint000 */
@media screen and (max-width: 1400px) {

  body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {left: -16vw !important;}

}

/* Breakpoint - DJslider */
@media screen and (MIN-width: 1366px) {
  .djslider-default .navigation-container img {
    padding: 260px 5px;
    height: 600px;
  }
}


/* Breakpoint1200 */
@media screen and (max-width: 1200px) {
  
  .logo-image {height: 50px!important;}
  
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 1em;
  }
  .social img {width: 2vw;}
  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 50px 60px 50px;}
  
  .view-icalrepeat #sp-main-body .container-inner {padding: 80px 10vw 120px;}
  

  #sp-main-body .container-inner {
    padding: 80px 150px 120px;
  }


}



/* BreakpointNAVI */
@media screen and (max-width: 992px) {
  
  .view-cat #sp-main-body .container-inner,
  .view-icalrepeat #sp-main-body .container-inner {
    padding: 0px 10px 60px;
  }

  
  #sp-top-bar, #sp-top3 {
    display: none;
  }
  #sp-logo   {width: 50%; order: 1; padding: 0 30px;}
  #sp-search {width: 40%; order: 2;}
  #sp-menu   {width: 10%; order: 3;}
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {margin-left: 0px;}
  #offcanvas-toggler {line-height: 40px;}
  
  #sp-header, #sp-header .logo  {height: 70px;}
  .sp-module.suche {padding: 14px 0;}
  
  #sp-hero {margin-top: 70px;}
  #sp-intro .container-inner {padding: 80px 35px;}
  
  #sp-main-body .container-inner {
    padding: 80px 35px;
  }
  
  .djslider-default .navigation-container-custom, 
  .djslider-default .navigation-numbers {top: 92%!important;}

  
}




/* Breakpoint640 ... JEvents */
@media screen and (max-width: 640px) {
  
  body {hyphens: auto;}
  
  .desktop {display:none;}
  .mobile {display:block;}
  
  .page-header h1,
  .article-details .article-header h1,
  .article-details .article-header h2,
  .article-list .article .article-header h1,
  .article-list .article .article-header h2 {
    font-size: 2rem;
  }
  
  .com-jevents #sp-jevents .container-inner {
    padding: 10px 60px 30px;
  }
  
  .view-cat #sp-main-body .container-inner,
  .view-icalrepeat #sp-main-body .container-inner {
      padding: 0px 0px 60px;
  }
  .va-col.va-catimg, 
  .va-col.va-zeile {
    display: inline-block;
  }
  .va-col.va-zeile {
    width: fit-content;
    width: -moz-available;
    width: 85vw;
  }
  .catimage {max-width: 40px;}
  .va-cols {display: block;}
  .va-col.infos {
    text-align: right;
    font-size: 0.8em;
  }

  #sp-logo   {width: 80%; order: 1;}
  #sp-search {display: none;}
  #sp-menu   {width: 20%; order: 3;}
  
  .djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {display: none;}

  .ansprechpartner img.rund {
    border-radius: 0;
    clip-path: polygon(100% 10%,100% 75%, 0% 75%, 0% 10%);
    margin-top: -3em;
  }
  
  .newsflex .mod-articlesnews__item {max-width: 100%;}
  
  .social img {width: 26px;}
  
  svg g {display: none;} /* Imagemap deaktiviert */

  
}

/* Breakpoint500 */
@media screen and (max-width: 500px) {
  
  #sp-main-body .container-inner,
  #sp-jevents-unten,
  .com-jevents #sp-jevents .container-inner {
    padding: 10px 0px 30px;
  }
  #sp-breadcrumb {
    padding: 0;
    font-size: 0.85em;
  }
  .article-list .article {padding: 40px 5px}
  .layout-blog.headlines.eng .article-list .article {padding: 40px 0px 0;}
  
  body.ltr.offcanvs-position-right .offcanvas-menu {right: -105vw}
  .offcanvas-menu {width: 100vw;}
  .va-col.va-zeile {width: 95vw;}
  
  .ssl-content {
    max-width: 100%;
    padding: 8px 0px;
  }
 
 
  
}