/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fileadmin/theme/Resource/Public/Css/Fonts/pt-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
h1,h2,h3,h4,h5,h6, body {
  font-family: 'PT Sans';
 }

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2.1rem;
  }
}
/*Extra Nachbarschaft Startseite */

/*********************************/
.tx-ddgodikal .border {
  border: transparent !important;
}
.rowFilter {
    margin: 0 15px 0 0;
}

news-single h1 {
  font-size: 2.5rem;
  color: #551285;
}
/**** TEST ****/
.thumbnail-menu-caption-inner {
  padding: 1.5em;
  text-align: left;
  display: block;
  bottom: 0;
  position: absolute;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}

.thumbnail-menu-caption-title {
  font-size: 1.1em;
  margin-bottom: 0.25em;
  font-weight: normal;
  opacity: 0;
}
/* TEST ENDE */

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}
.thumbnail>.caption {
  color: #4c4c4c;
  font-size: 0.9em;
}
.thumbnail-menu-caption-title, .thumbnail-menu-caption-subtitle {
  opacity: unset;
  background: rgba(98,0,53,.5);
  padding: 5px 10px;
  margin-bottom: 0;
}
.card-title,
.card-body h2 {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  color: var(--bs-card-title-color);
  color:#5b5b5b;
}

.card a:not(.btn) {
 color:#5b5b5b;
}
.card-subtitle {
 
  color: #5b5b5b;
}
.card-subtitle {
  font-size: 1.1rem;
  margin-bottom: 0.5em;
}
.card a:not(.btn) {
  --bs-card-title-color: #5b5b5b;
  --bs-card-color: #5b5b5b;
  text-decoration: underline;
}

.scroll-top {
  --scrolltop-zindex: 1020;
  --scrolltop-space: 20px;
  --scrolltop-bg: #494949;
   --scrolltop-bg: #87c100;
 
  --scrolltop-color: #ffffff;
  --scrolltop-hover-bg: #620035;
  --scrolltop-hover-bg: #6c9312;
  
  --scrolltop-hover-color: #ffffff;
  color: var(--scrolltop-color);
}
.news-list-item .label, .news-single .label {
  padding-block: 5px 6px;
  font-size: 1em;
  font-weight: bold;

}

.news-list-item .label-info,
.news-single .label-info{
  color: inherit !important;
}
.list-group-item {
  background-color: transparent;
  border: 0;
 }


.filterKalender {
  font-size: 0.9em;
  padding-right: 10px;
/*  background-color: #e5e5e5;*/
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
.section-startseite .container-fullwidth .subcontent-wrap.middle .news .news-list-view .news-list-item h3 {
  font-size: 2.5rem;
  font-weight: bold;
}
.card {
  --bs-card-inner-border-radius: 0;
}
h1 {
 /* padding-bottom: 50px;*/
}

h1::after {
 /* content: url(../Grafiken/Wellenlinie.svg);
  color: #fff;
  font-size: 3rem;
 position: relative;
  display: block;
  width: 200px;
  height: 55px;*/
  /*  top: 30px;*/
}

.frame-background-secondary h1::after,
.frame-background-blau h1::after, 
.frame-background-hblau h1::after, 
.frame-background-lila h1::after, 
.frame-background-hlila h1::after, 
.frame-background-gruen h1::after, 
.frame-background-hgruen h1::after, 
.frame-background-weinrot h1::after,
.frame-background-hweinrot h1::after {

  display: none;
 }


/*
.frame-background-blau *, .frame-background-blau a:not([class]), .frame-background-hblau *,
.frame-background-weinrot *, .frame-background-weinrot a:not([class]), .frame-background-hweinrot *,
.frame-background-gruen *, .frame-background-gruen a:not([class]), .frame-background-hgruen *,
.frame-background-lila *, .frame-background-lila a:not([class]), .frame-background-hlila * {
  color: #fff;
}
.frame-background-weinrot {
  background-color: #691134;
  color #fff;
}
.frame-background-hweinrot {
  background-color: #87415d;
  color #fff;
}
.frame-background-gruen {
  background-color: #486638;
  color #fff;
}
.frame-background-hgruen {
  background-color: #607c50;
  color #fff;
}
.frame-background-blau {
  background-color: #26436d;
  color #fff;
}
.frame-background-hblau {
  background-color: #39668f;
  color #fff;
}
.frame-background-lila {
  background-color: #715989;
  color #fff;
}
.frame-background-hlila {
  background-color: #917aab;
  color #fff;
}
*/
/* abhängig von der Hintergrundfarbe die Farbe für die Wellenlinie setzen */
/*
.frame-background-hlila h1::after,
.frame-background-lila  h1::after,
.frame-background-hgruen  h1::after
{
  background-color: #87c100;
}
*/
/*h1 {
  background-image: url(../Grafiken/Wellenlinie.svg);
 background-repeat: repeat-x;
 background-position: bottom;
 
 margin: 10px 0 0 0;
 padding: 0.5em 0 60px 0;
  
}
*/

/*h1, h2 {
  border-block-color: yellow;
  margin-bottom: 120px;
  border-bottom-width: 15px;
  border-block-style: solid;
  border-block-end-width: unset;
  border-bottom-right-radius: 15px;
  border-top: 0:
}*/
footer {
  background-color: #dadcdb;
  margin-top: 0;
}

.label-info {
 border: 0;
  font-weight: bold;
  border-radius: 15px;
  padding-block: 10px 8px;
  padding-inline: 24px;
  white-space: nowrap;
  color: #fff;
  background-color: #dd7180;
  background-color: #87c100;
  background-color: transparent;
  transition: all var(--an-duration) var(--an-ease);
}
/* shariff-Buttons bei News eingesetzt */
.shariff .twitter a {
/*  background-color: unset;*/
  border: 1px solid #000;
}
.shariff .xing a {
/*  background-color: unset;*/
  border: 1px solid #126567;
}
.shariff .facebook a {
  /*background-color: unset;*/
  border: 1px solid #3b5998;
}
#c30005 {
  padding-bottom: 0
}
#c30005 h2 {
 font-size: 7rem;
  font-weight: bold;
  line-height: 0.8;
  opacity: 0.7;
}
#c29995 h1 {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 0.8;
}
 .slider h3 {
  
  margin-bottom: 1.5rem;
 }
