/* 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('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  url('../fonts/pt-sans-v17-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* pt-sans-700 - 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: 700;
  src: url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  url('../fonts/pt-sans-v17-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}




body {
	background: #fff;
	font-family: 'PT Sans', arial, sans-serif;
	color: var(--maincolor);
	font-weight: 400;
	line-height: 1.5;
	font-size: 1.125em;
filter:grayscale(100%)

}


@page {
	margin: 1.5cm;
	
}


h1, h2, h3, h4 {
	
	
	margin: 1em  0 ;
	font-family: "PT Sans",arial,sans-serif;
	font-weight: 700;
	color: var(--maincolor);
	text-transform: none;

	
	
}

h2 span , h3 span {display:block; font-size:0.6em}
a {
	color: var(--linkcolor);
}

h1 {
	font-size: 28pt;
}

h2 {
	font-size: 23pt
}

h3 {
	font-size: 20pt
}

h4 {
	font-size: 18pt
}



 figure {margin:0; padding:0}
.navbar, .bild,
.search,
.menu-button,
.skiplinks,
.unsichtbar, #modulesfuss,
.mod-languages, .shariff, .fixedbottom, #sponsor, #footer .mod-list, #newsletter,.article-footer.flex,
.horizontal_slide, .nextwindow, .prevwindow, .carousel, .topnavigation, .panorama, .acf_iframe_wrapper, .breadcrumb__pseudo_list,
#footer-infos, .fieldgallery-container, .snap-prev, .snap-next, .pagenav, #LinkModal, img.bgimage,#breadcrumb, .fixed, figcaption, .spendenparagraph,.pagenavigation, .mod_testimonials, .kurzspende,.mod_numbers,#after-content,.fastlinks,
.spendenbox, .list-inline, .gallery-slider


{
	display: none
}

a {
	
	text-decoration: none !important;
	
}


img {
	max-width: 100%;
	height:auto
}


.introitems .bgrow {
	background: #fff !important
}

#header {
	overflow: hidden;
	border-bottom: solid 1px #ddd;
	margin-bottom: 20px;
	padding-bottom: 0px
}

#header h1 {margin:10px }
#header h1 img {
	width: 150px;
	height: auto;
	float: left
}

#header h1 > .header1 {
	float: left;
	margin: 30px 0 0 30px;
	font-size: 14pt;
	line-height: 1em;
}


h2 + h3 {
	font-weight: normal;
	margin-top: -20px
}


dt {display:none}

dd {margin:0}

.category-module-flexitems, .category-module-downloads,.mod-menugrid {
	display: block;
	list-style-type: none;
	margin:0; padding:0;
}

ul.category-module-flexitems li, .category-module-downloads li.shadowbox {
	flex: 1 1 100%;
	box-shadow: none !important;
	text-align: left
}

ul.category-module-downloads li .btn,
ul.category-module-downloads li img {
	width: 300px !important;
	margin: 10px 0 !important;
}

ul.category-module-downloads li .btn,
ul.category-module-flexitems li .btn,
.btn {
	margin: 10px 0 !important;
	width: 300px !important;
	text-align: left !important;
	text-decoration: underline !important;
	padding: 0 !important;
	color: var(--linkcolor);
}


ul.category-module-flexitems li h3, .category-module-downloads li.shadowbox h3 {
	font-size: 16pt
}


.flex {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0;
	gap: 30px;
padding:0;
}

.flexlist {
	display: flex;
	list-style-type: none;
	font-size: 0.8em;
	margin: 30px 0;
	flex-wrap: wrap
}

.flexlist li {
	max-width: 300px;
	margin: 20px auto


}

details::details-content { display: contents; }


.mod_articles_category__gallery ul,
.mod_articles_category__gallery ul li,
.category-module-flexitems  li

{margin:0;
	padding:0}


.mod_articles_category__gallery h3, .category-module-flexitems h3

 {
	 font-size: 12pt
 }


address {  font-style: normal;}
.caption.unsichtbar {display:block; font-size: 11px; }
ul.mod-menugrid{

gap:48px;
padding:0;
  margin: 48px auto;
  display: inline-flex;
  flex-wrap: wrap;

  li {
    border: 0;
    text-align: center;
    background:var(--lightcolor);
    min-width:9rem;
    min-height: 12rem;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    list-style-type: '';
    flex-direction: column;
    font-size: 1.1rem;
    line-height: 1.0rem;
    padding:10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
    position: relative;
    font-weight:bold;



    svg {
      width: 64px;
      height: 64px;
      flex: 0 0 64px;
      margin-bottom: 10px
    }


    svg path {
      fill: var(--maincolor)
    }
a {color: var(--linkcolor); position: absolute;
  inset: 0;
  align-content: center;
  padding: 24px 12px;

  .image-title {display:block; margin-top:10px;}
}
    &:hover
    {
      background:  var(--linkcolor);
      color: var(--lightcolor);

      svg path {
        fill: var(--lightcolor)
      }

      a  {      color: var(--lightcolor);}
    }
  }



}