/* Copyright 2024 by Kölledesign */ 
/* Martin Niemöller Stiftung 2024 */

 
  
/* dunkelblau:      rgb 0,38,77   	 #00264d  heller #426581 */
  
/* hellblau:  	  rgb 230,233,238      #e6e9ee  blauer #F1F5F8 */

/* hellgrau:  	  rgb 200,201,203      #c8c9cb */

/* orange:      rgb 241,125,76      #f17d4c  ALT:#ff5e35 */

/* rgba(0,38,77,0.5) */
  

/* BASICS ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* alegreya-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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alegreya-sans-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-italic - 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: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/alegreya-sans-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-500 - 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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/alegreya-sans-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/alegreya-sans-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-700italic - 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: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/alegreya-sans-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* KONTAKT ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
  border-radius: 0.0rem;
}
.sppb-form-control, .sppb-form-group .sppb-form-control {
  border-radius: 0px;
}
#sppb-addon-6e8ba050-068c-48d9-9675-6c62c38a7daa .sppb-form-check, #sppb-addon-6e8ba050-068c-48d9-9675-6c62c38a7daa .sppb-form-builder-btn {
  margin-top: 5px;
}
.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
  border: 2px solid #00264d !important;
}
.form-builder-checkbox-item input:checked + label::before, .form-builder-radio-item input:checked + label::before, .sppb-addon-form-builder .sppb-form-check-input:checked + label::before {
  border: 2px solid #f17d4c !important;
}
.form-builder-checkbox-item input:checked + label::before, .form-builder-radio-item input:checked + label::before, .sppb-addon-form-builder .sppb-form-check-input:checked + label::before {
  background: #f17d4c !important;
}

/* INDEX ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#sp-header {
	background: rgba(0,38,77,0.9);
}
#sp-logo {
	margin-top: 0px;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: #fff;
}
.sp-scroll-up:hover, .sp-scroll-up:active {
  color: #fff;
  background: #00264d;
}
.sp-scroll-up:focus {
    color: #fff;
    background: rgba(0,0,0,.4);
}

.sppb-carousel-arrow {
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0,0,0,.6);
}
.sp-scroll-up {
    bottom: 30px;
}
h3.modul {
	display:none;
}
#sp-main-body {
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
}
#sp-menu .social-wrap {
  padding-left: 10px;
}
/*.d-none {
  margin-left:20px !important;
}
.d-flex {
  padding-left: 10px !important;
}*/
/* SEARCH ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-control {
  display: block;
  width: 60%;
}
/* FOOTER ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

#sp-footer {
  background: #e6e9ee;
  color:#00264d;
  text-align: center;
  font-size: 16px;
}
#sp-footer a {
  color: #ffffff;
}
#sp-footer a:hover {
  color: #f17d4c;
}

/* TYPO ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
	font-family: 'Alegreya Sans', sans-serif !important;
    font-size: 17px;
    color: #00264d;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: none
}

h1 {
	font-family: 'Alegreya Sans', sans-serif !important;
	font-size: 26px;
	/*font-weight: 700;*/
	text-transform: uppercase;
	padding: 0px;
	margin-bottom:15px;
    line-height: 30px;
}
h2 {
	font-family: 'Alegreya Sans', sans-serif !important;
	font-size: 26px !important;
    line-height: 30px;
    text-transform: uppercase;
}
.article-list .article .article-header h2 a {
  color: #00264d;
}
.article-list .article .article-header h2 a:hover {
  color: #f17d4c;
}
h3 {
	font-family: 'Alegreya Sans', sans-serif !important;
	font-size: 22px;
    line-height: 30px;
    padding-left:15px;
    text-decoration: underline;
}
h4 {
	font-family: 'Alegreya Sans', sans-serif !important;
	font-size: 20px;
	text-decoration: underline;
    letter-spacing: 0.06em;
    padding: 8px 15px 11px 15px;
    font-weight: 700;
}
h5 {
	font-family: 'Alegreya Sans', sans-serif !important;
	font-size: 27px;
letter-spacing: 0.03em;
padding: 0px;
    line-height: 30px;
}
h6 {
	font-size: 17px;
    line-height: 1.5;
}
p {
  font-size: 16px;
  line-height: 1.3;
  padding-left:15px;
  /*margin-bottom:0px;*/
}
.p0 {
  font-size: 16px;
  line-height: 1.3;
  padding-left:0px;
}
/* a {
   font-weight: 400;
   color: #00264d;
}*/
a {
	color:#f17d4c;
    text-decoration: none;
}
 a:hover {
   color:#00264d;
}
.little {
  font-size: 20px;
  line-height: 1.2;
}

li {
	 font-size: 16px;
  line-height: 1.3;
}
ol, ul {
    padding-left: 1rem;
}
.download {
	color:#f17d4c;
    text-decoration: none;
    font-style: italic;	
}
.download::before {
  display: inline-flex;
  content: '\27A4';
  margin: 0px 7px 0px 0px;
}
.mitglied a {
	color:#f17d4c;
    text-decoration: none;
    font-style: italic;	
}
.mitglied a:hover {
	color:#00264d;
    text-decoration: none	
}
.kontakt a {
   font-weight: 400;
   color: #00264d;
   font-style: italic;
}
.kontakt a:hover {
   color:#f17d4c;
}
.article-list .article .featured-article-badge {
  display: none;
}
.article-details .article-header h1, .article-details .article-header h2 {
  font-size: 26px;
}
.article-list .article .readmore a {
  color: #f17d4c;
  font-style: italic;	
  font-size: 16px;
  padding-left:15px;
  content: 'mehr …';
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
  color: #00264d;
}
/*.article img {
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left:15px;
	margin-bottom: 10px;
	width: 450px;
	height: auto;
}*/
figure[data-wf-figure] img {
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left:15px;
	margin-bottom: 10px;
	width: 450px;
	height: auto;
}
figure[data-wf-figure] {
  float: right;
}
figure[data-wf-figure] figcaption {
margin-left: 15px;
font-size: 14px;
margin-bottom: 20px;
font-weight: 500;
line-height: 18px;
}

