/* CSS Document */

.loading_popup > img { margin-right:20px; }
.loading_popup > svg { margin-right:20px; fill:#d52913; }

.popup_close { float:right; }

.gesperrt_color { color:#AAA !important; fill:#AAA !important; }
.gesperrt_border { border-color:#AAA !important; }

.main_top_betreiber { display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; margin-top:40px; font-size:1.5em; margin-left:50px; }
.top_logo_kasten { display:flex; flex-direction:row-reverse; margin-top:20px; margin-bottom:20px; }
.top_logo { height:50px; }
.main_top_search { display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; font-size:1.5em; margin-left:50px; margin-bottom:20px; }
.top_search_kasten { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; }
.top_search_kasten > input { font-size:0.9em; line-height:1.2em; margin-right:10px; padding:5px 10px; width:300px; }
.top_search_kasten > input::placeholder { color:#CCC; }
button.logout { border-width:0px; fill:#FFF; transition:all 0.25s ease; padding:5px 10px; background-color:#FFF; font-size:0.7em; }
button.logout:hover { fill:#C00; color:#C00; background-color:#CCC; border-color:#CCC; }

.mittig { text-align:center; }

.titelleiste { font-size:0.7rem; line-height:normal; }

.main_container { max-width:1300px; margin-left:auto; margin-right:auto; display:block; }

.eintrag_normal { font-size:1em; line-height:1.3em; margin:0px 0px 5px 0px; border-radius:5px; }
.eintrag_normal:nth-child(odd) { background-color:#efefef; }
.eintrag_normal:nth-child(even) { background-color:#f7f7f7; }

#produkt_holder { margin-bottom:50px; }
.produkt_auflistung { display:flex; flex-direction:row; justify-content: space-between; align-items: center; position:relative; }
.produkt_auflistung > * { margin:5px; }
.produkt_auflistung > div:first-child { margin-left:50px; flex:1 1 305px; }
.produkt_auflistung > div:nth-child(2) { flex:1 1 360px; }
.produkt_auflistung > div:nth-child(3) { flex:1 1 60px; align-self:flex-start; text-align:right; }
.produkt_auflistung > div:nth-child(4) { flex:0 0 400px; margin:0px; background-color:#FFF; display:flex; flex-direction:row; }
.produkt_auflistung > div:nth-child(4) > button { margin-right:15px; }
.produkt_auflistung > div:nth-child(4) > div { margin-left:5px; margin-right:5px; }
.produkt_auflistung > div:last-child { align-self:center; width:125px; flex:1 1 125px; height:125px; margin:0px; display:flex; flex-direction:row; justify-content:center; align-items:center; background-color:#FFF; }
.produkt_auflistung > div:last-child > a > svg { width:50px; cursor:pointer; transition:0.25s all ease-in-out; }
.produkt_auflistung > div:last-child > a > svg:hover { transform:scale(1.2, 1.2); }

.auf_prod_info { display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; }
.auf_prod_info > span:first-child { font-size:1.5em; margin-bottom:10px; }

.auf_upl_info_kasten { display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; }
.auf_upl_checked_kasten { width:30px; margin-right:10px; display:flex; flex-direction:row; justify-content:center; align-items:center; }

.auf_upl_info { display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; font-size:0.9rem; }
.auf_upl_info > div { display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; }
.auf_upl_info > div > span:first-child { flex: 0 0 150px; }

.auf_preview { width:125px; height:125px; flex:0 0 125px; background-color:#FFF; border-width:1px; border-style:solid; position:relative; display:flex; flex-direction:row; justify-content:center; align-items:center; }
.auf_preview > div { margin:5px; width:calc(100% - 10px); height:calc(100% - 10px); background-position:center; background-repeat:no-repeat; background-size:contain; }
.auf_preview > svg { position:absolute; left:25px; top:25px; opacity:0.15; }
.auf_preview > span { opacity:1; text-align:center; font-size:0.8em; }

.auf_upload { width:250px; height:125px; flex:0 0 250px; background-color:#FFF; border-width:1px; border-style:solid; border-radius:0px; }
.auf_upload:hover { background-color:#EFEFEF; }
.auf_upload > span:first-Child { opacity:0.3; display:block; height:40%; font-size:1.5em; }

.betreiber_eintrag { width:300px; display:block; font-size:1.2em; line-height:1.3em; margin:0px 0px 5px 0px; border-radius:5px; padding:10px; color:#333; }
.betreiber_eintrag:nth-child(odd) { background-color:#efefef; }
.betreiber_eintrag:nth-child(odd):hover { background-color:#CFCFCF; }
.betreiber_eintrag:nth-child(even) { background-color:#f7f7f7; }
.betreiber_eintrag:nth-child(even):hover { background-color:#CFCFCF; }