@charset "utf-8";


* {box-sizing: border-box;}.indice_container{display:flex;flex-wrap: wrap;justify-content: space-between;}.indice_container>div{position:relative;flex-wrap: wrap;}.sticky_container{position:sticky;top:50px;z-index:10;}.indice_container.sp0.t10 .cw12{width:100%;}.indice_container.sp0.t21 .cw6{width:50%;}.indice_container.sp0.t22 .cw3{width:25%;}.indice_container.sp0.t22 .cw9{width:75%;}.indice_container.sp0.t23 .cw3{width:25%;}.indice_container.sp0.t23 .cw9{width:75%;}.indice_container.sp0.t31 .cw3{width:25%;}.indice_container.sp0.t31 .cw6{width:50%;}.indice_container.sp0.t32 .cw3{width:25%;}.indice_container.sp0.t32 .cw6{width:50%;}.indice_container.sp0.t33 .cw3{width:25%;}.indice_container.sp0.t33 .cw6{width:50%;}.indice_container.sp0.t40 .cw3{width:25%;}.indice_container.sp0.t30 .cw4{width:33.33%;}.indice_container.sp5.t10 .cw12{width:100%;}.indice_container.sp5.t21 .cw6{width:49.75%;}.indice_container.sp5.t22 .cw3{width:24.63%;}.indice_container.sp5.t22 .cw9{width:74.88%;}.indice_container.sp5.t23 .cw3{width:24.63%;}.indice_container.sp5.t23 .cw9{width:74.88%;}.indice_container.sp5.t31 .cw3{width:24.63%;}.indice_container.sp5.t31 .cw6{width:49.75%;}.indice_container.sp5.t32 .cw3{width:24.63%;}.indice_container.sp5.t32 .cw6{width:49.75%;}.indice_container.sp5.t33 .cw3{width:24.63%;}.indice_container.sp5.t33 .cw6{width:49.75%;}.indice_container.sp5.t40 .cw3{width:24.63%;}.indice_container.sp5.t30 .cw4{width:33%;}.indice_container.sp10.t10 .cw12{width:100%;}.indice_container.sp10.t21 .cw6{width:49.5%;}.indice_container.sp10.t22 .cw3{width:24.25%;}.indice_container.sp10.t22 .cw9{width:74.75%;}.indice_container.sp10.t23 .cw3{width:24.25%;}.indice_container.sp10.t23 .cw9{width:74.75%;}.indice_container.sp10.t31 .cw3{width:24.25%;}.indice_container.sp10.t31 .cw6{width:49.5%;}.indice_container.sp10.t32 .cw3{width:24.25%;}.indice_container.sp10.t32 .cw6{width:49.5%;}.indice_container.sp10.t33 .cw3{width:24.25%;}.indice_container.sp10.t33 .cw6{width:49.5%;}.indice_container.sp10.t40 .cw3{width:24.25%;}.indice_container.sp10.t30 .cw4{width:32.67%;}.indice_container.sp20.t10 .cw12{width:100%;}.indice_container.sp20.t21 .cw6{width:49%;}.indice_container.sp20.t22 .cw3{width:23.5%;}.indice_container.sp20.t22 .cw9{width:74.5%;}.indice_container.sp20.t23 .cw3{width:23.5%;}.indice_container.sp20.t23 .cw9{width:74.5%;}.indice_container.sp20.t31 .cw3{width:23.5%;}.indice_container.sp20.t31 .cw6{width:49%;}.indice_container.sp20.t32 .cw3{width:23.5%;}.indice_container.sp20.t32 .cw6{width:49%;}.indice_container.sp20.t33 .cw3{width:23.5%;}.indice_container.sp20.t33 .cw6{width:49%;}.indice_container.sp20.t40 .cw3{width:23.5%;}.indice_container.sp20.t30 .cw4{width:32%;}.indice_container.sp30.t10 .cw12{width:100%;}.indice_container.sp30.t21 .cw6{width:48.5%;}.indice_container.sp30.t22 .cw3{width:22.75%;}.indice_container.sp30.t22 .cw9{width:74.25%;}.indice_container.sp30.t23 .cw3{width:22.75%;}.indice_container.sp30.t23 .cw9{width:74.25%;}.indice_container.sp30.t31 .cw3{width:22.75%;}.indice_container.sp30.t31 .cw6{width:48.5%;}.indice_container.sp30.t32 .cw3{width:22.75%;}.indice_container.sp30.t32 .cw6{width:48.5%;}.indice_container.sp30.t33 .cw3{width:22.75%;}.indice_container.sp30.t33 .cw6{width:48.5%;}.indice_container.sp30.t40 .cw3{width:22.75%;}.indice_container.sp30.t30 .cw4{width:31.33%;}.indice_container.sp40.t10 .cw12{width:100%;}.indice_container.sp40.t21 .cw6{width:48%;}.indice_container.sp40.t22 .cw3{width:22%;}.indice_container.sp40.t22 .cw9{width:74%;}.indice_container.sp40.t23 .cw3{width:22%;}.indice_container.sp40.t23 .cw9{width:74%;}.indice_container.sp40.t31 .cw3{width:22%;}.indice_container.sp40.t31 .cw6{width:48%;}.indice_container.sp40.t32 .cw3{width:22%;}.indice_container.sp40.t32 .cw6{width:48%;}.indice_container.sp40.t33 .cw3{width:22%;}.indice_container.sp40.t33 .cw6{width:48%;}.indice_container.sp40.t40 .cw3{width:22%;}.indice_container.sp40.t30 .cw4{width:30.67%;}.indice_container.sp50.t10 .cw12{width:100%;}.indice_container.sp50.t21 .cw6{width:47.5%;}.indice_container.sp50.t22 .cw3{width:21.25%;}.indice_container.sp50.t22 .cw9{width:73.75%;}.indice_container.sp50.t23 .cw3{width:21.25%;}.indice_container.sp50.t23 .cw9{width:73.75%;}.indice_container.sp50.t31 .cw3{width:21.25%;}.indice_container.sp50.t31 .cw6{width:47.5%;}.indice_container.sp50.t32 .cw3{width:21.25%;}.indice_container.sp50.t32 .cw6{width:47.5%;}.indice_container.sp50.t33 .cw3{width:21.25%;}.indice_container.sp50.t33 .cw6{width:47.5%;}.indice_container.sp50.t40 .cw3{width:21.25%;}.indice_container.sp50.t30 .cw4{width:30%;}.indice_container.sp60.t10 .cw12{width:100%;}.indice_container.sp60.t21 .cw6{width:47%;}.indice_container.sp60.t22 .cw3{width:20.5%;}.indice_container.sp60.t22 .cw9{width:73.5%;}.indice_container.sp60.t23 .cw3{width:20.5%;}.indice_container.sp60.t23 .cw9{width:73.5%;}.indice_container.sp60.t31 .cw3{width:20.5%;}.indice_container.sp60.t31 .cw6{width:47%;}.indice_container.sp60.t32 .cw3{width:20.5%;}.indice_container.sp60.t32 .cw6{width:47%;}.indice_container.sp60.t33 .cw3{width:20.5%;}.indice_container.sp60.t33 .cw6{width:47%;}.indice_container.sp60.t40 .cw3{width:20.5%;}.indice_container.sp60.t30 .cw4{width:29.33%;}.indice_container.sp80.t10 .cw12{width:100%;}.indice_container.sp80.t21 .cw6{width:46%;}.indice_container.sp80.t22 .cw3{width:19%;}.indice_container.sp80.t22 .cw9{width:73%;}.indice_container.sp80.t23 .cw3{width:19%;}.indice_container.sp80.t23 .cw9{width:73%;}.indice_container.sp80.t31 .cw3{width:19%;}.indice_container.sp80.t31 .cw6{width:46%;}.indice_container.sp80.t32 .cw3{width:19%;}.indice_container.sp80.t32 .cw6{width:46%;}.indice_container.sp80.t33 .cw3{width:19%;}.indice_container.sp80.t33 .cw6{width:46%;}.indice_container.sp80.t40 .cw3{width:19%;}.indice_container.sp80.t30 .cw4{width:28%;}.indice_container.sp100.t10 .cw12{width:100%;}.indice_container.sp100.t21 .cw6{width:45%;}.indice_container.sp100.t22 .cw3{width:17.5%;}.indice_container.sp100.t22 .cw9{width:72.5%;}.indice_container.sp100.t23 .cw3{width:17.5%;}.indice_container.sp100.t23 .cw9{width:72.5%;}.indice_container.sp100.t31 .cw3{width:17.5%;}.indice_container.sp100.t31 .cw6{width:45%;}.indice_container.sp100.t32 .cw3{width:17.5%;}.indice_container.sp100.t32 .cw6{width:45%;}.indice_container.sp100.t33 .cw3{width:17.5%;}.indice_container.sp100.t33 .cw6{width:45%;}.indice_container.sp100.t40 .cw3{width:17.5%;}.indice_container.sp100.t30 .cw4{width:26.67%;}@media only screen and (max-width: 1024px) {.indice_container.sp0{margin-bottom:-0%;}.indice_container.sp0>div{margin-bottom:0%;}.indice_container.sp5{margin-bottom:-0.5%;}.indice_container.sp5>div{margin-bottom:0.5%;}.indice_container.sp10{margin-bottom:-1%;}.indice_container.sp10>div{margin-bottom:1%;}.indice_container.sp20{margin-bottom:-2%;}.indice_container.sp20>div{margin-bottom:2%;}.indice_container.sp30{margin-bottom:-3%;}.indice_container.sp30>div{margin-bottom:3%;}.indice_container.sp40{margin-bottom:-4%;}.indice_container.sp40>div{margin-bottom:4%;}.indice_container.sp50{margin-bottom:-5%;}.indice_container.sp50>div{margin-bottom:5%;}.indice_container.sp60{margin-bottom:-6%;}.indice_container.sp60>div{margin-bottom:6%;}.indice_container.sp80{margin-bottom:-8%;}.indice_container.sp80>div{margin-bottom:8%;}.indice_container.sp100{margin-bottom:-10%;}.indice_container.sp100>div{margin-bottom:10%;}.indice_container.sp0.t10 .cw12{width:200%;}.indice_container.sp0.t21 .cw6{width:100%;}.indice_container.sp0.t22 .cw3{width:100%;}.indice_container.sp0.t22 .cw9{width:100%;}.indice_container.sp0.t23 .cw3{width:100%;}.indice_container.sp0.t23 .cw9{width:100%;}.indice_container.sp0.t31 .cw3{width:100%;}.indice_container.sp0.t31 .cw6{width:100%;}.indice_container.sp0.t32 .cw3{width:50%;}.indice_container.sp0.t32 .cw6{width:100%;}.indice_container.sp0.t33 .cw3{width:50%;}.indice_container.sp0.t33 .cw6{width:100%;}.indice_container.sp0.t40 .cw3{width:50%;}.indice_container.sp0.t30 .cw4{width:100%;}.indice_container.sp5.t10 .cw12{width:200%;}.indice_container.sp5.t21 .cw6{width:100%;}.indice_container.sp5.t22 .cw3{width:100%;}.indice_container.sp5.t22 .cw9{width:100%;}.indice_container.sp5.t23 .cw3{width:100%;}.indice_container.sp5.t23 .cw9{width:100%;}.indice_container.sp5.t31 .cw3{width:100%;}.indice_container.sp5.t31 .cw6{width:100%;}.indice_container.sp5.t32 .cw3{width:49.75%;}.indice_container.sp5.t32 .cw6{width:100%;}.indice_container.sp5.t33 .cw3{width:49.75%;}.indice_container.sp5.t33 .cw6{width:100%;}.indice_container.sp5.t40 .cw3{width:49.75%;}.indice_container.sp5.t30 .cw4{width:100%;}.indice_container.sp10.t10 .cw12{width:200%;}.indice_container.sp10.t21 .cw6{width:100%;}.indice_container.sp10.t22 .cw3{width:100%;}.indice_container.sp10.t22 .cw9{width:100%;}.indice_container.sp10.t23 .cw3{width:100%;}.indice_container.sp10.t23 .cw9{width:100%;}.indice_container.sp10.t31 .cw3{width:100%;}.indice_container.sp10.t31 .cw6{width:100%;}.indice_container.sp10.t32 .cw3{width:49.5%;}.indice_container.sp10.t32 .cw6{width:100%;}.indice_container.sp10.t33 .cw3{width:49.5%;}.indice_container.sp10.t33 .cw6{width:100%;}.indice_container.sp10.t40 .cw3{width:49.5%;}.indice_container.sp10.t30 .cw4{width:100%;}.indice_container.sp20.t10 .cw12{width:200%;}.indice_container.sp20.t21 .cw6{width:100%;}.indice_container.sp20.t22 .cw3{width:100%;}.indice_container.sp20.t22 .cw9{width:100%;}.indice_container.sp20.t23 .cw3{width:100%;}.indice_container.sp20.t23 .cw9{width:100%;}.indice_container.sp20.t31 .cw3{width:100%;}.indice_container.sp20.t31 .cw6{width:100%;}.indice_container.sp20.t32 .cw3{width:49%;}.indice_container.sp20.t32 .cw6{width:100%;}.indice_container.sp20.t33 .cw3{width:49%;}.indice_container.sp20.t33 .cw6{width:100%;}.indice_container.sp20.t40 .cw3{width:49%;}.indice_container.sp20.t30 .cw4{width:100%;}.indice_container.sp30.t10 .cw12{width:200%;}.indice_container.sp30.t21 .cw6{width:100%;}.indice_container.sp30.t22 .cw3{width:100%;}.indice_container.sp30.t22 .cw9{width:100%;}.indice_container.sp30.t23 .cw3{width:100%;}.indice_container.sp30.t23 .cw9{width:100%;}.indice_container.sp30.t31 .cw3{width:100%;}.indice_container.sp30.t31 .cw6{width:100%;}.indice_container.sp30.t32 .cw3{width:48.5%;}.indice_container.sp30.t32 .cw6{width:100%;}.indice_container.sp30.t33 .cw3{width:48.5%;}.indice_container.sp30.t33 .cw6{width:100%;}.indice_container.sp30.t40 .cw3{width:48.5%;}.indice_container.sp30.t30 .cw4{width:100%;}.indice_container.sp40.t10 .cw12{width:200%;}.indice_container.sp40.t21 .cw6{width:100%;}.indice_container.sp40.t22 .cw3{width:100%;}.indice_container.sp40.t22 .cw9{width:100%;}.indice_container.sp40.t23 .cw3{width:100%;}.indice_container.sp40.t23 .cw9{width:100%;}.indice_container.sp40.t31 .cw3{width:100%;}.indice_container.sp40.t31 .cw6{width:100%;}.indice_container.sp40.t32 .cw3{width:48%;}.indice_container.sp40.t32 .cw6{width:100%;}.indice_container.sp40.t33 .cw3{width:48%;}.indice_container.sp40.t33 .cw6{width:100%;}.indice_container.sp40.t40 .cw3{width:48%;}.indice_container.sp40.t30 .cw4{width:100%;}.indice_container.sp50.t10 .cw12{width:200%;}.indice_container.sp50.t21 .cw6{width:100%;}.indice_container.sp50.t22 .cw3{width:100%;}.indice_container.sp50.t22 .cw9{width:100%;}.indice_container.sp50.t23 .cw3{width:100%;}.indice_container.sp50.t23 .cw9{width:100%;}.indice_container.sp50.t31 .cw3{width:100%;}.indice_container.sp50.t31 .cw6{width:100%;}.indice_container.sp50.t32 .cw3{width:47.5%;}.indice_container.sp50.t32 .cw6{width:100%;}.indice_container.sp50.t33 .cw3{width:47.5%;}.indice_container.sp50.t33 .cw6{width:100%;}.indice_container.sp50.t40 .cw3{width:47.5%;}.indice_container.sp50.t30 .cw4{width:100%;}.indice_container.sp60.t10 .cw12{width:200%;}.indice_container.sp60.t21 .cw6{width:100%;}.indice_container.sp60.t22 .cw3{width:100%;}.indice_container.sp60.t22 .cw9{width:100%;}.indice_container.sp60.t23 .cw3{width:100%;}.indice_container.sp60.t23 .cw9{width:100%;}.indice_container.sp60.t31 .cw3{width:100%;}.indice_container.sp60.t31 .cw6{width:100%;}.indice_container.sp60.t32 .cw3{width:47%;}.indice_container.sp60.t32 .cw6{width:100%;}.indice_container.sp60.t33 .cw3{width:47%;}.indice_container.sp60.t33 .cw6{width:100%;}.indice_container.sp60.t40 .cw3{width:47%;}.indice_container.sp60.t30 .cw4{width:100%;}.indice_container.sp80.t10 .cw12{width:200%;}.indice_container.sp80.t21 .cw6{width:100%;}.indice_container.sp80.t22 .cw3{width:100%;}.indice_container.sp80.t22 .cw9{width:100%;}.indice_container.sp80.t23 .cw3{width:100%;}.indice_container.sp80.t23 .cw9{width:100%;}.indice_container.sp80.t31 .cw3{width:100%;}.indice_container.sp80.t31 .cw6{width:100%;}.indice_container.sp80.t32 .cw3{width:46%;}.indice_container.sp80.t32 .cw6{width:100%;}.indice_container.sp80.t33 .cw3{width:46%;}.indice_container.sp80.t33 .cw6{width:100%;}.indice_container.sp80.t40 .cw3{width:46%;}.indice_container.sp80.t30 .cw4{width:100%;}.indice_container.sp100.t10 .cw12{width:200%;}.indice_container.sp100.t21 .cw6{width:100%;}.indice_container.sp100.t22 .cw3{width:100%;}.indice_container.sp100.t22 .cw9{width:100%;}.indice_container.sp100.t23 .cw3{width:100%;}.indice_container.sp100.t23 .cw9{width:100%;}.indice_container.sp100.t31 .cw3{width:100%;}.indice_container.sp100.t31 .cw6{width:100%;}.indice_container.sp100.t32 .cw3{width:45%;}.indice_container.sp100.t32 .cw6{width:100%;}.indice_container.sp100.t33 .cw3{width:45%;}.indice_container.sp100.t33 .cw6{width:100%;}.indice_container.sp100.t40 .cw3{width:45%;}.indice_container.sp100.t30 .cw4{width:100%;}}@media only screen and (max-width: 700px) {.indice_container.sp0.t10 .cw12{width:100%;}.indice_container.sp0.t21 .cw6{width:100%;}.indice_container.sp0.t22 .cw3{width:100%;}.indice_container.sp0.t22 .cw9{width:100%;}.indice_container.sp0.t23 .cw3{width:100%;}.indice_container.sp0.t23 .cw9{width:100%;}.indice_container.sp0.t31 .cw3{width:100%;}.indice_container.sp0.t31 .cw6{width:100%;}.indice_container.sp0.t32 .cw3{width:100%;}.indice_container.sp0.t32 .cw6{width:100%;}.indice_container.sp0.t33 .cw3{width:100%;}.indice_container.sp0.t33 .cw6{width:100%;}.indice_container.sp0.t40 .cw3{width:100%;}.indice_container.sp0.t30 .cw4{width:100%;}.indice_container.sp5.t10 .cw12{width:100%;}.indice_container.sp5.t21 .cw6{width:100%;}.indice_container.sp5.t22 .cw3{width:100%;}.indice_container.sp5.t22 .cw9{width:100%;}.indice_container.sp5.t23 .cw3{width:100%;}.indice_container.sp5.t23 .cw9{width:100%;}.indice_container.sp5.t31 .cw3{width:100%;}.indice_container.sp5.t31 .cw6{width:100%;}.indice_container.sp5.t32 .cw3{width:100%;}.indice_container.sp5.t32 .cw6{width:100%;}.indice_container.sp5.t33 .cw3{width:100%;}.indice_container.sp5.t33 .cw6{width:100%;}.indice_container.sp5.t40 .cw3{width:100%;}.indice_container.sp5.t30 .cw4{width:100%;}.indice_container.sp10.t10 .cw12{width:100%;}.indice_container.sp10.t21 .cw6{width:100%;}.indice_container.sp10.t22 .cw3{width:100%;}.indice_container.sp10.t22 .cw9{width:100%;}.indice_container.sp10.t23 .cw3{width:100%;}.indice_container.sp10.t23 .cw9{width:100%;}.indice_container.sp10.t31 .cw3{width:100%;}.indice_container.sp10.t31 .cw6{width:100%;}.indice_container.sp10.t32 .cw3{width:100%;}.indice_container.sp10.t32 .cw6{width:100%;}.indice_container.sp10.t33 .cw3{width:100%;}.indice_container.sp10.t33 .cw6{width:100%;}.indice_container.sp10.t40 .cw3{width:100%;}.indice_container.sp10.t30 .cw4{width:100%;}.indice_container.sp20.t10 .cw12{width:100%;}.indice_container.sp20.t21 .cw6{width:100%;}.indice_container.sp20.t22 .cw3{width:100%;}.indice_container.sp20.t22 .cw9{width:100%;}.indice_container.sp20.t23 .cw3{width:100%;}.indice_container.sp20.t23 .cw9{width:100%;}.indice_container.sp20.t31 .cw3{width:100%;}.indice_container.sp20.t31 .cw6{width:100%;}.indice_container.sp20.t32 .cw3{width:100%;}.indice_container.sp20.t32 .cw6{width:100%;}.indice_container.sp20.t33 .cw3{width:100%;}.indice_container.sp20.t33 .cw6{width:100%;}.indice_container.sp20.t40 .cw3{width:100%;}.indice_container.sp20.t30 .cw4{width:100%;}.indice_container.sp30.t10 .cw12{width:100%;}.indice_container.sp30.t21 .cw6{width:100%;}.indice_container.sp30.t22 .cw3{width:100%;}.indice_container.sp30.t22 .cw9{width:100%;}.indice_container.sp30.t23 .cw3{width:100%;}.indice_container.sp30.t23 .cw9{width:100%;}.indice_container.sp30.t31 .cw3{width:100%;}.indice_container.sp30.t31 .cw6{width:100%;}.indice_container.sp30.t32 .cw3{width:100%;}.indice_container.sp30.t32 .cw6{width:100%;}.indice_container.sp30.t33 .cw3{width:100%;}.indice_container.sp30.t33 .cw6{width:100%;}.indice_container.sp30.t40 .cw3{width:100%;}.indice_container.sp30.t30 .cw4{width:100%;}.indice_container.sp40.t10 .cw12{width:100%;}.indice_container.sp40.t21 .cw6{width:100%;}.indice_container.sp40.t22 .cw3{width:100%;}.indice_container.sp40.t22 .cw9{width:100%;}.indice_container.sp40.t23 .cw3{width:100%;}.indice_container.sp40.t23 .cw9{width:100%;}.indice_container.sp40.t31 .cw3{width:100%;}.indice_container.sp40.t31 .cw6{width:100%;}.indice_container.sp40.t32 .cw3{width:100%;}.indice_container.sp40.t32 .cw6{width:100%;}.indice_container.sp40.t33 .cw3{width:100%;}.indice_container.sp40.t33 .cw6{width:100%;}.indice_container.sp40.t40 .cw3{width:100%;}.indice_container.sp40.t30 .cw4{width:100%;}.indice_container.sp50.t10 .cw12{width:100%;}.indice_container.sp50.t21 .cw6{width:100%;}.indice_container.sp50.t22 .cw3{width:100%;}.indice_container.sp50.t22 .cw9{width:100%;}.indice_container.sp50.t23 .cw3{width:100%;}.indice_container.sp50.t23 .cw9{width:100%;}.indice_container.sp50.t31 .cw3{width:100%;}.indice_container.sp50.t31 .cw6{width:100%;}.indice_container.sp50.t32 .cw3{width:100%;}.indice_container.sp50.t32 .cw6{width:100%;}.indice_container.sp50.t33 .cw3{width:100%;}.indice_container.sp50.t33 .cw6{width:100%;}.indice_container.sp50.t40 .cw3{width:100%;}.indice_container.sp50.t30 .cw4{width:100%;}.indice_container.sp60.t10 .cw12{width:100%;}.indice_container.sp60.t21 .cw6{width:100%;}.indice_container.sp60.t22 .cw3{width:100%;}.indice_container.sp60.t22 .cw9{width:100%;}.indice_container.sp60.t23 .cw3{width:100%;}.indice_container.sp60.t23 .cw9{width:100%;}.indice_container.sp60.t31 .cw3{width:100%;}.indice_container.sp60.t31 .cw6{width:100%;}.indice_container.sp60.t32 .cw3{width:100%;}.indice_container.sp60.t32 .cw6{width:100%;}.indice_container.sp60.t33 .cw3{width:100%;}.indice_container.sp60.t33 .cw6{width:100%;}.indice_container.sp60.t40 .cw3{width:100%;}.indice_container.sp60.t30 .cw4{width:100%;}.indice_container.sp80.t10 .cw12{width:100%;}.indice_container.sp80.t21 .cw6{width:100%;}.indice_container.sp80.t22 .cw3{width:100%;}.indice_container.sp80.t22 .cw9{width:100%;}.indice_container.sp80.t23 .cw3{width:100%;}.indice_container.sp80.t23 .cw9{width:100%;}.indice_container.sp80.t31 .cw3{width:100%;}.indice_container.sp80.t31 .cw6{width:100%;}.indice_container.sp80.t32 .cw3{width:100%;}.indice_container.sp80.t32 .cw6{width:100%;}.indice_container.sp80.t33 .cw3{width:100%;}.indice_container.sp80.t33 .cw6{width:100%;}.indice_container.sp80.t40 .cw3{width:100%;}.indice_container.sp80.t30 .cw4{width:100%;}.indice_container.sp100.t10 .cw12{width:100%;}.indice_container.sp100.t21 .cw6{width:100%;}.indice_container.sp100.t22 .cw3{width:100%;}.indice_container.sp100.t22 .cw9{width:100%;}.indice_container.sp100.t23 .cw3{width:100%;}.indice_container.sp100.t23 .cw9{width:100%;}.indice_container.sp100.t31 .cw3{width:100%;}.indice_container.sp100.t31 .cw6{width:100%;}.indice_container.sp100.t32 .cw3{width:100%;}.indice_container.sp100.t32 .cw6{width:100%;}.indice_container.sp100.t33 .cw3{width:100%;}.indice_container.sp100.t33 .cw6{width:100%;}.indice_container.sp100.t40 .cw3{width:100%;}.indice_container.sp100.t30 .cw4{width:100%;}}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/ubuntu-v14-latin-300.eot'); 
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('/fonts/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/ubuntu-v14-latin-300.woff2') format('woff2'),
       url('/fonts/ubuntu-v14-latin-300.woff') format('woff'),
       url('/fonts/ubuntu-v14-latin-300.ttf') format('truetype'),
       url('/fonts/ubuntu-v14-latin-300.svg#Ubuntu') format('svg'); 
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/ubuntu-v14-latin-regular.eot'); 
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('/fonts/ubuntu-v14-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/ubuntu-v14-latin-regular.woff2') format('woff2'),
       url('/fonts/ubuntu-v14-latin-regular.woff') format('woff'), 
       url('/fonts/ubuntu-v14-latin-regular.ttf') format('truetype'),
       url('/fonts/ubuntu-v14-latin-regular.svg#Ubuntu') format('svg'); 
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/ubuntu-v14-latin-500.eot'); 
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('/fonts/ubuntu-v14-latin-500.eot?#iefix') format('embedded-opentype'),
       url('/fonts/ubuntu-v14-latin-500.woff2') format('woff2'),
       url('/fonts/ubuntu-v14-latin-500.woff') format('woff'),
       url('/fonts/ubuntu-v14-latin-500.ttf') format('truetype'),
       url('/fonts/ubuntu-v14-latin-500.svg#Ubuntu') format('svg');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/ubuntu-v14-latin-500italic.eot'); 
  src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'),
       url('/fonts/ubuntu-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/ubuntu-v14-latin-500italic.woff2') format('woff2'), 
       url('/fonts/ubuntu-v14-latin-500italic.woff') format('woff'), 
       url('/fonts/ubuntu-v14-latin-500italic.ttf') format('truetype'), 
       url('/fonts/ubuntu-v14-latin-500italic.svg#Ubuntu') format('svg'); 
}



