/**
 * Anpassungen:
 * angepasst werden in der Regel:
 * #1 Farbanpassung
 * #2 Hintergrundfarbe/-verlauf
 * #3 ohne Abstand links, wenn Faormular keine Hintergrundfarbe hat
 * #4 Kopfzeile für Ausdruck anpassen 
 */


/*geaenderte styles*/
/*ul.nav{
    display: none;
}*/

div.untertext{
   font-size: 10px;
}


/* start - Meine Bestellungen Icon -- temporäre, zusätzliche Styles, um das Menu-Icon für "Meine Bestellungen" zu stylen */

nav .navbar-right ul li.hmc-profile-my-orders {
    margin-right: 10px;
    width: 80px;
}

nav .navbar-right ul li i.glyphicon-my-orders {
    margin-right: 10px;
}

.glyphicon-my-orders:before
{
    content: '\e118';
}

.navbar-form .log-in span,
.navbar-form .log-in i,
.navbar-form .log-out span,
.navbar-form .log-out i,
.navbar-form .edit span,
.navbar-form .edit i{
    color: #fedf1e; /* #1 Farbanpassung */
}

@media (max-width: 991px) {
    nav .navbar-right ul li.hmc-profile-my-orders {
      width: auto;
      margin-right: 20px;
      float: left;
    }

    /* Wegen meine-Bestellungen-Icon muss die Sprachauswahl nach links verschoben werden. Bei mobile view aber nicht mehr */
    div.language-selector {
        right: 42px;
    }
}

@media (min-width: 992px) {
    /* Wegen meine-Bestellungen-Icon muss die Sprachauswahl nach links verschoben werden */
    div.language-selector {
        right: 360px;
    }
}


/* end - Meine Bestellungen Icon */


.cwrap-transparent {
/* #2 Hintergrundfarbe/Verlauf 
    background-image: -webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0));
    background-image: linear-gradient(to bottom,#fff 0,#f0f0f0 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff0f0f0', GradientType=0);
*/
} 

.graueBox,
.forgetbox,
.Ueberlauf,
.Ueberlauf,
.hide_on_duplicate_registration,
.voucher_page_enter_voucher .c66l .subcl div p,
#dim_doi_new_password{
    background-color: #dcebf8;
    padding: 0.75em;
    /* padding-left: 0; #3 ohne Abstand links, wenn Formular keine Hintergrundfarbe hat */
}


/* start - Anpassungen für Boxen im Footer */
.page-footer .hmc-btn-text,
.page-footer h3 {
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
}

.page-footer .hmc-btn-text ,
.page-footer .hmc-icons {
    color: #0063af; /* #1 Farbanpassung */
}
/* end - Anpassungen für Boxen im Footer */


.hmc-nav-socialmedia > li .hmc-btn-social span,
.navbar-form a span,
.navbar-form a i{
    color: #0063af; /* #1 Farbanpassung */
}

.navbar-form a:hover span,
.navbar-form a:hover i{
    color: #fff; /* #1 Farbanpassung */
}

.hmc-nav-socialmedia > li .hmc-btn-social:hover span{
    color: #fedf1e; /* #1 Farbanpassung */
}

#it_testmail_advice{
    color: red;
}

#regform_basedata{
    margin-bottom: 2em;
}

.subcolumns,
form#eshop_form,
#eshop_box #footer{
    width: 100%;
}

#dim_doi_new_password label[for=password_confirm]{
    margin-top: 1em;
}


.graueBox h1,
.graueBox h2,
.graueBox h3,
.graueBox h4,
.graueBox h5,
.graueBox h6{
    margin-top: 0;
    margin-bottom: 1em;
}









#start .hmc-image-teaser-style5 /*Teaser auf Willkommenseite, damit die Linie nicht abgeschnitten wird*/{
    max-width: 350px !important;
    overflow: hidden;
}