.row.slider {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px; 
    
}

.row.slider > * {
  padding-right: 0px;
  padding-left: 0px;
}


@media (min-width: 768px) {
  /* ein feste Content-Element über die UID anzusprechen ist nicht so geschickt
  #c29994 .col-md-3, #c29994 .col-md-9 {
    width: 50%;
  }
  .section-startseite 
  .container-fullwidth .subcontent-wrap.middle 
  .news 
  div#news-container-29994.news-list-view li.list-group-item div.row.news-list-item.mb-3 div.col-md-3
   */
  /* besser: */

  
  /* auskommentiert 27.06.26-UD 
  .section-startseite .container-fullwidth .subcontent-wrap.middle .news .news-list-view .news-list-item .col-md-3,
  .section-startseite .container-fullwidth .subcontent-wrap.middle .news .news-list-view .news-list-item .col-md-9 {
     width: 50%;
  }
  */

  
  .textpic-left-flex .textpic-item.textpic-gallery.textpic-flex-gallery, .textmedia-left-flex .textmedia-item.textmedia-gallery.textmedia-flex-gallery {
    width: auto;
    max-width: 66%;
    float: left;
    padding-right: 20px;
    padding-top: 5px;

}
  
}
/*  
#c29994 .news-list-item img {
  max-width: 600px;
  width: 100%;
}
  
#c29994 .news-list-item h3 {
  font-size: 2.7rem;
  font-weighT: bold;
}
*/
.section-startseite .container-fullwidth .subcontent-wrap.middle .news .news-list-view .news-list-item img {
  max-width: 600px;
  width: 100%;
  padding-bottom: 10px;
}

.section-startseite .container-fullwidth .subcontent-wrap.middle .news .news-list-view .news-list-item h3 {
  font-size: 2.3rem;
  font-weight: normal;
}

.news-list-view .list-group-item .news-list-item img {
  padding-bottom: 10px;
}


.navbar-default .navbar-nav > li > a {
  color: #551285;
  color: #802330;
  color: unset;
}

#c29943 .card-title {
   
  font-size: 1.4em;
font-weight: normal;
  text-align: center;

}
.btn {
    border: 0;
 font-weight: bold;
/*       border-radius: 15px;
    padding-block: 5px 8px;
    padding-inline: 15px;

    white-space: nowrap;
        color: #fff;
    background-color: #dd7180;
  background-color: #87c100;*/

    transition: all var(--an-duration) var(--an-ease);

    &:hover {
      scale: 1.05;
    }
}

.btn {
  border: 0;
  font-weight: bold;
  border-radius: 5px;
  padding-block: 4px 6px;
  padding-inline: 13px;
  white-space: nowrap;
  color: #fff;
  background-color: #dd7180;
  background-color: #b3b3b3;
  transition: all var(--an-duration) var(--an-ease);
}

.swiper h3 {
  font-size: 2.5rem;
  color: #551285;
  }
.swiper-slide-content {
 padding-left: 0;
}

.swiper-caption {
  padding: 1.5rem 1.5rem 0 1.5rem !important;
  background-color: rgba(255,255,255,0.60) !important;
}

.swiper-slide-text {
  font-size: 1.5rem;
  margin: 0 0 30px;

}
.card {
  --bs-card-border-width: 0;
  --bs-card-border-color: transparent;
  --bs-card-border-radius: 0;
  --bs-card-box-shadow: none;
  background-color: var(--bs-card-bg);
  border: 0;
  border-radius: 0;
  box-shadow: none;
   color: #515151;
  background: #eaeaea;
  background: #fff;
}
.footer-section-content {
  background-color: transparent;
}

.footer-section-content {
  --frame-color: unset;
  --frame-background: #313131;
  --frame-link-color:rgb(85, 18, 133);
  --frame-link-hover-color: rgb(171, 168, 140);
}

.footer-meta,
.footer-meta a, 
.footer-meta a:hover {
    color: #2f2f2f;
}
.footer-meta {
  font-size: 1em;
  width: 100%;
  padding: 10px 0;  
}

.footer-meta .meta-menu {
  margin-top: 20px;
}

.frame-background-kkhittfeld_blau  {
      background-color: #551285;
}
.frame-background-kkhittfeld_orange {
    background-color: #D4DE50;
  background-color: #993262;
}

.frame-kkhittfeld_fullsize {
    margin-top: 0px;
    margin-bottom: 0px;
}

.tx-ddgodikal .headLineLabel {
  display: none;
}
.tx-ddgodikal, .tx-ddgodikal a:hover {
  text-decoration: none !important;
}
div.tx-ddgodikal div.ddgodikal.row.odd a {
--frame-link-color: #551285;
  --frame-link-hover-color: #aba88c;  
  color: var(--frame-link-color);
}
div.tx-ddgodikal div.ddgodikal.row.odd a:hover {
  color: var(--frame-link-hover-color);
}