.ui.tag.label {margin-bottom:3px;}
.ui.list .list>.item .header, .ui.list>.item .header {

	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;

}


.ui.attached.input>input {
	border-radius:0;
	border-right:0;
}

.ui.attached.input>input:first-child {
	border-radius:.28571429rem 0 0 .28571429rem;
}

.ui.attached.input>input:last-child {
	border-radius:0 .28571429rem .28571429rem 0;
	border-right:1px solid rgba(34,36,38,.15);
}

.ui.attached.input.focus>input, .ui.attached.input>input:focus {
	border-right:1px solid #85b7d9;
}

.ui.attached.input.focus>input + input, .ui.attached.input>input:focus + input {
	border-left:0;
}



i.lightgrey.icon {
    color: #aaa!important;
}

i.red.icon {
    color: #f00!important;
}

.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
	background:transparent;
}


.ui.red.button, .ui.red.buttons .button {
    background-color: #f00;
    color: #fff;
    text-shadow: none;
    background-image: none;
}



.stickysearch {position:sticky;top:95px;padding:20px 10px 10px 10px; margin:0 -10px 0 -10px;transform:translateY(-10px); z-index: 2; /* background: url(/img/muster.png) top left fixed; */ }

b, strong {
	font-weight:500;
}


.login > div {display:flex;height:100vh;align-items:center;}
.login > div .ui.form {
	margin:15px auto;background:rgba(255,255,255,0.80);border-radius:4px;padding:25px;width:90%;max-width:500px;
}
.login > div .logo {width:200px;margin-bottom:20px;}
.login > div .padding {padding:0 25px;}