#start .slick-track,
#start .slick-slide.slick-active /*Teaser auf Willkommenseite, damit Boxen ihre Breite korrekt anpassen*/{
    width: 100% !important;
}


#eshop_box form#eshop_form .content_big{
   /* margin-top: 2em;*/
    width: 100%;
}



.subcolumns form fieldset.question{
    margin-top: 8px;
}

.subcolumns form fieldset.question legend{
    font-size: 16px;
    font-weight: bold;
    border: 0 none;
    margin-bottom: 8px;
}

.subcolumns form fieldset.question ul.answers{
    list-style-type: none;
    padding-left: 0;
}

.subcolumns form fieldset.question ul.answers li{
    margin-bottom: 0.5em;
    white-space: nowrap;
}








/* Ticketshop start */

#eshop_box form#eshop_form .box,
#eshop_box form#eshop_form .cart_block,
#eshop_box form#eshop_form .box_footer,
#eshop_box form#eshop_form #article_sum_sheet,
#eshop_box form#eshop_form .voucher_entry_block /*Gutscheinblock im Ticketshop Seite 1*/,
div.mobile_send_entry_email, /*Eingabefelder im Layer auf Dankeseite*/
div.mobile_send_entry_sms, /*Eingabefelder im Layer auf Dankeseite*/
.mobile_send_entry_passbook /*Eingabefelder im Layer auf Dankeseite*/{
    background-color: #dcebf8; /* #2 Hintergrundfarbe/-verlauf */
}

#eshop_box h1, 
#eshop_box h2, 
#eshop_box h3, 
#eshop_box h4, 
#eshop_box h5, 
#eshop_box h6, 
#eshop_box .h1, 
#eshop_box .h2, 
#eshop_box .h3, 
#eshop_box .h4, 
#eshop_box .h5, 
#eshop_box .h6{
    line-height: 1.25;
    margin-bottom: 0.5em;
    font-weight: normal;
}

#start h1,
#eshop_box h1, 
#eshop_box .h1,
.subcolumns h1,
.hl_system h1{
    font-size: 2rem;
}

#start h3{
    font-size: 1.8rem;
}


#eshop_box #steps_box .step_preceding .step_nr_inactive_linked{
    opacity: 0.5;
}


#eshop_box #steps_box .step_1 p,
#eshop_box #steps_box .step_2 p,
#eshop_box #steps_box .step_3 p,
#eshop_box #steps_box .step_4 p{
    padding-top: 1em;
}
#eshop_box #steps_box .step_current .step_nr{
    background-color: #0063af; /* #1 Farbanpassung */
}

#eshop_box #steps_box{
    display: none;
}

#eshop_box #steps_box .step_nr_inactive{
   background-color:#0063af;  #1 Farbanpassung */
   
}

#eshop_box #steps_box .step_nr_inactive_linked_not_visited {
    color: #0063af; /* #1 Farbanpassung */
    border-color: #0063af; /* #1 Farbanpassung */
}

#eshop_box #steps_box .step_nr_inactive_linked {
    color: #0063af; /* #1 Farbanpassung */
    border-color: #0063af; /* #1 Farbanpassung */
}

#eshop_box #steps_box .step_desc_inactive_linked,
#eshop_box #steps_box .step_desc_inactive {
    color: #0063af; /* #1 Farbanpassung */
}

#eshop_box #steps_box,
#eshop_box #page_title{
    width: 100%;
    margin-left: 5px;
}

#eshop_box #page_title{
    position: relative;
    left: 0;
    top: 0;
    margin: 0 0 1em 0;
    padding: 0;
    color: #0063af; /* #1 Farbanpassung */
}

#eshop_box #page_title .step_nr{
    float: left;
    background-color: #0063af; /* #1 Farbanpassung */
}

#eshop_box #steps_box{
    border-bottom: 0 solid#dcebf8;
    margin-bottom: 3em;
    position: relative;
    left: 0;
    top: 0;
}



