@charset "UTF-8";header{display:flex;height:60px;padding:40px;min-height:fit-content}header>svg{height:60px}@media (max-width: 768px){header{padding:30px}}@media (max-width: 576px){header{padding:20px}header>svg{height:50px}}#recipe-list-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 40px;margin-bottom:15px}#recipe-list-header>h1{position:absolute}#recipe-list-header #search-input-container{position:relative;display:flex;align-items:center;margin-left:auto}#recipe-list-header #search-input-container>input{width:40px;border:1px solid #fff;background-color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#recipe-list-header #search-input-container>svg{position:absolute;right:3px;padding:10px}#recipe-list-header #search-input-container>#search-svg{pointer-events:none}#recipes-container{display:flex;flex-direction:column}#recipes-container>span{font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}#open-modal-btn{padding:0 17px 0 12px;margin-left:5px}#open-modal-btn:after{margin-left:5px;font-size:15px;content:"Rezept hinzufügen"}@media (max-width: 768px){#recipe-list-header{padding:0 30px}}@media (max-width: 576px){#recipe-list-header{padding:0 20px}#open-modal-btn{padding:0 10px}#open-modal-btn:after{content:none}}#modal{position:fixed;top:0;left:0;height:100dvh;width:100dvw;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;row-gap:20px;padding:30px;background-color:#fff;border-radius:20px;border:1px solid #a2a2a2;width:400px}#modal-content-inputs-container{display:flex;flex-direction:column;row-gap:10px}#modal-content-footer{display:flex;justify-content:space-between}@media screen and (max-width: 768px){#modal-content{width:calc(100% - 40px);max-width:400px}}*,*:before,*:after{margin:0;padding:0;font-size:16px;font-family:Roboto,sans-serif;box-sizing:border-box}html,body{background-color:transparent}h1{font-size:2rem}h2{font-size:1.5rem}button{cursor:pointer;border:none;height:40px;padding:0 15px;border-radius:8px;background-color:#fff;transition:background-color .3s}button:disabled{opacity:.5;cursor:not-allowed}ul{list-style:none}input{height:40px;border:1px solid #b8b8b8;border-radius:8px;padding:0 15px}input:focus{outline:1px solid #79aea3}.text-wrap-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.centered-svg{display:flex;justify-content:center;align-items:center}.primary-btn{background-color:#66a397;color:#fff;transition:background-color .3s}.primary-btn:hover{background-color:#548c81}.primary-btn:focus{background-color:#45736a}.secondary-btn{background-color:#f2f7f6;color:#66a397;transition:background-color .3s}.secondary-btn:hover{background-color:#cce0dc}.secondary-btn:focus{background-color:#b3d1cb}#recipe-card-btns{display:flex;column-gap:6px}#recipe-card-btns>button{width:40px;padding:0;background-color:transparent}#recipe-card-btns>button:hover{background-color:#cce0dc}.recipe-card{display:flex;align-items:center;justify-content:space-between;padding:0 40px}.recipe-card-name{font-weight:500;margin-right:20px;width:330px}.recipe-card-source{margin-right:auto;font-weight:300;width:200px;container-name:recipe-source}li{height:60px;padding:0 25px}li:nth-of-type(odd){background-color:#f2f2f2}@media (max-width: 768px){#recipe-list-header,.recipe-card{padding:0 30px}}@media (max-width: 576px){#recipe-list-header,.recipe-card{padding:0 20px}.recipe-card-name{width:min-content}.recipe-card-source{display:none}}