*[dc-title] { position:relative; }
*[dc-title]:hover::before {
    background-color:rgba(0,0,0,0.6); color:#EEE; font-size:9px;
    padding:3px 5px;
    position:absolute; top:25px; left: 50%; transform: translateX(-50%);
    white-space:nowrap;
    content:attr(dc-title);
    z-index:999999
}


/* Benutzerdefinierte */
*[dc-title='dcmue-sa']:hover::before { content: 'als Spalte anzeigen'; }
*[dc-title='dcmue-fe']:hover::before { content: 'Filter entfernen'; }
*[dc-title='dcmue-uv']:hover::before { content: 'eigener Wert'; }

*[dc-title='jno-0']:hover::before { content: 'nein'; }
*[dc-title='jno-1']:hover::before { content: 'ja'; }
*[dc-title='jno-2']:hover::before { content: 'optional'; }



/* 15.8.17 aus user.css extrahiert */
#user_msg > a { display:flex; font-size:13px; background-color:#FBB281; padding:7px 7px; color:#fff; margin-top:3px; border-left:4px solid #F76503; color:#555; }
#user_msg > a:hover { background-color:#F76503; text-decoration:none; color:#fff; }
#user_msg > a > span:last-child { padding-left:11px; flex:1 }


/* CONSENT-Box (z.B. Youtube) */
.dc_consent_placeholder { cursor:pointer; background-color:#FDD8C0; display:flex; flex-direction:column; align-items: center; justify-content: center; width:100%; height:100%; color:#333; }
.dc_consent_placeholder > p { margin:0; margin-top:5px; }
.dc_consent_placeholder > *:first-child { font-family:Arial; font-size:18px; margin-top:0;}


.dc_consent_placeholder:hover { background-color:#FBB281; color:#000; }


/* herausgeholt am 5.8.2020*/

.voteArr { white-space:nowrap; }

.voteArr > label { display:inline; vertical-align: middle; margin-left:3px; cursor:pointer; }
.voteArr > label:first-child { margin-left:0; }
.voteArr > input { display:none; }

.voteArr > label::after { content: url(/bilder/sterne/h18_voll.svg); }
.voteArr > input:checked ~ label::after { content: url(/bilder/sterne/h18_null.svg); }


.voteArr > label:first-child::after { content: url(/bilder/sterne/h18_remove.svg); margin-right:5px; }




/* DEV-STATUS 05/2016*/

span.dev_status { padding:1px 3px; display:inline-block; border-radius:1px; white-space: nowrap; }

span.dev_status[data-short='0'] { padding:2px 5px; font-weight:bold;  }

span.dev_status[data-status='akt'] { border:1px solid transparent; background-color:transparent; color:#555; }
                             /*angekündigt*/
span.dev_status[data-status='agk'] { border:1px solid green;     background-color:green; color:white; }

span.dev_status[data-status='akt'][data-short='0'],
span.dev_status[data-status='neu'] { border:1px solid green;     background-color:green; color:white; }
/*span.dev_status[data-status='agk'] { border:1px solid yellow;     background-color:yellow; color:#555; }*/

                             /*abgelöst*/
span.dev_status[data-status='abgl'] { border:1px solid yellow;       background-color:yellow; color:#555; }
span.dev_status[data-status='eol'] { border:1px solid red;       background-color:red; color:#FFF; }
span.dev_status[data-status='alt'] { border:1px solid red;       background-color:red; color:#FFF; }

span.dev_status[data-status='nda'] { border:1px solid red;       background-color:red; color:#FFF; }
span.dev_status[data-status='off'] { border:1px solid red;       background-color:red; color:#FFF; }


/* ==   JS QuickMenü  ========================================================================== */
/* == JSQ_BOX & MENÜS ========================================================================== */

/* JSQ_BOX NEU 15.7.2014 */
/* JSQINHALT und später JSQMENÜ */

.JSQ_BOX { font-size:11px; position:absolute; left:0px; top:-2000px; padding:5px; background-color:transparent; overflow:hidden; z-index:9999995; } /* background-color:rgba(255,255,0,0.5); */
.JSQ_BOX > div { display:block; border:2px solid #FBB281; padding:8px 4px 4px; background-color:#FBB281; border-radius:5px; }
/*.JSQ_BOX > div { box-shadow: 2px 3px 5px #888; }*/
.JSQ_BOX > div { box-shadow: 1px 1px 5px #888; }

.JSQ_BOX iframe  { border:none; }

.JSQ_BOX[JSQ_STYLE=form] > div { font-size:11px; background-color:#FFF; }
.JSQ_BOX[JSQ_STYLE=form] input  { font-size:11px }

.JSQ_BOX[JSQ_STYLE=menu] > div { padding:2px 2px 4px; }

.JSQ_BOX_MENU { display:inline-block; vertical-align:top; color:#333; overflow:hidden; } /* Spalten */
.JSQ_BOX_MENU > hr { margin:0px; height:1px; background-color:rgba(0,0,0,0.2); border:none; }

.JSQ_BOX_MENU > div { white-space:nowrap; cursor:pointer; padding:2px 3px; } /* Zeile */
.JSQ_BOX_MENU > div.isSelected,
.JSQ_BOX_MENU > div:hover { background-color:rgba(0,0,0,0.2); border-radius:3px; color:#000 !important; }

.JSQ_BOX_MENU > div a { color:inherit; text-decoration:none; } /* Zeile */

.JSQ_BOX_MENU > div > div { display:inline-block; overflow:hidden; } /* Element */
.JSQ_BOX_MENU > div > div.isSYM { width:20px; text-align:center; }

.JSQ_BOX_MENU > div > div.isCB { width:14px; text-align:center; }
.JSQ_BOX_MENU > div > div.isCB > img { visibility:hidden }
.JSQ_BOX_MENU > div > div.isCB > img.checked { visibility:visible }

.JSQ_BOX_MENU > div > div:first-child { float:right; width:12px; font-weight:bold; text-align:center;  }


.JSQ_BOX[JSQ_PROGRESS=1] > div { height:44px; background-color:#FFF; background-image:url(/bilder/progress22x22_white.gif);  background-position: center center; }

.JSQ_BOX[JSQ_CONNECT=pfeil-down-left] { padding-top:10px; background-image:url(/bilder/JSQ_BOX/pfeil_up.png); background-position: 22px top; background-repeat:no-repeat; }
.JSQ_BOX[JSQ_CONNECT=pfeil-down-right] { padding-top:10px; background-image:url(/bilder/JSQ_BOX/pfeil_up.png); background-position: right 22px top ; background-repeat:no-repeat; }


.JSQ_BOX[JSQ_CONNECT=flach-down-left],
.JSQ_BOX[JSQ_CONNECT=flach-down-right] { padding-top:0px; }
.JSQ_BOX[JSQ_CONNECT=flach-down-left]  > div,
.JSQ_BOX[JSQ_CONNECT=flach-down-right] > div {  border-top:#444 1px solid; border-top-right-radius:0px; border-top-left-radius:0px;  }

/* == JSQ_BOX & MENÜS ========================================================================== */


/* == JSP_BAR (24.3.2015) ========================================================================== */

.JSP_BAR { position:fixed; z-index:9999995; bottom:0; left:0; width:100%; background-color:rgba(220,220,220,.90); font-size:11px; transition:all 100ms; }
.JSP_BAR[data-status='finish'] { bottom:-60px; opacity:0.5; }
.JSP_BAR:hover { bottom:0; opacity:1.0; }

.JSP_BAR:hover { }
.JSP_BAR > DIV { padding:10px; }
.JSP_BAR > DIV > .DC_CHART { width:100%; font-size:7px; }

.JSP_BAR > DIV > .JSP_H1 { font-size:16px; font-weight:bold; font-family:'Arial'; color:#000; text-shadow: #DDD 1px 1px 1px; }
.JSP_BAR > DIV > .JSP_H2 { margin-top:5px; font-size:11px; height:11px; }
.JSP_BAR > DIV > .JSP_STAT { margin-top:5px; float:right; font-size:9px; height:9px; }

/* == JSP_BAR (24.3.2015) ========================================================================== */

/*input.QSel { background-position: right center; background-repeat:no-repeat; background-image:url(/bilder/pfeil/qsel.png); padding-right:16px !important; }*/

/*.QSel2 { display:inline-block; position:relative; }*/

input.QSel { background: #FFF url(/bilder/pfeil/qsel.png) right center no-repeat; padding-right:16px !important; cursor:default; }
input.QSel:hover, input.QSel:focus, input.QSel[isAktiv] { background-image:url(/bilder/pfeil/qselAktiv.png); }
input.QSel:-ms-input-placeholder {  text-align:center; }
input.QSel::-moz-placeholder {  text-align:center; }
input.QSel::-webkit-input-placeholder {  text-align:center; }


.QSel_div { position:absolute; z-index:9999995; }
.QSel_div { /* Eventualitäten überschreiben */ margin:0px !important; padding:0px !important; background-color:transparent !important; border:none !important; }
.QSel_div > div {  margin-top:1px; margin-bottom:0px; padding:3px; background-color:rgba(247,101,3,0.9); color:#FFF; font-size:11px; border-top-left-radius:2px; border-top-right-radius:2px; }
.QSel_div > div + select { border-top-left-radius:0px; border-top-right-radius:0px; }
.QSel_div > select { display:block; width:100%; }


/* == SIMPLE - ARTIKEL ============================ */

.dc_simple_artikel { background-color:transparent; }
.dc_simple_artikel > p,
.dc_simple_artikel > div,
.dc_simple_artikel > h4 { border:none; margin:0; padding:0; margin-top:2px; margin-bottom:2px; font-size:inherit; }
.dc_simple_artikel > h4 { margin-top:6px;  }
.dc_simple_artikel > div { text-align:center; }

.dc_simple_artikel > *:first-child { margin-top:0px; } /* 17.12.2015  kann Fehler produzieren, da Text nicht mit Absatz beginnt, und somit h3 in der Mitte keinen Rand bekomme */

.dc_simple_artikel > p:empty { padding:0; margin:0; border:0; }


/* == ERROR-LOGGER ============================ */


.ERR_TXT { margin:0; margin-bottom:4px; font-size:13px;}
.ERR_TXT > p { margin:0; padding:5px; background-color:#555; color:#FFF; }
.ERR_TXT > p[data-err-code="1"] { background-color:red; color:#FFF; }
.ERR_TXT > p[data-err-code="0"] { background-color:yellow; color:#000; }
.ERR_TXT > p + p { margin-top:2px; }

/* == SIMPLE - ARTIKEL ============================ */

/* ============================================================================ */
/* Fussnote an sich */
/*a.fussnote_link { margin-left:2px; font-size:10px;  color:#F76503; background-color:#FFF; font-weight:bold; vertical-align:text-top; border-radius:1px; text-shadow:none !important; }*/
a.fussnote_link { margin-left:2px; font-size:10px;  color:#F76503; font-weight:bold; vertical-align:text-top; border-radius:1px; text-shadow:  1px  1px 1px white, 1px -1px 1px white, -1px  1px 1px white,-1px -1px 1px white; }
a.fussnote_link:link,                            /* text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF */
a.fussnote_link:visited { text-decoration:none; }           /**/
a.fussnote_link:hover   { text-decoration:underline;  }

/* Quick Suggest */
table.QSug { table-layout:fixed; border-spacing:0px; background-color:#FFF; border:#555 1px solid;  border-bottom-left-radius:2px; border-bottom-right-radius:2px; position:absolute; color:#555; z-index:9999995 } /* absolute nos 10.3.2017 */

table.QSug > tbody > tr > td { padding:3px; padding-left:5px; font-size:11px; background-color:#FFF; text-align:left; }
body[data-mobil='1'] table.QSug > tbody > tr > td { font-size:13px; padding:5px;  }

table.QSug > tbody > tr:not(:first-child) > td { cursor:pointer }
table.QSug > tbody > tr.isSelected > td { color:#FFF; background-color:#F76503 }

table.QSug > tbody > tr > th { text-align:left; padding:5px; font-size:11px; background-image:url(/bilder/verlauf/v15_EE_FF.jpg); background-repeat:repeat-x; }

/* == ANFANG == DC_CHART / CHART v4 - 20.2.2015 ========================= */

div.DC_CHART { margin:1px 0px; overflow:visible; position:relative; }
div.DC_CHART span { font-weight:normal; }

div.DC_CHART > DIV[data-chart-item=chart] { display:flex;/*N*/ top:0px; left:0px; border:#888 1px solid; border-radius:2px; overflow:hidden; line-height:0; position:relative; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); }
div.DC_CHART > DIV[data-chart-item=chart] > div {  /*display:inline-block;*/ text-align:right; background-color:#F76503; color:#FFF; }
div.DC_CHART > DIV[data-chart-item=chart] > div > span {  padding:0 2px; line-height:1.6; white-space: nowrap; overflow:hidden; display:block; color:inherit;  text-overflow: ellipsis; }
div.DC_CHART > DIV[data-chart-item=chart] > div:not(:last-child) > span { border-right:#FFF 1px solid; }

div.DC_CHART > DIV[data-chart-item=chart] > div[data-chart-isRest] { flex:1;/*N*/  text-align:left; background-color:#FFF; box-shadow: inset 10px 0 10px -2px rgba(0,0,0,0.1); }
div.DC_CHART > DIV[data-chart-item=chart] > div[data-chart-isRest] > span { color:#555; }

div.DC_CHART > DIV[data-chart-item=layer] { position:absolute; color:#333; }
div.DC_CHART > DIV[data-chart-item=layer] > span { padding:0 3px; line-height:1.6; display:block; overflow:auto; text-overflow: ellipsis;}
div.DC_CHART > DIV[data-layer-typ=intern] { top:0; right:0; margin:1px; }
div.DC_CHART > DIV[data-layer-typ=extern] { top:0; left:100%; margin-left:-1px; display:inline-block; border:#555 1px solid; border-left:#333 1px solid; background-color:#F5F5F5; background:url(/bilder/bg/olbg_w.png) repeat 0 0; text-align:left; border-top-right-radius:2px; border-bottom-right-radius:2px; white-space:nowrap; }


/* == ENDE == DC_CHART / CHART v4 - 20.2.2015 ========================= */



  /* STANDARD-2 05/2015 */
  .preisLink_std_v2 { display:block; white-space:nowrap; font-size:10px; }
  .preisLink_std_v2 > *:first-child { min-width:82px;/*82-17.8.2015*/ text-align:center; display:inline-block; box-sizing: border-box; color:#FFF !important; line-height:1.8em; padding:0 2px; background-color:#F76503; border-radius:2px; }
  .preisLink_std_v2 > *:first-child > span  { font-size:110%;  color:inherit;  }
  .preisLink_std_v2 > a:first-child > span  { text-decoration:underline;  }

  .preisLink_std_v2[isInline] { display:inline; margin:0 4px;  font-size:90%;/* line-height:90%; */ }
  .preisLink_std_v2[isInline]:first-child { margin-left:0; }
  .preisLink_std_v2[isInline] > *:first-child { display:inline; width:auto; padding:3px 4px; line-height:normal; }
  
  /* Direkt im Fluß 06/2021*/
  .preisLink_std_v2[isInlineTxt] { margin:inherit;  font-size:inherit; color:inherit !important; }
  .preisLink_std_v2[isInlineTxt]:first-child { margin-left:inherit; }
  .preisLink_std_v2[isInlineTxt] > *:first-child { width:inherit; padding:inherit; line-height:inherit; color:inherit !important; background-color: transparent !important; }
  
  

  .preisLink_std_v2 > span:first-child, /*generell span*/
  .preisLink_std_v2[isAusfall] > *:first-child { background-color:#888; }

.preisLink_std_v2[isAaePreis] > *:first-child { background-color:#FFF; color:#F76503 !important; box-shadow:inset 0 0 0 2px #F76503; }



/* kann weg, ab 28.3.2022 */

div.seitenIndex { font-size:13px; margin:8px 0px; text-align:right; clear:both; }

.seitenIndex > * { 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; }
.seitenIndex > *:first-child { border-bottom-left-radius:2px; border-top-left-radius:2px; }
.seitenIndex > *:last-child { border-bottom-right-radius:2px; border-top-right-radius:2px; margin-right:0px; }
.seitenIndex > 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 }
.seitenIndex > a:hover {  background-image:none; text-decoration:none !important; color:#555 }
.seitenIndex > span { background-color:#FFF; border:#F76503 1px solid;  color:#F76503; }
.seitenIndex > span.isLabel { background-color:#EEE; border:#DDD 1px solid;  color:#555; }

.seitenIndex a:link,
.seitenIndex a:visited   { text-decoration:none; color:#F76503 }
.seitenIndex a:hover     { text-decoration:underline; color:#F76503}


/* 28.3.2022 */

.seitenIndexE { font-size:14px; font-family:Arial; margin:8px 0px; text-align:center;  }

.seitenIndexE > div { line-height:30px; border:rgba(0,0,0,0.25) 1px solid; border-radius:4px; display:inline-block; margin:auto 0; box-shadow:0 0 2px 0 #ccc; white-space: nowrap; }

.seitenIndexE > div > * { display:inline-block; text-align:center; min-width:30px; padding:0 6px; box-sizing:border-box; }
.seitenIndexE > div > *:first-child { border-right:rgba(0,0,0,0.1) 1px solid; }
.seitenIndexE > div > *:last-child { border-left:rgba(0,0,0,0.1) 1px solid; }

.seitenIndexE > div > span { outline:1px solid #F76503; background-color:#fff; color:#F76503; font-weight:bolder;  }

.seitenIndexE a:link,
.seitenIndexE a:visited   { text-decoration:none !important; color:rgba(0,0,0,0.9); }
.seitenIndexE a[disabled]:link { font-style:italic; color:rgba(0,0,0,0.45) !important; pointer-events: none; }
.seitenIndexE a[disabled]:link { font-style:italic; color:rgba(0,0,0,0.45) !important; pointer-events: none; }
.seitenIndexE a:not([disabled]):hover     { background-color:rgba(0,0,0,0.05); }

.seitenIndexE a[data-typ='dots'] { min-width:0; padding-left:2px; padding-right:4px; /*color:red; background-color:yellow;*/ }
/*Texte ausblenden ... */
@media only screen and (max-width:350px){
		.seitenIndexE > div > * > span { display:none; }
}
	

/* ===== MENU E4 08/2016 ===== */

form.menu_v4_frm { width:100%; margin:0; padding:0; }
div.menu_v4 { display:flex; /*width:100%;*/  }
div.menu_v4 > input[type='radio'] { display:none; }

div.menu_v4 > * { display:inline-block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  }
div.menu_v4 > a { color:inherit; text-decoration:none; }

/* ===== Skins für MENU E4 08/2016 ===== */

/* STANDARD (v2.0, 22.8.2015) */

div.menu_v4[data-skin='STD'] {  font-size:11px; }
div.menu_v4[data-skin='STD'] { border-bottom:#ddd 1px solid; color:#666 !important; position:relative; }
div.menu_v4[data-skin='STD'] > * { position:relative; top:1px; padding:4px 5px 3px; margin-left:3px; border-top-right-radius:1px; border-top-left-radius:1px; border:#ccc 1px solid; background:#eee; font-weight:bold; box-shadow: inset 0px 0px 4px #DDD; }
div.menu_v4[data-skin='STD'] > a { border:#ddd 1px solid; background:#f5f5f5; box-shadow:none; border-radius:0; }

div.menu_v4[data-skin='STD'] > *:nth-child(2)  { margin-left:6px; }
div.menu_v4[data-skin='STD'] > *:hover { color:#F76503; }
div.menu_v4[data-skin='STD'] > input[type='radio']:checked + label { color:#000; background: #fff linear-gradient(to bottom, #ddd 0%,#fff 50%); border-bottom:none; border-bottom:4px; box-shadow: none; }

div.menu_v4[data-skin='STD'][data-skin_col='eee'] { }
div.menu_v4[data-skin='STD'][data-skin_col='eee'] > * { background:transparent; border:transparent 1px solid; box-shadow: none; color:555; }
div.menu_v4[data-skin='STD'][data-skin_col='eee'] > input[type='radio']:checked + label { border:#ccc 1px solid; border-bottom:none;  background: #eee linear-gradient(to bottom, #ddd 0%,#eee 50%);  }

/* FÜR POPUPS als Menü (Techvergleich) (v2.0, 22.8.2015) */

div.menu_v4[data-skin='POP_TOP'] { }
div.menu_v4[data-skin='POP_TOP'] > * { padding:4px 9px; margin-left:2px; background:rgba(255,255,255,0.15); color:rgba(255,255,255,0.9); }
div.menu_v4[data-skin='POP_TOP'] > a { padding-bottom:2px; border-bottom:2px solid rgba(255,255,255,0.3); }
div.menu_v4[data-skin='POP_TOP'] > *:nth-child(2)  { margin-left:0; }
div.menu_v4[data-skin='POP_TOP'] > *[data-fill] + a { margin-left:4px; } /* vergr. Abstand für ersten Link */

div.menu_v4[data-skin='POP_TOP'] > *:hover { background: rgba(255,255,255,0.3); color:rgba(255,255,255,0.9); }
div.menu_v4[data-skin='POP_TOP'] > input[type='radio']:checked + label { background:rgba(255,255,255,0.95); color:rgba(0,0,0,0.8); font-weight:bold; }


/* gilt für alle Skins */

div.menu_v4 > *[data-fill] { flex:1; visibility:hidden; padding:0; margin:0; }



/* menuE3 - nun mit DIV 08/2015 */
/*
div.menuE3 { display:block; clear:both; }
div.menuE3 > div { display:inline-block; white-space: nowrap; padding:4px 0; }
div.menuE3 > div[data-area="links"] { float:right; text-align:right; margin-bottom:2px; }

div.menuE3 > div > *  { padding:4px 9px;
                        text-decoration:none !important; color:rgba(255,255,255,0.9); background:rgba(255,255,255,0.15);
                      }

div.menuE3 > div > *:not(:first-child)  { margin-left:2px; }

div.menuE3 > div > span { background:rgba(255,255,255,0.95); color:rgba(0,0,0,0.8); font-weight:bold; }
div.menuE3 > div > a:hover { background: rgba(255,255,255,0.3); color:rgba(255,255,255,0.9); }
*/


/* menuE2 11 / 2011 */
table.menuE2 { width:100%; border-spacing:2px; margin-top:10px; margin-bottom:5px; font-size:11px; border-bottom:#DDD 1px solid;}
table.menuE2 td { padding:0px; }

table.menuE2 td.dirLinks { text-align:right; }

table.menuE2 td > *  {
                 border:#DDD 1px solid;
                 background-color:#EEE;
                 border-top-right-radius:3px; border-top-left-radius:3px;
                 text-decoration:none;

                 padding:6px; padding-top:4px; padding-bottom:3px;
                 padding-left:5px; padding-right:5px;
                 white-space: nowrap;
                 margin-left:4px;
                 line-height:1.35;
                  color:#555; font-weight:bold;

                 box-shadow: inset 0px 0px 4px #DDD;

                 }

table.menuE2 td > *.isAktiv {
                 border:#DDD 1px solid; border-bottom:#FFF 1px solid;
                 background-color:#EEE;
                 background-image:url(/bilder/verlauf/v20_trans_weiss.png); background-repeat:repeat-x; background-position: bottom;

                 border-top-right-radius:3px; border-top-left-radius:3px;
                 box-shadow: none;
                 }

table.menuE2 td > a:hover {
                  color:#F76503;
                 }

table.menuE2 td.dirLinks > a:hover { background-color:#DDD; border-bottom:#DDD 1px solid; }

/* optionale Content-Box drunter, 03/2013 */
div.menuE2cBox { background-color:#FFF; padding:10px 5px; border-bottom:#DDD 1px solid; }

/* menuE2i 11 / 2011 */
table.menuE2i { width:100%; border-spacing:0px;  margin:0px; padding:0px; }
table.menuE2i td { padding:4px; font-weight:bold; white-space: nowrap; }

table.menuE2i td.dirLinks { text-align:right; }

table.menuE2i td > *  {
                 text-decoration:none;

                 padding:3px; padding-left:5px; padding-right:5px;
                 padding-left:5px; padding-right:5px;
                 line-height:13px;
                 margin-left:4px;

                 color:#EEE;

                 border:#888 1px solid;
                 border-radius:3px;
                 }
table.menuE2i td > *:first-child  { margin-left:0px; }

table.menuE2i td > *.isAktiv {
                 background:rgba(255,255,255,0.95);
                 box-shadow: none;
                 color:#555;
                 box-shadow:  0px 0px 4px #EEE;
                 border:#DDD 1px solid;
                 }

table.menuE2i td > a:hover {
                  text-decoration:none;
                  background: rgba(255,255,255,0.3);
                 }

table.menuE2i td.dirLinks > a:hover {  }




/* Fussnoten */
#fussnote_global { margin-top:16px; }
#fussnote_global > div { display:flex; margin-top:2px; font-size:11px; color:#555; clear:both; }
#fussnote_global > div > div { vertical-align:top; margin-top:2px; padding:2px 3px; }

#fussnote_global > div > div:nth-child(1) { width:35px; font-weight:bold; text-align:right;  }
#fussnote_global > div > div:nth-child(1) > span { display:block; background-color:#EEE; padding:2px 3px; margin-left:-3px; margin-top:-2px; }
#fussnote_global > div > div:nth-child(2) { flex:1; }




/* iPopup 4 */
#iPopMax { position:fixed; width:100%; height:100%; left:0; top:0;  z-index:99999999; background:url(/bilder/bg/olbg.png) repeat 0 0; }

#iPopMaxInner { position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; padding-top:34px; width:100%; height:100%; max-width:100%; max-height:100%; box-sizing: border-box; transition: all 100ms }
body[data-iframe='1'] #iPopMaxInner,
body[data-mobil='1'] #iPopMaxInner { margin:0 auto; /* oben angeordnet */}

#iPopMaxMenu  { z-index:2; position:relative; width:100%; height:34px; top:-34px; left:0; font-size:20px; box-sizing: content-box; }

#iPopMaxTitle { position:absolute; width:100%; top:0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:rgba(255,255,255,0.5); width:100%; text-shadow: 0 0 10px #000; left:-70px; padding-left:70px; line-height:34px; box-sizing: border-box;  }

#iPopMaxCtrl { position:absolute; right:0; top:2px; width:70px; white-space: nowrap; text-align:right; }
#iPopMaxCtrl > span { display:inline-block; filter:alpha(opacity=0.5); opacity:0.5; border:#FFF 2px solid; background-color:#000; color:#FFF; margin-left:5px; box-shadow: 0 0 5px 1px #000; overflow:hidden; text-align:center; font-weight:bold; cursor: pointer;
                      line-height:25px; width:25px; height:25px; border-radius:25px; }
#iPopMaxCtrl > span:hover { filter:alpha(opacity=1); opacity:1; }
#iPopMaxCtrl > span:first-child { margin-left:0px; }

#iPopMaxContent { z-index:1; position:relative; top:-34px; background-color:#FFF; display:block; width:100%; height:100%; box-shadow: 0 0 10px 3px #000; }
#iPopMaxOut { z-index:2; position:relative; display:block; overflow:hidden; width:100%; height:100%; border:none;   }

/* Ohne Menü ... */
#iPopMax[data-menu_hidden] #iPopMaxMenu { display:none !important; }
#iPopMax[data-menu_hidden] #iPopMaxInner { padding-top:0 !important;}
#iPopMax[data-menu_hidden] #iPopMaxContent { top:0 !important; }

/*.BGANI_CLOSING { transition: ease-out all 150ms; left:50% !important; top:50% !important; width:0px !important; height:0px !important; border-radius:100%; background-color:rgba(0,0,0,0.0) !important; }*/
.BGANI_CLOSING { transition: ease-out all 300ms; left:0 !important; top:50% !important; width:100% !important; height:0px !important; opacity:0.0 !important; background-color:rgba(0,0,0,0.0) !important; }
.BGANI_OPENING {  transition: ease-out all 150ms; left:0px !important; top:0px !important; width:100% !important; height:100% !important; border-radius:0 !important; }

/* INNER MESSEGE */
/*
#DCIMSG { z-index:9999995; transition: ease-out all 150ms; left:0px; top:0px; width:100%; position:fixed; background:url('/bilder/bg/olbg_w.png') repeat 0 0; box-shadow: 0 0 3px 3px rgba(0,0,0,0.2); }
#DCIMSG > DIV {  position:relative; text-align:center; font-family:Arial; font-size:15px; font-weight:bold; COLOR:#FFF; text-shadow: #555 1px 1px 1px; border-radius:1px; }

#DCIMSG.sFull { height:100%; }
                                  // 50% vom Viewport
#DCIMSG.sFull > div {  margin-top:calc(50vh - 80px); background-color:rgba(247,101,3,0.8); }
#DCIMSG.sTop  > div {  background-color:#F00; }


#DCIMSG > DIV > #DCIMSG_MSG {  padding:10px; padding-bottom:0px; }
#DCIMSG > DIV > #DCIMSG_BTN {  padding:10px; }

#DCIMSG.sFull > DIV > * { box-sizing: border-box; width:700px; max-width:95%; margin: 0px auto; background-color:#F76503;  }
#DCIMSG.sFull > DIV > #DCIMSG_BTN { display:flex; justify-content: center;  }

#DCIMSG.sTop { transition: ease-in all 800ms; }
#DCIMSG.sTop > DIV > #DCIMSG_BTN {   text-align:left;  }
#DCIMSG.sTop > DIV > #DCIMSG_BTN > button { background-color:transparent; }

#DCIMSG > DIV > #DCIMSG_BTN > button { margin-left:3px; margin-bottom:3px; max-width:150px; font-family:Verdana; font-size:11px; font-weight:normal; background-color:#F76503; border:1px solid rgba(255,255,255,0.8); border-radius:0px; padding:3px; color:#FFF; }
#DCIMSG > DIV > #DCIMSG_BTN > button:first-child { margin-left:0px;  }

#DCIMSG.sFull > DIV > #DCIMSG_MSG {  padding-top:20px;}
#DCIMSG.sFull > DIV > #DCIMSG_BTN {  padding-bottom:20px; }
*/


/* INNER MESSEGE */

#DC_IMSG { z-index:9999995; position:fixed; left:0px; top:0px; width:100%; display: flex; flex-direction:column; justify-content: center; }
#DC_IMSG { text-align:center; font-family:Arial; font-size:15px; font-weight:bold; COLOR:#FFF; text-shadow: #555 1px 1px 1px; /* overflow-y: auto;*/ max-height:100%; }

#DC_IMSG > div { width:100%;  }

#DC_IMSG[data-top='0'] { background:url('/bilder/bg/olbg_w.png') repeat 0 0; height:100%;  }
#DC_IMSG[data-top='1'] > div:last-child { box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2); }

#DC_IMSG[data-top='0'] > DIV {  background-color:rgba(247,101,3,0.8); }
#DC_IMSG[data-top='1'] > DIV {  background-color:#F00; }

#DC_IMSG[data-top='1'] > DIV[data-typ='hinweis'] { background-color:#008000; }

#DC_IMSG[data-top='0'] > DIV:not(:first-of-type)  { margin-top:3px; }
#DC_IMSG[data-top='1'] > DIV:not(:first-of-type)  { border-top:1px solid #fff; }


#DC_IMSG > DIV > .DCIMSG_MSG {  padding:10px; padding-bottom:0px; }
#DC_IMSG > DIV > .DCIMSG_MSG > p { margin:0; margin-top:8px; }
#DC_IMSG > DIV > .DCIMSG_BTN {  padding:10px; }

#DC_IMSG[data-top='0'] > DIV > * { box-sizing: border-box; width:700px; max-width:95%; margin: 0px auto; background-color:#F76503;  }
#DC_IMSG[data-top='0'] > DIV > .DCIMSG_BTN { display:flex; justify-content: center;  }

#DC_IMSG[data-top='1'] > DIV > .DCIMSG_BTN { text-align:left;  }
#DC_IMSG[data-top='1'] > DIV > .DCIMSG_BTN > button { background-color:transparent; }

#DC_IMSG > DIV > .DCIMSG_BTN > button { margin-left:3px; margin-bottom:3px; max-width:150px; font-family:Segoe UI; font-size:13px; font-weight:normal; background-color:#F76503; border:1px solid rgba(255,255,255,0.8); border-radius:0px; padding:3px; color:#FFF; }
#DC_IMSG > DIV > .DCIMSG_BTN > button:first-child { margin-left:0px;  }

#DC_IMSG[data-top='0'] > DIV > .DCIMSG_MSG {  padding-top:20px;}
#DC_IMSG[data-top='0'] > DIV > .DCIMSG_BTN {  padding-bottom:20px; }



/* MERKLISTE */

.WIN_MIN { z-index:9999; padding:0px; height:26px; background-color:rgba(0,0,0,0.6); font-size:13px; color:#FFF; font-size:13px; overflow:hidden; vertical-align:middle; display:flex; }
.WIN_MIN > span:first-child { border-radius:1px; padding:2px 4px; background-color:#F76503; font-weight:bold; font-family:Arial; font-size:14px; }

.WIN_MIN > span:nth-child(2) { margin-top:5px; flex:1; overflow:hidden; }
.WIN_MIN > span:nth-child(2) > a { white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.WIN_MIN > span { margin:3px 3px;  }
.WIN_MIN > span:last-child { margin-top:5px; }

.WIN_MIN > span:not(:first-child) > A { padding:1px 3px; text-shadow: -1px 0 #555, 0 1px #555, 1px 0 #555, 0 -1px #555; background-color: transparent; color:#FFF; border-left:1px solid #F5F5F5; border-radius:1px; }
.WIN_MIN > span:not(:first-child) > A:first-child { border-left:none; }

.WIN_MIN > span:not(:first-child) > A:link,
.WIN_MIN > span:not(:first-child) > A:visited { }
.WIN_MIN > span:not(:first-child) > A:hover  { text-shadow:none; background-color:#F5F5F5; color:#555; text-decoration:none;  box-shadow: 0 0 5px #FFF; }


/* ML-Content = BOX über WIN_MIN im ähnlichen Stil */

#ML-Content { padding:0px; font-size:13px; }
#ML-Content > div { padding:0px; display:block; border:3px solid rgba(0,0,0,0.6); border-bottom:none; background-color:rgba(255,255,255,0.9); }

#ML-Content > div > div { padding:4px 4px; display:block; }
#ML-Content > div > div:hover { background-color:rgba(0,0,0,0.1); }

#ML-Content > div > div > A { color:#555; margin-right:5px; }
#ML-Content > div > div > A:hover { color:#000; }





/*
#ML-Box { padding:0px; background-color:rgba(0,0,0,0.6); table-layout:fixed; BORDER-SPACING:0px; border-radius:1px; }
#ML-Box td { padding:4px; color:#FFF; font-size:13px; overflow:hidden; }

#ML-Menu td.last-child { text-align:right; white-space:nowrap; }

#ML-Menu span { padding:1px; padding-left:3px; padding-right:3px; background-color:#F76503; font-weight:bold; color:#FFF; font-family:Arial; font-size:15px;  }

#ML-Menu A { padding:1px; padding-left:3px; padding-right:3px; text-shadow: -1px 0 #555, 0 1px #555, 1px 0 #555, 0 -1px #555; background-color: transparent; color:#FFF; border-left:1px solid #F5F5F5; border-radius:1px; }
#ML-Menu A:first-child { border-left:none; }

#ML-Menu A:link,
#ML-Menu A:visited { }
#ML-Menu A:hover  { text-shadow:none; background-color:#F5F5F5; color:#555; text-decoration:none;  box-shadow: 0 0 5px #FFF; }

#ML-Content td { padding-bottom:0px; }

#ML-ListM { padding:0px; background-color:#FFF; background-image:url(/bilder/verlauf/v50_F5_FF.jpg); background-repeat:repeat-x; border-radius:1px; }
#ML-ListM p { padding:2px 0px 2px 4px; margin:0px; }
#ML-ListM p:hover { background-color:#EEE; }

#ML-ListM A { color:#555; }
#ML-ListM A:hover { color:#000; }

#ML-ListM A.merklisteDel { margin-left:3px; }
*/


a.add2ML { float:right; margin-left:3px; padding:1px 2px 2px 4px; white-space: nowrap; background-color:#FBB281; color:#FFF; text-transform:uppercase; font-weight:normal !important; font-size:90%; border-radius:2px;
         background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center; text-shadow: -1px 0 #FBB281, 0 1px #FBB281, 1px 0 #FBB281, 0 -1px #FBB281
}
a.add2ML:hover { background-color:#F76503; text-decoration:none; text-shadow: -1px 0 #F76503, 0 1px #F76503, 1px 0 #F76503, 0 -1px #F76503 }
a.add2ML[disabled] { background-color:#DDD; color:#888; cursor:default; text-shadow: -1px 0 #DDD, 0 1px #DDD, 1px 0 #DDD, 0 -1px #DDD }
a.add2ML > b { margin-left:1px; }

span.add2ML { cursor:pointer; float:right; margin-left:3px; padding:2px 4px; white-space: nowrap; background-color:#FBB281; color:#FFF; text-transform:uppercase; font-weight:normal !important; font-size:90%; border-radius:1px;
              text-shadow: -1px 0 #FBB281, 0 1px #FBB281, 1px 0 #FBB281, 0 -1px #FBB281
}

span.add2ML:hover { background-color:#F76503; text-decoration:none; text-shadow: -1px 0 #F76503, 0 1px #F76503, 1px 0 #F76503, 0 -1px #F76503 }
span.add2ML[disabled] { background-color:#DDD; color:#888; cursor:default; text-shadow: -1px 0 #DDD, 0 1px #DDD, 1px 0 #DDD, 0 -1px #DDD }
span.add2ML > b { margin-left:1px; font-weight:bolder; }

.socialDummy { }
.socialDummy > div { display:inline-table; height:21px; }
.socialDummy > div:first-child > img:first-child { vertical-align:middle }

.socialDummy > div { background-color:yellow;  }
.socialDummy > div:first-child { background-color:red;  }

.socialDummy > *:first-child > img { cursor:pointer; border:none; opacity:0.7; white-space: nowrap; margin-right:3px;   }
.socialDummy > *:first-child:hover > img { opacity:1.0 }

.socialEnabler { opacity:0.7; padding:4px 0px; }
.socialEnabler[clickable="1"]:hover { opacity:1.0; cursor:pointer; }

/* Eleganter Switch (07/2012) */

input.eSwitch:not([type=BLABLA]) { display:none; } /* :not([type=BLABLA]) = Kompatibilität mit älterem IE, da Feld sonst disabled, aber Bild nicht da */
input.eSwitch + label { opacity:0.85; font-weight:bold; border-bottom: none; transition: all 150ms; }
input.eSwitch + label:hover { opacity:1.0; }
input.eSwitch + label:before { vertical-align:middle; margin-right:3px; width:20px; height:20px; }
input.eSwitch:checked + label:after { content:attr(CB1);  }
input.eSwitch:not(:checked) + label:after { content:attr(CB0);  }

input.eSwitch:disabled + label { opacity:0.5; cursor:text;  }

input.eSwitch[type=checkbox] + label:before { content:url("bilder/symbol/checkbox_disabled.svg"); }
input.eSwitch[type=checkbox]:checked + label:before { content:url("bilder/symbol/checkbox_enabled.svg"); }

input.eSwitch[type=radio] + label:before { content:url("bilder/symbol/radio_disabled.png"); }
input.eSwitch[type=radio]:checked + label:before { content:url("bilder/symbol/radio_enabled.png"); }

/* MENU aus OPTION */

.regSwitch { padding:10px 0 2px 0; border-bottom:#DDD 1px solid; margin-bottom:5px;  }
.regSwitch > input { display:none; }
.regSwitch > input + label { border:#DDD 1px solid;  border-bottom:none; background-color:#EEE; border-top-right-radius:3px; border-top-left-radius:3px;
                 text-decoration:none;
                 padding:4px 5px; white-space: nowrap; margin-left:4px; line-height:1.35;
                 font-weight:bold; color:#555; transition: all 10ms; box-shadow: inset 0px 0px 4px #DDD; }

.regSwitch > input:checked  + label { background-image:url(/bilder/verlauf/v20_trans_weiss.png); background-repeat:repeat-x; background-position: bottom; box-shadow: none; }


/* CAPTCHA */
div.captcha { display:flex; }
div.captcha > * { display:inline-block; }
div.captcha > span {  margin-right:5px;  }
div.captcha > span > img { display:block; /*margin:0 auto;*/ }
div.captcha > input[type=text] { text-transform:uppercase; font-weight:bold; text-align:center; letter-spacing:3px; }

/*
div.captcha > * { vertical-align:middle; display:inline-block; }
div.captcha > span { width:91px; background-color:#F76503;  margin-right:5px; padding:0; }
div.captcha > span > img { margin-top:3px; margin-left:3px; }
div.captcha > input[type=text] { text-transform:uppercase; font-weight:bold; text-align:center; letter-spacing:3px; }
*/


/* Gastzugang */

#gastzugang { border-radius:5px; border:#DDD 1px solid; box-shadow:inset 0px 0px 5px #EEE;  }
#gastzugang legend { font-size:12px; }
#gastzugang legend > * { margin-right:5px; }
#gastzugang legend > *:last-child { margin-right:0px; }

#gastzugang p > span { float:left; width:110px; margin-top:2px; font-weight:bold; }

/* SMOOTH SCROLL (08/2012) */
div.scrollArea div.scrollButton { opacity: 0.4; }
div.scrollArea:hover div.scrollButton { opacity: 0.8; }
                                                                                                                                                                  /*9999995*/
div.scrollStatus { display:inline; font-size:11px; color:#FFF; padding:2px 6px; background-color:#F76503; border-radius:2px; box-shadow:1px 1px 3px #555; z-index:9995;  background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;}

div.scrollButton { height:18px; width:18px; background-color:#FFF; cursor:pointer; border-radius:3px; box-shadow:1px 1px 3px #555; z-index:9995; background-position: center center; background-repeat:no-repeat; }
div.scrollArea:hover div.scrollButton:hover { opacity: 1.0; }


div.print_message { margin-bottom:5px; }
div.print_message > div { margin-top:5px; padding:5px; font-size:11px; background-color:#F00; color:#FFF;  }

div.isScrollUp { width:40px; background-image:url(/bilder/pfeil/scrollUp.png); }
div.isScrollDown { width:40px; background-image:url(/bilder/pfeil/scrollDown.png); }

div.isScrollLeft { height:40px; background-image:url(/bilder/pfeil/scrollLeft.png); }
div.isScrollRight { height:40px; background-image:url(/bilder/pfeil/scrollRight.png); }


/* DC-Bingo Ziehung ab 12/2016 */

#DCB_BONUSZIEHUNG {  }
#DCB_BONUSZIEHUNG { display:inline-block; }
#DCB_BONUSZIEHUNG > div { display:inline-block; margin-right:2px; padding:3px;  font-size:11px; min-width:14px; background-color:#FFF; font-weight:bold; color:#333;  }
#DCB_BONUSZIEHUNG > div[data-status='ok']  { background-color:green; color:#FFF; }
#DCB_BONUSZIEHUNG > div[data-status='pre'] { background-color:#888;  color:#FFF;}
#DCB_BONUSZIEHUNG > div[data-status='missed'] { background-color:red; color:#FFF; }




/*#DCB_ZIEHUNG { margin-bottom:15px; margin-left:-10px; margin-right:-10px;  }*/

#DCB_ZIEHUNG { margin:0; margin-left:-10px; margin-right:-10px;  }
#DCB_ZIEHUNG[data-valid='0'] > div { opacity:0.5; }
#DCB_ZIEHUNG > p { margin:0; margin-bottom:2px !important; margin-left:10px; }

#DCB_ZIEHUNG > div { overflow-x:auto; display:flex; padding-bottom:15px; }

#DCB_ZIEHUNG > div > div { display:inline-block; }
#DCB_ZIEHUNG > div > div:last-child { flex:1; } /* Nicht wenn in Zeile 2, geht nicht */

#DCB_ZIEHUNG > div > div { margin-left:1px; padding:5px;  color:#333; padding:4px; text-align:center; }
#DCB_ZIEHUNG > div > div:nth-child(1) { padding-left:15px; margin-left:0; }
#DCB_ZIEHUNG > div > div:last-child { padding-right:15px; }

#DCB_ZIEHUNG > div > div { margin-bottom:1px; background-color:rgba(247,101,3,0.33); }
#DCB_ZIEHUNG > div > div[data-status-bonus] { background-color:rgba(247,101,3,0.20); }

#DCB_ZIEHUNG > div > div > span { font-family:Arial; font-size:16px; font-weight:bold; display:block; text-align:center; padding:0; width:32px; height:32px; line-height:32px; border-radius:32px; border:transparent 2px solid; position:relative; }
#DCB_ZIEHUNG > div > div:not(:last-child) > span { margin:auto; }
#DCB_ZIEHUNG > div > div > span[data-status='checked'] { cursor: help; color:#FFF; background-color:#F76503; border:#F76503 2px solid; }
#DCB_ZIEHUNG > div  > div > span[data-status='checked_alt'] { cursor: help; color:#F76503; background-color:#FFF; border:#F76503 2px solid;  }
#DCB_ZIEHUNG > div > div[data-status-bonus='missed'] > span {  /* text-decoration: line-through;*/  }
#DCB_ZIEHUNG > div > div[data-status-bonus='missed'] > span { cursor: help; border-radius:0; border:2px solid red; background-color:#fff; color:red; }

#DCB_ZIEHUNG > div > div[data-status-bonus] > span { /*border-radius:8px;*/ }
#DCB_ZIEHUNG > div > div[data-status-bonus] > span::after { content:'Bonus'; display:block; margin-top:7px; font-size:11px; line-height:11px; text-align:center; font-weight:normal !important; color:#333; }

#DCB_ZIEHUNG > div > div > span:not([data-anz='1'])::before { content:attr(data-anz); position:absolute; top:-3px; left:-3px; font-size:9px; line-height:9px; font-weight:bold !important; color:rgba(0,0,0,0.67); }

#DCB_ZIEHUNG > div > div[data-status-bonus='missed'] > span::after { color:red; text-decoration:none !important; font-weight:bold; }


/*

#DCB_ZIEHUNG { overflow-x:auto; margin-left:-10px; margin-right:-10px; padding-bottom:15px; }
#DCB_ZIEHUNG[data-valid='0'] > div { opacity:0.5; }
#DCB_ZIEHUNG > p { margin:0; margin-bottom:2px !important; margin-left:10px; }

#DCB_ZIEHUNG > div { display:flex;  }

#DCB_ZIEHUNG > div > div { display:inline-block; }
#DCB_ZIEHUNG > div > div:last-child { flex:1; }

#DCB_ZIEHUNG > div > div { margin-left:1px; padding:5px;  color:#333; padding:4px; text-align:center; }
#DCB_ZIEHUNG > div > div:nth-child(1) { padding-left:15px; margin-left:0; }
#DCB_ZIEHUNG > div > div:last-child { padding-right:15px; }

#DCB_ZIEHUNG > div > div { margin-bottom:1px; background-color:rgba(247,101,3,0.33); }
#DCB_ZIEHUNG > div > div[data-status-bonus] { background-color:rgba(247,101,3,0.20); }

#DCB_ZIEHUNG > div > div > span { font-family:Arial; font-size:16px; font-weight:bold; display:block; text-align:center; padding:0; width:32px; height:32px; line-height:32px; border-radius:32px; border:transparent 2px solid; position:relative; }
#DCB_ZIEHUNG > div > div:not(:last-child) > span { margin:auto; }
#DCB_ZIEHUNG > div > div > span[data-status='checked'] { cursor: help; color:#FFF; background-color:#F76503; border:#F76503 2px solid; }
#DCB_ZIEHUNG > div  > div > span[data-status='checked_alt'] { cursor: help; color:#F76503; background-color:#FFF; border:#F76503 2px solid;  }
#DCB_ZIEHUNG > div > div[data-status-bonus='missed'] > span {  }
#DCB_ZIEHUNG > div > div[data-status-bonus='missed'] > span { cursor: help; border-radius:0; border:2px solid red; background-color:#fff; color:red; }

#DCB_ZIEHUNG > div > div[data-status-bonus] > span { }
#DCB_ZIEHUNG > div > div[data-status-bonus] > span::after { content:'Bonus'; display:block; margin-top:7px; font-size:11px; line-height:11px; text-align:center; font-weight:normal !important; color:#333; }

#DCB_ZIEHUNG > div > div > span:not([data-anz='1'])::before { content:attr(data-anz); position:absolute; top:-3px; left:-3px; font-size:9px; line-height:9px; font-weight:bold !important; color:rgba(0,0,0,0.67); }

#DCB_ZIEHUNG > div > div[data-status-bonus='missed'] > span::after { color:red; text-decoration:none !important; font-weight:bold; }


*/



/* Fortschrittsbalken, oben, unbestimmt */
#dc_progressbar {
 position: fixed; bottom:0; left:0; width: 100%; overflow: hidden;

 line-height:30px;
 padding:5px 0;
 font-size:11px; font-weight:bold; text-align:center;
 color:#FFF; background-color: green; /*F76503*/
 outline:2px solid rgba(255,255,255,0.5);
 z-index:9999995;
}



#dc_progressbar2 {

 position: fixed; bottom:0; left:0; width: 100%; overflow: hidden;

        height: 20px;  /* Can be anything */

        background: #555;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 0;
        padding: 10px;
        box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

#dc_progressbar2 > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow:
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}




body[data-smartscroll]::-webkit-scrollbar,
form[data-smartscroll]::-webkit-scrollbar,
div[data-smartscroll]::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

body[data-smartscroll]::-webkit-scrollbar-thumb,
form[data-smartscroll]::-webkit-scrollbar-thumb,
div[data-smartscroll]::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(247,101,3,0.7);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
body[data-smartscroll]::-webkit-scrollbar-button,
form[data-smartscroll]::-webkit-scrollbar-button,
div[data-smartscroll]::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
body[data-smartscroll]::-webkit-scrollbar-corner,
form[data-smartscroll]::-webkit-scrollbar-corner,
div[data-smartscroll]::-webkit-scrollbar-corner {
    background-color: transparent;
}


*[data-smartscroll='x'] { overflow-x:auto; overflow-y: hidden; }
*[data-smartscroll='y'] { overflow-y:auto; overflow-x: hidden; }

/* ROUND IMAGE 10/2016 */
.dc_roundimg { position: relative; display:inline-block; width:70px; height:70px; }
/*.dc_roundimg:hover { z-index:5000;}*/

.dc_roundimg[data-size='140'] { width:140px; height:140px; }
.dc_roundimg[data-size='50'] { width:50px; height:50px; }
.dc_roundimg[data-size='30'] { width:30px; height:30px; }
.dc_roundimg[data-size='20'] { width:20px; height:20px; }

.dc_roundimg > * { position: absolute; }
.dc_roundimg > *:first-child { display:block; width:100%; height:100%;  }

.dc_roundimg > span  {  transition: height 250ms, width 250ms; width:100%; height:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.dc_roundimg[data-direction='down'][data-size='50'] > span  { transform: translate(-50%, -25px); }
.dc_roundimg[data-direction='right'][data-size='50'] > span  { transform: translate(-25px, -50%); }

.dc_roundimg > span  > * { position:absolute; }

.dc_roundimg > span > input { display:none }
.dc_roundimg > span > img { transition: box-shadow 250ms; top:0; left:0; width:100%; height:100%; border-radius:100%; border:#BBB 1px solid; pointer-events: none; }
.dc_roundimg > span > label { bottom:0px; padding-bottom:2px; padding-top:8px; text-align:center; width:100%; display:none;  background: linear-gradient(transparent, white); } /*background-color:rgba(255,255,255,0.6);*/
.dc_roundimg > span > span { right:2%; top:2%; opacity:0.9;  } /* Status */

/* Hover über Bild */             /* *:first-child */
.dc_roundimg > *:first-child:hover + span { width:250px; height:250px; border:#BBB 1px solid; /*opacity:0.95;*/ z-index:11; } /* statt 11 */
.dc_roundimg > *:first-child:hover + span > img { border:none !important; border-radius:0; }
.dc_roundimg > *:first-child:hover + span > label { display:block;  font-weight:normal !important; }

/* SOZIALE BUTTONS (19.6.2017) */
#DC_SOCIAL_TEILEN { display:flex; }
#DC_SOCIAL_TEILEN[data-inline='0'] { width:100%; }
#DC_SOCIAL_TEILEN > div { display:inline-block; min-width:40px; margin-right:3px;}
#DC_SOCIAL_TEILEN[data-inline='0'] > div:first-child { flex:1;  margin:auto 0; }
#DC_SOCIAL_TEILEN > div:last-child { margin-right:0;    }

#DC_SOCIAL_TEILEN > div > a { padding:0 8px; height:28px;  display:block; background-color:#333; color:#fff;   text-align:center; }
#DC_SOCIAL_TEILEN > div > a > * { display:inline-block; vertical-align: middle; height:28px; line-height:28px;}
#DC_SOCIAL_TEILEN > div > a > img { height:14px; margin:7px 0; }

#DC_SOCIAL_TEILEN > div > a > span,
#DC_SOCIAL_TEILEN > div > a > label {  margin-left:6px; font-size:12px; font-family:Arial; font-weight:bold;  }

#DC_SOCIAL_TEILEN > div > a > label:empty,
#DC_SOCIAL_TEILEN > div > a > *[data-counter='0'] { display:none; }

#DC_SOCIAL_TEILEN > div > a:hover { background-image:url(/bilder/bg/button_std.png); background-repeat:repeat-x; background-position: center center; }

#DC_SOCIAL_TEILEN > div > a[data-id='facebook'] { background-color: #3b5998; color:#fff; }
#DC_SOCIAL_TEILEN > div > a[data-id='twitter']  { background-color: #55acee; color:#fff; }
#DC_SOCIAL_TEILEN > div > a[data-id='googleplus']  { background-color: #d34836; color:#fff; }
#DC_SOCIAL_TEILEN > div > a[data-id='comment']  { background-color: #F76503; color:#fff; }
#DC_SOCIAL_TEILEN > div > a[data-id='print']  { background-color: #555; color:#fff; }

.voting_sterne { white-space:nowrap; display:inline-block; position:relative; top:-1px; }
.voting_sterne > * { vertical-align: middle; }
.voting_sterne > *:not(:first-child) { margin-left:3px;  }
.voting_sterne > label { color:#555 !important; margin-left:6px; display:inline-block; overflow:hidden; color:transparent; width:0; margin:0; padding:0 }
.voting_sterne > span { font-size:10px; color:#555; }
.voting_sterne > span::before { content: "("; }
.voting_sterne > span::after { content: ")"; }


.voting_box { position:relative; display:inline-block; font-family:Verdana; font-size:12px; }
.voting_box:hover > *:first-child { visibility:hidden;  }
.voting_box:not(:hover) > .voting_box_content { display:none }

.voting_box_content { position:absolute; width:240px; display:inline-block; top:-7px; left:-7px; padding:7px; background-color:rgba(255,255,255,0.98); border-radius:2px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);}
.voting_box_content > span { /*voting_sterne*/ }
.voting_box_content > a { float:right; background-color:#F76503; color:#fff; padding:4px; margin-left:4px; margin-bottom:4px; width:60px; font-weight:bold; font-size:9px; text-align:center;  }
.voting_box_content > div { display:block; margin-top:6px; }

/*.voting_box_content > div > */
.voting_box_content_gewinn { margin-top:8px; border-top:#ddd 1px solid; padding-top:4px; display:block; display:flex; }
.voting_box_content_gewinn > img { padding-right:4px; }
.voting_box_content_gewinn > span { flex:1; font-size:10px; padding-top:6px;}


#paste_zitat { margin-top:5px; box-sizing:border-box; position:absolute; display:block; background-color:#F76503; color:#fff; padding:8px 4px; font-size:11px; outline:2px solid rgba(255,255,255,0.6); cursor:pointer; }
#paste_zitat:hover { background-color:#F98C42; text-decoration:none; }
#paste_zitat::after { content: ''; position: absolute; left: 6px; top: -6px; width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-bottom: 6px solid #F76503; clear: both; }

#paste_zitat:hover::after { border-bottom: 6px solid #F98C42; }



/* 2.4.2018 === GEWINNBOX für LESERARTIKEL */

div.voteAddPreview { display:block; margin-top:15px; background-color:rgba(247,101,3,0.6); color:#333; padding:5px; text-align:center; border:rgba(0,0,0,0.2) 1px solid; box-shadow: 3px 3px rgba(0,0,0,0.1); }
div.voteAddPreview > h2 { margin:0; margin-bottom:2px; }



div.gewinn_info_lm { background-color:#fff; text-align:left; border-radius:1px; padding:5px; margin:6px 0; border:rgba(0,0,0,0.2) 1px solid; box-shadow: 3px 3px rgba(0,0,0,0.1); }
div.gewinn_info_lm > .dc_roundimg { float:left; margin-right:5px; border-radius:100%; } /*round IMG*/
div.gewinn_info_lm > h2 { margin:0; font-family:Verdana; font-size:13px; text-transform:uppercase;}
div.gewinn_info_lm > h2 > span { text-decoration:underline; }
div.gewinn_info_lm > p { margin:0; margin-top:3px; font-size:11px; line-height:15px; }
div.gewinn_info_lm > p[data-item='descr'] { }
div.gewinn_info_lm > p[data-item='votenow'] > a { display:block; text-align:center; margin:auto 0; margin-top:6px; color:#fff !important; font-weight:bold; font-family:Arial; font-size:15px; padding:4px; background-color:rgba(247,101,3,1); }

.voteAddPreview + div.gewinn_info_lm { margin-top:0; border-top:none; border-top-left-radius:0; border-top-right-radius:0; background-color:#f5f5f0; }

div.forumMorePosts { display:block; margin-top:15px; background-color:#eee; color:#333; padding:5px; text-align:center; border:rgba(0,0,0,0.2) 1px solid; box-shadow: 3px 3px rgba(0,0,0,0.1); }
div.forumMorePosts > h2 { margin:0; margin-bottom:2px; padding:0; }
div.forumMorePosts > ul  { padding:0; margin:0; list-style-type: none; }
div.forumMorePosts > * > li  { /*border-top:1px solid rgba(0,0,0,0.2);*/ padding:7px 0; }
div.forumMorePosts > * > li > a:first-child { display:block; font-weight:bold; }
div.forumMorePosts > * > li > a:first-child::before { color: rgba(0,0,0,0.66); content: " \201c"; margin-right: 2px; }
div.forumMorePosts > * > li > a:first-child::after { color: rgba(0,0,0,0.66); content: "\201d"; margin-left: 2px; }
div.forumMorePosts > * > li > span { display:block; margin-top:2px; font-size:10px; }


/* 15.5.2019 === NOTIFICATION-INHALT === */

/*#dc_notify_list > a:not(:first-child) { border-top:1px solid rgba(0,0,0,0.33); }*/
#dc_notify_list { /* padding:3px; */ }
#dc_notify_list > a { /*position:relative; */text-decoration:none !important; color:rgba(0,0,0,0.8) !important; font-family:Verdana; font-size:11px; padding:6px 3px; display:block; background-color:rgba(0,0,0,0.04); margin-bottom:3px; }
#dc_notify_list > a:hover { background-color:rgba(0,0,0,0.10); }

#dc_notify_list > a:not([data-new='0']) { background-color:rgba(247,101,3,0.33); }
#dc_notify_list > a:hover:not([data-new='0']) { background-color:rgba(247,101,3,0.5); }

#dc_notify_list > a:not([data-new='0'])::before { content: 'ungelesen'; text-transform:uppercase; float:right; /*position: absolute; bottom:5px; right:5px; */height:11px;
                                                 font-family:'Segoe UI'; font-size:11px; line-height:11px; color:#fff; font-weight:bold;
                                                 background:rgba(247,101,3,1); padding:3px; outline:1px solid rgba(255,255,255,0.5); }

#dc_notify_list > a > p { margin:0; }
#dc_notify_list > a > p:nth-child(1) { margin-bottom:3px; }
#dc_notify_list > a > p:nth-child(2) { font-size:9px; color:rgba(0,0,0,0.5); }