/* #steps_box,  */
#eshop_box .box, 
#eshop_box .box_footer {
   
    border-bottom: 1px solid #eee;
}

#eshop_box .art_title{ 
    border-color: #eee;
}

#eshop_box #steps_box #steps_content,
#eshop_box #steps_box #steps_content table,
#eshop_box form#eshop_form .box,
#eshop_box form#eshop_form .box .box_content table.form_table{
    width: 100%;
}

#eshop_box #steps_box #steps_content table{
    background-color: transparent; /* #1 Farbanpassung */
}


#eshop_box #steps_box #steps_content{
    padding: 0;
}

#eshop_box #steps_box #steps_content h1{
    /* font-weight: normal; */
    font-size: 14px;
}

#eshop_box form#eshop_form{
    margin-top: 0;
}


#eshop_box form#eshop_form table td{
    padding-left: 0.5em;
}

#eshop_box form#eshop_form table td:first-child{
    padding-left: 0;
}


#eshop_box form#eshop_form .content,
#eshop_box form#eshop_form .cart_block .box,
#eshop_box form#eshop_form .cart_block .box .box_content table,
#eshop_box form#eshop_form .box_footer,
#eshop_box form#eshop_form .box_footer .box_content,
#eshop_box form#eshop_form .box_footer .box_content table,
#eshop_box form#eshop_form #article_sum_sheet .box,
#eshop_box form#eshop_form #article_sum_sheet .box .box_content table{
    width: 100%;
}


#eshop_box form#eshop_form .error_box{
    width: 100%;
    border: 0;
}


#eshop_box form#eshop_form .box_content{
    padding: 0;
}

#eshop_box form#eshop_form .box_content h2 {
    color: #0063af; /* #1 Farbanpassung */
    font-size: 1.5em;
}

#eshop_box form#eshop_form > .box,
#eshop_box form#eshop_form .cart_block,
#eshop_box form#eshop_form > .box_footer,
#eshop_box form#eshop_form #article_sum_sheet,
#eshop_box form#eshop_form .voucher_entry_block /*Gutscheinblock im Ticketshop Seite 1*/,
div.mobile_send_entry_email, /*Eingabefelder im Layer auf Dankeseite*/
div.mobile_send_entry_sms, /*Eingabefelder im Layer auf Dankeseite*/
.mobile_send_entry_passbook /*Eingabefelder im Layer auf Dankeseite*/{
    padding: 0.75em;
    /*padding-left: 0;  #3 ohne Abstand links, wenn Faormular keine Hintergrundfarbe hat */
}


#eshop_box form#eshop_form .cart_block{
    margin-top: 3em;
}

#eshop_box form#eshop_form .box_footer{
    border: 0;
}

#eshop_box form#eshop_form .cart_block .box .box_content table,
#eshop_box form#eshop_form .box_footer .box_content table,
#eshop_box form#eshop_form #article_sum_sheet .box .box_content table,
#eshop_box form#eshop_form .box .box_content table.form_table{
    background-color: #dcebf8;  /* #1 Farbanpassung */
}

#eshop_box form#eshop_form .cart_block .box .box_content table td{
    padding-bottom: 1em;
    vertical-align: bottom;
}

#eshop_box form#eshop_form .box_footer .box_content table td{
    padding-top: 1em;
    vertical-align: top;
}

#eshop_box form#eshop_form .cart_block .box .box_content table td h3,
#eshop_box form#eshop_form .box_footer .box_content table td h3,
#eshop_box form#eshop_form #article_sum_sheet .box .box_content table td h3,
#eshop_box form#eshop_form .box .box_content table td h3{
    color: #0063af; /* #1 Farbanpassung */
    font-size: 1.25em;
}

