/* 21.6.2017 (soll in article umgewandelt werden)
div.DC_FORUM --> article.DC_FORUM

*/

article.DC_FORUM { position:relative; border-top:1px #BBB solid; border-bottom:1px #BBB solid; padding-bottom:6px; font-size:13px; line-height:1.35 }

#artikelKommentare > article.DC_FORUM:first-child,
article.DC_FORUM + article.DC_FORUM  { border-top:none; }

article.DC_FORUM[data-isBeitrag] { background-color:#cddfee; box-shadow: -4px 0px 2px -2px #cddfee, 4px 0px 2px -2px #cddfee; } /* box-shadow:6px 0px 6px -6px #d9e1e8,-6px 0px 6px -6px #d9e1e8; */


article.DC_FORUM[data-isErsteller] { background-color:#EEE; box-shadow: -4px 0px 2px -2px #EEE, 4px 0px 2px -2px #EEE;  } /*  box-shadow:8px 0px 8px -8px #DDD,-8px 0px 8px -8px #DDD;*/
article.DC_FORUM[data-isShort] { text-align:justify; }
article.DC_FORUM[data-isEigene] { color:#555; background-color:#F5F5F5 }


#forum_bildarea legend span { font-weight:normal; margin:0; margin-left:3px; font-size:80%; background:rgba(0,0,0,0.05); color:#888; padding:3px 6px; border-radius:2px; }
/* Moderation */

article.DC_FORUM[data-status]::before {

  pointer-events: none; /*nicht klickbar*/

  position: absolute;
  top: 0; left: 0; height: 100%;  width: 100%;

  font-family:Arial; color:rgba(255,0,0,0.2);
  font-size:30px; font-weight:bold;

  content: attr(data-status_label) '\a' attr(data-status_label2);
  white-space: pre;

  text-align:center;

  background-image:url(/bilder/bg/delbg_rot.png); background-repeat:repeat; background-position: center center;

}

#DC_MOD_PANEL { position:fixed; z-index:111112; bottom:0px; right:0px; text-align:right; padding:10px; background-color:rgba(255,255,255,0.5); }
#DC_MOD_PANEL > p { margin:0; margin-bottom:3px; font-size:11px; }

#DC_MOD_PANEL > a { font-size:25px; font-family:Arial; margin-left:3px; margin-bottom:3px; padding:0 5px; background-color:#555; color:#FFF;  }
#DC_MOD_PANEL > a[data-status='mod_open'] { background-color:yellow; }
#DC_MOD_PANEL > a[data-status='mod_deny'] { background-color:red; }
#DC_MOD_PANEL > a[data-status='mod_accept'] { background-color:green; }

#DC_MOD_PANEL > a[data-status='mod_accept']:hover::before {
    background-color:rgba(0,0,0,0.6); color:#EEE; padding:3px 5px;
    position:absolute;
    font-size:11px;
    margin-left:-35px; margin-top:-50px;
    content: 'Akzeptiert ' attr(data-statusinfo);
}

#DC_MOD_PANEL > a[data-status='mod_deny']:hover::before {
    background-color:rgba(0,0,0,0.6); color:#EEE; padding:3px 5px;
    position:absolute;
    font-size:11px;
    margin-left:-35px; margin-top:-50px;
    content: 'Abgelehnt ' attr(data-statusinfo);
}


/* == Block intro == */

/* header[data-btyp='intro'] > header */

article.DC_FORUM > header { margin:0px; margin-bottom:8px; padding-top:6px; vertical-align:middle;  }

article.DC_FORUM > header > * { vertical-align:middle; display:inline-block; box-sizing: border-box; overflow:hidden;   }

article.DC_FORUM > header > aside[data-ityp='nr'] { margin-right:6px; font-size:75%; padding:1px 4px; border-radius:2px; background-color:#FFF; border:#F76503 1px solid; color:#F76503; text-transform:uppercase;  font-weight:bold; }
/*article.DC_FORUM > header[data-btyp='intro'] > span[data-ityp='nr']:not([data-nr="0"])::before { content:'Antwort '; }*/

article.DC_FORUM > header > adress[data-ityp='user'] > a { font-weight:bold;  }

article.DC_FORUM > header > aside[data-ityp='info'] { margin-left:5px; font-size:75%;  display:inline; }
article.DC_FORUM > header > aside[data-ityp='info'] > * { margin-left:0px; padding:1px 4px; color:#FFF; border:1px solid #555; border-left:none;  color:#555; background-color:#FFF; }
article.DC_FORUM > header > aside[data-ityp='info'] > *:first-child { border-left:1px solid #555; }
article.DC_FORUM > header > aside[data-ityp='info'] > *:first-child { border-top-left-radius:2px; border-bottom-left-radius:2px; }
article.DC_FORUM > header > aside[data-ityp='info'] > *:last-child { border-top-right-radius:2px; border-bottom-right-radius:2px; }

article.DC_FORUM > header > aside[data-ityp='info'] > span[data-iityp='trust'] { font-weight:bold;  }
article.DC_FORUM > header > aside[data-ityp='info'] > a[data-iityp='alert']   { background-color:yellow; }
article.DC_FORUM > header > aside[data-ityp='info'] > span[data-iityp='banned']   { color:red; font-weight:bold; text-transform:uppercase; }

/*kommNr, kommUserInfo KommZeit*/

article.DC_FORUM > header > time[data-ityp='zeit']  { font-size:85%; float:right; text-align:right; color:#555;  }

/* MOBILE */

article.DC_FORUM > header > aside[data-ityp='nr'] { max-width:18%; overflow:hidden; white-space: nowrap;  text-overflow: ellipsis; }
article.DC_FORUM > header > adress[data-ityp='user'] { max-width:37%; }
article.DC_FORUM > header > aside[data-ityp='info'] { max-width:20%; }
article.DC_FORUM > header > time[data-ityp='zeit'] { max-width:25%;  }


/* == Block outro == */

/* footer[data-btyp='outro'] > footer */

article.DC_FORUM > footer { margin:0px; padding:8px 0px 0px 0px; background-color:transparent; clear: both;  }
article.DC_FORUM > footer > span[data-ityp='editinfo'] { display:block; font-size:85%; color:#555; margin:0px 0px 5px 0px}
article.DC_FORUM > footer > span[data-ityp='actions'] { float:right; clear: both;   }

article.DC_FORUM > footer button { padding:1px 3px 2px 3px; font-size:11px !important; border-radius:2px; font-size:11px; border-radius:2px;
                                               box-shadow:1px 1px 1px rgba(0,0,0,0.07); background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;  }
article.DC_FORUM > footer button:not(:first-child) { margin-left:2px; }

article.DC_FORUM > footer button[data-color='green'] {  background-color:green; color:#FFF; border:green 1px solid; font-weight:bold; }
article.DC_FORUM > footer button[data-color='red'] {  background-color:red; color:#FFF; border:red 1px solid; font-weight:bold; }



article.DC_FORUM > footer button:not([disabled]):hover { background-image:none;  }

article.DC_FORUM > footer button:not([disabled]):hover { box-shadow:1px 1px 1px #555; }
article.DC_FORUM > footer button:not([disabled])[data-color='green']:hover + span,
article.DC_FORUM > footer button:not([disabled])[data-color='green']:hover { box-shadow:1px 1px 1px #80c080; }
article.DC_FORUM > footer button:not([disabled])[data-color='red']:hover { box-shadow:1px 1px 1px #c08080; }


article.DC_FORUM > footer button[disabled] { opacity:0.3; }

/* HILFREICH ANZAHL - SCHLECHTES CSS !! */
article.DC_FORUM > footer button + span { margin-left:-2px; height:13px; border:1px solid green; border-top-right-radius:2px; border-bottom-right-radius:2px; color:green; background-color:#FFF; box-shadow:1px 1px 1px rgba(0,0,0,0.1); font-weight:bold; padding: 1px 4px 2px 4px; font-size:11px; }


/* == Forum-Inhalt == */

article.DC_FORUM > section > NOBR > A:link,
article.DC_FORUM > section > NOBR > A:visited,
article.DC_FORUM > section > A:link,
article.DC_FORUM > section > A:visited { color:#F76503; text-decoration:underline; font-weight:bold }
article.DC_FORUM > section > NOBR > A:hover,
article.DC_FORUM > section > A:hover   { color:#000000; text-decoration:underline; font-weight:bold }



/* == Spezialblöcke == */

article.DC_FORUM > aside[data-btyp='quote'],
article.DC_FORUM > aside[data-btyp='modell_usr_vote'],
article.DC_FORUM > aside[data-btyp='image'],
article.DC_FORUM > aside[data-btyp='poll'] { margin:15px 10px; padding:10px 20px; color:#555; font-size:90%;  background-color:rgba(0,0,0,0.1); border-radius:1px; line-height: 1.5; clear:both; }

article.DC_FORUM > aside[data-btyp='teaser_link'] { margin:0 10px 10px; display:flex; }
article.DC_FORUM > aside[data-btyp='teaser_link'] > a { padding:5px 20px; background-color:rgba(0,0,0,0.05);  }
article.DC_FORUM > aside[data-btyp='teaser_link'] > a:hover { background-color:rgba(0,0,0,0.1); color:#000; text-decoration:none; }

article.DC_FORUM > aside[data-btyp='teaser_link'] > a:not(:first-child) { margin-left:5px; }

article.DC_FORUM > * > h4 { margin:0px; margin-bottom:5px; font-weight:bold; font-style:italic; text-transform:uppercase; }
article.DC_FORUM > * > h4 > a { text-transform:none; }

article.DC_FORUM > section > h4 { font-style:normal; }
/*article.DC_FORUM > * > h4 > a { margin-left:10px; font-style:normal; font-weight:normal; font-size:10px; text-transform:none; }*/



/* == Block image / Bilder == */

article.DC_FORUM > aside[data-btyp='image'] { counter-reset: BBC 0; }
article.DC_FORUM > aside[data-btyp='image']  > a { display:inline-block; background-repeat:no-repeat; background-position: center center;
                         width:95px; height:95px;
                         margin-right:5px; margin-top:5px;  background-color:rgba(255,255,255,0.4); cursor:pointer; padding:5px;
                         font-family:Arial; font-size:20px; font-weight:bold; color:#555; text-decoration:none;
                         text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
                         }
article.DC_FORUM > aside[data-btyp='image']  > a:hover { color:#F76503; background-color:transparent; }
article.DC_FORUM > aside[data-btyp='image']  > a::before { counter-increment:BBC; content:counter(BBC); }


/* == Block quote / ZITAT == */

article.DC_FORUM > aside[data-btyp='quote'] { font-style:italic; }

/* == Block Poll / UMFRAGE == */

article.DC_FORUM > aside[data-btyp='poll'] > table { border-spacing:0px; padding:0px; width:100%;}
article.DC_FORUM > aside[data-btyp='poll'] > table > tbody > tr > th { font-size:110%; }
article.DC_FORUM > aside[data-btyp='poll'] > table > tbody > tr > td { padding:3px 0px; vertical-align:middle; border-top:solid 1px rgba(0,0,0,0.1);  }
article.DC_FORUM > aside[data-btyp='poll'] > table > tbody > tr:last-child > td { border-bottom:solid 1px rgba(0,0,0,0.1); }

article.DC_FORUM > aside[data-btyp='poll'] > table > tbody > tr > *:nth-child(2) { text-align:right; padding-right:5px; }
article.DC_FORUM > aside[data-btyp='poll'] > table > tbody > tr:hover > td { background-color:rgba(0,0,0,0.1);  }

article.DC_FORUM > aside[data-btyp='poll'] > table > tbody > tr > td > button { padding:0px 5px; font-size:11px; }



/* ==========================================
   BEITRAGSEDITOR
========================================== */


#comment_feld { margin-top:10px; padding:0px; /*border:#ddd 1px solid;*/ box-shadow:1px 1px 1px rgba(0,0,0,0.07); }

#comment_feld > div { border:rgba(0,0,0,0.20) 1px solid; }
#comment_feld > div[data-abschnitt='input'] + div[data-abschnitt='options']{ border-top:none; }

#comment_feld > div[data-abschnitt='input'] { font-size:13px; box-sizing:border-box; padding:0px;  }

#comment_feld > div[data-abschnitt='input'] > * { padding:4px 8px; } /*4px 8px*/

/*#comment_feld > div[data-abschnitt='input'] > *:last-child { margin-bottom:4px; }*/

#comment_feld > div[data-abschnitt='input'] > *[data-msg] { display:block; background-color:red; color:#fff; margin:2px; font-size:11px; }

#comment_feld > div[data-abschnitt='input'] > div > textarea,
#comment_feld > div[data-abschnitt='input'] > div > select,
#comment_feld > div[data-abschnitt='input'] > div > input { margin:4px 0; width:100%; min-width:200px; max-width:100%; box-sizing:border-box; }


#comment_feld > div[data-abschnitt='input'] > p.hinweis { background-color:red; padding:4px 8px; color:#FFF; font-weight:bold; font-size:11px; }

#comment_feld  div[data-frameless] { box-shadow: inset 0px 0px 6px #DDD; }
#comment_feld  div[data-frameless] textarea,
#comment_feld  div[data-frameless] input { box-shadow:none; border:transparent 1px solid; }



#comment_feld *[name='caption'] { font-weight:bold; font-size:16px; font-family:Arial; }
#comment_feld textarea[name='inhalt'] { font-size:13px; line-height:1.35; height:300px; }

#comment_feld input[name='caption']::placeholder,
#comment_feld textarea[name='inhalt']::placeholder { font-size:16px; font-family:Arial; font-style:italic; font-weight:bold; }


#comment_feld > div[data-abschnitt='input'] > div[data-typ='select'] { font-size:11px; padding-bottom:0; }
#comment_feld > div[data-abschnitt='input'] > div[data-typ='select'] + div[data-typ='select'] { margin-top:0; }

#comment_feld #sel_modell_owned { margin-top:1px; }
#comment_feld #sel_modell_owned > span { display:block; margin-top:2px; font-weight:normal; }


#comment_feld > div[data-abschnitt='options'] { font-size:11px; padding:8px; background-color:rgba(0,0,0,0.02); background:url(/bilder/bg/olbg_h.png) repeat 0 0;}
#comment_feld > div[data-abschnitt='options'] > fieldset { margin-top:8px; border-radius:1px; background-color:rgba(255,255,255,0.7); }

#comment_feld > div[data-abschnitt='options'] > div > p,
#comment_feld > div[data-abschnitt='options'] > p { color:#555; }

#comment_feld > button { /*margin-top:6px !important;*/ border-top:none; display:block; width:100%; font-size:16px; font-weight:bold; font-family:Arial; }

#comment_feld > * { }




/* ==========================================
   Zusätze zum Beitragseditor
========================================== */


/* == Legende == */
div#beitrag_legende { display:flex; font-size:11px; margin:1px 0; }

div#beitrag_legende > div { white-space: nowrap; padding:7px 0;}
div#beitrag_legende > div > a { background-color:#F76503; color:#fff; padding:4px 7px 5px 7px; margin:0 1px; border-radius:1px; }


div#beitrag_legende > div:nth-child(1) { flex:1; overflow:hidden; }
div#beitrag_legende > div:nth-child(1) > a { background-color:rgba(247,101,3,0.5);  }

div#beitrag_legende > div:first-child > *:first-child { margin-left:0; }
div#beitrag_legende > div:last-child > *:first-child { margin-left:4px; }
div#beitrag_legende > div:last-child > *:last-child { margin-right:0; }



/*
div#beitrag_legende > div:nth-child(1) { flex:1; overflow:hidden; white-space: nowrap; padding:6px 0; }
div#beitrag_legende > div:nth-child(1) > a { border:#FBB281 1px solid; background-color:#FBB281; color:#fff; padding:3px 6px; margin: }
div#beitrag_legende > div:nth-child(1) > a:hover { }
div#beitrag_legende > div:nth-child(1) > a:not(:first-child) { margin-left:2px; }


div#beitrag_legende > div:nth-child(2) { white-space: nowrap; padding:6px; padding-right:0; }
div#beitrag_legende > div:nth-child(2) > a { border:#F76503 1px solid; background-color:#F76503; color:#fff; padding:3px 6px; }
div#beitrag_legende > div:nth-child(2) > a:hover { }
div#beitrag_legende > div:nth-child(2) > a:not(:first-child) { margin-left:2px; }
*/
/*div#beitrag_legende > div:nth-child(2) > a > img { position:relative; top:1px; height:11px; margin-left:4px; }*/


div#beitrag_legende_user { padding:3px 6px; margin-top:4px; margin-bottom:1px; }
div#beitrag_legende_user > a { border:#F76503 1px solid; background-color:#F76503; color:#fff; padding:3px 6px; }


/* == Umfrage == */

#forum_pollarea  { box-sizing:border-box; }
#forum_pollarea  > input { display:block; margin-bottom:5px;  width:100%; }
#forum_pollarea  p { margin:0; margin-bottom:3px; }
#forum_pollarea #poll_antworten { display:flex; flex-wrap: wrap; margin-right:-3px; margin-bottom:-3px; }
#forum_pollarea #poll_antworten > input { flex:1; min-width:150px; margin-right:3px; margin-bottom:3px; }

/* == aus forum.php hier am 15.3.2022 eingefügt == */

div.forum_bezug_add + div.forum_bezug_add,
p.forum_bezug + div.forum_bezug_add { margin: 8px 0;  }
div.forum_bezug_add { font-size: 11px; border: 1px solid #ddd; background-color: #eee; color:#333; border-radius:2px;  display:flex;}
div.forum_bezug_add > div { padding:6px; text-align:left; vertical-align:top; }
div.forum_bezug_add > div:first-child { flex:1; }
div.forum_bezug_add > div:last-child {  background-color:#fff; border-left:1px dashed #555; }	

div.forum_bezug_add > div > p + p { margin-top: 6px; }
div.forum_bezug_add > div:first-child > p:first-child { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }