/*
dc_artikel
 div.intro
 h3
 h1
 div.dc_artikel_autor
 div.dc_artikel_hinweis_la
 div.dc_artikel_sprung
 div.outro
 div.dc_artikel_sprung
 */

 /* === GRUNDGERÜST === */

article.dc_artikel { font-size:13px; }

/*
// GEGENTESTTEST.- sollte die angezeigt werden
.dc_artikel > * { background-color:red; border:1px solid red; margin:2px 0px; padding:10px 0px; }
*/

.dc_artikel > div,
.dc_artikel > p,
.dc_artikel > adress,
.dc_artikel > aside,

.dc_artikel ul,
.dc_artikel ol,

.dc_artikel > hr,

.dc_artikel > h1,
.dc_artikel > h2,
.dc_artikel > h3 { background-color:transparent; border:none; margin:0px; padding:0px; padding-top:6px; padding-bottom:6px;  }

/*.dc_artikel > hr { height:12px; background-color:#bbb; padding:0px; margin:12px 0px; }*/
.dc_artikel > hr { height: 18px; border: 1px solid #bbb; padding: 0; margin: 12px 0; background-image: repeating-linear-gradient(135deg, #fff 0%, #fff 2%, #bbb 2%, #bbb 4%, #fff 4%); }
	
.dc_artikel > hr[newBlock] { display:none; height:0px; margin:0px; border:none; }

textarea.dc_artikel_text { font-size:13px; line-height: 1.35; } /* für externe Einbindung */
.dc_artikel > adress,
.dc_artikel ul > li,
.dc_artikel ol > li,
.dc_artikel > p { line-height: 1.35;  }


.dc_artikel_quelle,
.dc_artikel_linktotest,
.dc_artikel_teaser { line-height: 1.5; font-weight:bold; font-size:15px; font-family:Arial; }
.dc_artikel > aside > p.dc_artikel_hinweis_la { line-height: 1.5; font-weight:bold; }

.dc_artikel_quelle,
.dc_artikel_linktotest { font-style: italic; }

/*8.5.2022*/
div.dc_artikel_linktotest { margin:6px 0; border-radius: 6px; background-color: #a2cbd3; padding: 6px 12px; display: block; }


.dc_artikel > aside > *:first-child { margin-top:0px; }
.dc_artikel > aside > *:last-child { margin-bottom:0px; }

.dc_artikel_h1_0,
.dc_artikel > h1 > span.dc_artikel_h1_0 { font-size:13px; font-weight:normal; color:#fff; padding:2px 6px; display:inline-block; margin-bottom:6px; font-family:Verdana; text-shadow:none; background-color:#F76503; }

.dc_artikel_h1_1,
.dc_artikel > h1 > span.dc_artikel_h1_1 { font-size:11px; font-weight:bold; color:#333; text-transform:uppercase; font-family:Verdana; text-shadow:none; }

.dc_artikel_h1_2,
.dc_artikel > h1 > span.dc_artikel_h1_2 {  color:#F76503;}



.dc_artikel > h1 > span.dc_artikel_h1_0:empty { display:none; }
.dc_artikel > h1 > span.dc_artikel_h1_1 { display:block; }
.dc_artikel > h1 > span.dc_artikel_h1_t { display:none; }
.dc_artikel > h1 > span.dc_artikel_h1_2 { margin-top:1px; display:block;  text-shadow:1px 1px 1px #DDD; }


.dc_artikel_h2,
.dc_artikel > h2 { font-size:15px; FONT-FAMILY: Arial; font-weight:bold;   }
.dc_artikel > h3 { font-size:13px; font-weight:bold; }

.dc_artikel > h2,
.dc_artikel > h3 { padding-bottom:0px;  }


.dc_artikel > hr,
.dc_artikel > div { clear:both;}

.dc_artikel > *[isEmpty],
.dc_artikel > p:empty { padding:0px; margin:0px; border:0px; height:0px; }

.dc_artikel > div { }

.dc_artikel > *[inlineEle] { float:right }
.dc_artikel > *[inlineEle] + * {  }

/* Bei kleinem Bildschirm  250er Breite*/
@media only screen and (max-width:500px){
         body[data-mobil='1'] *[inlineEle] { float:none; text-align: center; }
         /* Bild wird aufgezogen und ist demnach etwas unscharf. jedoch würde es komisch aussehen, wenn man es bei 250px lassen würde */
         body[data-mobil='1'] *[inlineEle] > div.dc_artikel_galerie > div { max-width:500px !important; }
}

.dc_artikel A.button {  margin:6px 0px; text-decoration:none; font-weight:bold; color:#FFF; background-color:#F76503; border:#F76503 1px solid; background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center; padding:2px 4px; border-radius:2px; text-shadow: 0.1em 0.1em #F76503 !important; }
.dc_artikel A.button:link,
.dc_artikel A.button:visited {  }
.dc_artikel A.button:hover   { background-image:none; }

/* IC - Inline (Groß) */
.dc_artikel A.buttonI {  line-height:195%;/*ab 195 korrekt bei 2-zeilig*/ text-decoration:none; color:#fff; background-color:#F76503; border:1px solid #F76503; padding:4px 7px; border-radius:1px; font-family: Arial; font-weight: bold; font-size: 14px; /*white-space:nowrap*/ }
.dc_artikel A.buttonI::after { content:" \27A4"; }
.dc_artikel A.buttonI:visited {  }
.dc_artikel A.buttonI:hover   { background-color:#F98C42; color:#555; text-shadow: 2px 2px 2px rgba(0,0,0,0.07); box-shadow:1px 1px 1px rgba(0,0,0,0.07); }

/* IC - Inline Compact */
.dc_artikel A.buttonIC {  line-height:200%; text-decoration:none; color:#fff; background-color:#F76503; border:1px solid #F76503; padding:2px 5px; border-radius:1px; font-family: Arial; font-weight: bold; font-size: 13px; white-space:nowrap }
/*.dc_artikel A.buttonIC::after { content:" \27A4"; }*/
.dc_artikel A.buttonIC:visited {  }
.dc_artikel A.buttonIC:hover   { background-color:#F98C42; color:#555; text-shadow: 2px 2px 2px rgba(0,0,0,0.07); box-shadow:1px 1px 1px rgba(0,0,0,0.07); }







.dc_artikel ol { list-style-type:decimal; margin-left:22px; }
.dc_artikel ul { list-style-type:square; margin-left:22px; }

.dc_artikel ol > li, 
.dc_artikel ul > li  { padding-top:6px; }

.dc_artikel ol > li:first-child,
.dc_artikel ul > li:first-child { padding-top:0px }

/* ZITAT */


.dc_artikel_zitat > span { font-weight:bold; }
.dc_artikel_zitat > span::after { content: ': '; }
.dc_artikel_zitat:not([dataContent=frage]) > cite::before { content: '„'; }
.dc_artikel_zitat:not([dataContent=frage]) > cite::after { content: '“'; }
.dc_artikel_zitat[dataContent=frage] > cite { font-weight:bold; font-style: normal; }
.dc_artikel_zitat[dataContent=frage] { margin-bottom:-12px !important; }

/*
.dc_artikel blockquote { margin-top:6px; margin-bottom:6px; font-family:Helvetica; font-size:18px; font-weight:bold; line-height: 1.50; position:relative; }
.dc_artikel blockquote > span { display:block; margin-top:3px;  font-size:13px; font-weight:normal; color:#000; }
.dc_artikel blockquote::before { content: '„'; position:absolute; left:-38px; top:-63px; font-size:70px; color:#666;  }
*/

.dc_artikel blockquote { margin-top:6px; margin-bottom:6px; font-family:Georgia; /*font-style:italic;*/ font-size:22px; font-weight:bold; line-height: 1.50; position:relative; }
.dc_artikel blockquote > span { display:block; margin-top:5px; font-family:Arial;   font-weight:normal; font-size:13px; color:#888; }

.dc_artikel blockquote > span > span {  font-weight:900; text-transform:uppercase; letter-spacing:1px; }
 
.dc_artikel blockquote::before { content: '„'; position:absolute; left:-40px; top:-60px; font-size:70px; color:#F76503;  }


.dc_artikel blockquote[dataContent=promo2] { font-size:18px; font-weight:normal; }
.dc_artikel blockquote[dataContent=promo2] > span > span {  font-weight:bold; font-size: 13px; font-family:Verdana; color:#000; letter-spacing:normal; text-transform:normal !important; }

/* DETAIL NEU */

.dc_artikel > div.intro { display:flex; /*margin-bottom:8px; */ padding:5px 0; font-size:11px; /*border-top:1px solid #EEE; border-bottom:1px solid #EEE; */}
.dc_artikel > div.intro > span:nth-child(2) { margin-left:5px; flex:1; text-align:right; }
.dc_artikel > div.outro { margin-top:8px;  font-size:10px;  }

.dc_artikel > div.intro > span > a:link,
.dc_artikel > div.intro > span > a:visited { text-decoration:underline; color:#F76503 !important}
.dc_artikel > div.intro > span > a:hover    { color:#000 !important }


 /* === GRUNDGERÜST === */

div.selectLang { font-size:12px; float:right;  }
div.selectLang * { margin-left:3px; padding:3px; font-weight:bold;  text-transform:uppercase; }
div.selectLang > a:link,
div.selectLang > a:visited,
div.selectLang > a:hover { color:#FFF; background-color:#555; }
div.selectLang > span    { color:#555; border:#555 2px solid; }

.dc_artikel_autor { font-style: italic }
input.dc_artikel_autor {  color:#F76503 !important;}
.dc_artikel_autor A:link,
.dc_artikel_autor A:visited { color:#F76503; text-decoration:underline; font-weight:normal; }
.dc_artikel_autor A:hover   { color:#000; text-decoration:underline; font-weight:normal; }

adress.dc_artikel_autor { padding-top:0px; }

div.dc_artikel_galerie  { margin-bottom:-6px; } /* Korrektur für BU */
div.dc_artikel_galerie > div { left:0px; right:0px; display:inline-block; font-size:11px; vertical-align:top; padding:0px; margin:2px; }

/* Hauptbild*/
div.dc_artikel_galerie > div > a > img:first-child  { width:100%; border:none; display:block; margin-left:auto; margin-right:auto; }

/* BU */
div.dc_artikel_galerie > div > div  { padding-top:2px; padding-bottom:6px; vertical-align:top; text-align:left; font-size:11px; color:#555; white-space: normal; }
div.dc_artikel_galerie > div > div  img { border:none; margin-right:4px; } /* Symbol, Lupe */

div.dc_artikel_galerie > div > div A:link,
div.dc_artikel_galerie > div > div A:visited { color:inherit; text-decoration:none; font-weight:normal ! important }
div.dc_artikel_galerie > div > div A:hover   { text-decoration:underline; font-weight:normal ! important }

div.dc_artikel_galerie > div > div:empty { display:none;}


img.dc_artikel_galerie_abstand { display:block; width:100%; height:1px; margin:0px; margin-top:-1px; }

div.scrollArea { margin:2px; }
div.scrollArea > div.dc_artikel_galerie { white-space: nowrap; }
div.scrollArea > div.dc_artikel_galerie > div { padding:0px; margin:0px;  vertical-align:middle; }

.dc_artikel > *:first-child { padding-top:0px; margin-top:0px;}



/*div.scrollArea > */


#dc_artikel_fussnote > div { margin-top:8px; font-size:11px; color:#555; clear:both; display:flex; }
#dc_artikel_fussnote > div:first-child { margin-top:6px;  }

#dc_artikel_fussnote > div > div { display:inline-block; vertical-align:top; padding:2px 3px; }
#dc_artikel_fussnote > div > div:first-child { width:35px; border:1px solid #888; font-weight:bold; text-align:right; padding:1px 2px;}
#dc_artikel_fussnote > div > div:last-child { flex:1; }
/*  === ARTIKEL : LINKLISTE  === */
/* sollte in DIV umgewandelt werden */
table.artikel_index { border-spacing:1px; max-width:450px; width:90%; }

table.artikel_index > tbody > tr > td { background-image:url(/bilder/verlauf/h300_FF_EE.jpg); background-repeat:repeat-y; background-position: center right; background-color:#FFF; BORDER:#DDDDDD 1px solid; padding:2px;}
table.artikel_index > tbody > tr.isHover > td { background-image:url(/bilder/verlauf/h300_FF_OR25.jpg); BORDER:#F76503 1px solid;  }

table.artikel_index A:link,
table.artikel_index A:visited,
table.artikel_index A:hover { font-weight:bold; font-size:13px !important; color:#333 !important; FONT-FAMILY: Verdana !important; font-weight:normal !important; text-decoration:none !important; }

table.artikel_index > tbody > tr.isHover A:link,
table.artikel_index > tbody > tr.isHover A:visited,
table.artikel_index > tbody > tr.isHover A:hover { font-weight:bold; font-size:13px !important; color:#F76503 !important; font-weight:normal !important; text-decoration:none !important; }

/* Alter Sprung ... bis 07/2023 */

.dc_artikel_sprung { padding-top:4px; padding-bottom:8px; font-size:11px;  }

.dc_artikel_sprung > * { margin-right:2px; padding:1px 4px 2px 4px; background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;  border:#DDD 1px solid; }
.dc_artikel_sprung > *:first-child { border-bottom-left-radius:2px; border-top-left-radius:2px; }
.dc_artikel_sprung > *:last-child { border-bottom-right-radius:2px; border-top-right-radius:2px; }

.dc_artikel_sprung > a { border:#F76503 1px solid; background-color:#F76503; color:#FFF !important; text-shadow: -1px 0 #F76503, 0 1px #F76503, 1px 0 #F76503, 0 -1px #F76503  }
.dc_artikel_sprung > a:hover {  background-image:none; text-decoration:none !important; color:#555 }
.dc_artikel_sprung > span { background-color:#EEE; border:#DDD 1px solid;  color:#555; }

/* Neuer Sprung ... ab 07/2023 */

.sprungIndexE { font-size:14px; font-family:Arial; margin:12px 0 8px  }

.sprungIndexE > div { line-height:24px; display:inline-block; margin:auto 0; white-space: nowrap; border:rgba(0,0,0,0.25) 1px solid; border-radius:4px;  box-shadow:0 0 2px 0 #ccc; }
.sprungIndexE > div > * { display:inline-block; }
.sprungIndexE > div > div > * { display:inline-block; text-align:center; min-width:30px; padding:0 4px; box-sizing:border-box; color:rgba(0,0,0,0.9); margin:2px; }

.sprungIndexE > div > div[data-info] { border-right:rgba(0,0,0,0.33) 1px solid; }


.sprungIndexE > div > * { border-radius:2px; }
.sprungIndexE > div > div > * { margin:4px; border-radius:2px; }
.sprungIndexE > div > div > *:not(:first-child) { margin-left:0; }

.sprungIndexE > div > div[data-buttons] > * { background-color:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.1); }

.sprungIndexE > div > div[data-buttons] > span {  color:#555; background-color:#fff;  border:1px solid rgba(0,0,0,0.33); }

.sprungIndexE > div > div[data-buttons] > a { background-color:#fff; color:rgba(247,101,3,1.0); border:1px solid rgba(247,101,3,1.0); font-weight:bold; }

.sprungIndexE > div > div[data-buttons] > a:hover,
.sprungIndexE > div > div[data-buttons] > a:last-of-type { color:#fff; background-color:rgba(247,101,3,1.0);}

.sprungIndexE > div > div[data-buttons] > a:link { /*text-decoration:none !important;*/ }
.sprungIndexE > div > div[data-buttons] > a:hover { /*color:#fff; background-color:rgba(247,101,3,1.0);*/ /*outline: 1px solid rgba(247,101,3,1.0);*/ }



/* === AUSSERHALB VOM GRUNDGERÜST === */

/*  === ARTIKEL : SEITENINDEX / ANHANG  === */

#artikelIndex { table-layout:fixed; width:100%; border-spacing:0px; margin:0px; margin-bottom:5px; border:#BBB 1px solid;  }
#artikelIndex > tbody > tr > td { vertical-align:top; padding:5px; border-top:#DDD 1px solid; }
#artikelIndex > tbody > tr:first-child > td { border-top:none; }

/*  === ARTIKEL : SEITENINDEX KURZ === */

a.pagelink,
span.pagelink { margin-top:4px; display:block; text-decoration:none; color:#000; }
.pagelink:first-child { margin-top:0px; }

.pagelink table { border-spacing:0px; width:100%; }
.pagelink table td { padding:2px;  }

.pagelink table td:first-child { padding:0px; width:19px; min-height:15px; background-color:#DDD;  font-size:10px; font-weight:bold;  text-align:center; border-radius:2px; color:#555; }
.pagelink table td:last-child  { padding-left:5px; font-size:12px;   border-top-right-radius:1px; border-bottom-right-radius:1px;  border:transparent 1px solid; border-left:none; }

span.pagelink table td:first-child { background-color:#F76503; color:#FFF; border-top-right-radius:0px; border-bottom-right-radius:0px;  }
a.pagelink:hover table td:first-child { background-color:#555; color:#FFF;  }

span.pagelink table td:last-child { background-color:#EEE; background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;  border:#DDD 1px solid; border-left:none; }
a.pagelink:hover table td:last-child  { color:#555; font-weight:bold  }


a.pagelink td.plSymbol { background-image:url(/bilder/symbol/artikel/pagelink_link.png); background-repeat:no-repeat; background-position: center center; }
a.pagelink:hover td.plSymbol { background-image:url(/bilder/symbol/artikel/pagelink_hover.png); }

#voteArea img { border:none; margin-left:3px; }
#voteArea img:first-child { margin-left:0px; }
#voteArea[isFixed="0"] { cursor:pointer }
#voteArea[isFixed="1"] img { opacity:0.5; }
#voteArea p { font-size:9px; margin: 2px 0 0 0 }


/*  === ARTIKEL : SOCIALBOX  === */
#socialBox { table-layout:fixed; font-size:11px; width:100%; border-spacing:0px; margin:0px; margin-bottom:5px; border:#BBB 1px solid; min-height:42px; background-color:#F5F5F5; }
#socialBox > tbody > tr > td { vertical-align:middle; padding:5px; }
#socialBox > tbody > tr > td:first-child  { vertical-align:middle; text-align:center; border-right:#DDD 1px solid; }

/*  === KOMMENTAR IM FORUM === */
#artikelKommentare + DIV { text-align:center; font-size:9px; }
#artikelKommentare + DIV > button { margin:0px; border-top-right-radius:0px; border-top-left-radius:0px; margin-top:-1px; padding-left:15px; padding-right:15px; text-transform:uppercase; }
#artikelKommentare + DIV > button:first-child { border-bottom-right-radius:0px; margin-right:-1px; }
#artikelKommentare + DIV > button:last-child { border-bottom-left-radius:0px; }



/* === WEITERE ARTIKEL  === */
p.more_link { font-size:13px; margin-top:10px;  font-weight:bold;  }

ul.more_list { margin:0px; margin-left: 17px; padding: 0; font-size:13px; }
ul.more_list  li { list-style-image: url(/bilder/symbol/stichpunkt_q7.png); margin: 0; margin-top:1px; padding: 0; color:#555; }



/*  === ADMIN  === */
#adminBox { font-size:11px; table-layout:fixed; width:100%; border-spacing:0px; margin:0px; margin-top:40px; border:#BBB 1px solid; background-color:#F5F5F5; opacity:0.3 }
#adminBox:hover { opacity:1 }
#adminBox > tbody > tr > td { vertical-align:middle; text-align:center; padding:5px; }
#adminBox > tbody > tr > td:first-child  { border-right:#DDD 1px solid; }