html,body{height:100%;display:block}body{background-color:#00a90024;margin:0}*{box-sizing:border-box}#b-app-host{display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;max-width:1200px;position:relative;margin:0 auto}#head{width:100%;height:70px;transition:height .5s,width .5s}@media screen and (max-width:750px){#head{height:47px}}#wappen{padding:3px 7px;width:66px;transition:height .5s,width .5s}#wappen>a{display:block}#wappen img{height:64px;transition:height .5s,width .5s}@media screen and (max-width:750px){#wappen{padding:3px 5px;width:45px}#wappen img{height:45px}}#title{position:absolute;left:67px;top:3px;right:3px;height:63px;transition:height .5s,width .5s,font-size .5s,left .5s;background-color:green;color:#fff;font-size:x-large;padding:15px;border-bottom-left-radius:26px;border-bottom-right-radius:26px;white-space:nowrap;overflow:hidden;text-align:center}@media screen and (max-width:750px){#title{left:46px;height:45px;font-size:15px}}@media screen and (max-width:515px){#title{padding:0;white-space:normal}}#b-content{display:flex;flex-direction:row;flex-wrap:wrap}#b-content-left{width:calc(100% - 100px)}@media screen and (max-width:700px){#b-content-left{width:100%}}#b-content-right{padding:85px 0 0;width:80px}@media screen and (max-width:700px){#b-content-right{padding:0 0 0 20px;width:100%}}a.link-card{height:70px;width:70px;border:1px dotted #bbb;padding:5px;margin:5px auto;border-radius:7px;box-shadow:inset 0 0 19px -12px #0000007a;display:block;transition:width .8s,height 2s;background-color:#f1f0ff}a.link-card:hover{background-color:#fefeff;height:80px;width:80px}@media screen and (max-width:700px){a.link-card:hover{height:70px;width:70px}}a.link-card>img{height:100%;max-width:100%}@media screen and (max-width:700px){a.link-card{float:left;margin:5px}}#foot{background-color:#00a9004d;width:100%;height:25px;line-height:25px;margin-top:auto;padding:0 10px;font-size:x-small}