/*.musterbestellung_neu .musterbestellung_muster{width:67px;height:89px;margin:0 5px 10px 0;float:left;background-color:#d7d7d7;border-radius:5px;border:1px solid #c5c5c5;}
.musterbestellung_neu .musterbestellung_muster > *{cursor:pointer;}
.musterbestellung_neu .musterbestellung_container{margin:0 0 20px 0;}
.musterbestellung_neu .musterbestellung_muster input{margin:5px 0 5px 26px;cursor:pointer;}
.musterbestellung_neu h2{margin:20px 0 10px 0;}
.musterbestellung_neu .clear{clear:both;}
.musterbestellung_neu .musterbestellung_muster img{width:67px;height:67px;border-radius:5px 5px 0 0;}
.musterbestellung_neu p{width:200px;float:left;clear:both;margin:0;}
*/
.musterbestellung_neu input:not([type="submit"]), .musterbestellung_neu textarea, .musterbestellung_neu select{width:240px;max-width:240px;float:left;border-radius:3px;margin-bottom:20px;border:1px solid #ccc;box-sizing:content-box;}
.musterbestellung_neu input[type="checkbox"]{width:15px;}
.musterbestellung_neu input[type="submit"]{padding:5px 10px;border-radius:3px;border:1px solid #ccc;}
.musterbestellung_neu .musterbestellung_error{clear:both;position:relative;width:auto;left:0;color:#f00;margin-top:4px;}
/*#materialinformation-library > div{position:absolute;top:100px;background-color:#eee;width:230px;right:5px;padding:5px;border:1px solid #ccc;border-radius:5px;}
#materialinformation-library > div h3{margin:5px 0;font-weight:bold;text-transform:uppercase;font-size:11.5px;color:#82736a;}*/
.musterbestellung_neu .musterbestellung_muster{width:67px;height:89px;margin:0 5px 10px 0;float:left;background-color:#d7d7d7;border-radius:5px;border:1px solid #c5c5c5;position:relative;}
.musterbestellung_neu .musterbestellung_muster .fa.fa-search{position:absolute;right:10px;top:8px;}
.musterbestellung_neu .musterbestellung_muster > *{cursor:pointer;}
.musterbestellung_neu .musterbestellung_container{margin:0 0 20px 0;}
.musterbestellung_neu .musterbestellung_muster input{margin:5px 0 5px 26px;cursor:pointer;}
.musterbestellung_neu h2{margin:20px 0 25px 0;}
.musterbestellung_neu .clear{clear:both;}
.musterbestellung_neu .musterbestellung_muster img{width:67px;height:67px;border-radius:5px 5px 0 0;}
.musterbestellung_neu p{clear:both;margin:0;}
.muster_error{color:red;}
.muster_success{color:lightgreen;}
.musterbestellung_neu .musterbestellung_error{color:#f00;margin-top:4px;margin-bottom:10px;display:block;}
#materialinformation-library{display:none;}
#materialinformation-library > div{position:absolute;top:100px;background-color:#eee;width:50% !important;right:5px;padding:20px 15px;border:1px solid #ccc;border-radius:5px;}
#materialinformation-library > div h3{margin:5px 0;font-weight:bold;text-transform:uppercase;font-size:11.5px;color:#82736a;}
#materialinformation-library > div h11{font-size:180%;font-weight:500;}
#materialinformation-library > div h12{font-size:80%;font-weight:400;}
#materialinformation-library > div h13{font-weight:300;}
#materialinformation-library > div .mat_close{position:absolute;right:5px;top:5px;cursor:pointer;z-index:10;height:40px;width:40px;font-size:30px;color:black;padding:2px 10px;#ccc;border-color:black;}
/* #materialinformation-library > div .mat_close{position:absolute;right:0px;top:0px;cursor:pointer;z-index:10;height:40px;width:40px;font-weight:bold;color:red;padding:8px 15px;border:1px solid #ccc;border-radius:5px;border-color:red;} */

@media (max-width:767px){#materialinformation-library > div{top:0 !important;}
.musterbestellung_neu input:not([type="checkbox"]):not([type="submit"]),
.musterbestellung_neu select,
.musterbestellung_neu textarea{width:100% !important;}
}

/* NEW STYLES */
.musterbestellung_liste {
    display:flex;
    flex-wrap:wrap;
    gap: var(--wp--preset--spacing--30);
}
.musterbestellung_gruppe {
    margin-bottom: var(--wp--preset--spacing--30);
}
.musterbestellung_neu .musterbestellung_muster {
    width:100px !important;
    height:auto !important;
    margin:0 !important;
    float:none !important;
    border:none !important;
    position:relative;
    background-color:transparent !important;
}
.musterbestellung_neu .musterbestellung_muster img{
    width:96px !important;
    height:96px !important;
    border-radius:0 !important;
    border:2px solid var(--wp--preset--color--contrast) !important;
    margin-bottom: 10px !important;
}

.musterbestellung_neu .musterbestellung_muster input[type="checkbox"]{
    width: 25px !important;
    height:25px !important;
    position:absolute;
    top: 80px;
    right: -10px;
    margin: 0 !important;
}
.musterbestellung_neu input[type=email],
.musterbestellung_neu input[type=tel],
.musterbestellung_neu input[type=text],
.musterbestellung_neu select,
.musterbestellung_neu textarea {
    width: 300px !important;
    max-width:100% !important;
    color: var(--wp--preset--color--contrast) !important;
    border: solid 1px var(--wp--preset--color--contrast) !important;
    border-radius: 0 !important;;
    font-size: var(--wp--preset--font-size--medium) !important;
    padding: 0.5em;
    box-shadow: none;
    font-family: var(--wp--preset--font-family--primary) !important;
}

.musterbestellung_neu input[type="submit"]{
    background-color: var(--wp--preset--color--base) !important;
    border-radius: 3em !important;
    border-color: var(--wp--preset--color--contrast) !important;
    border-width: 2px !important;
    border-style: solid !important;
    color: var(--wp--preset--color--contrast) !important;
    font-family: inherit !important;
    font-size: var(--wp--preset--font-size--small) !important;
    font-weight: var(--wp--custom--font-weight--medium) !important;
    letter-spacing: 0.1em;
    line-height: 1;
    padding-top: var(--wp--preset--spacing--20) !important;
    padding-right: var(--wp--preset--spacing--20) !important;
    padding-bottom: var(--wp--preset--spacing--20) !important;
    padding-left: var(--wp--preset--spacing--20) !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
	width:auto;
}

.musterbestellung_neu .musterbestellung_muster .musterbestellung_muster-icon{
    position:absolute;
    top:0.25rem;
    left:0.25rem;
    width:1.5rem;
    height:1.5rem;
    background:transparent;
    border-radius:1;
    opacity: 0;
    transition:opacity 0.5s ease;
}

.musterbestellung_neu .musterbestellung_muster:hover .musterbestellung_muster-icon{
    opacity: 1;
}

.musterbestellung_neu .musterbestellung_muster .musterbestellung_muster-title{
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.2;
}




#materialinformation-library > div{
    position:fixed !important;
    z-index: 999;
    top:60% !important;
    transform:translateY(-50%);
    background-color: var(--wp--preset--color--primary) !important;
    width:25% !important;
    right:0 !important;
    padding: var(--wp--preset--spacing--30) !important;
    border:1px solid #ccc !important;
    border-radius:0 !important;
}
@media (max-width:767px){
    #materialinformation-library > div{
        top:auto !important;
        bottom:0 !important;
        right:0 !important;
        left:0 !important;
        width:100% !important;
        height:300px !important;
        overflow: auto;
        transform:translateY(0);
        padding-top: var(--wp--preset--spacing--10) !important;
    }
    #materialinformation-library > div > img{
        display: none;
    }
}