/**
 * Anpassungen:
 * angepasst werden in der Regel:
 * #1 Farbeanpassung
 * #2 Eckrenradius
 * #3 Bustaben in Groß- oder Kleinschreibung
 */



/**
 * Start - Links, Buttons
 */
 
 
a.button,
form button,
form input[type=submit],
form input[type=button],
button.submit,
#eshop_box form#eshop_form #voucher_code_button_bt /*Linkbutton Gutscheinbox Ticketshop Schritt1*/,
#mobile_send_window input[type=button] /* Linkbutton im Layer auf der Bestellen Dankeseite*/,
.subcolumns form .buttons button.submit.button_right,
#eshop_box form#eshop_form .button,
.voucher_page_reg_form button,
.voucher_page_voucher_options button,
#start .hmc-image-teaser-style5 a /*Teaser auf Willkommenseite, Linkbutton*/,
.reg_btn /* Nach Registrierung, Buttons auf der Seite nach Ändern des Passworts*/{
    
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    font-weight: 700;
    line-height: 1.42857143;
    position: relative;
    display: inline-block;
    margin-top: 1em;
    margin-bottom: 1em;
    /*padding: 6px 12px;*/
    padding: 3px 30px 3px 20px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fbfbfb;
    border: 1px solid #0063af; /* #1 Farbeanpassung */
    border-radius: 8px; /* #2 Eckrenradius */
    background-color: #0063af; /* #1 Farbeanpassung */
    background-image: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-transform: uppercase; /* #3 Bustaben in Groß- oder Kleinschreibung */
}



a.button:hover,
form button:hover,
form input[type=submit]:hover,
form input[type=button]:hover,
button.submit:hover,
#eshop_box form#eshop_form #voucher_code_button_bt:hover /*Linkbutton Gutscheinbox Ticketshop Schritt1*/,
#mobile_send_window input[type=button]:hover  /* Linkbutton im Layer auf der Bestellen Dankeseite*/,
.subcolumns form .buttons button.submit.button_right:hover,
#eshop_box form#eshop_form .button:hover,
.voucher_page_reg_form button:hover,
.voucher_page_voucher_options button:hover,
#start .hmc-image-teaser-style5 a:hover /*Teaser auf Willkommenseite, Linkbutton*/,
.reg_btn:hover /* Nach Registrierung, Buttons auf der Seite nach Ändern des Passworts*/{
    color: #fff;
    border-color: #00467c; /* #1 Farbeanpassung */
    background-color: #00467c; /* #1 Farbeanpassung */
    text-decoration: none;
}

#eshop_box form#eshop_form .button img{
    vertical-align: baseline;
}

#start .hmc-image-teaser-style5 a /*Teaser auf Willkommenseite, Linkbutton Position*/{
    position: absolute;
    bottom: 0;
    right: 1em;
    width: auto;
}

#eshop_box form#eshop_form #voucher_code_button_bt /*Linkbutton Gutscheinbox Ticketshop Schritt1*/,
#mobile_send_window input[type=button]  /* Linkbutton im Layer auf der Bestellen Dankeseite*/,
.reg_btn /* Nach Registrierung, Buttons auf der Seite nach Ändern des Passworts*/{
    width: auto;
}


#eshop_box form#eshop_form #voucher_code_button_bt /*Linkbutton Gutscheinbox Ticketshop Schritt1*/,
.reg_btn /* Nach Registrierung, Buttons auf der Seite nach Ändern des Passworts*/{
    margin: 0;
}


#start .hmc-image-teaser-style5 a:after /*Teaser auf Willkommenseite, Link Pfeil*/{
    font-family: 'HMC Icons';
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    position: relative;
    position: absolute;
    top: 1px;
    top: 7px;
    right: 11px;
    display: inline-block;
    margin-left: 10px;
    content: '\f108';
}


.voucher_page_reg_form button{
    white-space: normal;
}








@media (min-width: 640px) {

    a.button,
    form button,
    form input[type=submit],
    button.submit,
    .subcolumns form .buttons button.submit.button_right,
    #eshop_box form#eshop_form .button,
    .voucher_page_reg_form button,
    .voucher_page_voucher_options button{
        width: auto;
        text-align: left;
    }
    
}