body  { margin:0px; font-size:13px;}



#DKG_BODY { margin:0; padding:1px 1px 50px; overflow-y: scroll; background-color:#DDD; }

a:link,
a:visited { color:#2149A3; text-decoration:underline; }
a:hover   { color:#000; text-decoration:underline; }


*[data-content-root] { position:relative; padding:0; } /* EX:USABLE_AREA*/

#DKG_CONTAINER { position:relative; margin: 15px auto 0; padding-left:15px; }
#DKG_CONTAINER_IN { }

/* DCAD */

#DKGA_LEAD { padding:10px 0 !important; position:relative; }
#DKGA_LEAD::before {content:url(//www.druckerchannel.de/bilder/dca/000_VK.svg); position:absolute;  top:calc(15px); left:-12px; }
/*
#DKGA_LEAD { margin:10px 0 !important; position:relative; }
#DKGA_LEAD::before {content:url(//www.druckerchannel.de/bilder/dca/000_VK.svg); position:absolute;  top:calc(15px); left:-12px; }

*/

#DKGA_SKY_LINE { position:relative; }
#DKGA_SKY      { text-align:left; } /* overflow:visible !important; max-height:850px;*/

#DKGA_MRECT { position:relative; margin:30px 0 0; }
#DKGA_MRECT::before {content:url(//www.druckerchannel.de/bilder/dca/000_HK.svg); position:absolute; top:-18px; left:calc(50% - 19px); }

#DKGA_CONTENT { position:relative; margin:20px 0 20px; text-align:center; }
#DKGA_CONTENT::before {content:url(//www.druckerchannel.de/bilder/dca/000_HK.svg); position:absolute; top:-18px; left:calc(50% - 19px); }

#DKGA_BOTTOM { position:relative; margin:30px 0 20px; text-align:center; }
#DKGA_BOTTOM::before {content:url(//www.druckerchannel.de/bilder/dca/000_HK.svg); position:absolute; top:-18px; left:calc(50% - 19px); }

/* Neben der Normbreite nicht genug Platz */
@media only screen and ( max-width:1080px ){ /* 970 + 10 + 100 (+ 15) */
       #DKGA_SKY_LINE { display:none; }
}

/* Beschriftung muss nach oben */
@media only screen and ( max-width:1000px ) { /* 970 + 10 + 180 + 20 */

       #DKGA_LEAD { padding:25px 0 10px 0 !important; position:relative; }
       #DKGA_LEAD::before {content:url(//www.druckerchannel.de/bilder/dca/000_HK.svg); position:absolute; top:5px; left:calc(50% - 19px); }
}

                                                                                              /*FBB281*/
.DKG_CONTENT { padding:3px; background-color:#FFF; text-align:left; }
.DKG_CONTENT { box-shadow: 0 0 3px rgba(0,0,0,0.2); }

/* ====== FRAME (eh DK_geruest) ====== */
/* ====== v3 - Juli 2014 ====== */




#DKFC_TOP { background-color:#F76503; margin-bottom:2px; }

#DKF_INTRO { color:#FFF; font-size:13px;  }
#DKF_INTRO > span { float:right; padding:5px; }

#DKF_INTRO a:link,
#DKF_INTRO a:visited { text-decoration:none; color:#FFF !important }
#DKF_INTRO a:hover   { text-decoration:underline; color:#FFF !important }

/* Breadcrump & Social*/
#DKF_SUBLINE { padding:5px 5px; display:flex; }
#DKF_SUBLINE > *:nth-child(1) { flex:1; margin:auto 0; }          /* bread */
#DKF_SUBLINE > *:nth-child(2) { text-align:right; margin:auto 0;} /* social */
#DKF_SUBLINE > *:nth-child(2) > * { margin-left:2px; /*abstand den Abstand vom Topmenü anpassen*/ }

#DKF_TOPMENU { padding-top:5px;  }

#DKFC_CNT { margin-bottom:2px; display:flex;  }
#DKFC_CNT > div { vertical-align:top; }

#DKF_MITTE { padding:7px 10px 7px 7px; /*3px rand oul*/ flex:1; font-size:13px; /* muss sein, wegen rechter Spalte ...: */ min-width:0; max-width:100%; box-sizing:border-box; }

#DKF_RECHTS { padding:0px; background-color:#eee; padding:10px;  }



#DKF_OUTRO { padding:20px 0px 20px; text-align:center; vertical-align:top; background-color:#eee; color:#555; }

#DKF_OUTRO > div { color:#333; font-size:13px; line-height:16px; vertical-align:middle; }
#DKF_OUTRO > div:not(:first-child) { margin-top:15px; }
#DKF_OUTRO > div > a:not([data-logo]) { color:#000; text-decoration:none; border-bottom: 2px solid #888;  padding:0 0 1px; }
#DKF_OUTRO > div > a:hover {  text-decoration:none; color:inherit;   }
#DKF_OUTRO > div img { vertical-align:middle; }

/*#DKF_OUTRO img:not(:hover) { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); }*/

#DKF_OUTRO_DOC_L { margin-bottom:0; }
/*#DKF_OUTRO_DOC_L > a:not(:first-child)::before{ content:"\2022"; margin-left:6px; margin-right:6px;  }*/




/* Rechtes MENÜ */
/* Version ab Juni 2015 (DC) */

.DCG_BOX:not(:first-child) { margin-top:12px; }

.DCG_BOX > header { font-size:15px; font-family:var(--dk-big-font); font-weight:bold; color:#000;  }
.DCG_BOX > header > span { float:right; top:-2px; }
.DCG_BOX > header > span > input:not([type=BLABLA]) { display:none; }
.DCG_BOX > header > span > label { text-align:right; padding:0px; padding-left:2px; border:none; vertical-align:middle;  font-family:var(--dk-big-font); font-size:11px; }
.DCG_BOX > header > span > label { padding:1px 4px 1px; margin-left:2px;  }

.DCG_BOX > header > span > input:checked + label,
.DCG_BOX > header > span > label:hover { padding:1px 3px 1px;  background-color:#F5F5F5; border-radius:1px; border:1px solid #DDD; color:#F76503; text-decoration:none;  }

.DCG_BOX > main { font-size:11px !important; color:#333; }
.DCG_BOX > main > table { width:100%; border-spacing:0; table-layout:fixed;  }

.DCG_BOX > main > div,
.DCG_BOX > main > table > tbody > tr > td { padding:5px 2px; vertical-align:top; border-top:#EEE 1px solid; overflow:hidden; }
.DCG_BOX > main > table > tbody > tr:not(:first-child) > td { border-top:rgba(0,0,0,0.1) 1px solid; }
.DCG_BOX > main > table > tbody > tr > td a { text-decoration:none;}
.DCG_BOX > main > table > tbody > tr > td a:hover { text-decoration:underline;}

.DCG_BOX > main span.poll { text-transform:none !important; font-size:8px; padding:0px 2px; top:-2px; font-weight:bold; border-radius:3px; background-color:#F76503; color:#FFF; border:#F76503 1px solid; margin-right:3px;  }

.gBoxForumLine { display:flex;   }
.gBoxForumLine > * { white-space: nowrap; display:inline-block; overflow:hidden; box-sizing: border-box;  }
.gBoxForumLine > a { flex:1; text-overflow: ellipsis;  }
.gBoxForumLine > span { padding-left:3px; text-align:right; direction: rtl;  }

.gBoxForumLine > abbr:not(:empty) { cursor:help; text-decoration:none; background-color:rgba(247,101,3,0.75); color: #fff; font-weight: bold; margin-left: 2px; margin-right: 3px; padding: 0 3px; transform: skew(-15deg);}



h1 { margin:0px; margin-top:0px; margin-bottom:5px; font-family:var(--dk-big-font); color:#333; font-weight:bold; font-size:24px; }
h2 { margin:0px; margin-bottom:7px; font-family:var(--dk-big-font); color:#333; font-weight:normal; font-size:18px; }
h3 { margin:0px; margin-bottom:5px; font-weight:bold; font-family:var(--dk-big-font); color:#333; font-size:14px; }




/* Gerüst */

#dc_main_breadcrumb { margin:0; page-break-after:avoid; list-style:none; padding:0; display:flex; overflow:hidden; }
#dc_main_breadcrumb { font-size:11px; color:#555; vertical-align:middle; }

#dc_main_breadcrumb a { color:#555; text-decoration:none; }
#dc_main_breadcrumb a:hover { text-decoration:underline; }
                          /*margin:0 2px; */
#dc_main_breadcrumb > li { margin:0; display:inline-block; list-style-type: none; white-space: nowrap; overflow:hidden; }
#dc_main_breadcrumb > li:first-child { margin-left:0; }
#dc_main_breadcrumb > li:last-child { margin-right:0; }

#dc_main_breadcrumb > li:not(:first-child) > * > span::before { margin:0 4px; content:'\203A'; text-decoration:none !important; font-weight:normal !important}


/* Flexen, wenn es sich um ein Beschrifttungsfeld handelt ... */
#dc_main_breadcrumb > li:not([itemprop='itemListElement']):last-child { flex:1; }


#dc_main_breadcrumb > li > * { display:block; }
#dc_main_breadcrumb > li > * > span { display:block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  }

#dc_main_breadcrumb > li[itemprop='itemListElement'] { font-weight:bold; }




/*.set_option_item + .set_option_item { border-top:#888 1px solid; }*/
/*
hr,p
span > input > label
*/




input[data-eswitch][type='checkbox'] { display:none; }
input[data-eswitch][type='checkbox'] + label:before { content:url('/bilder/symbol/checkbox_disabled.svg'); margin-right:6px; }
input[data-eswitch][type='checkbox']:checked + label:before { content:url('/bilder/symbol/checkbox_enabled.svg'); }
input[data-eswitch][type='checkbox'] + label { vertical-align:middle; font-family:var(--dk-big-font); font-size:16px; display:block; margin-bottom:2px; }

/* zusätzliches Disabled per JS */
input[data-eswitch][type='checkbox']:checked + label { margin-bottom:0; }
input[data-eswitch][type='checkbox']:checked + label ~ * { display:none; }


/* Druckerauswahl */
#dk_p_suche { margin-bottom:9px; }
#dk_p_suche > input[type='text'] { width:100%; max-width:500px }


#dk_p_list { margin-top:3px; display:flex; flex-wrap: wrap; max-height:147px; }
#dk_m_list { display:flex; flex-wrap: wrap;  }
#dk_m_list:not(:empty) { border-top:1px solid #333; padding-top:6px; margin-top:6px;  }

#dk_p_list > input,
#dk_m_list > input { display:none; }

#dk_p_list > label,
#dk_m_list > label { flex:1; max-width:250px; white-space: nowrap; text-align:center; padding:5px 2px; border:1px solid rgba(0,0,0,0.1); background-color:#eee; color:#333; border-radius:1px; margin-right:3px; margin-bottom:3px; font-size:11px;}

#dk_p_list > input:disabled + label { background-color:rgba(0,0,0,0.03); color:#bbb; }

#dk_p_list > input:checked + label,
#dk_m_list > input:checked + label { background-color:rgb(247,101,3); color:#fff; }



#dk_m_selector_box { display:flex; margin:3px 0; }
#dk_m_selector_box > div:nth-child(1),
#dk_m_selector_box > div:nth-child(3) { flex:1; }

#dk_m_selector_box > div:nth-child(2) { width:30px; vertical-align:middle; text-align:center; }

#dk_m_selector_box > div > select { width:100%; }
#dk_m_selector_box > div > button { display:block; margin:3px; height:120px; font-size:20px; }

/* ausblenden wenn nicht gewählt*/
input[data-eswitch][type='checkbox']:checked + label + #dk_m_selector_box { display:none; }

/* Phasendarstellung */


#dk_phase_set { margin:15px 0; display:flex; align-items: center; width:100%; }
#dk_phase_set:first-of-type { margin-top:0; }
#dk_phase_set > * { background-color:#f5f5f5; padding:4px 0 4px 22px; display:block; position:relative; text-align:center; flex-grow:1; min-width:0;}
#dk_phase_set > *:not([data-selected]) { flex-shrink:1; }

#dk_phase_set > *:not(:first-child) { margin-left:3px; }
#dk_phase_set > *:first-child { padding-left:6px; }
#dk_phase_set > *:last-child { padding-right:6px; }

#dk_phase_set > *[data-selected],
#dk_phase_set > a[data-change] { background-color:var(--dk-contrast-low-color); color:#fff !important;  }
#dk_phase_set > a[data-next] { background-color:rgba(0,0,0,0.33); color:#fff !important; /*animation: next_animation_box 3s infinite;*/ }
#dk_phase_set > a { text-decoration:none !important; }


/*#dk_phase_set > * { text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }*/

#dk_phase_set > *[data-selected],
#dk_phase_set > a[data-change]:hover { background-color:var(--dk-contrast-full-color); }
#dk_phase_set > a[data-next]:hover { background-color:rgba(0,0,0,0.5); color:#fff !important;  }

#dk_phase_set > * > * { margin:0; padding:0; color:inherit;  white-space: nowrap; }
#dk_phase_set > * > * { text-overflow: ellipsis; overflow:hidden; /*direction: rtl; */ /*... vorne */ }
#dk_phase_set > * > h2 { overflow:visible; }


#dk_phase_set >  * { position:relative; }
#dk_phase_set >  * > aside { z-index:1; position:absolute; top:calc(100% + 7px); box-sizing:border-box;; left:0; width:100%; overflow:visible; }
#dk_phase_set >  * > aside > span { max-width:100%; font-size:13px; font-weight:bold; font-family:var(--dk-big-font);  background-color:var(--dk-contrast-full-color);  border-radius:2px; padding:3px 8px; }

#dk_phase_set >  * > aside::before { content: ''; position: absolute; left:0; width: 0; height: 0; clear: both;
                top:calc(-8px + -3px + 1px); /* 1 pixel eingerückt */
                left:calc(50% - 7px);
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
                border-bottom: 8px solid var(--dk-contrast-full-color); }

/* andere Richtung */
#dk_phase_set >  * > aside[data-direction='top'] { top:unset; bottom:calc(100% + 8px); }
#dk_phase_set >  * > aside[data-direction='top']::before {
                border-bottom:none;
                border-top:8px solid var(--dk-contrast-full-color);
                top:unset;
                bottom:calc(-8px + -3px + 1px);/* 1 pixel eingerückt */
}



#dk_phase_set > * > h2 { font-family:var(--dk-big-font); font-size:21px; line-height:21px; font-weight:normal; }
#dk_phase_set > * > h3 { font-family:Verdana; font-size:11px; margin-top:2px; line-height:13px; font-weight:normal; }

#dk_phase_set > *:not(:first-child)::before { content: ''; position: absolute; left:0; width: 0; height: 0; clear: both;
                top:calc(50% - 22px);
                border-bottom: 22px solid transparent;
                border-top: 22px solid transparent;
                border-left: 22px solid #fff; }

#dk_phase_set > *:not(:last-child)::after { z-index:11111; content: ''; position: absolute; width: 0; height: 0; clear: both;
                right:-22px; top:calc(50% - 22px);
                border-bottom: 22px solid transparent;
                border-top: 22px solid transparent;
                border-left: 22px solid #f5f5f5; }


#dk_phase_set > a[data-change]:not(:last-child)::after { border-left: 22px solid var(--dk-contrast-low-color); }
#dk_phase_set > a[data-next]:not(:last-child)::after { border-left: 22px solid rgba(0,0,0,0.33); /*animation: next_animation_pfeil 3s infinite;*/ }

#dk_phase_set > a[data-change]:not(:last-child):hover::after,
#dk_phase_set > *[data-selected]:not(:last-child)::after { border-left: 22px solid var(--dk-contrast-full-color); }
#dk_phase_set > a[data-next]:not(:last-child):hover::after { border-left: 22px solid rgba(0,0,0,0.5); /*animation: none;*/ }



/* ========================================================================= */
/* ========================================================================= */
/* =========================== TABELLE ===================================== */
/* ========================================================================= */
/* ========================================================================= */

#dk_erg_liste_intro { display:flex; flex-flow: wrap; padding:8px 2px; margin-bottom:1px; font-size:16px; font-family:var(--dk-big-font); }
#dk_erg_liste_intro > div { padding:0; }
#dk_erg_liste_intro > div:nth-child(1) { flex:1; text-align:right; vertical-align:middle; margin:auto; }
#dk_erg_liste_intro > div:nth-child(2) { width:60px; text-align:center;  }
#dk_erg_liste_intro > div:nth-child(2) > img { border:3px solid white;  }
#dk_erg_liste_intro > div:nth-child(3) { flex:1; margin:auto; }
#dk_erg_liste_intro > div:nth-child(4) { width:100%; text-align:center; font-family:Verdana; margin-top:4px; font-size:13px; font-style:italic; }

#dk_erg_liste_intro > div:nth-child(5) { width:100%; text-align:center; font-family:Verdana; margin-top:2px; font-size:11px; }
#dk_erg_liste_intro > div:nth-child(5):empty { display:none; }
#dk_erg_liste_intro > div > * { margin:0; margin-top:3px; }
#dk_erg_liste_intro > div > *:first-child { margin-top:0; }

#dk_erg_liste_intro_user_info { padding:8px 2px; margin-bottom:1px; font-size:12px;  }

#dk_erg_liste { width:100%; table-layout:fixed; border-spacing:0; }
#dk_erg_liste > tbody > tr > * { text-align:center; padding:2px 8px; }
#dk_erg_liste > tbody > tr > *:first-child { text-align:right; }

#dk_erg_liste > tbody > tr > * { text-overflow: ellipsis; }
#dk_erg_liste > tbody > tr > th { padding-top:12px; padding-bottom:8px;  }
#dk_erg_liste > tbody > tr > th > a { color:#888; font-weight:bold; font-size:11px; text-decoration:none; padding:0; padding-bottom:2px;  white-space: nowrap; position: relative;  }


#dk_erg_liste > tbody > tr > th > a::after{
    content: ''; position: absolute; left: calc(50% - 9px); top: calc(100% + 3px); width: 0; height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent /*wird per skript angepasst*/;
    clear: both;
}



#dk_erg_liste_intro,
#dk_erg_liste_intro_user_info,
#dk_erg_liste > tbody > tr > th { background:rgba(0,0,0,0.05); }

#dk_erg_liste { font-size:14px; font-family:var(--dk-big-font);  }


#dk_erg_liste > tbody > tr > td:nth-child(4) { font-family:Verdana; text-align:left; }

/* kleinerer Bildschirm ... */
@media only screen and (max-width:400px){
         #dk_erg_liste { font-size:12px; font-family:var(--dk-big-font); }
         #dk_erg_liste_intro { font-size:13px; }
}

#dk_view_detail { display:none }
#dk_view_detail + label { position:absolute; font-size:11px; color:#fff; background:var(--dk-contrast-full-color); padding:8px 6px; }
#dk_view_detail + label:hover {  background:var(--dk-contrast-low-color); }
#dk_view_detail:checked + label:after { content:'\A' attr(data-on); margin-left:3px; font-weight:bold; white-space: pre-wrap; }
#dk_view_detail:not(:checked) + label:after { content:'\A' attr(data-off); margin-left:3px; font-weight:bold; white-space: pre-wrap; }



#dk_erg_liste > tbody > tr[data-out] > td,
#dk_erg_liste > tbody > tr[data-dcad] > td,
#dk_erg_liste > tbody > tr[data-base] > td { border-top:1px solid  rgba(0,0,0,0.10); vertical-align:baseline;  }

#dk_erg_liste > tbody > tr[data-info] > td { font-size:10px; font-family:Verdana;  color:#555; text-align:center; margin-top:0; padding-top:0; }

#dk_erg_liste > tbody > tr[data-base] > td:first-child { vertical-align:top;  }
/*
#dk_erg_liste:not([data-view='detail']) > tbody > tr[data-det] { display:none }
#dk_erg_liste[data-view='detail'] > tbody > tr[data-base] > td { background:linear-gradient(to bottom, white 0%, #f5f5f5 90%); }
#dk_erg_liste[data-view='detail'] > tbody > tr[data-det] > td { background-color:#f5f5f5; }
*/
#dk_view_detail:not(:checked) ~ #dk_erg_liste > tbody > tr[data-det] { display:none }
#dk_view_detail:checked ~ #dk_erg_liste > tbody > tr[data-base] > td { background:linear-gradient(to bottom, white 0%, #f5f5f5 90%); }
#dk_view_detail:checked ~ #dk_erg_liste > tbody > tr[data-info] > td { background-color:#f5f5f5; }
#dk_view_detail:checked ~ #dk_erg_liste > tbody > tr[data-det] > td { background-color:#f5f5f5; }

/* markiert und aufgeklappt */
#dk_view_detail:checked ~ #dk_erg_liste > tbody > tr[data-base][data-marked] > td { background:linear-gradient(to bottom, white 0%, var(--dk-contrast-light-color) 90%); }
#dk_view_detail:checked ~ #dk_erg_liste > tbody > tr[data-info][data-marked] > td { background-color:var(--dk-contrast-light-color) !important; }
#dk_view_detail:checked ~ #dk_erg_liste > tbody > tr[data-det][data-marked] > td { background-color:var(--dk-contrast-light-color) !important; }


/* Originalpreise einblenden*/
#dk_erg_liste > tbody > tr > td { padding:6px 0; }
#dk_erg_liste > tbody > tr > td > aside { display:block; font-size:10px; color:#888; font-family:Verdana; margin:0; margin-top:3px; text-align:center; }
#dk_erg_liste > tbody > tr > td > aside::before { content:'(';}
#dk_erg_liste > tbody > tr > td > aside::after { content:')';}

#dk_erg_liste > tbody > tr[data-base] > td { /*min-height:46px;*/ }

/* Modell */
#dk_erg_liste > tbody > tr:nth-child(2) > td { padding-top:16px; border-top:none; }

#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) { position:relative; overflow:visible;  }
#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > a { font-weight:bold; }
#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > b { color:#000; display:block; /*margin-top:5px; */ } /*no-link-modus*/
#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > span { display:block; font-size:10px; font-family:Verdana; margin-top:2px; color:#555; }
#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > span.dc_roundimg { float:left; }

/* Vorstellung / zum Test */
#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > span[data-extlink] { margin-top:3px; margin-bottom:2px; }
#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > span[data-extlink] > a { text-decoration:none; color:#fff; background-color: var(--dk-contrast-full-color); ; padding: 2px 4px; border-radius: 2px; font-size:10px; }
#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > span[data-extlink] > a:hover { background-color: var(--dk-contrast-half-color); }



#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > aside { position:absolute; font-size:10px; left:-3px; bottom:3px; } /* ML*/

/*#dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > span[data-doc='6BLK'] { border-right:10px solid red; padding-right:4px; }*/

#dk_erg_liste > tbody > tr[data-det] > td:nth-child(4),
#dk_erg_liste > tbody > tr[data-base] > td:nth-child(4) { padding-left:15px; padding-right:0; }

/* mehr als ein Preis */
#dk_erg_liste > tbody > tr > td:nth-child(4) > * + * { margin-top:3px; }


#dk_erg_liste > tbody > tr[data-det] > td:nth-child(6) > p,
#dk_erg_liste > tbody > tr[data-det] > td:nth-child(1) > p { display:block; font-size:10px; font-family:Verdana; margin-top:2px; color:#555; }

#dk_erg_liste > tbody > tr[data-det] > td:nth-child(6) > p:first-child,
#dk_erg_liste > tbody > tr[data-det] > td:nth-child(1) > p:first-child { margin-top:0; }



#dk_erg_liste > tbody > tr[data-out] > td { text-align:center; color:#555; font-style:italic; }


#dk_erg_liste > tbody > tr[data-marked] > td { background-color:var(--dk-contrast-light-color);  }



/* ================= Startseite ================= */

.dk_index_hinweis { margin:10px 0; }
.dk_index_hinweis > a { display:block; padding:6px; margin-left:23px; background-color:rgba(247,101,3,1.00); color:#fff; text-decoration:none; font-size:13px; position:relative; border-radius:2px;}
.dk_index_hinweis > a:hover { text-decoration:underline; background-color:rgba(247,101,3,0.50); }
.dk_index_hinweis > a > span { position:absolute; left:-23px; top:calc(50% - 20px); font-size:30px; font-weight:bolder; color:#F76503; }

.dk_index_hinweis:first-child { margin-top:0; }

#dk_index_info { margin:0; margin-top:20px; margin-bottom:6px;  }
#dk_index_info > h1 { margin:0; margin-bottom:6px; }
#dk_index_info > h2 { margin:0; margin-bottom:6px; }
#dk_index_info > p { font-size:15px; line-height:18px; margin-bottom:6px; }

#dk_bottom_info { display:block; margin:0; margin-top:6px; font-size:12px; padding:6px; background-color:#f5f5f5; color:#333; position:relative; }
#dk_bottom_info > span { float:left; padding-right:4px; padding-bottom:4px; font-size:60px; font-weight:bolder; color:#F76503; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;}
#dk_bottom_info > h3 { margin:0; margin-bottom:3px; font-family:Helvetica; font-size:18px; }
#dk_bottom_info > p { line-height:16px; margin-top:3px; font-size:inherit; }



.dk_quick_access { display: grid;  grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fill,minmax(170px, 1fr)); margin-top:-8px; margin-left:-8px;  }
.dk_quick_access * { color:#555; }

.dk_quick_access > input { display:none; }


.dk_quick_select, /*25.3.2019*/
.dk_quick_access > label,
.dk_quick_access > form,
.dk_quick_access > a { transition:all 200ms; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); border:none; background-color:#fff; border-radius:2px; padding:5px; padding-top:15px; text-align:center; margin-top:8px; margin-left:8px; text-decoration:none; position:relative; overflow:hidden; box-sizing:border-box; }

.dk_quick_access > form { overflow:inherit; }


.dk_quick_select { margin:0; /*margin-bottom:20px;*/ overflow:inherit; text-align:inherit; }

/*.dk_quick_access > a:hover */
.dk_quick_access > label:hover { box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); background-color:rgba(0,0,0,0.04); }


.dk_quick_access > a:hover,
.dk_quick_access > form:hover,
.dk_quick_access > input:checked + label { border:none;  box-shadow: 0px 0px 3px 0px var(--dk-printer-highlight-color);  background-color:var(--dk-printer-highlight-color); }


.dk_quick_access > label > div, /* Bildträger */
.dk_quick_access > form > div,
.dk_quick_access > a > div { display:inline-block; width:60px; height:60px; overflow:visible; background-color:transparent; }

.dk_quick_access > label:hover > div,
.dk_quick_access > form:hover > div,
.dk_quick_access > input:checked + label > div,
.dk_quick_access > a:hover > div { transition:all 200ms; border-radius:100px; overflow: visible; box-shadow: 0px 0px 5px 5px #fff; background-color:#fff; }

.dk_quick_access > * > div > img { display:block; width:100%; transition:all 100ms; }
.dk_quick_access > * > h2 { margin:0; margin-top:7px; font-size:18px; }
.dk_quick_access > * > h2 > input[type='text'] { color:inherit; text-align:center; padding-top:3px; padding-bottom:3px; }
.dk_quick_access > *:not(:hover) > h2 > input[type='text'] {  box-shadow:none; border:1px solid transparent; background-color:transparent; }
.dk_quick_access > * > h2 > input[type='text']:not(:focus) { text-overflow:ellipsis; direction:rtl; }

.dk_quick_access > label:hover > h2,
.dk_quick_access > form:hover > h2 > input,
.dk_quick_access > a:hover > h2 { color:#000;  }


.dk_quick_access > * > h3 { margin:0; margin-top:3px; font-weight:bold; font-size:14px; }
.dk_quick_access > * > span[data-anz] { font-size:10px; text-transform:uppercase; color:#555; white-space: nowrap;  position:absolute; bottom:5px; width:100%; text-align:center; left:0; }

.dk_quick_access > * > span[data-specs] { font-size:10px; color:#555; width:100%; text-align:center; left:0; margin-bottom:0; margin-top:4px;}

.dk_quick_access > a:hover *,
.dk_quick_access > input:checked + label * { color:var(--dk-printer-highlight-txt-color) !important; /*333*/ }
/*.dk_quick_access > input:checked + label > h2 { color:#000 !important; }*/

.dk_quick_access > a:hover > div > img,
.dk_quick_access > form:hover > div > img,
.dk_quick_access > label:hover > div > img,
.dk_quick_access > input:checked + label > div > img { width:calc(100% + 8px); height:calc(100% + 8px); margin-top:-4px; margin-left:-4px; }

.dk_quick_access > a[data-btmmsg]::after { content: attr(data-btmmsg); position:absolute; width:100%; bottom:5px; left:0; font-size:10px; text-transform:uppercase; color:#555; text-align:center; white-space: nowrap; }
.dk_quick_access > a[data-btmmsg] { padding-bottom:23px; }


/* FORMULAR */
.dk_quick_access > form > h2 { position: relative; top:-6px; }
.dk_quick_access > form > h3 { position: relative; top:-11px; }
.dk_quick_access > form > button { position: absolute; bottom: 5px; width: calc(100% - 10px); left: 5px; }


#dk_aktion_box { margin-bottom:6px; }
#dk_aktion_box > a { display:block; padding:6px 6px; margin-top:4px; border:#888 1px solid; color:#555; text-align:center; text-decoration:none; font-family:var(--dk-big-font); font-size:14px; }
#dk_aktion_box > a > span { font-weight:bolder; text-transform:uppercase; color:rgba(247,101,3,1.0); margin-right:6px;  text-decoration:underline; }

#dk_aktion_box > a:first-child { border-top-left-radius:2px; border-top-right-radius:2px; }
#dk_aktion_box > a:last-child { border-bottom-left-radius:2px; border-bottom-right-radius:2px; }

#dk_aktion_box > a:hover { border:rgba(247,101,3,0.67) 1px solid; color:rgba(247,101,3,1.0);  }
#dk_aktion_box > a:hover > span { text-decoration:underline; }

/* === USER - PREIS === (19.3.2020) */

.user_preis_introbox { margin:0; margin-bottom:5px;  }
.user_preis_introbox_option { display:flex; }
.user_preis_introbox_option > *:nth-child(2) { font-size:10px; text-align:right; position:relative; height:26px; white-space: nowrap; }
.user_preis_introbox_option > *:nth-child(2) > input { width:95px; height:100%; position:relative; right:-1px; box-sizing:border-box; z-index:1000; }
.user_preis_introbox_option > *:nth-child(2) > button { height:100%; width:26px; box-sizing:border-box; z-index:1010; }
.user_preis_introbox_option > *:nth-child(1) { flex:1; text-align:left; line-height:26px; font-family:Arial; font-size:13px;}
.user_preis_introbox_option > *:nth-child(1) > * { margin-right:8px; display:inline; text-decoration:none; color:#000; }
.user_preis_introbox_option > *:nth-child(1) > a:hover { text-decoration:underline; }
.user_preis_introbox_option > *:nth-child(1) > a[data-aktuell='1'] { pointer-events: none; color:#fff; background-color:var(--dk-printer-highlight-color); border-radius:2px; padding:1px 6px; font-weight:bold;  }



/* ============= RESPONSIVE ================== */


/* Normbreite unterschritten */
@media only screen and (max-width:1000px){
       .DKG_CONTENT { padding:0; /*Innenränder*/ }
       ##DKF_MITTE { padding:10px; }
       #DKG_CONTAINER { margin:0; padding-left:0; }

       /* einheitlicher Hintegrund */
       #DKG_BODY { margin:0; padding:0; /*background-color:#fff; */}
       .DKG_CONTENT { box-shadow: none; }
       #DKGA_LEAD { border-top:1px solid #555; border-bottom:1px solid #555; padding:5px 0; background-color:#fff; }

       #dk_erg_liste > tbody > tr[data-base] > td:nth-child(1) > span.dc_roundimg { display:none }
}

/* Rechte Spalte ausblenden */
@media only screen and (max-width:820px) { /*eigentlich 820*/
       #DKF_RECHTS { display:none; }
}

@media only screen and (max-width:550px){
         /* bei kleinen Bildschirm gibt es den Verschiebeeffekt*/
         #dk_erg_liste > tbody > tr > * { overflow:hidden;  }
}