/* start - Überschrift Gutscheinbox Ticketshop Schritt1 */
div.voucher_entry_block table.form_table h3,
#eshop_box form#eshop_form .box .box_content table.form_table.eshop_form_table_voucher td h3{
    background-color:transparent !important;
    color: #0063af !important; /* #1 Farbanpassung */
    font-size: 1.25em !important;
    font-style: normal;
    padding: 0 0 6px 0;
}
/* end - Überschrift Gutscheinbox Ticketshop Schritt1 */


#eshop_box form#eshop_form .cart_block .box .box_content table tr#tr_art_desc_999_text td{
    width: 75%;
}

#eshop_box form#eshop_form .button.button_right{
    float: right;
    margin-right: 0;
}

#eshop_box #footer{
    margin: 0;
    clear: both;
}

#eshop_box #footer #footer_content{
    padding: 1em 0;
}


#eshop_box form#eshop_form .box .box_content table.form_table td{
    padding-bottom: 1em;
}






#eshop_box form#eshop_form .box .box_content table.form_table,
#eshop_box form#eshop_form .box .box_content table.form_table tbody,
#eshop_box form#eshop_form .box .box_content table.form_table tbody tr ,
#eshop_box form#eshop_form .box .box_content table.form_table tbody tr td{
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#eshop_box form#eshop_form div.no_print{
    /*margin-top: 1em !important;*/
    clear: none !important;
}



#eshop_box div.eticket_request div.eticket_request_article {
    font-weight: bold;
    font-size: 1em;
    padding: 1em;
    position: relative;
}

#eshop_box div.eticket_request {
    position: relative;
    width: auto;
    margin: 0;
    border: none;
    padding: 0;
}




/* start - damit die Icons rechtsbündig und untereinander stehen  - start */

#eshop_box div.eticket_request {
    padding-bottom: 3.5em;
}

#eshop_box div.eticket_request .eticket_request_pdf{
    float: none;
    position: absolute;
    right: 1em;
    top: 4em;
}

#eshop_box div.eticket_request .eticket_request_pdf:nth-last-child(2) {
    top: 1em;
}

#eshop_box div.eticket_request .eticket_request_mobile{
    float: none;
    position: absolute;
    right: 1em;
    margin-right: 0;
    background-size: 100%;
}

/* end - damit die Icons rechtsbündig und untereinander stehen  - end */



/* start - damit die Höhe des Layers sich automatisch anpasst*/
#mobile_send_window{
    height: auto !important;
}

#mobile_send_window #mobile_send_content{
    height: auto;
}

/* end - damit die Höhe des Layers sich automatisch anpasst*/


.mobile_send_entry_passbook {
    margin-top: 20px;
}


#eshop_box .art_visible {
    padding: 0;
}

#register_form #info_duplicate_registration{
    padding: 1em;
    margin-top: 1em;
}








/* Gutschein einlösen */

.voucher_page_enter_voucher .c66l .subcl div p{
    margin-bottom: 0;
    color: #0063af; /* #1 Farbanpassung */
}

.voucher_page_enter_voucher .c66l .subcl div.box_cont p{
    padding: 0;
    background-color: transparent;
}

.Ueberlauf .hinweis,
.graueBox .hinweis,
.forgetbox .hinweis,
.voucher_page_enter_voucher .hinweis{
    display: block;
    margin-bottom: 0.5em;
    color: #EF1F10;
    font-weight: bold;
}



.voucher_page_voucher_options .subcolumns .c66l .subcl div{
    margin: 0 !important;
    width:auto !important; 
    height:auto !important;
}

.subcolumns .c66l h1 span,
.hl_system h1 span{
    display: block;
    font-size: 0.5em;
    margin-top: 1em;
    font-size: 2rem;
}

.voucher_page_ticket_options .gutschein_andere{
    display: block;
    background: url(/assets/PDF-Icon.gif) no-repeat left top !important;
}

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

.voucher_page_ticket_options .gutschein_andere p strong{
    text-decoration: underline;
    color: #0063af; /* #1 Farbanpassung */
}

