body { font: 14px "OpenSans", Arial Helvetica, sans-serif; margin: 0; padding: 0; line-height:normal; color:#2c2c2c; }

h1, h2, h3, h4, h5 { font-family: "Share-Regular", Arial, Helvetica, sans-serif; color: #002d5b; margin: 0; font-weight: normal; }
h1, h2 { font-size: 22px; margin-bottom: 10px; }
h3, h2 { font-size: 15px; }
h5 { font-size: 16px; color: #5e6c72; font-weight: bold;}
h6 { font-size: 10px; }

/* Für´s Akkordion  */
h3 span { color: #c20069;}

a { color: #c20069; }
a:hover { color: #5e6c72; text-decoration: none; }

.clear { clear: both; margin: 0; padding: 0;}

/* Logo */
a.logo { float: left; margin-top: -28px; position: relative; }

/* BildIcons*/
ul.news-img li a:hover .media-icon:before, .ce-gallery figure:hover .media-icon:before{ color:#c20069; }
ul.news-img li a:hover .media-icon.video, .ce-gallery figure:hover .media-icon.video {border-color: #C20069;}
ul.news-img li a:hover .media-icon.video:before, .ce-gallery figure:hover .media-icon.video:before { border-color: transparent transparent transparent #c20069 ; }

/* Zwischentitel */
.zw-titel { font-size: 16px; color: #5e6c72; font-weight: bold; margin: 8px 0;}
.comment { font-size: 12px; }
.pdf-comment { font-size: 11px; clear: both; margin: 0 0 4px 0; }
.pdf-comment:before { font: 16px var(--fontAwesome); content: '\f1c1'; padding-right: 4px; color: #C00; }

/* sieben Gründe */
.membership ol:not(.breadcrumb) { }
.membership ol li { margin: 15px 0; }

/* FSC */
.ce-gallery figcaption { font-size:13px; color: #6f7577; padding: 3px 0 2px 0; }

/* Absatz bei Bildelementen */
.ce-textpic p:first-child { margin-top:0; }

/* Linkliste, auch wesentliche Bestandteile fuer Marginalboxen
.link-list-circle a, .link-list-arrow a { display: block; margin: 12px 5px 14px 12px; font-size: 15px; padding-left: 23px; text-indent: -23px; }
.link-list-arrow a { padding-left: 20px; text-indent: -20px;  }
.link-list-circle a:hover,  .link-list-arrow a:hover { text-decoration: none;  }
.link-list-circle a:before, .link-list-arrow a:before { font-family: 'Font Awesome 5 Pro', sans-serif; content: "\f138"; padding-right: 22px; font-size: 21px; display: block; float: left; }
.link-list-arrow a:before { font-family: 'Font Awesome 5 Pro', sans-serif; content: "\f061"; font-weight:900; font-size: 18px;  position: relative; top:  2px; padding-right: 20px;  }
.link-list-circle .text, .link-list-arrow .text { margin: 0 6px 12px 10px; color: #5a5c5d; }
.link-list-circle .text a, .link-list-arrow .text a { font-size: 13px; }
.link-list-circle .text a:before, .link-list-arrow .text a:before { display:none; position: relative; left: -20px; }

.link-list-arrow .text { font-size: 13px; margin-top: -10px; padding-left: 20px; }*/

/* Paginierung Archiv */
.page-navigation ul { margin: 0 0 20px 0; padding: 0; list-style: none; text-align: right; }
.page-navigation ul li { display: inline-block;  }
.page-navigation ul li a { display: inline-block; border: 1px solid; padding: 3px 7px; margin: 4px; border-radius: 3px; }
.page-navigation ul li a:hover { color: #5e6c72; }

/* Artikel versenden */
.container.overlay {background-color: #fff; padding: 20px;}
.container.overlay p strong { display: inline-block;  margin: 10px 0 6px 0;}

/* Laufschrift */
.marquee { max-width: 100vw; /* iOS braucht das */ white-space: nowrap; overflow: hidden; font: 15px OpenSans, Arial, Helvetica; color:#b50f36; padding: 0 0 20px 0; }
.marquee span { display: inline-block; padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */ animation: marquee 10s linear infinite; }
.marquee span:hover { animation-play-state: paused }
/* Make it move */
@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

@media (min-width: 768px) {

    /* Logo */
    a.logo {  margin-top: 0;  }

}

@media (min-width: 1200px) {

    /* Logo */
    a.logo {  margin-bottom: 12px;  }



}