/* CSS FÜR BESTELLFORMULAR außer CALENDAR - alles 	!important */


/* ____________________________________________________________________________________ */



input::placeholder {
    color: #ABABAB	!important;
    font-family: 'Condensed'	!important;
    font-size: 10pt	!important;
    }
textarea::placeholder {
    color: #BADDF2	!important;
    font-family: 'Condensed'	!important;
    font-size: 10pt	!important;
    }
.require::placeholder {
    color: #FFB18A	!important;
    font-family: 'Condensed'	!important;
    font-size: 10pt	!important;
    }



/* ____________________________________________________________________________________ */


body {
    font-style: "Main_Regular" 	!important;
}

table .frameless {
    margin:     0 !important;
}

td, tr {
    background-color:   transparent !important;
    padding:            5px         !important;
    color:              #000000 !important;
}

    /*  Wichtig für Neue Haas, da sehr eng, sonst ggfs. nicht notwendig  */
    div {
        letter-spacing: 0.5px   !important;
    }


    div b {
        letter-spacing: 1px       !important;
    }

    /*  Eigene Tags für schnelle Formatierung  */
    div b-1 {
        color:          #0F73C4 !important;
        font-weight:    bold    !important;
        color:          #0F73C4 !important;
        letter-spacing: 1px     !important;
    }

        div bb-1 {
            font-size: 1.2em        !important;
            color:          #0F73C4 !important;
            font-weight:    bold    !important;
            letter-spacing: 1px     !important;
            line-height: 2 !important;
        }

    div c-1 {
        font-size:      14pt    !important;
        font-weight:    bold    !important;
        color:          #F0245B !important;
        letter-spacing: 1px     !important;
    }
        div cc-1 {
            font-size: 1.2em        !important;
            color:          #F0245B !important;
            font-weight:    bold    !important;
            letter-spacing: 1px     !important;
            line-height: 2 !important;
        }


.name_input {
    box-sizing:         content-box	        !important;
    background-color:   #FFFBDB   	        !important;
    border:             1px solid #4C4C4C   !important;
    border-radius:      4px       	        !important;
    margin-top:         5px                 !important;
    margin-bottom:      5px                 !important;
    margin-left:        0                   !important;
    margin-right:       5px                 !important;
    font-size:          14pt                !important;
    padding:            8px                 !important;
}

.area_input {
    margin-top:     1em         !important;
    margin-bottom:  1em         !important;
    resize:         vertical    !important;
    min-height:     60px        !important;
    width:          30em        !important;
    border:         1px solid #54ABF2 !important;
}

.check_input {
     transform:         scale(1.4)	        !important;
     margin:            5px 15px 5px 5px	!important;
}


.box_titel {
    position:       relative	        !important;
    width:          100%	            !important;
    height:         auto	            !important;
    margin:         35px 2px 2px 2px	!important;
    font-family:    "Main_Regular"	    !important;
    font-size:      1.7em	            !important;
    text-transform: none	            !important;
/*    letter-spacing: 0	                !important;    */
    line-height:    1	                !important;
    color:          #C40E4A	            !important;
    border-bottom:  none                !important;
}

        .text_1 {
            font-family:    Main_Regular        !important;
            font-size:      16pt;

            color:          #286695             !important;
        }

        .text_2 {
            font-family:    Main_Light          !important;
            font-size:      13pt;
            line-height:    1.25	                !important;
        }


.box_cell {
    box-sizing:         border-box          !important;
    position:           relative            !important;
    display:            inline-flex         !important;       /* aktiviert Flexbox */
    justify-content:    space-between       !important;
    width:              320px               !important;
    height:             auto	            !important;
    min-height:         160px	            !important;
    margin:             8px	                !important;         /* Gegebenenfalls NUR über die Buttons regeln  */
    padding:            4px	                !important;
    color:              #1A5F89	            !important;
    border:             0.5px solid #72BAE3	!important;
    border-radius:      2px	                !important;
    background-color:   #FFFFFF	            !important;
}

    .box_cell.versand {
        min-height:         130px	!important;
    }

    .box_cell.no_stock {
        background-color:   #F5F1EA	!important;
    }
    .box_cell.no_bday {
        background-color:   #CFCFCF	!important;
    }

    .box_cell.order_max {
        width:              100%	    !important;
        margin:             0	        !important;
        border:             0px none	!important;
        border-radius:      5px	        !important;
        background-color:   transparent	!important;
    }


.long_button {
    box-sizing:     border-box          !important;
    min-width:      10em                !important;
    border:         none                !important;
    border-radius:  15px             	!important;
    padding-left:   1em                 !important;
    padding-right:  1em                 !important;

    font-family:    "Main_Regular"      !important;
    font-size:      14pt                !important;
    text-transform: none            	!important;
 /*   letter-spacing: 1px             	!important;    */
    line-height:    1                  	!important;
    color:          #FFFFFF 	!important;
    margin: 6px  0px  6px  0px !important;

}
    .long_button.blau {
        background-color: #0F73C4  	    !important;
    }

    .long_button.blau:hover {
        background-color: #80FF00       !important;
    }

