@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

*{box-sizing: border-box;}
html{background-image: url(ivy.jpg); font-family: 'Josefin Sans', sans-serif;}
.newButton{ padding: 8px 11px; border: 1px solid #333; background-color:#556455; color: #FFF; text-decoration: none; font-size: 1.2em;}
.logoutBtn{ padding: 8px 11px; border: 1px solid #333; background-color:#556455; color: #FFF; text-decoration: none; font-size: 1.2em;}
.pager{padding: 8px 11px; border: 1px solid #333; background-color: #eee; color: #000; display: inline-block; margin-top: 3px; text-decoration: none;}

.imgLinkContainer{position: relative; display: inline-block; width:48%; margin-left: 1%; margin-right: 1%;}
.dispimg{ width: 100%;}
.deleteBtn {background-color: #a70101; color: #FFF; padding: 15px; position:absolute; left: 0; top: 0;display: inline-block;}
.imgContainer {margin-left:3%; margin-right: 3%; margin-top: 15px;}
.imgContainerControls {text-align: center;}

.filePostForm{text-align: center; margin-top: 40px;}
.filePostForm input{padding: 12px 16px; border: 1px solid #333; background-color:#556455; color: #FFF; text-decoration: none; margin: 5px; font-family: 'Josefin Sans', sans-serif; font-size: 1.2em;}
.filePostForm input.teilenBtn{padding: 20px 35px;}

.infoBoxContainer {text-align: center; font-size: 1.2em;}
.infoBox {display: inline-block; background-color: #FFF; padding: 20px 30px; text-align: center; font-size: 1.2em; margin: 10px;}
.warningBox {display: inline-block; background-color: #FFF; padding: 20px 30px; text-align: center; font-size: 1.2em; margin: 10px; color:#a70101}