@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.ttf)}@font-face{font-family:PatrickHand;src:url(../fonts/PatrickHand-Regular.ttf)}.cardcontainer{display:flex;flex-wrap:wrap;justify-content:center;height:100%;align-items:center}header{display:flex;flex-direction:row;justify-content:space-between;width:100%;background-color:#fff;height:10rem}header nav{margin:0;padding:0;height:100%}header nav ul{display:flex;flex-direction:row;margin:0;height:100%;align-items:center}header nav ul li{list-style:none;align-items:center;padding:0;margin:0 1rem}header nav ul li a{text-decoration:none;font-family:PatrickHand;font-size:3.5rem;align-items:center;padding:0}header .isActive{color:#F59324}header #languageswitch ul{display:flex;flex-direction:row;align-items:center;height:100%;margin:0;padding:0 2rem 0 0}header #languageswitch ul li{list-style:none;align-items:center;border-right:1px #707070 solid}header #languageswitch ul li:last-child{border:none}header #languageswitch ul li a{text-decoration:none;padding:0.5rem;align-items:center;text-transform:uppercase}.card{height:45rem;background:#fff;padding:0;display:flex;flex-basis:25%;flex-grow:1;flex-direction:column;margin:2rem;cursor:pointer;text-decoration:none}.card:hover{box-shadow:0px 0px 10px #f9c386}.card h1{margin:0;padding:1rem 0;text-align:center;flex-grow:0;flex-shrink:1;flex-basis:auto}.card p{padding:1rem 3rem;flex-grow:1;flex-shrink:1;flex-basis:auto}.card img{height:10rem;display:block;margin:auto}.card img:hover{color:#F59324}#contentlist{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}#contentlist .contentItem{background-color:#fff;margin:4rem 2rem 0 2rem;min-width:30rem;padding:0;flex-grow:1;flex-basis:calc( 25% - 32rem)}#contentlist .contentItem:hover{box-shadow:0 0 8px #f9c386}#contentlist .contentItem a{text-decoration:none}#contentlist .contentItem h1{margin:0;padding:2rem}#contentlist .contentItem p{margin:0;padding:0 3rem 3rem}#site{width:100%;display:flex;height:100%;flex-direction:row}#site #sitenav,#site #versionnav{height:fit-content;position:sticky;top:2rem;display:none;width:20%;min-width:fit-content;margin:0 2rem 2rem 0;padding:2rem;background-color:white}@media screen and (min-width: 950px){#site #sitenav,#site #versionnav{display:inline}}#site #sitenav .isActive,#site #versionnav .isActive{color:#F59324}#site #sitenav h1,#site #versionnav h1{margin:0;padding:0}#site #sitenav ul,#site #versionnav ul{margin:0;padding:0}#site #sitenav ul li,#site #versionnav ul li{list-style:none;margin:2rem 0}#site #sitenav ul li a,#site #versionnav ul li a{text-decoration:none;padding:2rem}#site #versionnav{background-color:#fff;margin:0 0 0 2rem;padding:2rem;width:20%;height:fit-content}#site #versionnav.noContent{display:none}#site #versionnav .isActive{color:#F59324}#site #inner{background-color:white;width:100%;flex-grow:1;flex-shrink:1;flex-basis:auto;padding:2rem}#site #inner p{padding:0 3rem}#site #inner p img{display:block;margin:auto;max-width:100%;padding:2rem 0}#site #inner h1{margin:0;padding:0}#site #inner .highlight{box-shadow:0 0 10px #b3b3b3;margin:0 3rem}footer{background-color:#fff;box-shadow:-5px 0 10px #ccc;width:100%;display:flex;height:8rem;align-items:center}footer nav ul li{list-style:none}footer nav ul li a{text-decoration:none}#impressum{background-color:#fff;padding:0;margin:0;height:100%}#impressum h1{margin:0;padding:2rem}#impressum h2{margin:0;padding:2rem;color:#F59324}#impressum p{padding:0 4rem}#impressum p a{text-decoration:none;color:#F59324}.hint{background-color:#F8F8F8;border-left:5px solid #26ccff;padding:1rem 2rem}.hint h1{color:#26ccff;font-size:3rem}.hint .inner{padding:1rem 2rem}*{font-size:14pt;color:#707070;font-weight:400;font-family:Roboto;box-sizing:border-box}h1{font-family:PatrickHand;font-size:3.2rem;color:#F59324;margin:0;padding:2rem}h2{font-family:PatrickHand;font-size:2.8rem;color:#F59324;margin:0;padding:2rem}.shadow,header{box-shadow:0 5px 8px #ccc}.shadow-ur,.card,#contentlist .contentItem,#site #sitenav,#site #versionnav,#site #inner,#impressum{box-shadow:5px 5px 8px #ccc}body,html{margin:0;padding:0;display:flex;flex-direction:column;height:100%;width:100%;font-size:10px;background-color:#F8F8F8}#header{felx:0 1 auto;width:100%}#content{flex-grow:1;flex-shrink:1;flex-basis:auto;width:100%;padding:2rem}