/* responsive images */
.resize img { max-width: 100%; width: auto!important; }
.resize.center { text-align: center; }
/* fix for flash ads */
/*.bannerRight { float: right; }*/

/* misc */
.errortext { color: #c61111; }
p.borderTop { border-top: 1px solid #ccc; padding-top: 15px; }
footer div.right { overflow: hidden; }

/* teaser-btn fix */
a.teaser-btn span {
    padding-right: 75px;
}


/* print style patches */
@media print { 
    header, footer, #locnav, .print_hide {display: none;} 
}

/* key visual integration */
.keyvisual { height: auto; max-width: 100%; margin-top: -59px;}
@media only screen and (max-width: 599px) { 
    .keyvisual { display: none; }
}

/* formfixes labels above, nolabels */
section.stripe section.column.nolabels .block label, 
.column.nolabels.maxwide label,
.column.nolabels.maxwide input { width: 100%!important; }

/* IE8 only */
.lt-ie9 section.stripe section.column.nolabels .block label, 
.lt-ie9 .column.nolabels.maxwide label,
.lt-ie9 .column.nolabels.maxwide input    { width: 424px!important; }
.lt-ie9 .column.nolabels.maxwide .column input { width: 217px!important; }
.lt-ie9 .dp-form .one-third.column .block,
.lt-ie9 .dp-form .one-half.column.nolabels.maxwide .one-half.column .block { padding-right: 10px; }
.lt-ie9 .one-half.column .container.row   { width: 462px; }
.lt-ie9 .container .column.maxwide,
.lt-ie9 .one-half.column.nolabels.maxwide .one-half.column { margin: 0 1.524390243902439% 30px 0; }
.lt-ie9 .dp-form .one-half.labelsabove.nolabels .block input { width: 99%; }
.lt-ie9 input[type="password"] { font-family: Arial; }
.lt-ie9 .desktop_show { display: block; }
.lt-ie9 p.specialmargin { margin-top: 71px!important; }

/* IE9 only */
.ie9 .dp-table.native-swipeable { overflow-y: visible; overflow-x: auto; }

/* Special Margin for Aufklapper */
@media only screen and (min-width: 1024px) { 
    p.specialmargin { margin-top: 71px!important; }
    p.specialmargin2 { margin-top: 45px!important; }
    p.specialmargin_prio_internetmarke { margin-top: 90px!important; }
}


p.label { line-height: 20px; margin-bottom: 5px; }
.error p.label { color: #c61111; }
.labellist label { display: inline-block; width: 200px; font-family: "Delivery Bold", sans-serif}
.one-half.column .one-third.column.maxwide {
    margin-left: 0;
}

.column.one-half div.block .column.one-third div.block { padding-right: 0; }
@media only screen and (max-width: 599px) { 
    .column.nolabels.maxwide .select_wrapper:before {
        right: 1px;
    }
}
@media only screen and (min-width: 600px) {   

    .whole.column.nolabels.maxwide { margin-left: 0; }
    .block.wider { padding-right: 20px; }
    .column.maxwide .block { padding-right: 0; }
    .dp-form .one-half.column.labelsabove input[type=radio] + label.rlabel, 
    .dp-form .one-half.column.labelsabove input[type=checkbox] + label.cblabel {
        margin-top: 23px;
    }

    input.labelsabove.maxwide .block { padding-right: 40px; }
    .column.one-half .column.whole.maxwide.nolabels div.block { padding-right: 10px; }

}
.dp-form .one-half.column.labelsabove .block select {
    width: 100%;
}
.dp-form .one-half.column.labelsabove .block label.select_wrapper:before {
    margin-top: 2px;
}
@media only screen and (min-width: 1024px) {
    .column.maxwide .block { padding-right: 10px; }
    .block.wider { padding-right: 10px; zoom: 1; position: relative; }
    section.stripe section.column.nolabels .block input, section.stripe section.column.nolabels .block textarea{ width: 100%!important; }
    .column.one-half .column.whole.maxwide.nolabels div.block { padding-right: 24px; }
    .nolabels.labelsabove .block label.select_wrapper:before { bottom: auto; top: auto; }

    .dp-form .one-half.column.labelsabove .infotext { margin-top: 24px; }
}
.dp-form .one-third .block label { width: 100%; }
.dp-form .one-half.column.labelsabove .block label {
    margin-top: 0;
    margin-bottom: 5px;
    width: 100%;
}

.dp-form .labelsabove.nolabels .one-third.column {
    margin-bottom: 10px;
}

/* tabellen fix border bottom rowspan */
.dp-table th, .dp-table td { border-bottom: 0; }
.dp-table td { border-top: 1px solid #ccc; }
.dp-table th { border-top: 0; }
.dp-table tr.step-headline td { border-top: 0; padding-top: 20px; }

/* menu fix */
.flyout .stripe.white a.close { 
background: url('../template/img/sprite.png') no-repeat -184px -12px #fff;
}

/* htc-path fix */
#CQ .cq-editrollover-insert-container,
.gridtest .column, 
.stripe.yellow, 
.stripe.white, 
.stripe.grey, 
.stripe.black, 
.action-btn, 
.teaser-btn, 
.swiper-pagination-switch, 
.half-transparent-box, 
#overlay,
.header nav a,
.header nav a:focus,
.header nav a:hover, 
.header nav a.active,
#locnav .swiper-container:after,
#locnav .swiper-slide a.active,
#locnav_fixed.active,
.minipk .option,
.minipk ul,
.minipk li:hover,
.flaps dt,
.tabset .tabs li span,
.tabset .tabs .tab-open span,
.search-result-submit,
.dp-form input[type=submit],
.dp-form input[type=reset],
.dp-form input[type=button],
.dp-form button,
.step-nav p:after,
.clue,
#isotope .item,
#isotope .item h2,
#isotope .item .textblock {
    behavior: url("/sendung/static/template/htc/PIE.htc");
}
@media only screen and (max-width: 1023px) {
    .linklist .heading {
        behavior: url("/sendung/static/template/htc/PIE.htc");
    }
}
@media only screen and (max-width: 829px) {
    .tabset:after {
        behavior: url("/sendung/static/template/htc/PIE.htc");
    }
}
@media only screen and (max-width: 599px) {
    .header .search a:hover,
    .header .search a.active {
        behavior: url("/sendung/static/template/htc/PIE.htc");
    }
}

/* black clue patch */
section.stripe.yellow .clue {
    background: #000;	
    background:    -moz-linear-gradient(top, #4D4D4D 0%, #000 100%);
    background: -webkit-linear-gradient(top, #4D4D4D 0%, #000 100%);
    background:      -o-linear-gradient(top, #4D4D4D 0%, #000 100%);
    background:   linear-gradient(to bottom, #4D4D4D 0%, #000 100%);
    -pie-background:    linear-gradient(top, #4D4D4D 0%, #000 100%);	 
}
section.stripe.yellow .clue.error .errortext { color: #ffcc00; }
section.stripe.yellow .clue:after { background: url('../img/black_clue_patch.png') no-repeat; background-position: -3px -1px; }
@media only screen and (max-width: 599px) {
    section.stripe.yellow .clue:after { background-position: -113px -15px; }
}

/* display control */
.desktop_show {
    display: none;
}
@media only screen and (min-width: 1024px) {
    .desktop_show {
        display: block;
    }
}

/* local navigation fix*/
@media only screen and (max-width: 599px) { 	

    #locnav .column {
        margin-top: 11px;
    }
    #locnav h1 {
        margin-right: 20px;
        margin-top: 9px;
    }
    #locnav .swiper-wrapper {
        margin-left: -10px;
        margin-top: 5px;
        height: 25px;
    }
    #locnav .swiper-slide a {
        padding: 4px 10px;
    }
    #locnav .swiper-slide a.active {
        padding-bottom: 6px;
    }
    #locnav.home h1 {
        padding-bottom: 5px;
    }
    #locnav.brand h1 {
        margin-top: 13px;
        margin-bottom: 10px;
    }
    #locnav.brand .withSubnav h1 {
        margin-bottom: 0;
    }
    #locnav.brand img {
        height: 12px;
        margin-right: 2px;
    }
}


