@import "staatklar.css";
@import "../fonts/d-din.css";
@import "../fonts/montserrat-light.css";
@import "../fonts/font-awesome-7.css";

body { color: #000; margin: 0; padding: 0 15px; }

/* Links allgemein */
a { color: #c40075; outline: none; text-decoration: none; }
a:before { font-family: FontAwesome-7-Pro, FontAwesome-7-Brands, FontAwesome-7-Duo, FontAwesome-7-Sharp; font-weight: 300; padding-right: 10px;  }
a.no-icon:before {content: unset!important;}
a[class*=popup-pdf]:before { content: '\f1c1'; }
a.internal:before {content: '\f15b'; }
a.external:before {content: '\f08e'; }
a.arrow:before {content: '\f054'; }
a.popup-epaper:before {content: '\f5da'; }
a.word:before {content: '\f1c2'}
a.excel:before {content: '\f1c3'}
a span { color: #597480; }
.comment { font-size: .94em; color: #415a65; }


h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; }
h1 { font-size: 2.26em; color:#415a65; margin-bottom: 20px;}
h2 { font-size: 1.4em!important; color: #393a42; padding-bottom: 2px; }

img { border: none; }
figure.image .image-caption, figure.image img {max-width: 250px;}
.ce-textpic {overflow: hidden;}
.ce-textpic.ce-right figure.image {float:right; margin-right: 0;}
.ce-textpic.ce-left figure.image {float:left; margin-left: 0;}

ol { margin-top: 5px; }
li { margin-bottom: 3px; }

a.logo { display: block; margin: 30px 0;}
a.logo img {width: 200px;}

.news-single { display: flex; flex-direction: column; }
.news-single ul.news-img { margin-bottom: 4px; }
.news-single ul.news-img .caption {margin-top: -17px; background-color: #fff !important; color: #000 !important;}
.news-single p { margin: 10px 0;}
.art-head { order: -1; display: block; text-align: right; /* justify wird von Druckvorlage nicht interpretiert */ padding: 0; border-top: none;  }
.art-head time:after { content: '||'; margin: 0 4px;}

.teaser-news .caption{
    background-color: var(--cdPink);
    color: #fff;
    padding: .8em 1em;
    font-size: .95em;
    letter-spacing: .08em;
}

.vorspann { font-weight: bold; margin: 17px 0;}

/* ___ Zwischenueberschriften ___  */
.zw-titel, .news-single h3 { font-size: 1.25em!important; color: #415a65; margin-bottom: 5px; text-transform: none; }
.zw-titel p { margin: 0; }

/* Relationen "Mehr zum Thema, lexikon etc. */
[class^=them] { display: flex; flex-flow: wrap column; margin-bottom: 30px; font-size: 1.06em; color: #415a65; }
[class^=them] h5 { font-size: 1.25em; margin-bottom: 15px;  }
[class^=them] a { text-indent: -26px; margin:0 10px 0 26px; display: inline-block; }
[class^=them]>p+p a, [class^=them] a+a { margin-top: 8px;}
[class^=them] a.extern:before { padding-right: 10px;}
[class^=them] a.arrow:before { padding:0 17px 0 2px; }
[class^=them] p { margin: 0;}

/* ___ Infobox ___ */ 
.infobox-li, .infobox-re  { float: left; width: 280px; border: 1px solid #c5c6c8; padding: 6px; margin: 0 10px 8px 0; }
.infobox-li div, .infobox-re div { background-color: #f0f3f6; padding: 6px; font-size: 12px; color: #1b8603; margin-top: -5px; }
.infobox-li div h4, .infobox-re div h4 { font-size: 12px; padding-bottom: 2px; }
.infobox-re { float: right;  margin: 0 0 8px 10px; }

/* Akkordeon */
.ui-accordion .ui-accordion-content { display: block!important; }

/* display: none */
footer, a.backward, .art-head .meta, .dce-teaser.layout-1, .dce-teaser.layout-2 { display: none; }