.pos_img {
    box-sizing: border-box	!important;
    position: absolute	!important;
    bottom: 5px	!important;
    right: 5px	!important;
    border: 0.5px none #81BFF8	!important;
    border-radius: 5px	!important;
    width: 115px	!important;
    height: auto	!important;
}

.prod_name {
    position:       absolute	    !important;
    top:            5px	            !important;
    left:           10px	        !important;
    width:          70%	            !important;
    line-height:    1	            !important;
    font-family:    "Main_Regular"	!important;
    font-size:      1.3em           !important;
 /*   letter-spacing: -0.5px          !important;  */
    text-transform: none            !important;
    color:          #C40E4A	        !important;
}

.pos_preisanzeige {
    position:   absolute	!important;
    display:    inline-flex	!important;
    top:        40px	    !important;
    left:       5px	        !important;
    width:      50%	        !important;
    line-height: 1	        !important;
}

    .pos_preisanzeige .preis {
        position:       relative	    !important;
        left:           5px	            !important;
        font-family:    "Main_Regular"	!important;
        font-size:      1.2em	        !important;
        color:          #4C4C4C	        !important;
    }

    .pos_preisanzeige .stueck {
        font-family:    "Main_Light"	!important;
        font-size:      0.7em	        !important;
        font-style:     italic	        !important;
        margin-right:   6px	            !important;
    }

    .pos_preisanzeige .euro {
        font-family:    "Main_Regular"	!important;
        font-size:      0.75em	        !important;
    }

    .pos_preisanzeige .weight {
        position:       relative	    !important;
        left:           10px	        !important;
        top:            6px	            !important;
        font-family:    "Main_Light"    !important;
        font-size:      0.7em	        !important;
        color:          #6E6E6E	        !important;
    }


.pos_comment {
    position: absolute	!important;
    left: 12px	!important;
    padding: 6px	!important;
    width: auto	!important;
    font-family: "Condensed"	!important;
    font-size: 0.7em	!important;
    line-height: 1	!important;
}
    .pos_comment.add {
        top: 6em	!important;
        background-color: #FFE30F	!important;
        color: #F02D6E	!important;
    }
    .pos_comment.excl {
        bottom: 8px	!important;
        color: #F02D6E	!important;
    }
    .pos_comment.lager {
        bottom: 8px	!important;
        color: #C40E4A	!important;
    }



.allergies {
    position: absolute	!important;
    top: 4.2em	!important;
    left: 0	!important;
    }

    .allergies .allergene {
        position: relative	!important;
        left: 5px	!important;
        width: 26px	!important;
        }



.pos_bottomline {
    position: absolute	    !important;
    display: inline-flex	!important;
    bottom: 6px	            !important;
    padding-left: 5px	    !important;
    width: 100%	            !important;
}
    .pos_bottomline .minus img,
    .pos_bottomline .plus img     {
        position: relative	!important;
        top: 1px	!important;
        width: 30px	!important;
        cursor: pointer	!important;
        margin: 0;
        padding: 0;
        }

    .eingabe {

        position:           relative            	!important;
        left:               5px                 	!important;
        width:              2.5em                	!important;
        height:             1.8em                	    !important;

        margin: 0px 8px 0px 2px                	!important;
        padding:            2px                 	!important;
        text-align:         center              	!important;

        font-family:        "Condensed"         	!important;
        font-size:          1.25em                	!important;
        color:              #2688C5             	!important;
        background-color:   #FFFBDB             	!important;
        border:             1px solid #3A9CD9   	!important;
        border-radius:      3px                 	!important;
        cursor:             pointer             	!important;
        }

    .lupe img {
        position: absolute	!important;
        top: 0px	!important;
        right: 0px	!important;
        width: 40px	!important;
        cursor: pointer	!important;
        }

    .pos_bottomline .sprungicon img {
        position: absolute	!important;
        right: 160px	!important;
        top: 	!important;
        width: 40px	!important;
        cursor: pointer	!important;
        }


.pos_ingreds {
    position: absolute	!important;
    top: 50px	!important;
    left: 0	!important;
    height: auto	!important;
    padding: 8px	!important;
    font-family: 'Main_Light'	!important;
    font-size: 0.8rem	!important;
    line-height: 1.5	!important;
    width:              100%	!important;
    z-index:            10	!important;
    color:              rgba(3, 26, 48, 1)	!important;
    border:             0.5px solid #4E6D74	!important;
    border-radius:      10px	!important;
    background-color:   #F5F5F5	!important;
}







@media (max-width: 680px) {


.name_input {

    font-size: 12pt             	!important;
    width: 90%	                    !important;


}

.plz {
    width: 28%	!important;
}

.wohnort {
    width: 61%	!important;
}

.box_cell, .box_cell.versand {
    padding: 0	!important;
    margin: 3px	!important;
    width: 100%	!important;
}

.pos_bottomline .plus img, .pos_bottomline .minus img {
    }

.prod_name {
    top: 7px	!important;
    left: 7px	!important;
    font-size: 1em	!important;
    }

.pos_preisanzeige .weight {
    top: 5px	!important;
    font-size: 1em	!important;
    font-weight: 200	!important;
    }

.pos_preisanzeige .preis {
    font-size: 1.5em	!important;
    }

.pos_comment.add {
    top: 4.5em	!important;
    font-size: 11pt	!important;
    }



}