@media screen and (max-width:45rem){body{display:grid;grid-template-columns:auto;grid-template-rows:var(--top-height) auto auto auto auto auto auto auto auto;grid-gap:0;grid-template-areas:"top""nav_1""teaser""main""container_1""container_2""nav_2""nav_3""footer""bottom";}#main_top{float:left;width:100%;margin:1rem auto 0 auto;padding:0 .75rem;}#main_bottom{float:left;width:100%;margin:0 auto 1rem auto;padding:0 .75rem;}}@media screen and (min-width:45rem) and (max-width:79.5rem){body{display:grid;grid-template-columns:auto;grid-template-rows:var(--top-height) auto auto auto auto auto auto auto auto;grid-gap:0;grid-template-areas:"top""nav_1""teaser""main""container_1""container_2""nav_2""nav_3""footer""bottom";}}@media screen and (min-width:45rem) and (max-width:79.5rem) and (orientation:portrait){#main_top{float:left;width:100%;margin:1.5rem auto 1rem auto;padding:0 3.75rem;max-width:64rem;}#main_bottom{float:left;width:100%;margin:0 auto 1rem auto;padding:0 3.75rem;}}@media screen and (min-width:45rem) and (max-width:79.5rem) and (orientation:landscape){#main_top{display:block;width:100%;margin:1.5rem auto 1rem auto;padding:0;max-width:46.65rem;}#main_bottom{display:block;width:100%;margin:0 auto 1rem auto;padding:0;max-width:46.65rem;}}@media screen and (min-width:79.5rem){body{display:grid;grid-template-columns:auto;grid-template-rows:var(--top-height) auto auto auto auto auto auto auto auto;grid-gap:0;grid-template-areas:"top""nav_1""teaser""main""container_1""container_2""nav_2""nav_3""footer""bottom";}#main_top{display:block;width:100%;margin:2rem auto 0 auto;padding:0;max-width:64rem;}#main_bottom{display:block;width:100%;margin:2rem auto 0 auto;padding:0;max-width:64rem;}}header{grid-area:header;}footer{grid-area:footer;}#nav{grid-area:nav;}.nav_1{grid-area:nav_1;}.nav_2{grid-area:nav_2;}.nav_3{grid-area:nav_3;}#container_1{grid-area:container_1;}#container_2{grid-area:container_2;}@media screen and (max-width:79.5rem){#container_1{display:block;margin:1.75rem 0 0 0;}#container_2{display:block;margin:0 0 1.75rem 0;}.container{float:left;width:100%;display:flex;justify-content:center;margin:0 0 .75rem 0;}.container .keyvisual{display:flex;justify-content:center;margin:0 auto 0 auto;padding:0;width:5.375rem !important;height:5.375rem !important;& img{width:100% !important;height:auto;}}.container .content{float:left;width:100%;margin:0 auto;padding:0 2rem .5rem 2rem;}.container .foreground .title{position:relative;top:.25rem;}.container .foreground .text{position:relative;top:0;}.container .foreground .title,.container .foreground .text{float:left;text-align:center;width:100%;}.container .foreground .title > *{font-weight:bold;}.container .foreground .text a{font-weight:normal;}}@media screen and (min-width:45rem) and (max-width:79.5rem){#container_1{display:flex;justify-content:center;width:100%;}#container_2{display:flex;justify-content:center;width:100%;margin:1.5rem 0 0 0;padding:1.5rem 0 0 0;min-height:auto;}.container{display:flex;justify-content:center;margin:0;padding:0;width:100%;}}@media screen and (min-width:79.5rem){#container_1{display:flex;justify-content:center;width:100%;margin:1.5rem 0;min-height:auto;}#container_2{display:flex;justify-content:center;width:100%;margin:1.5rem 0 0 0;padding:1.5rem 0 0 0;min-height:auto;}.container{display:flex;justify-content:space-between;margin:.5rem 0;min-width:18rem;width:100%;max-width:30rem;}.container .keyvisual{display:flex;justify-content:center;margin:0 auto 0 auto;padding:0;width:5.375rem !important;height:5.375rem !important;& img{width:100% !important;height:auto;}}.container .content{margin:0 auto 0 auto;width:90%;}.container .foreground .title,.container .foreground .text{float:left;text-align:center;width:100%;}.container .foreground .title > *{font-weight:bold;}.container .foreground .text a{font-weight:normal;}}#teaser_wrapper{grid-area:teaser;background:var(--bgr-accent-300);padding:.25rem 0;}@media screen and (max-width:45rem){:root{--teaser-height:26.25rem;}#teaser{width:100%;height:var(--teaser-height);overflow:hidden;position:relative;& .card{position:absolute;top:0;left:0;z-index:2;width:100%;height:var(--teaser-height);}& .card .foreground{position:absolute;top:0;left:0;width:100%;height:var(--teaser-height);z-index:2;& .title{position:absolute;top:calc(100% - 75%);left:0;}}& .card .button{position:absolute;top:.85rem;right:.75rem;width:6.75rem;height:auto;z-index:500;}& .card .background{position:absolute;width:100%;height:var(--teaser-height);left:0;top:0;z-index:1;overflow:hidden;}}}@media screen and (min-width:45rem) and (max-width:79.5rem) and (orientation:portrait){:root{--teaser-height:44.5rem;}#teaser .card .button{position:absolute;top:1.5rem;right:1.25rem !important;width:10rem;height:auto;z-index:500;}}@media screen and (min-width:45rem) and (max-width:79.5rem) and (orientation:landscape){:root{--teaser-height:44rem;}#teaser .card .button{position:absolute;top:1.75rem;right:1.5rem !important;width:12rem;height:auto;z-index:500;}#teaser .card .foreground .title{position:absolute;top:calc(100% - 70%);left:0;}}@media screen and (min-width:45rem) and (max-width:79.5rem){#teaser{float:left;height:var(--teaser-height);width:100%;position:relative;}#teaser .card{position:absolute;top:0;left:0;z-index:2;width:100%;height:var(--teaser-height);& .foreground{position:absolute;top:0;left:0;width:100%;height:var(--teaser-height);z-index:2;& .title{position:absolute;top:calc(100% - 70%);left:0;}}& .background{position:absolute;width:100%;height:var(--teaser-height);left:0;top:0;z-index:1;overflow:hidden;}}}@media screen and (min-width:79.5rem){:root{--teaser-height:42.5rem;}#teaser{display:block;min-width:79.5rem;max-width:118.75rem;width:100%;height:var(--teaser-height);margin:0 auto 0 auto;overflow:hidden;position:relative;.card{position:absolute;top:0;left:0;z-index:2;width:100%;height:var(--teaser-height);}.card .foreground{position:absolute;top:0;left:0;width:100%;height:var(--teaser-height);margin:0;padding:0 1rem 0 1rem;z-index:2;}.card .button{position:absolute;top:1.75rem;right:1.5rem !important;width:12rem;height:12rem;z-index:1000;}.card .background{position:absolute;width:100%;height:var(--teaser-height);left:0;top:0;z-index:1;overflow:hidden;margin:0 auto 0 auto;}}#teaser .card .foreground .title{position:absolute;top:calc(100% - 70%);left:0;}}#teaser .card .foreground .title{display:block;width:100%;margin:0 auto 0 auto;}#teaser .card .foreground .text{display:block;width:100%;position:absolute;top:0;left:0;margin:0 auto 0 auto;text-align:center;}