.voucher_page_ticket_options .gutschein_andere p strong:hover{
    text-decoration: none;
}

.voucher_page_ticket_options .tickets_pdf,
.voucher_page_ticket_options .tickets_kaufen{
    display: block;
}

.voucher_page_ticket_options .tickets_pdf strong,
.voucher_page_ticket_options .tickets_kaufen strong{
    text-decoration: underline;
}









@media (min-width: 640px) {
    
    #start h1,
    #eshop_box h1, 
    #eshop_box .h1,
    .subcolumns h1{
        font-size: 3rem;
    }
    
    #start h3{
        font-size: 1.8rem;
    }
}

@media (min-width: 768px) {

    
    
    .subcolumns form fieldset.question ul.answers{
        list-style-type: none;
        padding-left: 1em;
    }
    
    
    
    #eshop_box #steps_box{
        display: block;
    }
    
    #eshop_box #page_title{
        position: absolute;
        left: 10px;
        top: 121px;
        margin: 0px;
        padding-top: 4px;
        padding-bottom: 2px;
        font-size: 16px;
        font-weight: bold;
    }
    
    #eshop_box #page_title{
        margin-top: 42px;
    }
    
    #eshop_box form#eshop_form{
        margin-top: 9em;
    }
    
    
    #eshop_box form#eshop_form .box .box_content table.form_table
    {
        display: table;
        width: 100%;
        padding: 0;
    }
    
    #eshop_box form#eshop_form .box .box_content table.form_table tbody{
        display: table-row-group;
    }
    
    #eshop_box form#eshop_form .box .box_content table.form_table tbody tr{
        display: table-row;
    }
    
    #eshop_box form#eshop_form .box .box_content table.form_table tbody tr td{
        display: table-cell;
        
    }

    #eshop_box form#eshop_form .box .box_content table.form_table .eshop_td_label{
        width: 35%;
    }

    #eshop_box form#eshop_form .box .box_content table.form_table .eshop_td_input{
        width: 65%;
    }
    
    #eshop_box form#eshop_form .content_big{
        margin-top: 1em;
        display: inline-block;
    }
    
    
    .subcolumns form #regform_basedata .fieldbox,
    .subcolumns form .hide_on_duplicate_account .fieldbox,
    #register_form .hide_on_duplicate .hide_on_duplicate_account .hide_on_duplicate_registration .fieldbox{
        margin-bottom: 1.25em;
    }
    
     
}


    


@media (min-width: 992px) {

    .navbar-form a:hover span,
    .navbar-form a:hover i{
        color: #fedf1e; /* #1 Farbanpassung */
        opacity: 0.5;
    }

    .subcolumns,
    form#eshop_form,
    #eshop_box #footer
    
    {
        width: 66.666%;
        padding-right: 10px;
    }
    
    #eshop_box #steps_box,
    #eshop_box #page_title{
        width: 66.666%;
        margin-left: 5px;
    }
    
    .subcolumns.default .subcl.BoxOhneRahmen.service1 .subcolumns /*Introtextblock auf registrierenseite soll*/{
        width: 100%;
        padding-right: 0;
    }
}







@media print {

    footer,
    .keyvisual,
    .language-selector,
    #hmc-nav-collapse,
    .navbar-toggle,
    #steps_box,
    #page_title{
        display: none !important;
    }
    
    header{
        
        box-shadow: none !important;
        position: relative !important;
        background-color: transparent !important;
        border: none !important;
        padding: 15px !important;
    }
    
    header::before{
      content:'WindEnergy Hamburg 2016'; /* #4 Kopfzeile für Ausdruck anpassen */
      
    }
    
    .hmc-nav{
        margin: 0 !important;
        min-height: auto !important;
    }
    
    .navbar-brand{
       
        
        display: none !important;
    }
    
    
    .navbar-header{
        float: none !important;
    }

}