/*------------------------------------*\
  #Basis Styles
\*------------------------------------*/

/* // Links */

a {color: #3390c7;}

/* Links //  */






/* // buttons */

a.button, 
span.gutschein_andere, 
span.tickets_pdf, 
span.tickets_kaufen, 
div.error_box, 
div.warning_box_content, 
p.voucher_exchanged_info, 
div.step_2 table.form_table tr.required, 
input[type=submit],
button {
    display: inline-block;
    height: auto;
    padding: .5rem 1rem;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: background-color .15s ease-out,color .15s ease-out;
    white-space: normal;
    background-color: #3390c7;
    color: #fff;
}



.button:focus, .button:hover, .fileupload .btn:focus, .fileupload .btn:hover,

a.button:hover, a.button:focus, 
span.gutschein_andere:hover, span.gutschein_andere:focus, 
span.tickets_pdf:hover, span.tickets_pdf:focus, 
span.tickets_kaufen:hover, span.tickets_kaufen:focus, 
div.error_box:hover, div.error_box:focus, 
div.warning_box_content:hover, div.warning_box_content:focus, 
p.voucher_exchanged_info:hover, p.voucher_exchanged_info:focus, 
div.step_2 table.form_table tr.required:hover, div.step_2 table.form_table tr.required:focus, 
input[type=submit]:hover, input[type=submit]:focus,
button:hover, button:focus {
    background-color: #459ccf !important;
    color: #fff !important;
}

.voucher_page_voucher_options button.einloesen {
    width: 100%;
    padding: 19px;
    background-color: #fff;
    color: #444;
}

.voucher_page_voucher_options button.einloesen:hover,
.voucher_page_voucher_options button.einloesen:focus {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #333 !important;
}

.voucher_page_voucher_options span.gutschein_andere {
    border: 0px solid transparent !important;
}

.voucher_page_ticket_options .download span.gutschein_andere:hover {
/* Gutschein eigeloest, download btn */
    background-color: #fff !important;
}

/* buttons //  */






/* // Eingabefelder */

input[type="text"],
input[type="password"], 
input[type="email"], 
input[type="url"],
input[type="tel"], 
input[type="number"], 
input[type="date"],
textarea, 
select,

td.eshop_td_input input.form_entry_nosize, 
td.eshop_td_input input.form_entry, 
table#cart_article_table #input_art_menge_290,
input.form_amount {
    color: #000;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border: 1px solid #999;
    border-radius: 2px;
    margin-bottom: 1rem;
    line-height: 1.5em;
    padding: 8px;
    height: auto;
    transition: box-shadow .5s,border-color .25s ease-in-out;
}


input[type="text"]:focus,
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus,
input[type="tel"]:focus, 
input[type="number"]:focus, 
input[type="date"]:focus,
textarea:focus, 
select:focus

td.eshop_td_input input.form_entry_nosize:focus, 
td.eshop_td_input input.form_entry:focus, 
table#cart_article_table #input_art_menge_290:focus,
input.form_amount:focus {
    border: 1px solid #333;
    background-color: #fff;
    box-shadow: 0 0 5px #555;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    outline: none;
}


table#cart_article_table input#input_art_menge_230.form_amount {
    width: 50%;
}

/* Eingabefelder //  */









/*------------------------------------*\
  #Styles für neuen Kopfbereich
\*------------------------------------*/

.l-subheader.at_top {
/* Metanavi top */
    background-color: rgba(143, 143, 143, 0.95);
    font-size: 15px;
    font-style: italic;
}

.l-canvas.type_wide .l-subheader-h.i-cf {
/* Metanavi über die gesamte Breite */
    max-width: 100%;
}



