*{margin:0px; padding:0px}
html { min-height: 100%; width: 100%; touch-action: manipulation; }
body { color: rgb(0, 0, 0); text-align: left; min-height: 100%; width: 100%; font-family: "Open Sans",sans-serif; font-size: 14px; background:#1313 }
input { transition: all 0.5s ease-out 0s; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:15px auto; text-align:center }
ul, ol{margin-top:10px; margin-bottom:10px}
ul li, ol li{margin-left:20px; }
img { max-width: 100%; transition: all 0.5s ease 0s; }
.clear { clear: both; }
.header{box-shadow: 1px 1px 5px;}
.content{ padding:10px}
.wrap{max-width:900px; margin:0px auto; background:#FFFF}
.flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
.tel{  font-size: 20px; font-style: italic; font-weight: 900; line-height: 50px;}
.tel img{ height:18px}
.kontakt{  font-size: 20px; margin-right:15px; line-height: 50px;}
.footer{ background:#6ad56a66; text-align:center}
.footer-txt{  padding:20px 20px; }
.autor, .date{font-size: 12px; margin-left: 15px; font-style: italic;}
.autor{margin-left: 0px; margin-right: 15px;}
.footer-adr{    justify-content: space-around; padding:10px 0px; background:#FFFF; padding-top:20px; border-top:1px solid #132123}

@media screen and (max-width: 480px) {
.wrap {padding: 10px;}
.header{padding: 5px;}
}