/* special style Anpassungen */
.container .column.special {
    border-top: 1px solid #ccc;
    padding-top: 13px;
}

.container .column.yellow {
    border-color: #CCAE39;
}

.container .column.special a.action-btn.yellow,
.container .column.special a.action-btn.red,
.container .column.special button.action-btn.yellow,
.container .column.special button.action-btn.red {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}

a.action-btn.special {
    float: right;
}

.dp-form .one-third .block .infotext.notspecial {
    top: 0;
}

/* fix for checkboxes */
.dp-form input[type=checkbox] + label.rlabel {
    margin-right: 40px;
}

/* non bold textlinks */
.stripe .textblock .textlink.nonbold {
    font-family: "Delivery Regular", sans-serif;
}

/* fix no margin column */
.container .column.nomargin {
    margin: 0 0 30px;
}

.seventy {
    width: 70%;
    float: right;
}

label.left { float: left; }

.dp-form .one-half .block .seventy input {
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .seventy {
        float:none;
        width:100%;
    }
}

.dp-form input[type=text].disabled, .dp-form select.disabled {
	background-color: #DDDDDD;
}

/* custom column module */
.custom-column-left.column, 
.custom-column-right.column { 
    margin: 0 1.524390243902439% 30px;
    position: relative; 
    display: block;
    width: 100%;
    margin-left: 0;
}
.custom-column-left.column {
    margin-bottom: 10px;
}
.custom-column-right.column {
    padding-right: 10px;
}
.custom-column-right input {
    width: calc(100% - 40px);
}
.custom-column-left a {
    display: block;
}
.dp-form .column .block  .infotext.custom-infotext {
    top: 0;
}
@media only screen and (min-width: 600px) {
    .dp-form .column.no-label {
        margin-top: 25px;
    }
    
    .dp-form .custom-column-right .block  input {
        width: 100%;
    }
    .dp-form .custom-column-right .block {
        padding-right: 20px;
    }
    .dp-form .column .block  .infotext.custom-infotext {
        right: -15px;
    }
    .custom-column-right.column {
        padding-right: 0; 
        margin-right: 0;
    }
    .custom-column-left.column, 
    .custom-column-right.column { 
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .custom-column-left a {
        display: block;
        position: absolute;
        width: 300px;
    }
    .custom-column-left, 
    .custom-column-right {
        float: left;
        display: inline-block;
    }
    .custom-column-right.column {
        width: calc(93% - 160px);
    }
    .custom-column-left.column {
        width: 160px;
        margin-bottom: 30px;
    }
    .dp-form .custom-column-right .block {
        padding-right: 15px;
    }
    .dp-form .column .block  .infotext.custom-infotext {
        right: -25px;
    }
}
.dp-form .error textarea#textarea_shipmentIds {
	background-image: none;
}