.l-subheader.at_middle{
/* heropic top */
    background-image: url(https://service.dmexco.de/assets/header_ticket.png);
    background-size: cover;
height: 180px;
}

.l-canvas.headerpos_fixed.headertype_advanced .l-main {
/* Abstand nach oben groesser, weil neues heropic hoeher */
    /*padding-top: 476px;
padding-top: 266px;*/
}

@media only screen and (max-width: 1140px){
    .l-canvas.headerpos_fixed.headertype_advanced .l-main {
        /* Abstand nach oben groesser */
        padding-top: 70px;
    }
}



.l-header.state_sticky .l-subheader.at_bottom{
    background-color: hsla(0, 0%, 100%, .8)
}






.w-logo,
.l-subheader.at_middle .w-contacts{
/*visuallyhidden*/
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}


@media only screen and (max-width: 1140px) {
    .l-canvas.headertype_advanced .l-subheader.at_middle {
    height: 180px;
    line-height: normal;
    text-align: center;
    margin-top: 90px;
}
}




/* // Navigationsbereich */

.l-subheader.at_bottom {
    position: absolute;
    top: 36px;
    height: 120px;
    background-color: rgba(255, 255, 255, 1);
}

@media only screen and (min-width: 1016px) {

    .l-subheader.at_bottom{
        position: absolute;
        top: 36px;
        height: auto;
        background-color: rgba(143, 143, 143, .8);
    }

}

.l-subheader.at_bottom {
/* .Logo als Hintergrundbild */
    background-image: url(https://service.dmexco.de/assets/brand-dmexco-claim-white.png);
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 155px 62px;
    transition: all .3s ease;

}

.l-header.state_sticky  .l-subheader.at_bottom {
    background-image: url(https://service.dmexco.de/assets/brand-dmexco-claim-white.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 75px 30px;
    transition: all .3s ease;
}

.l-subheader.at_bottom .w-nav {
/* horizontalt Navi rechtsbuendig */
    float: right;
}






span.w-contacts-item-value{
    display: none !important;
}

@media only screen and (min-width: 975px) {
    span.w-contacts-item-value{
        display: inline-block !important;
    }
}


.touch_enabled {
/* mobile Navigation */
    float: none;
    width: 100%;
    margin-top: 5em;
}

.at_bottom .touch_enabled .w-nav-control {
/* Hamburger Icon */
    float: right;
    position: relative;
    top: -1.5rem;
}

.touch_enabled .w-nav-control i.fa.fa-bars {
    color: #333;
}

.touch_enabled ul.w-nav-list{
    background-color: #333;
}

.touch_enabled ul.w-nav-list.level_2 li a {
    background-color: #333;
}

.touch_enabled ul.w-nav-list.level_2 li:hover a, 
.touch_enabled .l-subheader .w-nav-item.level_2:hover .w-nav-anchor.level_2 {
    background-color: #333;
}

.touch_enabled a.w-nav-anchor span {
    color: #fff;
}

.touch_enabled a.w-nav-anchor:hover span {
    color: #32beeb;
}






ul.w-nav-list{
    background-color: transparent;
}


.l-subheader .w-nav-item.level_1.active .w-nav-anchor.level_1{
    background-color: transparent;
    color: #ffffff;
    padding: 20px 10px;
    text-transform: uppercase;
}

.l-header.state_sticky .l-subheader .w-nav-item.level_1.active .w-nav-anchor.level_1 {
    color: #2b2b2b;
    padding: 5px 10px;
}



/* Navigation // */



/* // Footer */

.l-footer #koelnmesse, .l-footer #bvdw, .l-footer #ovk {
    z-index: initial;
}

div#footer-text p, div#footer-text a {
    color: #000;
}

@media only screen and (min-width: 780px){
    div#footer-text p, div#footer-text a {
        color: #fff;
    }
}

/* Footer // */










/* // Shop */

#eshop_form  h1{
    font-size: 30px;
}


tr[id^='article_cart_row']  td{
/* Linie Zwischen Produkt und Produktbeschreibung */
    border-bottom: 0px solid transparent !important;
    padding-bottom: 0 !important;
}

tr[id^='article_cart_row']  td input.form_amount{
    margin-bottom: 0 !important;
}


tr[id^='tr_art_desc']  td{
/* Abstand Produktbeschreibung */
    padding-top: 0 !important;
}

/* Shop //  */











/*------------------------------------*\
  #Styles für die Registrierung
\*------------------------------------*/

/* // Newsletter */

#regform_page1 #regform_basedata .hide_on_duplicate_registration .hide_on_duplicate_account .fieldbox span.left {
/* Infotext ausblenden */
    display: none;
}

#regform_page1 #regform_basedata .hide_on_duplicate_registration .hide_on_duplicate_account .fieldbox input#newsletter_topic_1 {
    margin-left: 0;
}

#regform_page1 #regform_basedata .hide_on_duplicate_registration .hide_on_duplicate_account .fieldbox label[for="newsletter_topic_1"],
#regform_page1 #regform_basedata .hide_on_duplicate_registration .hide_on_duplicate_account .fieldbox label[for="newsletter_topic_2"] {
    padding-left: 2em !important;
}

#regform_page1 #regform_basedata .hide_on_duplicate_registration .hide_on_duplicate_account .fieldbox input#newsletter_topic_2 {
    margin-left: 0;
}

/* Newsletter // */




/*------------------------------------*\
  #Styles für die Gutschein
\*------------------------------------*/

/* // Gutschein download am Ende des Prozess */

.voucher_page_ticket_options .download {
    width: 65%;
}

.voucher_page_ticket_options .download .gutschein_andere p {
    width: auto !important;
}

/* Gutschein download am Ende des Prozess // */