.login > div a {color:#000;box-shadow:0px 2px 5px rgba(0,0,0,0.2);font-size:12px;line-height:1.2em;display:block;border-radius:5px;margin-bottom:10px; padding:10px 25px;background:rgba(255,255,255,0.3);transition:all .2s;}
.login > div a:hover {color:#fff;background:#f00;}
.login > div a h2 {margin:0 !important;color:#000;font-size:18px;transition:all .2s;} 
.login > div a:hover h2 {color:#fff;}
.login > div a ul {margin:10px 0;padding:0 0 0 15px;font-size:11px;list-style-type: square;}
.login > div a ul li {padding:0;line-height:1.2em;color:#666;}
.login > div a:hover ul li {color:#ddd;}


.content ul {margin:0 0 25px 0;padding:0;list-style:none;}
.content ul li {padding:0 0 0.5em 1.2em;position:relative;}
.content ul li:before {content:'';display:block;height:0.6em;background:#f00;width:0.6em;position:absolute;left:0;top:0.35em;}

body.noscroll .logobox {padding-right:0px;}

.coolshadow {box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15), 0px 15px 15px -10px rgba(0,0,0,0.30);}
.insetshadow {box-shadow:inset 0px 37px 20px -40px rgba(0,0,0,0.5)}


.flexlink {display:flex;justify-content:space-between;margin:0 10px 10px 0;width:100%;}
.flexlink > div:nth-child(1) {width:30%;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.flexlink > div:nth-child(2) {width:65%;}

.infobox25.reiter,
.infobox50.reiter {margin-top:40px;}

.infobox25 .content,
.infobox50 .content {padding:20px;}

.infobox25 .redtop,
.infobox50 .redtop {
	background:#f00;
	padding:15px 10px 15px 20px;
	margin:0 !important;
}

.infobox25 .redtop h3,
.infobox50 .redtop h3 {

	color:#fff;
	font-size:18px;
	padding:0px;
	margin:0 !important;
}

.infobox50 > .reiter {display:flex;position:absolute;left:0;top:-40px;height:40px;}
.infobox50 > .reiter:after {content:''; width:100%;height:20px;background:#fff;position:absolute;left:0;bottom:-20px;}
.infobox50 > .reiter > div {color:#666;cursor:pointer;background:rgba(150,150,150,0.40);padding:14px 20px;margin-right:5px;transition:all .2s;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15), 0px 15px 15px -10px rgba(0,0,0,0.30);}
.infobox50 > .reiter > div:hover {padding:12px 20px; background:rgba(255,255,255,0.5);color:#333;}
.infobox50 > .reiter > div.active {padding:12px 20px;background:#fff;color:#000;}

.infobox25 .flexed,
.infobox50 .flexed {display:flex;}
.infobox25 .flexed > div:first-child,
.infobox50 .flexed > div:first-child{min-width:25%;}



.suchergebnis {display:none;position:fixed;top:0;left:0;height:calc(100% - 92px);width:100%;margin-top:92px;background:rgba(100,100,100,0.95);z-index:2000;overflow-y:auto;}
.suchergebnis .tools {padding:15px 0;position:sticky;top:20px;z-index:1000;}
.suchergebnis .tools .fields {margin:0;}
.suchergebnis .ergebnis {padding:50px 0;}
.suchergebnis .ergebnis h2 {color:#fff;font-size: 40px;}
.suchergebnis .close {position:fixed;right:30px; top:120px;}

.centerflex {display:flex;align-items:center;height:60vh;}
.centerflex .load {text-align:center;width:100%;}


.faq {display:flex;justify-content:space-between;flex-wrap:wrap;}
.faq > div {width:100%;margin-bottom:15px;}

.faq:media( min-width: 500px ) > div {width:calc((100% - 15px) / 2);}
.faq:media( min-width: 1200px ) > div {width:calc((100% - 30px) / 3);}

.faq > div > span {display:block;background-color:rgba(0,0,0,0.1);color:#3c3734;padding: 20px 45px 20px 20px;cursor:pointer;position:relative;}

.faq > div > span > span {position:absolute;right:10px;top:28px;background:#888;display:block;height:4px;width:20px;}
.faq > div > span > span:after {content:'';position:absolute;left:8px;top:-8px;width:4px;height:20px;background:#888;transition:all .2s;}

.faq > div > span.open > span:after {content:'';position:absolute;left:8px;top:0px;width:4px;height:4px;background:#fff;}

.faq > div > span.open {background-color:#f00;color:#fff;}
.faq > div > span.open > span {background-color:#fff;}
.faq > div > div {display:none;border:1px solid #e9e9e9;background:#fff;color:#333;padding:20px;}





.team {display:flex;justify-content:space-between;flex-wrap:wrap;}
.team > div {width:15%}
.team > div .bild {background-size:cover;background-position:center}
.team > div .bild img {width:100%;height:auto;}
.team > div .text {display:block;
	text-align:center;
	font-weight: 500;
    background: #000;
    color: #fff;
    margin: 0 0 20px 0;
    padding: 6px;}
.team > div .text strong {color:#fff;font-size: 1.4em;display:block;}
.team > div .text small {color:#fff;font-size: 1.0em;display:block;}


@media (max-width: 1200px) {
	.team > div {width:18%}
}
@media (max-width: 1050px) {
	.team > div {width:22%}
}
@media (max-width: 900px) {
	.team > div {width:32%}
	.fotorama_pointer {display:none;}
}

@media (min-width:800px) {
	.fotorama_pointer {position:absolute; display:block; width:100%; cursor:pointer; transition:all .4s; z-index:10; left:0px; top:95%;
	-webkit-transform:translateY(-50%); transform:translateY(-50%);text-align:center;}
	.fotorama_pointer > div {
		display:inline-block;
		box-shadow:0px 1px 4px rgba(0,0,0,0.6);
		transition:all .4s;
		width:12px;
		height:12px;
		margin: auto 3px auto 3px;
		border:1px solid #fff;
		background:#fff;
		opacity:0.3;
	}
	.fotorama_pointer > div:hover {
		opacity:1;
	}
	.fotorama_pointer > div.an {
		border:1px solid #fff;
		opacity:1;
	}
}

@media (max-width: 600px) {
	.team > div {width:47%}
	.team > div .text strong {color:#fff;font-size: 1.2em;display:block;}
	.team > div .text small {color:#fff;font-size: 0.8em;display:block;}
}



.logobox {position:sticky;top:0;left:0;z-index:100;box-shadow: 0 2px 15px rgba(0,0,0,0.25); width:100vw;background:#fff;}
.logobox .logo {width:200px;padding:23px 15px 7px 15px;margin-right:40px;position:absolute;bottom:0;}
.logobox .logo img {width:100%;height:auto;display:block;}



@media (max-width: 850px)
{
	.full .verlauf { padding:24px 0 0 0; min-height:calc(100vh - 170px); }
	
	.logobox .logo img { width:47%; }
	
}






.pfad {margin-bottom:10px;font-size:12px;}
.pfad a {text-decoration:none; color:#888 !important;}


.sitemap {list-style:none;flex-wrap: wrap;display:flex;margin:0;padding:0;justify-content:space-between;margin-top:4%;}
.sitemap a {width:42%;text-decoration:none;color:#181716;text-align:center;transition:all .3s;}

.sitemap a img {width:100%;height:auto;display:block;}
.sitemap a .bild {background-size:cover;background-position:center center;}

.sellstate {position:absolute; bottom:0; right:0; width:60%;}
.sellstate2 {position:absolute; bottom:117px; right:8px; height:50%; width:50%; background-position:right bottom; background-size:contain; background-repeat:no-repeat;z-index: 8;pointer-events: none;}

.sitemap a h3 {font-weight:500;background:#000;color:#fff;margin:0 0 20px 0;padding:6px;}
.sitemap a span {font-weight:500;display:inline-block;background:#9f8b66;color:#fff;margin:20px 0 60px 0;padding:4px;}

@media (max-width:900px) {
	.sitemap a {width:47%;}
}
@media (max-width:570px) {
	.sitemap a {width:100%;}
}


.sitemap2 {list-style:none;flex-wrap: wrap;display:flex;margin:0;padding:0;justify-content:space-between;margin-top:4%;}
.sitemap2 a {width:22%;text-decoration:none;color:#181716;text-align:center;transition:all .3s;}

.sitemap2 a img {width:100%;height:auto;display:block;}
.sitemap2 a .bild {background-size:cover;background-position:center center;position:relative;}
.sitemap2 a h3 {font-weight:500;font-size:15px;background:#000;color:#fff;margin:0 0 20px 0;padding:6px;}
.sitemap2 a span {font-weight:500;display:inline-block;background:#9f8b66;color:#fff;margin:20px 0 60px 0;padding:4px;}

@media (max-width:900px) {
	.sitemap2 a {width:22%;}
}
@media (max-width:570px) {
	.sitemap2 a {width:48%;}
}




.text-center {
    text-align: center;
}


.openmenu {display:none; width:42px; height:42px;}
.closemenu {display:none; width:42px; height:42px;}

@media (max-width: 800px) {
	.menu {display:none;}
	.openmenu {
		display:block;
		cursor:pointer;
		position:fixed;
		top:0px;
		left:0px;
		z-index:10000;
	}
	.closemenu {
		display:none;
		cursor:pointer;
		position:fixed;
		top:0px;
		left:0px;
		z-index:100000;
	}
}



.alert {  font-size: 0.8em !important; color: #ff0000; cursor: default; }
.highlighttext {  font-size: 12px; color: #E70800; font-weight: bold; cursor: default; }
.tabellenrechnung {  font-size: 13px; color: #ffffff; font-weight: bold; cursor: default; }

.eingabe {
	
	font-weight:300;
	padding:5px;
	color:#000;
	border:1px solid #bbb;
	border-radius:5px;
	outline:0;
}

.needeingabe {
	font-weight:300;
	padding:5px;
	border:1px solid #f00;
	border-radius:5px;
	outline:0;
}

@media (max-width: 700px) {
	.formular tr td {display:block;}
}

button {
	padding:10px 20px;
	color:#fff;
	background:#000;
	cursor:pointer;
	border:0;
	border-radius:0px;
    transition:all .4s;
	outline:0;
	transition:all .3s;
}

button:hover {
	background:#555;
}

button:disabled {
	color:#fff;
	background:#aaa;
	cursor:default;
	border:0;
	border-radius:5px;
}

@media (max-width:800px) {
	.eingabe, .needeingabe, button {
		padding:10px;
		font-size:1.2em;
		border-radius:10px;
		margin:0 2% 2% 0;
	}
}

.filedownloadbutton {
	margin:0.5em 0;
	text-decoration:none;
	transition:all .3s;
	display:inline-flex;
	align-items:center
}
.filedownloadbutton small {


}
.filedownloadbutton > span > i {
	font-size:50px;
	color:#888;
	transition:all .3s;
	position:relative;
	top:10px;
}

.filedownloadbutton:hover > span > i {
	color:#f00;
}

.filedownloadbutton > span > i > i {
	color:#fff;font-size:20px;
	position:absolute;
	top:8px;
	left:18px;
}
.tabelleninhalt { font-size: 11px; color: #000000; cursor: default; background-color:#ffffff; vertical-align:top;}
.border { border: 0px solid #bbbbbb; }
.cmswhite  { color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}

.res_img100 {width:100%;}
.res_img80 {width:80%;}
.res_img50 {width:50%;}
.res_img33 {width:33%;}
.res_img25 {width:25%;}
.res_img100 img, .res_img50 img, .res_img33 img, .res_img25 img {width:100%; height:auto; display:block;}

.imgl {float:left;}
.imgr {float:right;}

.fit_to_container {object-fit:cover;height:100%;}
.fit_to_container > div {height:100%;}

@media (max-width: 700px) {
	.res_img100, .res_img50, .res_img33, .res_img25 {width:100%;}
	.imgl {float:none;margin-left:0 !important;margin-right:0 !important;}
	.imgr {float:none;margin-left:0 !important;margin-right:0 !important;}
}

.katgroup {
	display:block;
	border-radius:4px;
	padding:2px;
	background:#bbb;
	margin-bottom:2px;
	margin-right:2px;
	box-shadow:1px 1px 10px rgba(0,0,0,0.25) inset;
}


.katgroup .root {
	display:block;
	padding:3px;
	border-radius:4px;
	background:#fff;
	background-image: -webkit-linear-gradient(white 0%, #eee 100%); 
	background-image: -moz-linear-gradient(white 0%, #eee 100%); 
	background-image: -o-linear-gradient(white 0%, #eee 100%); 
	background-image: linear-gradient(white 0%, #eee 100%);
	transition: box-shadow .3s;
	cursor:pointer;
}
.katgroup .sub {
	display:block;
	padding:3px;
	border-radius:4px;
	margin:2px 0 0 25px;
	background:#eee;
	background-image: -webkit-linear-gradient(#eee 0%, #ddd 100%); 
	background-image: -moz-linear-gradient(#eee 0%, #ddd 100%); 
	background-image: -o-linear-gradient(#eee 0%, #ddd 100%); 
	background-image: linear-gradient(#eee 0%, #ddd 100%);
	transition: box-shadow .3s;
	cursor:pointer;
}

.katgroup .root:hover, .katgroup .sub:hover {
	box-shadow:0px 1px 6px rgba(0,0,0,0.45);
}

.nice {
	clear:both;
}

.nice .open {
	padding-left:25px;
	display:block;
	position:relative;
}

.nice .opener {
	position:absolute;
	left:0px;
	top:5px;
}

.nice th {
	background:#f00;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	padding:6px 12px;
	line-height:1.6em;
	border-radius:2px;
}

.nice td {
	background:#eee;
	vertical-align:middle;
	padding:6px 12px;
	border-radius:2px;
	line-height:1.2em;
	transition: all .4s;
}

.nice td.sub {
	background:#bbb;
color:#fff;
}

.nice th a {
	color:#fff;
}

.nice td span {
	color:#666;
	font-size:11px;
}

.nice .icon {
	position:relative;
	top:3px;
}

.nice .black {
	color:#000;
}
.nice .black:hover {
	color:#f00;
}

.nice td a {
	padding:4px 2px 2px 0px;
	border-radius:5px;
	margin-bottom:2px;
}


.tag {
	padding:4px 5px;
	margin-bottom:2px;
	border-radius:4px;
	background:#fff;
	border:1px solid #ddd;
	display:inline-block;
	line-height:1em;
}

.option {
	padding:4px 5px;
	margin-bottom:2px;
	border-radius:4px;
	background:#eee;
	display:block;
	line-height:1em;
	transition: box-shadow .3s;
	cursor:pointer;
}

.option input {
	position:relative;
	top:2px;
}
.katgroup .root input, .katgroup .sub input {
	position:relative;
	top:1px;
}
.nice td .option {
	background:#fff;
	border:1px solid #ccc;
}
.nice td .option:hover {
	border:1px solid #A5ACB2;
	box-shadow:0px 2px 4px rgba(0,0,0,0.25);
}

.plain {
	width:100%;
}

.plain a:hover {
	text-decoration:underline;
}

.plain .ba {
	text-align:right;
	width:10px;
}

.plain .bb {
	width:100px;
}

.plain th {
	background:none;
	color:#888;
	font-size:10px;
	font-weight:normal;
	padding:1px 5px;
	border:0;
}

.plain td {
	background:none;
	border:0;
	border-top:#ddd 1px solid;
	padding:4px 5px;
	line-height:1.2em !important;
}

.plain small {
	color:#888;
	line-height:1.2em !important;
	font-size:10px;
	font-weight:normal;
}

.plain .admin, .admin {
	border-radius:5px;
	border:solid 1px #faa;
	background:#eee;
	padding:5px 10px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.1) inset;
}

.plain .admin .option, .admin .option{
	background:#fff;
}


.fileinfo {
	border-radius:3px;
	background:#fff;
	padding:7px;
	margin:4px 0;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	display:none;
}

.liste {
	width:100%;
}

.goodinfobox {
	color:#080;
	background:#fff6d3;
	border:1px solid #080;
	border-radius:10px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.15);
	font-weight:bold;
	padding:10px;
}

.neutralinfobox {
	font-size:11px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.15);
	padding:10px 10px 10px 50px;
	margin:5px 0 10px 0;
	color:#666;
	border:1px solid #bbb;
	background:#fff url(§§url_website§§img/info2.png) 10px 10px no-repeat;
	border-radius:10px;
}

.badinfobox {
	color:#800;
	background:#fff6d3;
	border:1px solid #800;
	border-radius:10px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.15);
	font-weight:bold;
	padding:10px;
}


.b_ok {
	 border:1px solid #46ce17; 
	 padding:5px; 
	 margin:0; 
	 background:#daf5d1;
}

.b_bad {
	 border:1px solid #ff3333; 
	 padding:5px; 
	 margin:0; 
	 background:#ffd6d6;
}

.b_bad1 {
	 border:1px solid #f18e0d; 
	 padding:5px; 
	 margin:0; 
	 background:#fce8cf;
}

.noborder {
	width:100%;
}

.noborder th {
	padding:2px 10px;
	background:#aaa;
	color:#fff;
	font-weight:normal;
	text-align:left;
	border:0;
}

.noborder th a {
	color:#fff;
	text-decoration:none;
}

.noborder th a img, .download img, .b_ok img, .b_bad img, .b_bad1 img {
	position:relative;
	top:1px;
}




.cartheader {
	width:100%;
	display:-webkit-flex;
	display:ms-flexbox;
	display:flex; 
	list-style:none;
	padding:0;
	margin:0 !important;
}

ul.cartheader li:before {display:none; }

ul.cartheader li {
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background:rgba(0,0,0,.1);
	padding:10px;
	margin-left:4px;
	border-radius:3px;
	width:25%;
}

ul.cartheader li:first-child {
	margin-left:0px;
}

ul.cartheader li span {
	position:absolute;
}

ul.cartheader li span img {
	position:relative;
	left:-1px;

}

ul.cartheader li.gone {
	background:#007fc2;
	color:#fff;
}

ul.cartheader li.an {
	background:#007fc2;
	color:#fff;
	transition:all .3s;
	cursor:pointer;
}

ul.cartheader li.an strong {
	color:#fff;
}

ul.cartheader li.an:hover {
	background:#007fc2;
	color:#fff;
}

ul.cartheader li.aktiv {
	background:#003374;
	font-weight:500;
}


.cartalert {
	padding:20px;
	background:#080;
	color:#fff;
	margin:0 0 10px 0;
}
.cartalertred {
	padding:20px;
	background:#f00;
	color:#fff;
	margin:0 0 10px 0;
}




.korbheader_aus {
	text-align:center;
	border: 1px solid #8d8d8d;
	color:#999;
	background:#ddd;
	font-weight:bold;
}

.korbheader_an {
	background:#8d8d8d;
	color:#fff;
	text-align:center;
	padding:11px;
}

.topbutton {
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:-3px;
	cursor:pointer;
}

.topbutton li {
	margin:0;
	padding:0;
	float:left;
	background-repeat:no-repeat;
	background-position:right top;
	position:relative;
	height:60px;
}

.topbutton li a {
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	background:#000;
	cursor:pointer;
	border:0;
	border-radius:0px;
    transition:all .4s;
	outline:0;
	transition:all .3s;
}
.topbutton li a strong {
	color:#fff;
}

.topbutton_off {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:-3px;
	cursor:pointer;
}

.topbutton_off li {
	float:left;
	background-image:url(/img/buttonright_off.png);
	background-repeat:no-repeat;
	background-position:right top;
	position:relative;
	height:50px;
}

.topbutton_off li a {
	
	
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	background:#bbb;
	cursor:pointer;
	border:0;
	border-radius:0px;
    transition:all .4s;
	outline:0;
	transition:all .3s;
	
	
}

* HTML .topbutton_off ul li {
	background-image:url(/img/buttonright_off.gif);
}
* HTML .topbutton_off ul li a {
	background-image:url(/img/buttonleft_off.gif);
}
.topbutton_off ul li a small {
	font-size:10px;
}

.topbutton_off ul li:hover {
	background-position:right -60px ;
}

.topbutton_off ul li:hover a {
	background-position:left -60px ;
	padding:7px 5px 25px 30px;
}







/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f00; 
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	-background: #f3f3f2;
	background: #feffd5;
	border:1px solid #ecebeb;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 25px;
	height: 25px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

#scrollTop {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 0;
    background-color: #003374;
    box-shadow: inset 0 0 0px 5px #fff;
    left: 50%;
    top: -35px;
    margin-left: -35px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    font-size: 36px;
    cursor: pointer;
}



.section-titel { text-align:center; margin-top:20px; }

.section-titel > h1,
.section-titel > h2,
.section-titel > h3,
.section-titel > h5,
.section-titel > h6,
.section-titel > h4 { border-bottom:2px solid red; display:inline-block; }

.dice-table h2 {

	text-transform: uppercase;
	text-align: center;
	color: #003374;
	text-decoration: underline;
	margin: 48px 0px !important;

}

.dice-table table {

	width: 100%;
	border-collapse: collapse;

}

.dice-table table thead {

	background-color: #003374;
	color: white;
	line-height: 36px;

}

.dice-table table tbody tr {

}

.dice-table table tbody td {

border-bottom: 1px solid grey;
padding: 8px;

}

.events-box {

display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;

height: 100%;
width: 100%;
font-size: 14px;

}

.event-card {

display: flex;
flex-direction: column;
margin: 8px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);

}

.event-card div {

display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;

}

.event-card .little {

text-transform: uppercase;
font-size: 12px;
font-weight: bold;

}

.event-card .darker {

background-color: #003374;

}

.event-card .heading {

text-align: right;

background-color: #003374;
color: white;

}

.event-card .content {

display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: white;
color: #003374;
font-size: 24px;
width: 300px;

}

.event-card .footer {

text-align: right;
background-color: #003374;
color: white;

}

.event-card div p {

padding: 8px;
margin: 0px;
width: 100%;

}



.containerbox .overlay {

	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-size: cover;
	background-position: center;
	opacity: 0.0;

}

.containerbox .prev-img {

	background-image: url(/img/prev.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 40px;
	height: 60px;
	position: absolute;
	top: calc(50vh - 15px);
	z-index: 500;
	margin: 0px 40px;
	cursor: pointer;

}

.containerbox .next-img {

	background-image: url(/img/next.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 40px;
	height: 60px;
	position: absolute;
	top: calc(50vh - 15px);
	right: 0px;
	z-index: 500;
	margin: 0px 40px;
	cursor: pointer;

	}

.containerbox .dotnav {

	position: absolute;
	top: 90vh;
	left: calc(50vw - 300px);
	width: 300px;
	z-index: 500;
	margin: 40px 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;

}

.containerbox .dotnav .dot {

	height: 10px;
	width: 10px;
	border: 2px solid white;
	border-radius: 100%;
	margin: 0px 10px;
	cursor: pointer;
	flex-shrink: 0;

}

.containerbox .dotnav .dot:hover {

	background-color: white;

}

.coolcheck {color:#fff;}

.coolcheck form {display:block;}

.coolcheck label {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
	margin-right:4vw;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
}

.coolcheck label .block {
	display:block;
	margin-right:0;
}
.coolcheck  label.lightlabel {
	font-size:0.8em;
	line-height:1.2em;
}
.coolcheck div.field {position:relative;width:100%;}
.coolcheck input, .coolcheck textarea {font-size:1.3em;padding: 5px 10px 5px 50px;position:relative;}
.coolcheck button {font-size:1.3em;padding: 5px 20px 5px 20px;}
.coolcheck button:disabled {background:#888;opacity:0.4}
.coolcheck button:hover:disabled {background:#888;opacity:0.4}

.coolcheck .field i {transition:all .3s;opacity:0.5;display:block;position:absolute;top:0px;left:5px;background-position:center center;background-size: 20px 20px;background-repeat:no-repeat;width:40px;height:40px;}
.coolcheck input[name="organisation"] + i {background-image:url(/img/icon_organisation.png)}
.coolcheck input[name="email"] + i {width:40px;height:40px;background-image:url(/img/icon_email.png)}
.coolcheck input[name="name"] + i {width:40px;height:40px;background-image:url(/img/icon_name.png)}
.coolcheck input[name="tel"] + i {width:40px;height:40px;background-image:url(/img/icon_tel.png)}
.coolcheck input[name="time"] + i {width:40px;height:40px;background-image:url(/img/icon_clock.png)}
.coolcheck input[name="thema"] + i {width:40px;height:40px;background-image:url(/img/icon_label.png)}
.coolcheck textarea[name="nachricht"] + i {width:40px;height:40px;background-image:url(/img/icon_note.png)}

.coolcheck input[name="email"].error + i {opacity:1;background-image:url(/img/icon_email_red.png)}
.coolcheck input[name="name"].error + i {opacity:1;background-image:url(/img/icon_name_red.png)}
.coolcheck input[name="tel"].error + i {opacity:1;background-image:url(/img/icon_tel_red.png)}

.coolcheck input:focus + i, 
.coolcheck textarea:focus + i  {opacity:1;}

.coolcheck label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.coolcheck .checkmark {
	position: absolute;
	top: 4px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	transition: all .4s;
}

.coolcheck label:hover input ~ .checkmark,
.coolcheck label:focus input ~ .checkmark {
	background-color: #eee;
}

.coolcheck label .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.coolcheck label input:checked ~ .checkmark:after {
	display: block;
	left: 8px;
	top: 2px;
	width: 6px;
	height: 14px;
	border: solid #163072;
	border-width: 0 4px 4px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.coolcheck .radio {
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border-radius:50%;
	transition: all .4s;
}

.coolcheck label:hover input ~ .radio,
.coolcheck label:focus input ~ .radio {
	background-color: #eee;
}



.coolcheck label .radio:after {
	content: "";
	position: absolute;
	display: none;
}

.coolcheck label:hover input ~ .radio:after,
.coolcheck label:focus input ~ .radio:after{
	display: block;
	left: 5px;
	top: 5px;
	width: 15px;
	height: 15px;
	background: #ccc;
	border-radius:50%;
}

.coolcheck label input:checked ~ .radio:after {
	display: block;
	left: 5px;
	top: 5px;
	width: 15px;
	height: 15px;
	background: #163072;
	border-radius:50%;
}

.langbox {display:flex;}
.langbox:after{
	display:none !important;
}

.langbox img:hover {
-webkit-box-shadow: 0 0 3px 0 rgba(255,255,255,1);
box-shadow: 0 0 3px 0 rgba(255,255,255,1);
}


/**	Allgemein
**/

	* {box-sizing: border-box;}

	html { height:100%; -webkit-text-size-adjust:100%; }
	
	body { background-color:#000; font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:20px; line-height:1.6em; color:white; overflow-x:hidden; overflow-y:overlay; margin:0;	padding:0; height:100%; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; }
	body.noscroll {overflow:hidden; padding-right:0;}
	body.login { background:url(/img/login.jpg) center center fixed; background-size: cover; }

	h1, h2, h3, h4  { font-family: Ubuntu, sans-serif; font-weight:500; font-style: italic; padding:0; line-height:1.7; font-size:45px; margin:0 0 15px 0 !important; }
	body#startseite h1, 
	body#startseite h2, 
	body#startseite h3, 
	body#startseite h4  { text-align:center; }

	h1 { font-size:80px; font-style: unset; margin-bottom:35px !important; }
	h2 { font-size:25px; }
	h3 { font-size:25px; }
	h4 { font-size:25px; }
	
	@media (max-width: 1400px) {
		h1 { font-size:45px; font-style: unset; margin-bottom:35px !important; line-height:normal;  }
	}

	.wrap {margin:auto;width:90%;max-width:1600px;}
	.wrap > .white {background:#fff;padding:25px 50px;}
	.wrap > .white:empty {display:none;}

	@media (max-width: 500px)
	{
		.wrap > .white { padding: 25px 15px; }
	}

	main ul { list-style:none; margin:0px; padding:0px; }
	main ul li { margin-left: 25px; position:relative; }
	main ul li:before { content: " "; margin-left: -25px; margin-right: 15px; font-size: 0.8em; position:absolute; left: 2px; height:10px; width:10px; background: black; top:12px; }


/**	Header
**/
	
	header { width:100%; z-index: 99999; }
	body:not(#startseite) header { background:white; padding-top:10px;  padding-bottom:10px; }
	body#startseite header { position:absolute; top:0px; left:0px; padding-top:25px;  }
	body#startseite header .nav-logo { height: 92px; }
	body:not(#startseite) header .nav-logo { height: 60px; padding:0px; }
	header .nav-logo img { height: 100%; }
	
	@media (max-width: 1400px) {
	
		header { position:fixed !important; }
		body#startseite header .nav-logo { height: 42px; padding-left:5px; }
		body#startseite header { padding-top:19px;  padding-bottom:19px; background:rgb(255,255,255,0.5); }
		body:not(#startseite) header .nav-logo { height: 42px; padding-left:15px; }
		body:not(#startseite) header { padding-top:19px;  padding-bottom:19px; }
	}


/**	Nav
**/

	nav { position:absolute; top:0px; left:50vw; width:50vw; border-left:30px solid transparent; height:0px; z-index: 99999}

	body:not(#startseite)  	nav {  border-left:23px solid transparent; }

	body#startseite nav { border-bottom:105px solid rgba(11, 11, 11, 1); }
	body#startseite nav > div { height:100px; position:relative; }

	body:not(#startseite) nav { border-bottom:80px solid rgba(11, 11, 11, 1); }
	body:not(#startseite) nav > div { height:80px; position:relative; }

	nav .mainmenu { font-style:italic; font-size:17; text-transform:uppercase; font-weight:500; }
	nav .mainmenu { list-style:none; padding:0px; margin:0px; display:flex; align-items:center; position: absolute; bottom:0px; }
	nav .mainmenu > li > ul { display:none; position:absolute; left:-10px; list-style:none; margin:0; padding:0px; }

	nav .mainmenu > li:hover > ul { display:block; }
	nav .mainmenu > li:hover > ul > li { display:block!important; }
	nav .mainmenu > li:hover > ul > li.parent-page-link { display:none!important; }
	nav .mainmenu a { color: #585a58; color: #888; text-decoration:none; display:inline-block; padding:0px 20px;}

	nav .mainmenu > li:hover a { color: #204d20; text-decoration:none; }
	nav .mainmenu > li.an a { color: #204d20 }
	
	nav .mainmenu  li > ul  a { color: #39a63b !important; margin: 15px 0px; }
	nav .mainmenu  li > ul   { padding: 15px 0px; }
	nav .mainmenu  li > ul li:not(.parent-page-link) a:before { content:'>'; margin-right:5px; }
	nav .mainmenu  li > ul { font-style:normal; text-transform:none; font-weight:400; font-size:17px; }

    nav .mainmenu  li { position:relative; }
    nav .mainmenu  li > ul { background:rgba(0,0,0,0.75); transform-origin: left top; position:absolute; -ms-transform: skew(-16deg); -webkit-transform: skew(-16deg); -o-transform: skew(-16deg); transform: skew(-16deg); padding-left: 20px; padding-right: 30px; white-space:nowrap; min-width:400px; }
	
	body#startseite 		nav .mainmenu  li > ul { left: -125px; }
 	body:not(#startseite)   nav .mainmenu  li > ul { left: -120px; }

    nav .mainmenu  li > ul > li { -ms-transform: skew(16deg); -webkit-transform: skew(16deg); -o-transform: skew(16deg); transform: skew(16deg); }

	nav .mainmenu .parent-page-link {  font-size: 0.9em; transform: skew(16deg); }
	nav .mainmenu .parent-page-link a { margin:0px; }

	@media (max-width: 1800px) {
		nav { left:45vw; width:55vw; }
	}

	@media (max-width: 1600px) {
		nav { left:35vw; width:65vw; }
	}

	/* Smartview */

	nav > div.smartview { display:none; line-height:normal; align-items:center; width:255px; justify-content:space-between; padding:0px 3%; }
	nav > div.smartview img { height:40px; width:auto; }
	
	@media (max-width: 1400px) {
		
		nav { left: calc(100vw - 300px); width:100vw; }
		nav { border-bottom:80px solid rgba(11, 11, 11, 1) !important; }
		nav > div { height:80px !important; position:relative !important; }
		nav > div.smartview { display:flex; }
		nav > div:not(.smartview) { position: absolute !important; top: 0px; right: 0px; width: 100%; }
		nav .mainmenu { align-items: flex-start; display:none; bottom: unset; flex-direction: column; position: absolute; top: 80px; right: 0px; width: 100vw; background: rgba(0,0,0,0.8); height: calc(100vh - 80px); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);  }
		nav .mainmenu  li { margin: 6px 0px; }
		nav .mainmenu li > ul a { margin:0px; }
		nav .mainmenu > li > ul { display:block; position:unset; -webkit-transform:none; -o-transform:none; transform:none; background:none;  }
		nav .mainmenu  li > ul > li { -ms-transform:none; -webkit-transform:none; -o-transform:none; transform:none; }
		nav .mainmenu .parent-page-link { display:none; }
	}


	@media (max-width: 700px) {
		nav { left: calc(100vw - 300px); padding:0px 2%; }
		nav > div.smartview { width:255px; }
	}
		
	@media (max-width: 500px) {
		nav { left: calc(100vw - 200px); }
		nav > div.smartview { width:155px; }
		nav > div.smartview img { height:30px; }
		nav { width: 200px; }
		nav .mainmenu { right:0px; width:100vw; }
	}
	
	@media (max-width: 400px) {
		nav { left: calc(100vw - 175px); }
		nav > div.smartview { width:125px; }
		nav > div.smartview img { height:25px; }
		nav { width: 175px; }
		nav .mainmenu { width:100vw; right:0px; }
	}

	@media (max-width: 365px) {
		nav { left: calc(100vw - 125px); }
		nav > div.smartview a { display:none; }
		nav > div.smartview { width:75px; }
		nav > div.smartview img { height:30px; }
		nav { width: 125px; }
	}

/** Video Container
**/

	.video-container {
		position: relative;
		padding-bottom: 54.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		width:80%;
		margin:0 auto;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.html5-video-player:not(.ytp-transparent) { background:white !important;}

	@media (max-width: 500px)
	{
		.video-container { width:100%; }
	}

/**	Main
**/

	@media (max-width: 1400px) {
	
		body:not(#startseite) 	main { padding-top:80px; }
	}

	#startseite-reifen-container > div { max-height:450px; }
	#startseite-reifen-container > div > div:first-child { height:450px; text-align:center !important; }
	#startseite-reifen-container > div > div:first-child img { width:unset; display:inline-block !important; height:100%; }
	#startseite-reifen-container > div > div:last-child { max-height:500px; }

	@media (max-width: 1024px) {
		#startseite-reifen-container > div { max-height:none; position:relative; }
		#startseite-reifen-container > div > div:last-child { max-height:none; text-align:center !important; position:absolute; top:50%; left:0px; width:100%; transform: translateY(-50%); }
		#startseite-reifen-container > div > div:last-child img { display:inline-block !important; }
		#startseite-reifen-container > div > div:last-child div {  text-align:center; }
	}

	#startseite-aktuelles-container > div { min-height:400px; }
	#startseite-aktuelles-container > div > div:first-child { text-align:center !important; }
	#startseite-aktuelles-container > div > div:first-child img { width:unset; display:inline-block !important; }
	#startseite-aktuelles-container > div > div:last-child { }

	@media (max-width: 1024px) {
		#startseite-aktuelles-container > div { min-height:none; }
		#startseite-aktuelles-container > div > div:last-child { text-align:center !important; }
	}
	
	@media (max-width: 500px) {
		#startseite-reifen-container > div > div:last-child img { width:100%; }
		#startseite-aktuelles-container > div > div:first-child img { width:100%; }
	}


/**	Footer
**/

	footer { background:black; padding:75px 0px; color:white; }
	footer > div { max-width:1060px; padding:0px 20px; margin:0px auto; display:flex; justify-content:space-between;}
	footer > div > div:first-child { text-align:left; font-size:23px; }
	footer > div > div:last-child { font-weight:300; }
	footer > div > div { padding:0px 95px; white-space:nowrap; }
	footer a { color:white; font-weight:400; text-decoration:none; }
	footer a:hover { color:white; }
	
	@media (max-width: 1000px) {
		footer > div { flex-direction:column; align-items:center; }	
		footer > div > div { text-align:center !important; }	
		footer > div > div:first-child { font-size:20px; margin-bottom:70px; }	
		footer > div > div:last-child { font-weight:300; }	
	}


/**	Sitemap
**/

	.lbsmap {display:flex;list-style:none;flex-wrap:wrap;justify-content:space-between;padding:0;margin:5.5% 0;}
	.lbsmap > a {position:relative;color:#fff; background:#000;margin-bottom:15px;}

	.lbsmap > a {color:#000;flex-basis:calc((100% - 45px) / 5);}
	.lbsmap:media( max-width: 1024px ) > a {color:#000;flex-basis:calc((100% - 30px) / 3);}
	.lbsmap:media( max-width: 900px ) > a {color:#000;flex-basis:calc((100% - 15px) / 2);}
	.lbsmap:media( max-width: 500px ) > a {color:#000;flex-basis:100%;}

	.lbsmap > a .image {padding-bottom:65%;position:relative;overflow:hidden;}
	.lbsmap > a .image strong { background:rgba(50, 125, 50, 0.6); opacity:0; color:#fff;position:absolute;top:0px;left:0px; width:100%; height:100%;padding:10px;display:inline-block; font-weight:500;transition:all .2s; justify-content: center;  display: flex; align-items: center; flex-direction: column;text-align: center; }
	.lbsmap > a .image strong .arrow-circle { color:rgb(50, 125, 50);border-radius:50px; width: 40px; height:40px; margin:0 auto; background:black;justify-content: center; display: flex; align-items: center; font-size: 24px; margin-top: 8px; }
	.lbsmap > a .image .effect {transition:transform .3s, filter .3s;padding-bottom:65%;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/img/noimage.jpg);background-position:center center;background-size:cover; }
	.lbsmap > a:hover .image .effect {transform: scale(1.02) rotate(-1deg);filter:grayscale(0)}

	.lbsmap > a:hover .image strong { opacity:1; }

	.lbsmap > a .text {display:none;}
	/*.lbsmap > a .text strong {font-size:22px;margin-bottom:5px;display:block; font-weight:normal;}*/

	.lbsmap > a.leer {background:transparent;pointer-events:none;}

	.lbsmap .infobox25 {position:relative;flex-basis:24%;background:#fff;margin-bottom:1.5%;}
	.lbsmap .infobox50 {position:relative;flex-basis:49.4%;background:#fff;margin-bottom:1.5%;}

	@media (max-width: 1024px) {
		
		.lbsmap { margin:10% 0; }

		.lbsmap > a .image { padding-bottom:85%; }
		.lbsmap > a .image strong { color:black; text-align:left !important; font-size:0.9em; top:unset; bottom:0px; height:unset; padding:5px 15px; opacity:1; display:block; }
		.lbsmap > a .image strong .arrow-circle { position:absolute; right:8px; bottom:5px; width: 30px; height:30px; font-size: 20px; }
	}


/**	Textmodul
**/

	.textcols2,
	.textcols3 {
		-webkit-column-gap: 2vw;
		-moz-column-gap: 2vw;
		column-gap: 2vw;
		margin-bottom:30px;
	}

	.textcols2 {
		-webkit-column-count:2;
		-moz-column-count: 2; 
		column-count: 2;
	}

	.textcols3 {
		-webkit-column-count:3;
		-moz-column-count:3; 
		column-count:3;
	}

	.textcols2 h1, .textcols2 h2,
	.textcols3 h1, .textcols3 h2 {
		-webkit-column-span: all;
		column-span: all;
	}

	@media (max-width: 1024px) {
		.textcols3 {
			-webkit-column-count:2;
			-moz-column-count: 2; 
			column-count:2;
		}
	}

	@media (max-width: 800px) {
		.textcols2,
		.textcols3 {
			-webkit-column-count:1;
			-moz-column-count: 1; 
			column-count:1;
		}
	}