.article-list .article {
  border: 0px solid #f5f5f5;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px dashed #426581;
}
.related-article-list-container .related-article-title {
  font-size: 22px;
  padding: 15px 0px 15px 0px;
  border-bottom: 0px solid #f3f3f3;
  border-top: 1px dashed #426581;
}
.related-article-list .article  {
	  border-bottom: 0px dashed #426581 !important;
}
.badge {
  display: none;
}
/* Beitrag Über uns ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

.image-layout-preset-style-card .sppb-addon-image-layout-content {
  background: 0 0;
  padding: 0 0px 0 0px;
}
.sppb-image-layout-title {
  margin-top: 0px !important;
}
.image-layout-preset-style-card .sppb-img-responsive {
  height: auto;
}

/* ANKER VERSATZ ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

.versatz {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -110px;
}

/* Anker Scrolling Beginn */
html
{
  scroll-padding-top: 100px; /* height of sticky header */
  scroll-behavior: smooth;
}
:target::before {
    content: "";
    display: blog;
    height: 100px; /* Wert der Verschiebung */
}
/* Anker Scrolling Ende */


/* MENÜ ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  margin-left: 0px;
}
#sp-header.full-header {
  padding-right: 10px;
}
.awesomplete {   /* Suchfeld */
  width: 180px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	font-size: 15px;
	  font-weight: 700 !important;
	   text-transform: uppercase;
	  color: white;
}
span.menuelink.sp-menu-heading:hover {
	color:#f17d4c;
}
.burger-icon > span {
  background-color: white;
}


/* Submenü */
.sp-megamenu-parent .sp-mega-group > li > a {
  display: block;
  text-transform: none;
  font-size: 17px;
  margin-bottom: 10px;
  color: #00264d;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #00264d;
    font-size: 17px;
    font-weight: bold;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover {
  color: #f17d4c
}
.sp-megamenu-parent .sp-mega-group > li.active > a {
  color: #f17d4c;
  text-transform: none !important;
  font-size: 17px;
}
.sp-megamenu-parent .sp-mega-group > li > a[aria-current]{
  color: #f17d4c;
  font-size: 17px;
 }
/* Submenü Ende */






/*.p-3 {
    padding: 2rem !important;
}
.sp-dropdown sp-dropdown-main sp-menu-right {
	width: 400px !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, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 18px;
    line-height: 1;

}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #009846;
    text-decoration: underline;
}
*/

/* MENÜ OFFCANVAS ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/*.burger-icon > span {
  background-color: white;
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #426581;
}
.close-offcanvas {
  position: absolute;
  top: 10px;
  z-index: 1;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -400px;
}
.offcanvas-menu {
    width: 340px;
    padding-left: 5px;
    background-color: white;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #00264d;
  font-size: 18px;
  font-weight: 700;
}
.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: #f17d4c;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #f17d4c !important;
}
.offcanvas-menu .offcanvas-inner a {
  color: #00264d;
}
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
    color: #f17d4c;
}
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: #426581;
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {
    margin-left: 25px;
    line-height: 32px;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler {
    right: 73px;
    color: #426581;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {
    margin-left: 25px;
    line-height: 32px;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
    padding-bottom: 0px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    padding: 10px 0px;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 10px !important;
}
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
  color: #426581;
  margin-right: 10px;
}

.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons {
    font-size: 18px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    font-size: 18px;
    font-weight: 700;
}*

/*
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #999696;
}*/

/* MEDIA QUERIES ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  @media (max-width: 1330px) {
#sp-header.full-header {
  padding-left: 15px !important; 
  padding-right: 15px !important;
}
}
@media (max-width: 1330px) {
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 10px;
  font-size: 14px !important;
  text-transform: uppercase;
}
}
@media (max-width: 1248px) {
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 10px;
  font-size: 13px !important;
  text-transform: uppercase;
}
}
@media (min-width: 990px) and (max-width: 1090px){
	.awesomplete {
  display:none;
}
}
@media (max-width: 989px) {
	.awesomplete {
  display:block;
}

/*@media (min-width: 989px) {
	.awesomplete {
  display:block;
}
}*/
/*@media (max-width: 1119px) {
    .sp-megamenu-parent {
        display: none !important;
    }
    #offcanvas-toggler {
        display: block !important;
    }
}*/

/*@media (max-width: 1369px) {
#offcanvas-toggler {display: block !important;}
#sp-menu .sp-megamenu-parent {display: none !important;}
}



@media (max-width: 1399px) {
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 10px;
  font-size: 16px !important;
  text-transform: uppercase;
}
}
@media (max-width: 1299px) {
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 10px;
  font-size: 15px;
  text-transform: uppercase;
}
.logo-image {
  height: 90px;
}
}*/