@charset "UTF-8";
/* Global Values */
/* Load Fonts */
@font-face {
  font-family: "Montserrat";
  src: url("../webfonts/montserrat-bold-webfont.woff2") format("woff2"), url("../webfonts/montserrat-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../webfonts/montserrat-regular-webfont.woff2") format("woff2"), url("../webfonts/montserrat-regular-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* SCSS Extend */
.user .userMenu .profile .profilepic, a.profilepic, div.profilepic, .subscriptions .box h2 span, #mobilemenu .menu ul:first-child li, #mainMenu nav.mainmenu li.image li a, #mainMenu nav.mainmenu ul ul a, header .titlebar .title p.subline, nav#contentMenu a, .startpage .module a.all, .startpage .module .item .info, .itemList .item .description .info, .itemList .filters, .companyProfile .profile p.categories, article .box.statement p, article .box.statement .header .name h4 span, b, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .box.message a, p.itemtyp span, label, button, a.button, .breadcrumbs {
  font-weight: 700;
}

#mobilemenu .menu ul:first-child li ul li, #mobilemenu .functions form.search input, #mainMenu nav.mainmenu li.menuAdcontainer, #mainMenu nav.mainmenu ul ul ul a, header .titlebar form.search input, .ad p, article .box.statement .header .name h4, article p, article .p, h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, button span.tooltip, a.button span.tooltip, body {
  font-weight: 500;
}

header .titlebar .title a:hover, article .videoPlayer .overlay .play:hover, article .sharing-links a:hover, .commentsANDsharing .metadata a:hover, button:hover, a.button:hover {
  opacity: 0.75;
}

.tos-loading, .tos-prev, .tos-next, .tos-close, .promoBanner .bannerContent .close, #aboSelector a.abotoggle, #mobilemenu .userMenu .profile .toggle, .subscriptions a.all:before, #mobilemenu .menu a.menutoggle, .startpage .module a.all:before, .itemList a.next:before, #spinner:before, .loader:before, article .videoPlayer .overlay .play:before, input[type=checkbox] + label:before, .placeholder::before {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
}

/* PLATFORMSPECIFIC COLORS */
/* Calculate colors */
.pid1 {
  /* background-color */
  /* background-color2 */
  /* border-color*/
}
.pid1 nav.mainmenu ul li span {
  color: rgba(13, 104, 176, 0.85);
}
.pid1 #mobilemenu nav.mainmenu ul li span, .pid1 .showAll, .pid1 .companyProfile .about .categories a, .pid1 .startpage .module .item .info a:hover, .pid1 article p.metadata a:hover, .pid1 .user .userMenu a:hover, .pid1 .user .userMenu a.active, .pid1 a.profilepic, .pid1 div.profilepic, .pid1 .box.info:after, .pid1 .box a, .pid1 h3::before, .pid1 header .titlebar .title a span, .pid1 nav#contentMenu a:hover, .pid1 article .text a, .pid1 article .text a:visited, .pid1 article .text a:hover, .pid1 #mainMenu nav.mainmenu ul ul li:hover > a, .pid1 #mainMenu nav.mainmenu ul ul a:hover > a, .pid1 input[type=checkbox]:checked + label, .pid1 #filter a.showAll {
  color: rgb(13, 104, 176);
}
.pid1 span.color, .pid1 a.color, .pid1 .subscriptions .box a:hover, .pid1 button.color, .pid1 a.button.color, .pid1 body.dm input[type=checkbox]:checked + label, .pid1 body.dm .startpage .module .item .info a:hover, .pid1 .itemList .item .description .info a:hover, .pid1 .tos-prev, .pid1 .tos-next, .pid1 .item:hover h2, .pid1 button.white, .pid1 a.button.white, .pid1 a.all, .pid1 .swiper-button-next, .pid1 .swiper-button-prev, .pid1 .cookie-consent-preferences-overlay a {
  color: rgb(13, 104, 176) !important;
}
.pid1 #scroll-top-link, .pid1 footer, .pid1 .subscriptions .box h2 span, .pid1 span.thema, .pid1 .userMenu ul ul a span, .pid1 header .userMenu a:hover, .pid1 button, .pid1 a.button, .pid1 .bg-color, .pid1 .dropdown-menu a:hover, .pid1 #mobilemenu, .pid1 #messageOverlay p, .pid1 .videoPlayer .overlay .play {
  background-color: rgb(13, 104, 176);
}
.pid1 .tos-selected, .pid1 .swiper-pagination-bullet-active, .pid1 button.cc_b_ok, .pid1 .cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:before, .pid1 .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background-color: rgb(13, 104, 176) !important;
}
.pid1 .bg-color2 {
  background-color: rgba(13, 104, 176, 0.85);
}
.pid1 button, .pid1 a.button, .pid1 nav#contentMenu a.active {
  border-color: rgb(13, 104, 176);
}
.pid1 .startpage a.all {
  border-color: rgb(13, 104, 176) !important;
}
@media print {
  .pid1 header .title a, .pid1 p {
    color: rgb(13, 104, 176);
  }
}
.pid1 .blocker {
  background-color: rgba(13, 104, 176, 0.95) !important;
}

.pid3 {
  /* background-color */
  /* background-color2 */
  /* border-color*/
}
.pid3 nav.mainmenu ul li span {
  color: rgba(205, 19, 22, 0.85);
}
.pid3 #mobilemenu nav.mainmenu ul li span, .pid3 .showAll, .pid3 .companyProfile .about .categories a, .pid3 .startpage .module .item .info a:hover, .pid3 article p.metadata a:hover, .pid3 .user .userMenu a:hover, .pid3 .user .userMenu a.active, .pid3 a.profilepic, .pid3 div.profilepic, .pid3 .box.info:after, .pid3 .box a, .pid3 h3::before, .pid3 header .titlebar .title a span, .pid3 nav#contentMenu a:hover, .pid3 article .text a, .pid3 article .text a:visited, .pid3 article .text a:hover, .pid3 #mainMenu nav.mainmenu ul ul li:hover > a, .pid3 #mainMenu nav.mainmenu ul ul a:hover > a, .pid3 input[type=checkbox]:checked + label, .pid3 #filter a.showAll {
  color: rgb(205, 19, 22);
}
.pid3 span.color, .pid3 a.color, .pid3 .subscriptions .box a:hover, .pid3 button.color, .pid3 a.button.color, .pid3 body.dm input[type=checkbox]:checked + label, .pid3 body.dm .startpage .module .item .info a:hover, .pid3 .itemList .item .description .info a:hover, .pid3 .tos-prev, .pid3 .tos-next, .pid3 .item:hover h2, .pid3 button.white, .pid3 a.button.white, .pid3 a.all, .pid3 .swiper-button-next, .pid3 .swiper-button-prev, .pid3 .cookie-consent-preferences-overlay a {
  color: rgb(205, 19, 22) !important;
}
.pid3 #scroll-top-link, .pid3 footer, .pid3 .subscriptions .box h2 span, .pid3 span.thema, .pid3 .userMenu ul ul a span, .pid3 header .userMenu a:hover, .pid3 button, .pid3 a.button, .pid3 .bg-color, .pid3 .dropdown-menu a:hover, .pid3 #mobilemenu, .pid3 #messageOverlay p, .pid3 .videoPlayer .overlay .play {
  background-color: rgb(205, 19, 22);
}
.pid3 .tos-selected, .pid3 .swiper-pagination-bullet-active, .pid3 button.cc_b_ok, .pid3 .cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:before, .pid3 .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background-color: rgb(205, 19, 22) !important;
}
.pid3 .bg-color2 {
  background-color: rgba(205, 19, 22, 0.85);
}
.pid3 button, .pid3 a.button, .pid3 nav#contentMenu a.active {
  border-color: rgb(205, 19, 22);
}
.pid3 .startpage a.all {
  border-color: rgb(205, 19, 22) !important;
}
@media print {
  .pid3 header .title a, .pid3 p {
    color: rgb(205, 19, 22);
  }
}
.pid3 .blocker {
  background-color: rgba(205, 19, 22, 0.95) !important;
}

.pid4 {
  /* background-color */
  /* background-color2 */
  /* border-color*/
}
.pid4 nav.mainmenu ul li span {
  color: rgba(205, 19, 22, 0.85);
}
.pid4 #mobilemenu nav.mainmenu ul li span, .pid4 .showAll, .pid4 .companyProfile .about .categories a, .pid4 .startpage .module .item .info a:hover, .pid4 article p.metadata a:hover, .pid4 .user .userMenu a:hover, .pid4 .user .userMenu a.active, .pid4 a.profilepic, .pid4 div.profilepic, .pid4 .box.info:after, .pid4 .box a, .pid4 h3::before, .pid4 header .titlebar .title a span, .pid4 nav#contentMenu a:hover, .pid4 article .text a, .pid4 article .text a:visited, .pid4 article .text a:hover, .pid4 #mainMenu nav.mainmenu ul ul li:hover > a, .pid4 #mainMenu nav.mainmenu ul ul a:hover > a, .pid4 input[type=checkbox]:checked + label, .pid4 #filter a.showAll {
  color: rgb(205, 19, 22);
}
.pid4 span.color, .pid4 a.color, .pid4 .subscriptions .box a:hover, .pid4 button.color, .pid4 a.button.color, .pid4 body.dm input[type=checkbox]:checked + label, .pid4 body.dm .startpage .module .item .info a:hover, .pid4 .itemList .item .description .info a:hover, .pid4 .tos-prev, .pid4 .tos-next, .pid4 .item:hover h2, .pid4 button.white, .pid4 a.button.white, .pid4 a.all, .pid4 .swiper-button-next, .pid4 .swiper-button-prev, .pid4 .cookie-consent-preferences-overlay a {
  color: rgb(205, 19, 22) !important;
}
.pid4 #scroll-top-link, .pid4 footer, .pid4 .subscriptions .box h2 span, .pid4 span.thema, .pid4 .userMenu ul ul a span, .pid4 header .userMenu a:hover, .pid4 button, .pid4 a.button, .pid4 .bg-color, .pid4 .dropdown-menu a:hover, .pid4 #mobilemenu, .pid4 #messageOverlay p, .pid4 .videoPlayer .overlay .play {
  background-color: rgb(205, 19, 22);
}
.pid4 .tos-selected, .pid4 .swiper-pagination-bullet-active, .pid4 button.cc_b_ok, .pid4 .cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:before, .pid4 .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background-color: rgb(205, 19, 22) !important;
}
.pid4 .bg-color2 {
  background-color: rgba(205, 19, 22, 0.85);
}
.pid4 button, .pid4 a.button, .pid4 nav#contentMenu a.active {
  border-color: rgb(205, 19, 22);
}
.pid4 .startpage a.all {
  border-color: rgb(205, 19, 22) !important;
}
@media print {
  .pid4 header .title a, .pid4 p {
    color: rgb(205, 19, 22);
  }
}
.pid4 .blocker {
  background-color: rgba(205, 19, 22, 0.95) !important;
}

.pid5 {
  /* background-color */
  /* background-color2 */
  /* border-color*/
}
.pid5 nav.mainmenu ul li span {
  color: rgba(205, 19, 22, 0.85);
}
.pid5 #mobilemenu nav.mainmenu ul li span, .pid5 .showAll, .pid5 .companyProfile .about .categories a, .pid5 .startpage .module .item .info a:hover, .pid5 article p.metadata a:hover, .pid5 .user .userMenu a:hover, .pid5 .user .userMenu a.active, .pid5 a.profilepic, .pid5 div.profilepic, .pid5 .box.info:after, .pid5 .box a, .pid5 h3::before, .pid5 header .titlebar .title a span, .pid5 nav#contentMenu a:hover, .pid5 article .text a, .pid5 article .text a:visited, .pid5 article .text a:hover, .pid5 #mainMenu nav.mainmenu ul ul li:hover > a, .pid5 #mainMenu nav.mainmenu ul ul a:hover > a, .pid5 input[type=checkbox]:checked + label, .pid5 #filter a.showAll {
  color: rgb(205, 19, 22);
}
.pid5 span.color, .pid5 a.color, .pid5 .subscriptions .box a:hover, .pid5 button.color, .pid5 a.button.color, .pid5 body.dm input[type=checkbox]:checked + label, .pid5 body.dm .startpage .module .item .info a:hover, .pid5 .itemList .item .description .info a:hover, .pid5 .tos-prev, .pid5 .tos-next, .pid5 .item:hover h2, .pid5 button.white, .pid5 a.button.white, .pid5 a.all, .pid5 .swiper-button-next, .pid5 .swiper-button-prev, .pid5 .cookie-consent-preferences-overlay a {
  color: rgb(205, 19, 22) !important;
}
.pid5 #scroll-top-link, .pid5 footer, .pid5 .subscriptions .box h2 span, .pid5 span.thema, .pid5 .userMenu ul ul a span, .pid5 header .userMenu a:hover, .pid5 button, .pid5 a.button, .pid5 .bg-color, .pid5 .dropdown-menu a:hover, .pid5 #mobilemenu, .pid5 #messageOverlay p, .pid5 .videoPlayer .overlay .play {
  background-color: rgb(205, 19, 22);
}
.pid5 .tos-selected, .pid5 .swiper-pagination-bullet-active, .pid5 button.cc_b_ok, .pid5 .cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:before, .pid5 .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background-color: rgb(205, 19, 22) !important;
}
.pid5 .bg-color2 {
  background-color: rgba(205, 19, 22, 0.85);
}
.pid5 button, .pid5 a.button, .pid5 nav#contentMenu a.active {
  border-color: rgb(205, 19, 22);
}
.pid5 .startpage a.all {
  border-color: rgb(205, 19, 22) !important;
}
@media print {
  .pid5 header .title a, .pid5 p {
    color: rgb(205, 19, 22);
  }
}
.pid5 .blocker {
  background-color: rgba(205, 19, 22, 0.95) !important;
}

.pid6 {
  /* background-color */
  /* background-color2 */
  /* border-color*/
}
.pid6 nav.mainmenu ul li span {
  color: rgba(194, 151, 89, 0.85);
}
.pid6 #mobilemenu nav.mainmenu ul li span, .pid6 .showAll, .pid6 .companyProfile .about .categories a, .pid6 .startpage .module .item .info a:hover, .pid6 article p.metadata a:hover, .pid6 .user .userMenu a:hover, .pid6 .user .userMenu a.active, .pid6 a.profilepic, .pid6 div.profilepic, .pid6 .box.info:after, .pid6 .box a, .pid6 h3::before, .pid6 header .titlebar .title a span, .pid6 nav#contentMenu a:hover, .pid6 article .text a, .pid6 article .text a:visited, .pid6 article .text a:hover, .pid6 #mainMenu nav.mainmenu ul ul li:hover > a, .pid6 #mainMenu nav.mainmenu ul ul a:hover > a, .pid6 input[type=checkbox]:checked + label, .pid6 #filter a.showAll {
  color: rgb(194, 151, 89);
}
.pid6 span.color, .pid6 a.color, .pid6 .subscriptions .box a:hover, .pid6 button.color, .pid6 a.button.color, .pid6 body.dm input[type=checkbox]:checked + label, .pid6 body.dm .startpage .module .item .info a:hover, .pid6 .itemList .item .description .info a:hover, .pid6 .tos-prev, .pid6 .tos-next, .pid6 .item:hover h2, .pid6 button.white, .pid6 a.button.white, .pid6 a.all, .pid6 .swiper-button-next, .pid6 .swiper-button-prev, .pid6 .cookie-consent-preferences-overlay a {
  color: rgb(194, 151, 89) !important;
}
.pid6 #scroll-top-link, .pid6 footer, .pid6 .subscriptions .box h2 span, .pid6 span.thema, .pid6 .userMenu ul ul a span, .pid6 header .userMenu a:hover, .pid6 button, .pid6 a.button, .pid6 .bg-color, .pid6 .dropdown-menu a:hover, .pid6 #mobilemenu, .pid6 #messageOverlay p, .pid6 .videoPlayer .overlay .play {
  background-color: rgb(194, 151, 89);
}
.pid6 .tos-selected, .pid6 .swiper-pagination-bullet-active, .pid6 button.cc_b_ok, .pid6 .cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:before, .pid6 .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background-color: rgb(194, 151, 89) !important;
}
.pid6 .bg-color2 {
  background-color: rgba(194, 151, 89, 0.85);
}
.pid6 button, .pid6 a.button, .pid6 nav#contentMenu a.active {
  border-color: rgb(194, 151, 89);
}
.pid6 .startpage a.all {
  border-color: rgb(194, 151, 89) !important;
}
@media print {
  .pid6 header .title a, .pid6 p {
    color: rgb(194, 151, 89);
  }
}
.pid6 .blocker {
  background-color: rgba(194, 151, 89, 0.95) !important;
}

.pid22 {
  /* background-color */
  /* background-color2 */
  /* border-color*/
}
.pid22 nav.mainmenu ul li span {
  color: rgba(0, 139, 210, 0.85);
}
.pid22 #mobilemenu nav.mainmenu ul li span, .pid22 .showAll, .pid22 .companyProfile .about .categories a, .pid22 .startpage .module .item .info a:hover, .pid22 article p.metadata a:hover, .pid22 .user .userMenu a:hover, .pid22 .user .userMenu a.active, .pid22 a.profilepic, .pid22 div.profilepic, .pid22 .box.info:after, .pid22 .box a, .pid22 h3::before, .pid22 header .titlebar .title a span, .pid22 nav#contentMenu a:hover, .pid22 article .text a, .pid22 article .text a:visited, .pid22 article .text a:hover, .pid22 #mainMenu nav.mainmenu ul ul li:hover > a, .pid22 #mainMenu nav.mainmenu ul ul a:hover > a, .pid22 input[type=checkbox]:checked + label, .pid22 #filter a.showAll {
  color: rgb(0, 139, 210);
}
.pid22 span.color, .pid22 a.color, .pid22 .subscriptions .box a:hover, .pid22 button.color, .pid22 a.button.color, .pid22 body.dm input[type=checkbox]:checked + label, .pid22 body.dm .startpage .module .item .info a:hover, .pid22 .itemList .item .description .info a:hover, .pid22 .tos-prev, .pid22 .tos-next, .pid22 .item:hover h2, .pid22 button.white, .pid22 a.button.white, .pid22 a.all, .pid22 .swiper-button-next, .pid22 .swiper-button-prev, .pid22 .cookie-consent-preferences-overlay a {
  color: rgb(0, 139, 210) !important;
}
.pid22 #scroll-top-link, .pid22 footer, .pid22 .subscriptions .box h2 span, .pid22 span.thema, .pid22 .userMenu ul ul a span, .pid22 header .userMenu a:hover, .pid22 button, .pid22 a.button, .pid22 .bg-color, .pid22 .dropdown-menu a:hover, .pid22 #mobilemenu, .pid22 #messageOverlay p, .pid22 .videoPlayer .overlay .play {
  background-color: rgb(0, 139, 210);
}
.pid22 .tos-selected, .pid22 .swiper-pagination-bullet-active, .pid22 button.cc_b_ok, .pid22 .cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:before, .pid22 .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background-color: rgb(0, 139, 210) !important;
}
.pid22 .bg-color2 {
  background-color: rgba(0, 139, 210, 0.85);
}
.pid22 button, .pid22 a.button, .pid22 nav#contentMenu a.active {
  border-color: rgb(0, 139, 210);
}
.pid22 .startpage a.all {
  border-color: rgb(0, 139, 210) !important;
}
@media print {
  .pid22 header .title a, .pid22 p {
    color: rgb(0, 139, 210);
  }
}
.pid22 .blocker {
  background-color: rgba(0, 139, 210, 0.95) !important;
}

.pid26 {
  /* background-color */
  /* background-color2 */
  /* border-color*/
}
.pid26 nav.mainmenu ul li span {
  color: rgba(205, 19, 22, 0.85);
}
.pid26 #mobilemenu nav.mainmenu ul li span, .pid26 .showAll, .pid26 .companyProfile .about .categories a, .pid26 .startpage .module .item .info a:hover, .pid26 article p.metadata a:hover, .pid26 .user .userMenu a:hover, .pid26 .user .userMenu a.active, .pid26 a.profilepic, .pid26 div.profilepic, .pid26 .box.info:after, .pid26 .box a, .pid26 h3::before, .pid26 header .titlebar .title a span, .pid26 nav#contentMenu a:hover, .pid26 article .text a, .pid26 article .text a:visited, .pid26 article .text a:hover, .pid26 #mainMenu nav.mainmenu ul ul li:hover > a, .pid26 #mainMenu nav.mainmenu ul ul a:hover > a, .pid26 input[type=checkbox]:checked + label, .pid26 #filter a.showAll {
  color: rgb(205, 19, 22);
}
.pid26 span.color, .pid26 a.color, .pid26 .subscriptions .box a:hover, .pid26 button.color, .pid26 a.button.color, .pid26 body.dm input[type=checkbox]:checked + label, .pid26 body.dm .startpage .module .item .info a:hover, .pid26 .itemList .item .description .info a:hover, .pid26 .tos-prev, .pid26 .tos-next, .pid26 .item:hover h2, .pid26 button.white, .pid26 a.button.white, .pid26 a.all, .pid26 .swiper-button-next, .pid26 .swiper-button-prev, .pid26 .cookie-consent-preferences-overlay a {
  color: rgb(205, 19, 22) !important;
}
.pid26 #scroll-top-link, .pid26 footer, .pid26 .subscriptions .box h2 span, .pid26 span.thema, .pid26 .userMenu ul ul a span, .pid26 header .userMenu a:hover, .pid26 button, .pid26 a.button, .pid26 .bg-color, .pid26 .dropdown-menu a:hover, .pid26 #mobilemenu, .pid26 #messageOverlay p, .pid26 .videoPlayer .overlay .play {
  background-color: rgb(205, 19, 22);
}
.pid26 .tos-selected, .pid26 .swiper-pagination-bullet-active, .pid26 button.cc_b_ok, .pid26 .cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:before, .pid26 .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background-color: rgb(205, 19, 22) !important;
}
.pid26 .bg-color2 {
  background-color: rgba(205, 19, 22, 0.85);
}
.pid26 button, .pid26 a.button, .pid26 nav#contentMenu a.active {
  border-color: rgb(205, 19, 22);
}
.pid26 .startpage a.all {
  border-color: rgb(205, 19, 22) !important;
}
@media print {
  .pid26 header .title a, .pid26 p {
    color: rgb(205, 19, 22);
  }
}
.pid26 .blocker {
  background-color: rgba(205, 19, 22, 0.95) !important;
}

.pid28 {
	/* background-color */
	/* background-color2 */
	/* border-color*/
}
.pid28 nav.mainmenu ul li span {
	color: rgba(108, 108, 108, 1);
}
.pid28 #mobilemenu nav.mainmenu ul li span, .pid28 .showAll, .pid28 .companyProfile .about .categories a, .pid28 .startpage .module .item .info a:hover, .pid28 article p.metadata a:hover, .pid28 .user .userMenu a:hover, .pid28 .user .userMenu a.active, .pid28 a.profilepic, .pid28 div.profilepic, .pid28 .box.info:after, .pid28 .box a, .pid28 h3::before, .pid28 header .titlebar .title a span, .pid28 nav#contentMenu a:hover, .pid28 article .text a, .pid28 article .text a:visited, .pid28 article .text a:hover, .pid28 #mainMenu nav.mainmenu ul ul li:hover > a, .pid28 #mainMenu nav.mainmenu ul ul a:hover > a, .pid28 input[type=checkbox]:checked + label, .pid28 #filter a.showAll {
	color: rgb(108, 108, 108);
}
.pid28 span.color, .pid28 a.color, .pid28 .subscriptions .box a:hover, .pid28 button.color, .pid28 a.button.color, .pid28 body.dm input[type=checkbox]:checked + label, .pid28 body.dm .startpage .module .item .info a:hover, .pid28 .itemList .item .description .info a:hover, .pid28 .tos-prev, .pid28 .tos-next, .pid28 .item:hover h2, .pid28 button.white, .pid28 a.button.white, .pid28 a.all, .pid28 .swiper-button-next, .pid28 .swiper-button-prev, .pid28 .cookie-consent-preferences-overlay a {
	color: rgb(108, 108, 108); !important;
}
.pid28 #scroll-top-link, .pid28 footer, .pid28 .subscriptions .box h2 span, .pid28 span.thema, .pid28 .userMenu ul ul a span, .pid28 header .userMenu a:hover, .pid28 button, .pid28 a.button, .pid28 .bg-color, .pid28 .dropdown-menu a:hover, .pid28 #mobilemenu, .pid28 #messageOverlay p, .pid28 .videoPlayer .overlay .play {
	background-color: rgb(108, 108, 108);;
}
.pid28 .tos-selected, .pid28 .swiper-pagination-bullet-active, .pid28 button.cc_b_ok, .pid28 .cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:before, .pid28 .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
	background-color: rgb(108, 108, 108); !important;
}
.pid28 .bg-color2 {
	background-color: rgba(108, 108, 108, 1);
}
.pid28 button, .pid28 a.button, .pid28 nav#contentMenu a.active {
	border-color: rgb(108, 108, 108);;
}
.pid28 .startpage a.all {
	border-color: rgb(108, 108, 108); !important;
}
@media print {
	.pid28 header .title a, .pid28 p {
		color: rgb(108, 108, 108);;
	}
}
.pid28 .blocker {
	background-color: rgba(108, 108, 108, 1) !important;
}

/* Animations */
@-webkit-keyframes HEART {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes HEART {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes HEART {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes HEART {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Reset CSS */
html, body, header, footer, div, h1, h2, h3, h4, h5, h6, p, a, i, ul, li, input, button, picture, img {
  margin: 0;
  padding: 0;
}

/* Responsive Classes */
@media screen and (min-width: 1024px) {
  .no-lg {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .no-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .no-md {
    display: none !important;
  }
}

/* General Styles */
* {
  -webkit-text-size-adjust: none;
}

body {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  line-height: 28.8px;
  -webkit-text-size-adjust: none;
  min-width: 375px;
  /*@media screen and (max-width: $break-small-1) {
    font-size: 16px;
    line-height: 25.6px;
  }*/
}

.full {
  width: 100%;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.center {
  max-width: 1218px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 767px) {
  .center {
    padding: 0 16px;
  }
}
@media print {
  .center {
    max-width: 100%;
    padding: 0;
  }
}
.center.small {
  max-width: 100%;
  width: 768px;
}

.clear {
  clear: both;
}

.textColumn {
  max-width: 768px;
  width: calc(100% - 332px);
  float: left;
}
@media screen and (max-width: 1023px) {
  .textColumn {
    width: 100%;
    max-width: 100% !important;
  }
}
@media print {
  .textColumn {
    max-width: 100%;
    width: 100%;
  }
}

.shortcutColumn {
  width: 300px;
  margin: 0 0 0 32px;
  float: right;
}
@media screen and (max-width: 1023px) {
  .shortcutColumn {
    width: 100%;
  }
}

.adColumn {
  width: 300px;
  margin: 0 0 32px 32px;
  float: right;
}
@media screen and (max-width: 1023px) {
  .adColumn {
    display: none;
  }
}
@media print {
  .adColumn {
    display: none;
  }
}

.adContainer {
  width: 100%;
  margin: 0 0 32px;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .adContainer {
    margin: 0 0 24px;
  }
}
.adContainer img {
  max-width: 100%;
  height: auto;
}
.adContainer.triple {
  text-align: center;
}
.adContainer.triple .ad {
  display: inline-block;
  margin: 0 16px;
  vertical-align: top;
}
@media screen and (max-width: 1023px) {
  .adContainer.triple .ad:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .adContainer.triple .ad:nth-child(2) {
    display: none;
  }
}
.adContainer.triple .ad img {
  width: 280px;
  height: auto;
}
@media screen and (max-width: 1023px) {
  .adContainer.triple .ad img {
    width: 300px;
  }
}

a, a:hover, a:visited {
  color: #000;
  text-decoration: none;
}

.breadcrumbs {
  font-size: 14px;
  line-height: 1.2em;
  margin: 0 0 16px;
  color: rgba(0, 0, 0, 0.3);
}
.breadcrumbs a {
  color: rgba(0, 0, 0, 0.3);
}
.breadcrumbs a:hover {
  text-decoration: underline;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.overlay.gray {
  background: rgba(0, 0, 0, 0.6);
}
.overlay.gradient {
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
  background-image: url("../img/gradient.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.jsFollow i.fas, .jsReadLater i.fa-check {
  transition: scale 0.2s ease-in-out;
  -webkit-animation: HEART 0.2s ease-out; /* Safari 4+ */
  -moz-animation: HEART 0.2s ease-out; /* Fx 5+ */
  -o-animation: HEART 0.2s ease-out; /* Opera 12+ */
  animation: HEART 0.2s ease-out; /* IE 10+, Fx 29+ */
}

.jsReadLater i {
  margin: 0 0 0 3px;
}

button, a.button {
  transition: all 0.2s;
  line-height: 42px;
  font-size: 12px;
  padding: 0 14px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat", Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
button span.tooltip, a.button span.tooltip {
  display: none;
  position: absolute;
  background: #000;
  color: #fff;
  bottom: 46px;
  width: 180px;
  right: 0;
  text-transform: none;
  line-height: 18px;
  border-radius: 4px;
  margin: 0;
  padding: 8px 16px;
  opacity: 1;
}
button span.tooltip a, a.button span.tooltip a {
  text-decoration: underline;
  color: #fff;
}
button i, a.button i {
  font-size: 18px;
  margin: 0 8px 0 0;
  position: relative;
  top: 2px;
}
button.notext i, a.button.notext i {
  margin: 0;
}
button.outline, a.button.outline {
  background: none;
  color: #000;
  border-color: #000;
}
button.link, a.button.link {
  padding: 0;
  border: none;
  background: none;
  color: #000;
}
button.white, a.button.white {
  background: #fff;
  border-color: #fff;
}
@media print {
  button.white, a.button.white {
    color: #000;
    border-color: #000;
  }
}
button.outline.white, a.button.outline.white {
  background: none;
  color: #fff !important;
  border-color: #fff;
}
@media print {
  button.outline.white, a.button.outline.white {
    color: #000 !important;
    border-color: #000;
  }
}
button:hover .tooltip, a.button:hover .tooltip {
  display: block;
}

button[disabled=disabled], button.disabled, a.disabled {
  opacity: 0.5;
  cursor: auto;
}

.placeholder::before {
  content: "\f03e";
  font-size: 36px;
  line-height: 36px;
  color: rgba(0, 0, 0, 0.3);
}

article#news #intro p {
  margin: 0 0 24px;
  line-height: 1.45em !important;
}
article#news .box p {
  margin: 0;
}

#prelude p {
  font-size: 18px;
  line-height: 1.45em;
  margin: 0;
}

form {
  display: inline-block;
  /*
   button, a.button{
  min-width: 300px;
   }
   */
}
form .element {
  margin: 0 0 24px;
}
form .element.button {
  text-align: right;
}
form .element.border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}
form .element:last-child {
  margin: 0 0 8px;
}
form h2 {
  margin: 36px 0 12px;
}
form button[type=submit] {
  margin: 12px 16px 0 0;
}

label {
  line-height: 17px;
  font-size: 14px;
  margin: 0 0 12px;
  display: inline-block;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat", Arial, sans-serif;
}
label.error {
  color: #d6150d !important;
  margin: 0;
}

select, input {
  height: 42px;
  line-height: 42px;
  font-size: 12px;
  padding: 0 20px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
}

select {
  width: 100%;
  -webkit-appearance: none;
  padding: 0 36px 0 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#000" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 18px 18px;
}
select.error {
  border-color: #d6150d !important;
}

input {
  width: calc(100% - 40px);
}
input.error {
  border-color: #d6150d !important;
}
input:disabled {
  background: rgba(0, 0, 0, 0.07);
}

input[type=checkbox] {
  visibility: hidden;
  width: 0;
  height: 0;
  float: right;
}

input[type=checkbox] + label {
  font-size: 14px;
  line-height: 17px;
  padding: 10px 0;
  cursor: pointer;
  text-transform: none;
  display: block;
}
input[type=checkbox] + label:hover {
  opacity: 0.75;
}
input[type=checkbox] + label:before {
  content: "\f204";
  font-size: 22px;
  margin: 0 6px 20px 0;
  float: left;
}
input[type=checkbox] + label a {
  text-decoration: underline;
}

.box .switch input[type=checkbox] + label:before {
  margin: 0;
}

input[type=checkbox]:checked + label:before {
  content: "\f205";
}

input[type=checkbox]:disabled + label {
  opacity: 0.5;
}

p.itemtyp {
  margin-block-end: 0;
  margin-block-start: 0;
  line-height: 26px;
  margin: 0 0 6px;
}
@media screen and (max-width: 767px) {
  p.itemtyp {
    line-height: 22px;
  }
}
p.itemtyp span {
  background: #000;
  padding: 0 16px;
  line-height: 26px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff !important;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  p.itemtyp span {
    padding: 0 12px;
    line-height: 22px;
    font-size: 10px;
  }
}
p.itemtyp span.anwenderreportage {
  background: #2b96d3;
}
p.itemtyp span.interview {
  background: #d6150d;
}
p.itemtyp span.gastkommentar {
  background: #e94d1a;
}
p.itemtyp span.branchengeschehen {
  background: #f5be25;
}
p.itemtyp span.firma {
  background: #7a2986;
}
p.itemtyp span.dienstleister {
  background: #424c9c;
}
p.itemtyp span.video {
  background: #000;
}
p.itemtyp span.messen.veranstaltungen, p.itemtyp span.promotion, p.itemtyp span.veranstaltung {
  background: #37af74;
}
p.itemtyp span.hersteller {
  background: #e67b73;
}
p.itemtyp span.haendler {
  background: #0b8044;
}
p.itemtyp span.fachmesse {
  background: #7883c0;
}
p.itemtyp span.promotion {
  background: #7c8386;
}
p.itemtyp span.kolumne {
  background: #e94d1a;
}

.box {
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 24px 24px 20px;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 32px;
}
.box.message a {
  color: #FFFFFF;
}
.box.message a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .box {
    padding: 16px 16px 12px;
    margin: 0 0 24px;
  }
}
.box.gray {
  background-color: rgba(0, 0, 0, 0.07);
  border: none;
}
.box.error {
  background-color: #d6150d;
  border: none;
  color: #fff;
}
.box.success {
  background-color: #0b8044;
  border: none;
  color: #fff;
}
.box.partners {
  margin: -16px 0 48px;
}
@media screen and (max-width: 767px) {
  .box.partners {
    margin: -24px 0 48px;
  }
}
.box.partners ul {
  margin: 8px 0 -4px;
}
.box.partners li {
  list-style: none;
}
.box.contact {
  margin: 0 0 48px;
  padding-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .box.contact {
    padding-bottom: 16px;
  }
}
.box.contact .logo {
  mix-blend-mode: multiply;
  float: right;
  margin: 5px 0 2px 24px;
}
@media screen and (max-width: 767px) {
  .box.contact .logo {
    margin-top: 2px;
  }
}
.box.contact .logo a {
  width: 128px;
  height: 64px;
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: #fff;
  border-radius: 4px;
  border-color: #bbb;
  padding: 8px;
  margin: 8px 0 0 24px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .box.contact .logo a {
    width: 64px;
  }
}
.box.contact .logo a img {
  max-width: 128px;
  max-height: 64px;
  width: auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .box.contact .logo a img {
    max-width: 64px;
  }
}
.box.info {
  position: relative;
  border: none;
}
.box.info p, .box.info a {
  font-size: 14px;
  line-height: 20px;
  margin: 12px 0 0;
  display: block;
}
.box.info a.lightbox {
  text-align: center;
}
.box.info picture::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  box-shadow: inset 0px 0px 32px 0px rgba(0, 0, 0, 0.07);
  pointer-events: none;
}
.box.video {
  padding: 0;
  border-radius: 4px;
}
.box.video div {
  font-size: 0;
  line-height: 0;
  display: table-cell;
  vertical-align: middle;
}
.box.video .image {
  position: relative;
}
@media screen and (max-width: 767px) {
  .box.video .image {
    width: 96px;
    height: 96px;
    overflow: hidden;
  }
}
.box.video .image img {
  width: 180px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .box.video .image img {
    width: 171px;
    height: 96px;
    margin: 0 -37px;
  }
}
.box.video .itemtyp {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  display: none;
}
@media screen and (max-width: 767px) {
  .box.video .itemtyp {
    display: block;
  }
}
.box.video h4 a, .box.video h4 a:hover {
  color: #000;
  text-decoration: none;
  display: inline-block;
  padding: 12px 16px;
}
.box.video .duration {
  padding: 0 16px 0 0;
  font-size: 12px;
  text-align: right;
  width: 74px;
}
@media screen and (max-width: 767px) {
  .box.video .duration {
    display: none;
  }
}
.box.video .duration p {
  margin: 0;
}
.box .header {
  margin: -24px -24px 14px;
  border: none;
}
@media screen and (max-width: 767px) {
  .box .header {
    margin: -16px -16px 12px;
  }
}
.box .header img {
  width: 100%;
  height: auto;
}
.box .header a img {
  margin: -14px 0 0;
}
.box.event p {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.45em;
}
.box.event i {
  width: 22px;
}

.contact.box p {
  margin: 0 0 12px;
}
.contact.box .buttons button {
  display: inline;
  margin: 16px 16px 0 0;
}

.commentsANDsharing {
  margin: 0 0 32px;
}
@media screen and (max-width: 767px) {
  .commentsANDsharing {
    margin: 0 0 24px;
  }
}
.commentsANDsharing button, .commentsANDsharing .metadata {
  display: inline-block;
}
.commentsANDsharing .metadata {
  margin: 12px 0 0;
}
.commentsANDsharing button {
  margin: 0 16px 0 0;
}

body.m .dropdown button.options:hover {
  background: #fff;
  opacity: 1 !important;
}
body.m .dropdown button.options:hover span {
  display: inline;
  padding: 0 7px 0 0;
}

.dropdown {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
.dropdown button.options {
  float: right;
  line-height: 32px;
  padding: 0 7px;
  text-align: center;
  border: none;
  color: rgba(0, 0, 0, 0.5) !important;
  border-radius: 0;
  opacity: 0.75;
  background: none;
}
.dropdown button.options i {
  margin: 0;
}
.dropdown button.options span {
  display: none;
}

.startpage button.options {
  background: #fff;
}

/*
body.m .startpage .item button.options{
  opacity: 0;
}

body.m .startpage .module.firma .item button.options{
  opacity: .75;
}

body.m .startpage .item:hover button.options{
	opacity: .75;
}
*/
#blocker {
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  z-index: 999;
  transition: background-color 0.3s;
}
#blocker.active {
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}

/* Dropdown V2
.dropdown{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;

  button.options{
    float: right;
    line-height: 32px;
    width: 32px;
    padding: 0;
    text-align: center;
    border: none;
    color: $color-gray30!important;
    background: none;

    i{
      margin: 0;
    }
  }

  .dropdown-menu{
    display: none;
    position: relative;
    top: 32px;
    background: #fff;
    z-index: 999;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
    width: 360px;

    &.show{
      display: block;
    }

    a{
      font-size: 14px;
      line-height: 48px;
      @extend %bold;
      padding: 0 16px;
      display: block;

      i{
        font-size: 20px;
        margin: 0 8px 0 0;
        position: relative;
        top: 2px;
      }

      &:hover{
        color: #fff;
      }

      &.separator{
        border-top: 1px solid $color-gray30;
      }
    }
  }
}
*/
/* Font Styling */
h1, .h1 {
  font-size: 32px;
  line-height: 1em;
  text-transform: uppercase;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 24px;
    line-height: 1em;
  }
}

h2, .h2 {
  font-size: 20px;
  line-height: 1.4em;
}

h3, .h3 {
  font-size: 18px;
  line-height: 1.4em;
}
h3.more, .h3.more {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin: 24px 0 32px;
  padding: 0 0 12px;
}

h4, .h4 {
  font-size: 18px;
  line-height: 1.4em;
  /*@media screen and (max-width: $break-small-1) {
    font-size: 16px;
  }*/
}

/*
h1, .h1, h2, .h2, h3, .h3{
  @media screen and (max-width: $break-small-1) {
    hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
  }
}
*/
.h1.standard {
  text-transform: none;
}

/* ARTICLE STYLING */
article h1 {
  margin: 0 0 16px;
  text-transform: none;
  line-height: 1.2em;
}
article h2 {
  margin: 0 0 16px;
  font-size: 18px;
  line-height: 28.8px;
  /*@media screen and (max-width: $break-small-1) {
    font-size: 16px;
    line-height: 25.6px;
  }*/
}
article h3 {
  margin: 0 0 18px;
}
@media screen and (max-width: 767px) {
  article h3 {
    margin: 0 0 16px;
  }
}
article .text a:hover {
  text-decoration: underline;
}
article p, article .p {
  font-size: 18px;
  line-height: 28.8px;
  margin: 0 0 32px;
  /*@media screen and (max-width: $break-small-1) {
    font-size: 16px;
    line-height: 25.6px;
  }*/
}
@media screen and (max-width: 767px) {
  article p, article .p {
    margin: 0 0 24px;
  }
}
@media print {
  article p, article .p {
    color: #000 !important;
  }
}
article p.metadata {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
}
article p.metadata a, article p.metadata a:hover, article p.metadata a:visited {
  color: rgba(0, 0, 0, 0.7) !important;
  text-decoration: underline;
}
article p.metadata a:hover {
  text-decoration: underline;
}
article .fullsizeimage {
  position: relative;
  height: 100vh;
  margin: 0 0 32px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
article .fullsizeimage .center {
  position: relative;
  height: 100%;
}
article .fullsizeimage .caption {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}
@media screen and (max-width: 767px) {
  article .fullsizeimage .caption {
    left: 16px;
    right: 16px;
  }
}
article .fullsizeimage p.imageCaption {
  padding: 0;
  margin: 0;
  border: none;
  max-width: 768px;
  color: #fff;
}
article .imageContainer {
  width: 100%;
  text-align: center;
  margin: 0 0 32px;
}
article .imageContainer picture {
  display: block;
  position: relative;
}
article .imageContainer picture img {
  max-width: 100%;
  max-height: 512px;
  width: auto;
  height: auto;
  display: inline-block;
  background: rgba(0, 0, 0, 0.07);
}
article p.imageCaption {
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0 0 16px;
  margin: -16px 0 32px;
}
@media screen and (max-width: 767px) {
  article p.imageCaption {
    margin: -16px 0 24px;
  }
}
article .sharing-links {
  margin: -12px 0;
  white-space: nowrap;
  font-size: 0;
}
article .sharing-links a {
  padding: 8px;
  font-size: 16px;
  text-decoration: none !important;
}
article .sharing-links a:hover {
  text-decoration: none !important;
}
article .text a {
  word-wrap: break-word;
}
article .videoPlayer {
  padding-top: 56.25%;
  position: relative;
  margin: 0 0 32px;
  background: rgba(0, 0, 0, 0.07);
}
@media screen and (max-width: 767px) {
  article .videoPlayer {
    margin: 0 0 24px;
  }
}
article .videoPlayer .overlay {
  z-index: 999;
  background: rgba(0, 0, 0, 0.4);
}
article .videoPlayer .overlay .play {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -24px -34px;
  border-radius: 4px;
  width: 68px;
  height: 48px;
  text-align: center;
}
article .videoPlayer .overlay .play:before {
  content: "\f04b";
  font-size: 18px;
  line-height: 48px;
  color: #fff;
}
article .videoPlayer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article .swiper-container {
  margin: 0 0 32px;
}
article .box.statement .header {
  margin: 0 0 16px;
}
@media screen and (max-width: 767px) {
  article .box.statement .header {
    margin: 0 0 10px;
  }
}
article .box.statement .header a {
  position: relative;
  vertical-align: top;
  display: block;
}
article .box.statement .header .img {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  margin: 0 0 8px;
  background: rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  article .box.statement .header .img {
    width: 64px;
    height: 64px;
    margin: 0 0 6px;
  }
}
article .box.statement .header .img img {
  width: 80px;
  height: 80px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  article .box.statement .header .img img {
    width: 64px;
    height: 64px;
  }
}
article .box.statement .header .name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 110px);
  margin: -4px 0 0 24px;
}
@media screen and (max-width: 767px) {
  article .box.statement .header .name {
    width: calc(100% - 85px);
    margin: -4px 0 0 16px;
  }
}
article .box.statement .header .name h4 {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  article .box.statement .header .name h4 {
    font-size: 14px;
  }
}
article .box.statement p {
  margin: 0 -24px -20px;
  padding: 24px 24px 20px;
  background: rgba(0, 0, 0, 0.07);
  font-style: italic;
}
@media screen and (max-width: 767px) {
  article .box.statement p {
    margin: 0 -16px -16px;
    padding: 18px 16px 18px;
  }
}
article .adContainer.inside {
  margin-top: 16px;
}
@media print {
  article #moreContainer {
    display: none;
  }
}

/* SearchBanner Styling */
.searchBanner {
  margin: -36px 0 36px;
  padding: 42px 0;
  text-align: center;
}
.searchBanner h3 {
  color: #fff;
  margin: 0 0 42px;
}
.searchBanner form input, .searchBanner form button {
  display: inline;
  box-sizing: border-box;
  width: 15%;
}
@media screen and (max-width: 767px) {
  .searchBanner form input, .searchBanner form button {
    display: block;
    width: 100% !important;
  }
}
.searchBanner form input {
  margin: 0 2% 0 0;
}
@media screen and (max-width: 767px) {
  .searchBanner form input {
    margin: 0 0 8px 0;
  }
}

/* COMPANY PROFILE */
.companyProfile {
  background: none !important;
}
@media screen and (max-width: 1023px) {
  .companyProfile .banner .overlay {
    display: none;
  }
}
.companyProfile a:hover {
  text-decoration: underline;
}
.companyProfile .itemList a:hover {
  text-decoration: none;
}
.companyProfile .companyHeader {
  position: relative;
}
.companyProfile .banner {
  /*padding-top: 20.83%;
  margin: 0;
  background-color: $color-gray7;
  text-align: center;
  */
  margin: -24px -24px 24px;
  /*.placeholder{
    @extend %icon;
    content:'\f03e';
    font-size: 36px;
    line-height: 300px;
    color: $color-gray30;
  }


  @media screen and (max-width: $break-xxl) {
    height: 300px;

    .placeholder{
  	line-height: 300px;
    }
  }

  @media screen and (max-width: $break-large-1) {
    height: 200px;

    .placeholder{
  	line-height: 200px;
    }
  }

  @media screen and (max-width: $break-small-1) {
    margin: 0;
    height: 160px;

    .placeholder{
  	line-height: 160px;
    }
  }*/
}
@media screen and (max-width: 767px) {
  .companyProfile .banner {
    margin: -24px -18px 24px;
  }
}
.companyProfile .banner img {
  width: calc(100% + 48px);
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .companyProfile .banner img {
    max-width: calc(100% + 36px);
  }
}
.companyProfile .profile, .companyProfile .profile a { /*
color: #fff;

@media screen and (max-width: $break-large-1) {
  color: #000;
}*/ }
.companyProfile .profile {
  margin: 0 0 32px;
  /*position: absolute;
  bottom: 16px;

     @media screen and (max-width: $break-large-1) {
       margin: -40px 0 36px;
       text-align: center;
    position: relative;
    bottom: 0;

    @media screen and (max-width: $break-small-1) {
  	margin-top: -20px;
  	margin-bottom: 24px;
    }
     }*/
}
@media screen and (max-width: 1023px) {
  .companyProfile .profile {
    margin: 0 0 40px;
    text-align: center;
    position: relative;
    bottom: 0;
  }
}
.companyProfile .profile .center {
  background: none;
  padding-top: 0;
}
.companyProfile .profile .follow {
  float: right;
}
@media screen and (max-width: 1023px) {
  .companyProfile .profile .follow {
    float: none;
    display: block;
  }
}
.companyProfile .profile .logo {
  margin: 0 24px 0 0;
}
@media screen and (max-width: 1023px) {
  .companyProfile .profile .logo {
    margin: 0 auto 24px;
  }
}
.companyProfile .profile .logo .imageContainer {
  padding: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  background: #fff;
  width: 128px;
  height: 64px;
  margin: 0 auto;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1023px) {
  .companyProfile .profile .logo .imageContainer {
    width: 64px;
  }
}
.companyProfile .profile .logo .imageContainer img {
  max-width: 128px;
  max-height: 64px;
  width: auto;
  height: auto;
}
@media screen and (max-width: 1023px) {
  .companyProfile .profile .logo .imageContainer img {
    max-width: 64px;
  }
}
.companyProfile .profile .details {
  width: calc(100% - 360px);
}
@media screen and (max-width: 1023px) {
  .companyProfile .profile .details {
    width: 100%;
  }
}
.companyProfile .profile .logo, .companyProfile .profile .details {
  float: left;
}
@media screen and (max-width: 1023px) {
  .companyProfile .profile .logo, .companyProfile .profile .details {
    float: none;
    display: inline-block;
  }
}
.companyProfile .profile h1 {
  margin: -3px 0 0 !important;
  line-height: 1.1em;
}
.companyProfile .profile p.city, .companyProfile .profile p.categories {
  font-size: 14px;
  line-height: 1.2em;
  margin: 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1023px) {
  .companyProfile .profile p.city, .companyProfile .profile p.categories {
    white-space: normal;
    overflow: unset;
  }
}
.companyProfile .profile p.categories a {
  text-decoration: underline;
}
.companyProfile .profile .follow {
  margin: 18px 0 0 32px;
}
@media screen and (max-width: 1023px) {
  .companyProfile .profile .follow {
    margin: 24px 0 0;
  }
}
.companyProfile .content {
  min-height: calc(100vh - 600px);
}
.companyProfile .content .center {
  background: #fff;
  padding-top: 24px;
}
@media screen and (max-width: 1218px) {
  .companyProfile .content {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .companyProfile .content {
    background: none;
    margin: 0 0 24px;
  }
}
.companyProfile .about, .companyProfile .gmap {
  float: left;
}
.companyProfile .about {
  width: calc(100% - 392px);
  margin: 0 0 24px;
}
@media screen and (max-width: 1023px) {
  .companyProfile .about {
    width: 100%;
    padding: 0;
  }
}
.companyProfile .about .categories {
  /*ul{
  margin: 0;
   }

   li{
  list-style: none;
  position: relative;
  padding: 0 0 0 24px;

  span{

  }

  &:before{
    content: '\f30b';
    @extend %icon;
    margin: 0 12px 0 0;
    position: absolute;
    left: 0;
  }
   }*/
}
.companyProfile .about .categories ul {
  margin: 0 0 0 20px;
}
.companyProfile .about .categories a {
  text-decoration: underline;
}
.companyProfile .gmap {
  padding: 0 0 0 32px;
  width: 360px;
  font-size: 16px;
  line-height: 23.2px;
  /*.box{
    @media screen and (max-width: $break-large-1) {
      border: none;
      padding: 0;
      border-radius: 0;
    }

    .header{
      @media screen and (max-width: $break-large-1) {
        margin: 24px 0;
      }
    }
  }*/
}
@media screen and (max-width: 1023px) {
  .companyProfile .gmap {
    width: 100%;
    padding: 0;
  }
}
.companyProfile .gmap h3 {
  margin: -4px 0 4px;
}
.companyProfile .gmap a {
  text-decoration: underline;
  word-wrap: break-word;
}
.companyProfile .gmap iframe {
  width: 100%;
}
.companyProfile .companyList {
  font-size: 16px;
  line-height: 23.2px;
}
.companyProfile .companyList .item {
  margin: 0 0 32px;
}
@media screen and (max-width: 767px) {
  .companyProfile .companyList .item {
    margin: 0 0 24px;
  }
}
.companyProfile .companyList a {
  text-decoration: underline;
}
.companyProfile .companyList a.button, .companyProfile .companyList a.button:hover {
  margin: 12px 0 0;
  text-decoration: none;
}

/* itemList General Styling */
.itemList picture::after, .items picture::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  box-shadow: inset 0px 0px 32px 0px rgba(0, 0, 0, 0.07);
}

.buttonpusher {
  float: right;
  width: 32px;
  height: 32px;
}

#spinner, .loader {
  margin: 0 auto;
  width: 36px;
  height: 36px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  text-align: center;
}
#spinner:before, .loader:before {
  content: "\f110";
  font-size: 36px;
  line-height: 36px;
  color: rgba(0, 0, 0, 0.3);
}

.item h2 {
  word-break: break-word;
}

.loader {
  position: absolute;
  left: calc(50% - 18px);
  top: calc(50% - 18px);
}

.header {
  margin: 0 0 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.header.noborder {
  border: none;
}
.header .title {
  float: left;
  margin: 0 24px 12px 0;
}
@media screen and (max-width: 767px) {
  .header .title {
    margin-right: 0;
  }
}
.header .functions {
  float: right;
  margin: -6px 0 12px;
}
@media screen and (max-width: 767px) {
  .header .functions {
    margin: 0px 0 12px;
    width: 100%;
  }
}
.header .functions button {
  margin: 0 0 0 16px;
}
.header .functions button:first-child {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .itemList .adContainer {
    margin-top: 12px;
  }
}
.itemList h3.h2 {
  text-transform: uppercase;
}
.itemList a.next {
  margin: 0 0 24px;
}
.itemList a.next:before {
  content: "\f00a";
  margin: 0 8px 0 0;
}
@media screen and (max-width: 767px) {
  .itemList a.next {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}
.itemList .horizontalMenu {
  margin-top: -24px;
}
@media screen and (max-width: 767px) {
  .itemList .horizontalMenu {
    margin-bottom: 24px;
  }
}
.itemList .filters {
  margin: -24px 0 22px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
.itemList .filters p, .itemList .filters a {
  display: inline-block;
  margin-bottom: 10px;
}
.itemList .filters p {
  margin-right: 24px;
}
.itemList .filters i, .itemList .filters a.button i {
  font-size: 16px;
  margin: 0 8px 0 0;
  position: relative;
  top: 1px;
}
.itemList .filters a.button {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  text-transform: none;
}
.itemList .item {
  margin: 0 0 32px;
  display: block;
}
@media screen and (max-width: 767px) {
  .itemList .item {
    margin: 0 0 24px;
  }
}
.itemList .item .image {
  float: left;
  width: 240px;
  margin: 0 16px 0 0;
  height: 160px;
  background: rgba(0, 0, 0, 0.07);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .itemList .item .image {
    width: 96px;
    height: 96px;
    margin: 0 16px 0 0;
  }
}
.itemList .item .image p.itemtyp {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  line-height: unset;
}
.itemList .item .image p.itemtyp span {
  vertical-align: unset;
}
@media screen and (max-width: 767px) {
  .itemList .item .image p.itemtyp {
    display: none;
  }
}
.itemList .item .image a {
  display: table-cell;
  vertical-align: middle;
  height: 160px;
  width: 240px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .itemList .item .image a {
    width: 96px;
    height: 96px;
  }
}
.itemList .item picture img {
  width: 240px;
  height: 160px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .itemList .item picture img {
    width: 144px;
    height: 96px;
    margin: 0 -24px;
  }
}
.itemList .item picture noscript img {
  position: absolute;
  left: 0;
  top: 0;
}
.itemList .item .description {
  float: left;
  width: calc(100% - 240px - 16px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .itemList .item .description {
    width: calc(100% - 96px - 16px);
  }
}
.itemList .item .description h2 {
  font-size: 20px;
  line-height: 1.2em;
  margin: 0 0 6px;
}
@media screen and (max-width: 767px) {
  .itemList .item .description h2 {
    font-size: 16px;
    line-height: 19.2px;
  }
}
@media screen and (min-width: 768px) {
  .itemList .item .description p.itemtyp {
    display: none;
  }
}
.itemList .item .description p.intro {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  max-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .itemList .item .description p.intro {
    display: none;
  }
}
.itemList .item .description .info {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 16.8px;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 767px) {
  .itemList .item .description .info {
    font-size: 12px;
    line-height: 14.4px;
  }
}
.itemList .item .description .info time, .itemList .item .description .info span, .itemList .item .description .info a {
  color: rgba(0, 0, 0, 0.7);
}
.itemList .item .description .info time::after {
  content: " · ";
}
.itemList .item .description .info a {
  text-decoration: underline;
}
.itemList .item .description .info a:hover {
  text-decoration: underline;
}
.itemList.companies .item .image {
  background: none;
}
.itemList.companies .item .image picture img {
  max-width: 208px;
  max-height: 108px; /* wegen itemtyp */
  width: auto;
  height: auto;
  position: relative;
  margin: 0 0 8px;
}
@media screen and (max-width: 767px) {
  .itemList.companies .item .image picture img {
    max-width: 80px;
    max-height: 80px;
    margin: 0px;
  }
}
.itemList.user .box {
  display: table;
  width: calc(100% - 48px);
}
@media screen and (max-width: 767px) {
  .itemList.user .box {
    width: calc(100% - 32px);
  }
}
.itemList.user .box form h2 {
  margin-top: 0;
}
.itemList.user .box .description {
  float: none;
  display: table-cell;
  vertical-align: middle;
  width: calc(100% - 100px) !important;
}
.itemList.user .box .description a {
  color: #000;
}
.itemList.user .box .description p.intro {
  max-width: 768px;
}
.itemList.user .box .switch {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding: 0 0 0 16px;
}
.itemList.user .box form {
  width: 100%;
}
.itemList.user input[type=checkbox] + label {
  padding: 0;
  margin: 0;
}
.itemList.user input[type=checkbox] + label::before {
  font-size: 32px;
}

.item .image.gray {
  background: rgba(0, 0, 0, 0.07) !important;
}

/* VideosList Styling */
.itemList.videos picture img {
  max-height: 160px;
  width: auto;
  height: auto;
  position: relative;
  margin: 0 -22px;
}
@media screen and (max-width: 767px) {
  .itemList.videos picture img {
    max-height: 96px;
    margin: 0 -37px;
  }
}

/* EventsList Styling */
.itemList.events h3 {
  text-transform: uppercase;
  margin: 0 0 16px;
}

/* Companylist Styling */
.ad {
  text-align: center;
  position: relative;
}
.ad p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  margin: 0;
}
.ad:hover a::before {
  content: "";
}
.ad img {
  background: rgba(0, 0, 0, 0.07);
}
.ad iframe {
  border: none;
}

/* StartPage Styling */
.startpage {
  /*
  .dropdown button.options.white{
    color: rgba(255, 255, 255, 0.6) !important;
    text-shadow: 0 0 12px $color-gray80;
  }
  */
}
.startpage .adColumn {
  width: auto;
  margin: 0;
  float: none;
}
.startpage .adColumn img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1023px) {
  .startpage .adColumn {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .startpage .buttonpusher {
    display: none;
  }
}
.startpage .item .image {
  background: rgba(0, 0, 0, 0.07);
}
.startpage .item .image span.placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px;
}
.startpage .module {
  margin: 0 0 16px;
  /* Layoutspecific */
}
@media screen and (max-width: 767px) {
  .startpage .module {
    margin: 0 0 32px;
  }
}
@media screen and (max-width: 1023px) {
  .startpage .module.l1 .item.ad, .startpage .module.l2 .item.ad, .startpage .module.l3 .item.ad, .startpage .module.l5 .item.ad {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .startpage .module.l1 .item:first-child .description, .startpage .module.l2 .item:first-child .description, .startpage .module.l3 .item:first-child .description, .startpage .module.l5 .item:first-child .description {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 36px 16px 12px;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgb(0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
    background-image: url("../img/gradient2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .startpage .module.l1 .item:first-child .description a, .startpage .module.l1 .item:first-child .description h2, .startpage .module.l1 .item:first-child .description p, .startpage .module.l1 .item:first-child .description time, .startpage .module.l1 .item:first-child .description span, .startpage .module.l2 .item:first-child .description a, .startpage .module.l2 .item:first-child .description h2, .startpage .module.l2 .item:first-child .description p, .startpage .module.l2 .item:first-child .description time, .startpage .module.l2 .item:first-child .description span, .startpage .module.l3 .item:first-child .description a, .startpage .module.l3 .item:first-child .description h2, .startpage .module.l3 .item:first-child .description p, .startpage .module.l3 .item:first-child .description time, .startpage .module.l3 .item:first-child .description span, .startpage .module.l5 .item:first-child .description a, .startpage .module.l5 .item:first-child .description h2, .startpage .module.l5 .item:first-child .description p, .startpage .module.l5 .item:first-child .description time, .startpage .module.l5 .item:first-child .description span {
    color: #fff;
  }
  .startpage .module.l1 .item:first-child .description p.intro, .startpage .module.l2 .item:first-child .description p.intro, .startpage .module.l3 .item:first-child .description p.intro, .startpage .module.l5 .item:first-child .description p.intro {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .startpage .module.l1 .info, .startpage .module.l2 .info, .startpage .module.l3 .info, .startpage .module.l5 .info {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    height: 34px;
  }
}
.startpage .module .description {
  position: relative;
}
.startpage .module .description p.itemtyp {
  margin: -42px 0 16px;
}
@media screen and (max-width: 767px) {
  .startpage .module .description p.itemtyp {
    margin: 0 0 6px;
  }
}
.startpage .module.l1 .item {
  width: calc(25% - 16px);
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .startpage .module.l1 .item {
    float: left;
  }
}
@media screen and (max-width: 1023px) {
  .startpage .module.l1 .item {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 767px) {
  .startpage .module.l1 .item {
    width: calc(100% - 16px);
  }
}
.startpage .module.l1 .item:first-child .image {
  position: relative;
  padding-top: 66.67%;
}
.startpage .module.l1 .item:first-child .description span {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .startpage .module.l1 .item:first-child {
    width: calc(100% - 16px);
  }
  .startpage .module.l1 .item:first-child .description {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 48px 24px 16px;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgb(0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
    background-image: url("../img/gradient2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .startpage .module.l1 .item:first-child .description h2 {
    color: #fff;
  }
  .startpage .module.l1 .item:first-child .description a, .startpage .module.l1 .item:first-child .description p, .startpage .module.l1 .item:first-child .description time, .startpage .module.l1 .item:first-child .description span {
    color: rgba(255, 255, 255, 0.7);
  }
  .startpage .module.l1 .item:first-child .description p.intro {
    color: #fff !important;
  }
  .startpage .module.l1 .item:first-child .description p.itemtyp {
    margin: 0 0 6px;
  }
}
@media screen and (min-width: 1024px) {
  .startpage .module.l1 .item:first-child {
    width: calc(50% - 16px);
  }
  .startpage .module.l1 .item:first-child .image {
    position: relative;
    padding-top: 116%;
  }
  .startpage .module.l1 .item:first-child .image img {
    width: 174%;
    margin: 0 -37%;
  }
  .startpage .module.l1 .item:first-child .info {
    height: 17px;
  }
}
@media screen and (min-width: 1024px) {
  .startpage .module.l1 .item:not(:first-child) h2 {
    overflow: hidden;
    height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
.startpage .module.l1 .item:not(:first-child) .image {
  position: relative;
  padding-top: 66.67%;
}
.startpage .module.l1 .item:not(:first-child) p.intro {
  display: none;
}
@media screen and (max-width: 1023px) {
  .startpage .module.l1.b .item.adColumn {
    display: none;
  }
}
.startpage .module.l1.b .item:nth-child(n+6) {
  display: none;
}
@media screen and (max-width: 1023px) {
  .startpage .module.l1.b .item:nth-child(n+6) {
    display: inline-block;
  }
}
.startpage .module.l5 .item {
  width: calc(25% - 16px);
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .startpage .module.l5 .item {
    float: left;
  }
}
@media screen and (max-width: 1023px) {
  .startpage .module.l5 .item {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 767px) {
  .startpage .module.l5 .item {
    width: calc(100% - 16px);
  }
}
.startpage .module.l5 .item:first-child .image {
  position: relative;
  padding-top: 66.67%;
}
.startpage .module.l5 .item:first-child .description span {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .startpage .module.l5 .item:first-child {
    width: calc(100% - 16px);
  }
  .startpage .module.l5 .item:first-child .description {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 48px 24px 16px;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgb(0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgb(0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
    background-image: url("../img/gradient2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .startpage .module.l5 .item:first-child .description h2 {
    color: #fff;
  }
  .startpage .module.l5 .item:first-child .description a, .startpage .module.l5 .item:first-child .description p, .startpage .module.l5 .item:first-child .description time, .startpage .module.l5 .item:first-child .description span {
    color: rgba(255, 255, 255, 0.7);
  }
  .startpage .module.l5 .item:first-child .description p.itemtyp {
    margin: 0 0 6px;
  }
}
@media screen and (min-width: 1024px) {
  .startpage .module.l5 .item:first-child {
    width: calc(50% - 16px);
  }
  .startpage .module.l5 .item:first-child .image {
    position: relative;
    padding-top: 54.4%;
  }
  .startpage .module.l5 .item:first-child .image img {
    height: 112%;
    margin: -6% 0;
  }
  .startpage .module.l5 .item:first-child .intro {
    display: none;
  }
  .startpage .module.l5 .item:first-child .info {
    height: 17px;
  }
}
@media screen and (min-width: 1024px) {
  .startpage .module.l5 .item:not(:first-child) h2 {
    overflow: hidden;
    height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
.startpage .module.l5 .item:not(:first-child) .image {
  position: relative;
  padding-top: 66.67%;
}
.startpage .module.l5 .item:not(:first-child) p.intro {
  display: none;
}
@media screen and (max-width: 1023px) {
  .startpage .module.l5.b .item.adColumn {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .startpage .module.l5.b .item:nth-child(1n+6) {
    display: none;
  }
}
.startpage .module.l2 .item {
  width: calc(25% - 16px);
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 1023px) {
  .startpage .module.l2 .item {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 767px) {
  .startpage .module.l2 .item {
    width: calc(100% - 16px);
  }
}
.startpage .module.l2 .item .image {
  position: relative;
  padding-top: 66.67%;
}
@media screen and (min-width: 1024px) {
  .startpage .module.l2 .item h2 {
    overflow: hidden;
    height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
.startpage .module.l2 .item p.intro {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .startpage .module.l2 .item:nth-child(n+5) {
    display: none;
  }
}
.startpage .module.l2.b .items, .startpage .module.l2.b .adItem {
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .startpage .module.l2.b .items {
    width: 76%;
  }
}
@media screen and (min-width: 1024px) {
  .startpage .module.l2.b .items .item {
    width: calc(33.33% - 16px);
  }
}
.startpage .module.l2.b .adItem {
  width: calc(24% - 2px);
  margin: 0 0 0 16px;
}
@media screen and (max-width: 1023px) {
  .startpage .module.l2.b .adItem {
    display: none;
  }
}
.startpage .module.l3 .item {
  width: calc(25% - 16px);
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 1023px) {
  .startpage .module.l3 .item {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 767px) {
  .startpage .module.l3 .item {
    width: calc(100% - 16px);
  }
}
.startpage .module.l3 .item .image {
  position: relative;
  padding-top: 150%;
}
.startpage .module.l3 .item p.intro {
  max-height: 100px;
  -webkit-line-clamp: 5;
}
@media screen and (max-width: 767px) {
  .startpage .module.l3 .item:nth-child(1n+5) {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .startpage .module.l3 .item:nth-child(1n+5) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .startpage .module.l3 .item:nth-child(5) {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .startpage .module.l3 .item.adColumn {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .startpage .module.l3 .item:not(:first-child) picture img {
    width: 100%;
    height: 150%;
    margin: -25% 0;
  }
}
.startpage .module.l4 .item {
  margin: 0 8px 32px;
  display: inline-block;
  width: calc(50% - 16px);
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .startpage .module.l4 .item {
    width: calc(100% - 16px);
    margin: 0 8px 24px;
  }
}
.startpage .module.l4 .item .buttonpusher {
  display: block;
}
.startpage .module.l4 .item .image {
  float: left;
  padding: 0 !important;
  width: 96px;
  height: 96px;
  margin: 0 16px 0 0;
  position: relative;
  background: #fff;
}
.startpage .module.l4 .item picture {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  width: 96px;
  height: 96px;
}
.startpage .module.l4 .item picture img {
  max-width: 80px;
  max-height: 80px;
  width: auto !important;
  height: auto !important;
  position: relative !important;
  padding: 0 !important;
}
.startpage .module.l4 .item .description {
  float: left;
  width: calc(100% - 96px - 16px);
  padding: 0;
}
.startpage .module.l4 .item .description p.itemtyp {
  margin: 0 0 6px;
}
.startpage .module.l4.b .item picture img {
  max-width: 144px;
  max-height: 96px;
  margin: 0 -24px;
}
.startpage .module.l4.b p.intro {
  display: none;
}
.startpage .module .items {
  margin: 0 -8px 0;
}
.startpage .module .item {
  position: relative;
  margin: 0 8px 32px;
  /* Mobile view */
}
@media screen and (max-width: 767px) {
  .startpage .module .item {
    margin: 0 8px 24px;
  }
}
.startpage .module .item h2 {
  font-size: 20px;
  line-height: 1.2em;
  margin: 0 0 6px;
}
@media screen and (max-width: 767px) {
  .startpage .module .item h2 {
    font-size: 16px;
    line-height: 19.2px;
  }
}
.startpage .module .item p.intro {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  max-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .startpage .module .item p.intro {
    display: none;
  }
}
.startpage .module .item .image picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.startpage .module .item .description {
  padding: 16px 0 0;
}
.startpage .module .item .info {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 16.8px;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 767px) {
  .startpage .module .item .info {
    font-size: 12px;
    line-height: 14.4px;
  }
}
.startpage .module .item .info time, .startpage .module .item .info span, .startpage .module .item .info a {
  color: rgba(0, 0, 0, 0.7);
}
.startpage .module .item .info time::after {
  content: " · ";
}
.startpage .module .item .info a {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .startpage .module .item:not(:first-child) .image {
    float: left;
    padding: 0 !important;
    width: 96px;
    height: 96px;
    margin: 0 16px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .startpage .module .item:not(:first-child) picture img {
    width: 150%;
    height: 100%;
    margin: 0 -25%;
  }
}
@media screen and (max-width: 767px) {
  .startpage .module .item:not(:first-child) .description {
    float: left;
    width: calc(100% - 96px - 16px);
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .startpage .module .item:not(:first-child) h2 {
    font-size: 16px;
    line-height: 19.2px;
  }
}
@media screen and (max-width: 767px) {
  .startpage .module .item:not(:first-child) .info {
    font-size: 12px;
    line-height: 14.4px;
  }
}
@media screen and (max-width: 767px) {
  .startpage .module .item:nth-child(n+6) {
    display: none;
  }
}
.startpage .module .header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin: 0 0 24px;
}
@media screen and (max-width: 767px) {
  .startpage .module .header {
    border: none;
    margin: 0;
  }
}
.startpage .module .header .title {
  float: left;
  margin: 0 24px 12px 0;
}
@media screen and (max-width: 767px) {
  .startpage .module .header .title {
    margin: 0 0 16px;
  }
}
.startpage .module .header .functions {
  margin: 4px 0 0;
  float: right;
}
.startpage .module .header .functions a.all {
  text-align: right;
  font-size: 14px;
}
.startpage .module a.all {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.startpage .module a.all:before {
  content: "\f00a";
  margin: 0 8px 0 0;
}

/* Horizontal Menu */
.horizontalMenu {
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
  position: relative;
  margin-top: -16px;
  margin-bottom: 36px;
}
@media screen and (max-width: 1023px) {
  .horizontalMenu {
    margin-left: -24px;
    margin-right: -24px;
    background: rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 767px) {
  .horizontalMenu {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 24px;
  }
}
.horizontalMenu::before, .horizontalMenu::after {
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  content: "";
  background: -moz-linear-gradient(left, rgb(237, 237, 237) 0%, rgba(237, 237, 237, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(237, 237, 237) 0%, rgba(237, 237, 237, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(237, 237, 237) 0%, rgba(237, 237, 237, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ededed", endColorstr="#00ededed",GradientType=1 ); /* IE6-9 */
}
@media screen and (max-width: 1023px) {
  .horizontalMenu::before, .horizontalMenu::after {
    width: 24px;
  }
}
@media screen and (max-width: 767px) {
  .horizontalMenu::before, .horizontalMenu::after {
    width: 16px;
  }
}
.horizontalMenu::before {
  left: 0;
}
.horizontalMenu::after {
  right: 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .horizontalMenu::after {
    width: 32px;
  }
}
.horizontalMenu .wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  display: block;
  white-space: nowrap;
}

nav#contentMenu {
  font-size: 0;
}
nav#contentMenu a {
  display: inline-block;
  margin-right: 24px;
  margin-bottom: -1px;
  padding: 10px 0 5px;
  font-size: 18px;
  line-height: 36px;
}
@media screen and (max-width: 767px) {
  nav#contentMenu a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1023px) {
  nav#contentMenu a:first-child {
    margin-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  nav#contentMenu a:first-child {
    margin-left: 16px;
  }
}
nav#contentMenu a:last-child {
  margin-right: 32px;
}
nav#contentMenu a.active {
  border-bottom: 5px solid;
}
nav#contentMenu a:hover {
  text-decoration: none;
}

div#contentSwitcher .hidden {
  display: none;
}

.filterButton {
  text-align: right;
  margin: -84px 0 48px;
}
@media screen and (max-width: 767px) {
  .filterButton {
    margin: 0 0 32px;
    display: block;
    text-align: unset;
  }
}
@media screen and (max-width: 767px) {
  .filterButton button {
    width: 100%;
  }
}

/* HEADER STYLING */
header, header a {
  color: #fff;
}

header {
  margin: 0 0 36px;
  background: #fff;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1000;
}
header.hidden {
  top: -153px;
}
@media screen and (max-width: 767px) {
  header.hidden {
    top: -100px;
  }
}
header + div:nth-of-type(1):not(.companyProfile), header + article:nth-of-type(1) {
  /* Robert Gray Border */
  background: rgba(0, 0, 0, 0.07);
  min-height: calc(100vh - 240px);
  /* End */
  padding-top: 153px;
  padding-bottom: 36px;
}
header + div:nth-of-type(1):not(.companyProfile) .center, header + article:nth-of-type(1) .center {
  background: #fff;
  padding-top: 24px;
}
@media screen and (max-width: 1218px) {
  header + div:nth-of-type(1):not(.companyProfile), header + article:nth-of-type(1) {
    padding: 0;
    margin-top: 129px;
    margin-bottom: 36px;
    background: #fff;
  }
}
@media screen and (max-width: 767px) {
  header + div:nth-of-type(1):not(.companyProfile), header + article:nth-of-type(1) {
    margin-top: 64px;
  }
}
header a, header a:hover, header a:visited {
  color: #fff;
  transition: opacity 0.2s;
}
header .titlebar {
  padding: 14px 0;
}
@media screen and (max-width: 767px) {
  header .titlebar {
    padding: 0;
  }
}
header .titlebar .title {
  float: left;
  margin: -1px -130px -2px 0;
  min-width: 400px;
}
@media screen and (max-width: 767px) {
  header .titlebar .title {
    min-width: 258px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  header .titlebar .title {
    transform: scale(0.7);
    transform-origin: 0;
  }
}
header .titlebar .title img {
  width: 42px;
  height: 42px;
  border: 1px solid #fff;
  border-radius: 4px;
  margin: 2px 12px 0 0;
  float: left;
}
@media screen and (max-width: 767px) {
  header .titlebar .title img {
    width: 28px;
    height: 28px;
    margin: 1px 8px 0 0;
  }
}
header .titlebar .title .h1 {
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  header .titlebar .title .h1 {
    font-size: 19px !important;
    line-height: 19px;
    display: block;
    padding: 18px 0;
  }
}
header .titlebar .title p.subline {
  font-size: 12px;
  margin: 0;
  text-transform: uppercase;
  line-height: 12px;
}
@media screen and (max-width: 767px) {
  header .titlebar .title p.subline {
    font-size: 9px;
    line-height: 9px;
    margin: 2px 0 0;
  }
}
header .titlebar .title a span {
  font-size: 11px;
  line-height: 22px;
  border-radius: 11px;
  padding: 0 4px;
  text-align: center;
  background: #fff;
  color: #005ca9;
  display: inline-block;
  font-weight: bold;
  position: relative;
  top: -7px;
  margin: 0 0 0 2px;
}
@media screen and (max-width: 767px) {
  header .titlebar .title a span {
    font-size: 8px;
    line-height: 13px;
    border-radius: 8px;
    padding: 1px 2px 0;
    top: -4px;
    font-size-adjust: 0.35;
  }
}
header .titlebar a {
  vertical-align: middle;
  margin: 0;
  text-decoration: none;
}
header .titlebar .functions {
  float: right;
  position: relative;
}
header .titlebar .functions button, header .titlebar .functions form {
  display: inline-block;
}
header .titlebar form.search {
  margin: 0 12px 0 0;
}
header .titlebar form.search input, header .titlebar form.search button {
  opacity: 0.9;
}
header .titlebar form.search input {
  width: 100px;
  transition: all 0.2s;
  border-color: #fff !important;
  border-radius: 4px 0 0 4px;
  background: #fff !important;
  color: #000 !important;
  vertical-align: top;
}
header .titlebar form.search input:focus {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  header .titlebar form.search input:focus {
    width: 220px;
  }
}
header .titlebar form.search button {
  border-radius: 0 4px 4px 0;
  margin: 0 !important;
}
header button#menutoggle {
  float: right;
  line-height: 62px;
  padding: 0 14px 0 14px;
  margin: 0 -16px 0 0;
}
header button#menutoggle i {
  margin: 0;
}
@media screen and (min-width: 768px) {
  header button#menutoggle {
    display: none;
  }
}

@media print {
  header {
    border-bottom: 1px solid #000;
  }
  header .functions, header #mainMenu, header #menutoggle {
    display: none;
  }
}
/* MAGAZINARCHIV */
.col-4 .item {
  display: inline-block;
  vertical-align: top;
  width: 20.5%;
  margin: 0 6% 48px 0;
}
.col-4 .item:nth-child(4n+4) {
  margin-right: 0;
}
@media screen and (max-width: 1023px) {
  .col-4 .item {
    width: 45%;
    margin-right: 10%;
  }
}
@media screen and (max-width: 1023px) {
  .col-4 .item:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .col-4 .item {
    margin-right: 0;
    width: 100%;
  }
}
.col-4 .item h3 {
  margin: 0 0 16px;
}
.col-4 .item img {
  width: 100%;
  height: auto;
}
.col-4 .item a.button.link {
  margin: 8px 16px 12px 0;
}
.col-4.magazinearchive img {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

/* MAGAZINARCHIV */
#scroll-top-link {
  position: fixed;
  bottom: 54px;
  right: 54px;
  width: 54px;
  height: 54px;
  z-index: 10000;
  border-radius: 4px;
  text-align: center;
  display: none;
}
#scroll-top-link i {
  font-size: 24px;
  line-height: 54px;
  color: #FFFFFF;
}
#scroll-top-link:hover {
  opacity: 0.9;
}

/* MENU STYLING PC */
/* nur für das ausschalten der Scrollbars wegen margin-5000
falls das Probleme mit sich bringt per JS lösen
*/
[canvas=container] {
  overflow-x: hidden;
}

#mainMenu {
  font-weight: bold;
  vertical-align: middle;
  /* Mainmenu Mobil verstecken damit die Höhenberechnungen per jQuery funktionieren */
}
@media screen and (max-width: 767px) {
  #mainMenu {
    position: absolute !important;
    display: none;
  }
}
#mainMenu .menubar {
  min-height: 44px;
}
#mainMenu nav.mainmenu ul, #mainMenu nav.mainmenu li {
  margin: 0;
  padding: 0;
}
#mainMenu nav.mainmenu ul, #mainMenu nav.mainmenu li a:hover {
  transition: all 0.2s;
}
#mainMenu nav.mainmenu > ul {
  font-size: 0;
}
#mainMenu nav.mainmenu > ul > li {
  font-size: 16px;
}
#mainMenu nav.mainmenu > ul > li:first-child > a {
  padding: 0 12px 0 0;
}
@media screen and (max-width: 1023px) {
  #mainMenu nav.mainmenu > ul > li:first-child > a {
    padding: 0 8px 0 0;
  }
}
#mainMenu nav.mainmenu > ul > li.point::before {
  content: "·";
  margin: 0 8px;
}
@media screen and (max-width: 1023px) {
  #mainMenu nav.mainmenu > ul > li.point::before {
    margin: 0 4px;
  }
}
#mainMenu nav.mainmenu > ul > li:hover > a {
  position: relative;
}
#mainMenu nav.mainmenu > ul > li:hover > a::before {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  bottom: -7px;
  left: calc(50% - 7px);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
#mainMenu nav.mainmenu > ul span {
  background: #fff;
  border-radius: 11px;
  font-size: 12px;
  line-height: 14px;
  padding: 2.5px 4px 3.5px;
  position: relative;
  top: -6px;
  min-width: 22px;
  text-align: center;
}
#mainMenu nav.mainmenu ul {
  position: relative;
}
#mainMenu nav.mainmenu ul:hover {
  visibility: visible;
  opacity: 1;
  /*display: block;*/
}
#mainMenu nav.mainmenu ul li {
  display: inline-block;
}
#mainMenu nav.mainmenu ul a {
  line-height: 44px;
  display: inline-block;
  padding: 0 12px;
  word-wrap: break-word;
}
@media screen and (max-width: 1023px) {
  #mainMenu nav.mainmenu ul a {
    padding: 0 8px;
  }
}
#mainMenu nav.mainmenu ul a:hover {
  color: rgba(255, 255, 255, 0.7);
}
#mainMenu nav.mainmenu ul a:hover + ul {
  visibility: visible;
  /*display: block;
  opacity: 0;*/
  opacity: 1;
}
#mainMenu nav.mainmenu ul ul {
  /*display: none;*/
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  min-height: 342px; /*Höhe der Anzeige + Padding */
  padding-top: 20px;
  padding-bottom: 22px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  margin: 0 -5000px;
  padding-left: 5000px;
  padding-right: 5000px;
}
#mainMenu nav.mainmenu ul ul#themen li:hover > a.hc::before {
  position: absolute;
  right: 16px;
  content: ">";
}
@media screen and (max-width: 1023px) {
  #mainMenu nav.mainmenu ul ul {
    margin: 0 -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 767px) {
  #mainMenu nav.mainmenu ul ul {
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
#mainMenu nav.mainmenu ul ul li {
  width: 240px;
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainMenu nav.mainmenu ul ul li {
    /*width: 220px;*/
  }
}
#mainMenu nav.mainmenu ul ul li:hover > a {
  position: relative;
  background: none;
}
#mainMenu nav.mainmenu ul ul a {
  font-size: 14px;
  color: #000;
  width: 200px;
  display: block;
  line-height: 1.2em;
  padding: 8px 40px 8px 0;
}
@media screen and (max-width: 1023px) {
  #mainMenu nav.mainmenu ul ul a {
    /*width: 180px;*/
  }
}
#mainMenu nav.mainmenu ul ul ul {
  width: 240px;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  /*display: none;*/
  position: absolute;
  left: 5240px;
  top: 0;
  margin: 20px 0 22px;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 1023px) {
  #mainMenu nav.mainmenu ul ul ul {
    /*width: 220px;*/
    left: 264px;
  }
}
@media screen and (max-width: 767px) {
  #mainMenu nav.mainmenu ul ul ul {
    left: 0;
  }
}
#mainMenu nav.mainmenu ul ul ul li:hover > a::before {
  opacity: 1;
  visibility: visible;
}
#mainMenu nav.mainmenu ul ul ul a {
  padding: 8px 16px 8px 16px;
  font-size: 14px;
  width: 208px;
}
#mainMenu nav.mainmenu ul ul ul a.hc {
  padding-right: 28px;
  width: 196px;
}
#mainMenu nav.mainmenu ul ul ul ul {
  position: absolute;
  margin: 0;
  left: 240px;
}
#mainMenu nav.mainmenu li.menuAdcontainer {
  width: 300px;
  position: absolute;
  top: 32px;
  right: 5000px;
  color: rgba(0, 0, 0, 0.3);
  text-align: center;
  font-size: 12px;
  margin: 0;
}
#mainMenu nav.mainmenu li.menuAdcontainer a {
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 1218px) {
  #mainMenu nav.mainmenu li.menuAdcontainer {
    width: 240px;
  }
}
#mainMenu nav.mainmenu li.menuAdcontainer:hover a::before {
  content: "";
}
@media screen and (max-width: 1218px) {
  #mainMenu nav.mainmenu li.menuAdcontainer img {
    width: 240px;
    height: auto;
  }
}
@media screen and (max-width: 1023px) {
  #mainMenu nav.mainmenu li.menuAdcontainer {
    display: none;
  }
}
#mainMenu nav.mainmenu li.nochilds:hover a::before {
  left: -10000px;
}
#mainMenu nav.mainmenu li.image ul {
  min-height: auto;
  height: auto !important;
}
#mainMenu nav.mainmenu li.image li {
  width: calc(25% - 24px);
  margin: 0 24px 24px 0;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 1023px) {
  #mainMenu nav.mainmenu li.image li {
    width: calc(33.33% - 24px);
  }
}
#mainMenu nav.mainmenu li.image li:hover a::before {
  content: "";
}
#mainMenu nav.mainmenu li.image li img {
  width: 100%;
  height: auto;
  padding: 0 0 12px;
}
#mainMenu nav.mainmenu li.image li a {
  font-size: 14px;
  padding: 8px 0;
  margin: 0;
  width: 100%;
}
#mainMenu nav.mainmenu li.text:hover a::before {
  content: "";
}
#mainMenu nav.mainmenu li.text:hover ul ul {
  visibility: visible;
  opacity: 1;
}
#mainMenu nav.mainmenu li.text .cell {
  width: calc(25% - 20px);
  margin: 0 16px 0 0;
  display: inline-block;
  vertical-align: top;
}
#mainMenu nav.mainmenu li.text .cell ul, #mainMenu nav.mainmenu li.text .cell li, #mainMenu nav.mainmenu li.text .cell a {
  width: 100% !important;
}
#mainMenu nav.mainmenu li.text ul {
  min-height: 256px;
  height: auto !important;
}
#mainMenu nav.mainmenu li.text ul ul {
  width: 100%;
  border-left: none;
  position: unset;
  left: 0px;
  top: 0px;
  margin: 0 0 24px;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  float: left;
}
#mainMenu nav.mainmenu li.text ul ul a {
  padding-left: 0;
  padding-right: 0;
}

/* MENU STYLING Mobile */
#mobilemenu {
  z-index: 999999;
  width: calc(100% - 64px);
  max-width: 348px;
  padding: 24px;
  -webkit-box-shadow: 0px 0px 100px 0px rgb(0, 0, 0);
  -moz-box-shadow: 0px 0px 100px 0px rgb(0, 0, 0);
  box-shadow: 0px 0px 100px 0px rgb(0, 0, 0);
  color: #fff;
}
#mobilemenu a {
  word-break: break-word;
}
#mobilemenu li.menuAdcontainer {
  display: none;
}
#mobilemenu .functions {
  margin: 0 0 24px;
  padding: 0 0 24px;
}
#mobilemenu .functions form.search {
  width: 100%;
  font-size: 0;
}
#mobilemenu .functions form.search button {
  opacity: 0.9;
  margin: 0 !important;
  border-radius: 0 4px 4px 0;
}
#mobilemenu .functions form.search input {
  width: calc(100% - 90px);
  border-color: #fff !important;
  border-radius: 4px 0 0 4px;
  vertical-align: top;
}
#mobilemenu .functions a.button.login {
  margin: 0 0 16px;
  width: calc(100% - 30px);
  text-align: center;
}
#mobilemenu .menu {
  margin: 0 0 32px;
}
#mobilemenu .menu li {
  position: relative;
}
#mobilemenu .menu li span {
  font-size: 12px;
  line-height: 27px;
  background: #fff;
  padding: 1.5px 4px 2.5px;
  border-radius: 11px;
  position: relative;
  top: -4px;
}
#mobilemenu .menu a.menutoggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  padding: 0 !important;
  text-align: center;
  font-size: 24px;
  line-height: 48px;
  transition: transform 0.5s;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#mobilemenu .menu a.menutoggle.open {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#mobilemenu .menu ul ul a.menutoggle {
  font-size: 18px;
  line-height: 39px;
}
#mobilemenu .menu ul:first-child {
  border-top: 1px solid #fff;
}
#mobilemenu .menu ul:first-child li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 48px;
  border-bottom: 1px solid #fff;
}
#mobilemenu .menu ul:first-child li a, #mobilemenu .menu ul:first-child li a:hover, #mobilemenu .menu ul:first-child li a:visited {
  color: #fff;
  display: block;
}
#mobilemenu .menu ul:first-child li ul {
  display: none;
  margin: 0 0 16px;
}
#mobilemenu .menu ul:first-child li ul li {
  font-size: 16px;
  text-transform: none;
  line-height: 19px;
  border: none;
}
#mobilemenu .menu ul:first-child li ul li a.hc {
  padding: 10px 32px 10px 0;
}
#mobilemenu .menu ul:first-child li ul li a {
  padding: 10px 0 10px 0;
}
#mobilemenu .menu ul:first-child li ul ul {
  margin: 0 0 16px 16px;
}

/* FOOTER STYLING */
footer {
  color: #FFF !important;
  background-color: #000;
  position: relative;
}
footer .abo {
  padding: 64px 0; /*mit Bild 96px 0*/
}
footer h4 {
  margin: 0 0 8px;
}
footer h3 {
  margin: 0 0 24px;
}
footer .buttons {
  margin: 0 0 -16px;
  font-size: 0;
}
footer .buttons a {
  display: inline-block;
  margin: 0 16px 16px 0;
}
footer .menu {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
footer .menu .links {
  float: left;
  padding: 12px 0 0;
}
footer .menu a {
  line-height: 24px;
  color: #fff;
  display: inline-block;
}
footer .menu a:hover {
  text-decoration: underline;
}
footer .sm {
  float: right;
  padding: 10px 0;
  margin: 0 -2px 0 0;
}
footer .sm a {
  line-height: 28px;
  font-size: 28px;
  padding: 2px;
}

/* FILTER STYLING */
.secondary {
  display: none;
}

#filter {
  z-index: 9999999;
  width: 300px;
  padding: 32px;
  -webkit-box-shadow: 0px 0px 100px 0px rgb(0, 0, 0);
  -moz-box-shadow: 0px 0px 100px 0px rgb(0, 0, 0);
  box-shadow: 0px 0px 100px 0px rgb(0, 0, 0);
}
#filter .header {
  margin: 0 0 24px;
}
#filter .header h3 {
  float: left;
}
#filter .header button {
  margin-top: -2px;
  float: right;
  padding: 0;
  line-height: 32px;
  background: none;
  border: none;
}
@media screen and (max-width: 767px) {
  #filter .header button {
    margin-top: -7px;
  }
}
#filter .header button i {
  font-size: 32px;
}
#filter .filterAccordion h4 {
  font-size: 14px;
  line-height: 18px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding: 16px 0;
  cursor: pointer;
}
#filter .filterAccordion h4 i {
  font-size: 18px;
  transition: transform 0.5s;
  float: right;
  color: rgba(0, 0, 0, 0.3);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 2px;
  position: relative;
}
#filter .filterAccordion h4.open i {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 0;
}
#filter .filterAccordion .content {
  padding: 0 0 14px;
}
#filter .filterAccordion .content.hidden {
  display: none;
}
#filter .filterAccordion .content .secondary {
  display: none;
}
#filter .filterAccordion .content a.showAll {
  font-size: 12px;
  padding: 8px 0 0;
  display: block;
}
#filter .filterAccordion .content input {
  margin: 0 0 16px;
}
#filter .filterAccordion .content .switch input[type=checkbox] {
  display: none;
}
#filter .filterAccordion .content .switch input[type=checkbox] + label {
  font-size: 12px;
  line-height: 14px;
  padding: 10px 0;
  cursor: pointer;
  display: inline-flex;
  margin: 0;
  width: 100%;
}
#filter .filterAccordion .content .switch input[type=checkbox] + label:before {
  float: none;
  margin-bottom: 0;
}
#filter .footer {
  margin: 24px 0 32px;
  text-align: center;
}
#filter .footer #filterReset i {
  font-size: 12px;
  top: 0;
}

/* MESSAGES STYLING */
#messageOverlay {
  z-index: 999999;
  color: #fff;
  min-height: 52px;
  width: 343px;
  left: 16px;
  background: none;
}
#messageOverlay p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 4px;
}

/* Login Modal Styling */
#login form {
  margin: 0 0 32px;
  display: block;
}
#login form .element {
  margin: 0 0 16px;
  text-align: center;
}
#login h1 {
  margin: 0 0 24px;
}
#login h2 {
  margin: 0 0 16px;
}
#login p {
  margin: 0 0 24px;
}
#login button, #login a.button {
  padding: 0;
  margin: 0 0 8px;
  width: 100%;
  text-align: center;
}
#login a.button.link {
  color: #fff;
}
#login input[type=checkbox] + label {
  color: #fff !important;
}
#login input[type=checkbox] + label:before {
  float: none;
}

/* User Styling */
.watchlist .textColumn .textColumn, .subscriptions .textColumn .textColumn {
  width: 100%;
}

.subscriptions .box i {
  margin: 0 4px 0 0;
}
.subscriptions .box h2 {
  margin: 0 !important;
}
.subscriptions .box h2 span {
  color: #fff !important;
  display: inside-block;
  font-size: 14px;
  padding: 1px 6px;
  border-radius: 12px;
  vertical-align: top;
}
.subscriptions a.all {
  color: #fff !important;
  margin: 0 0 32px;
}
.subscriptions a.all:before {
  content: "\f00a";
  margin: 0 8px 0 0;
}

a.profilepic, div.profilepic {
  width: 42px;
  height: 42px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #fff;
  overflow: hidden;
  font-size: 18px;
  line-height: 44px;
  display: inline-block;
  padding: 0;
  background: #fff;
}
a.profilepic img, div.profilepic img {
  width: 42px;
  height: 42px;
}

.userMenu .profile {
  font-size: 0;
}
.userMenu .profile .profilepic, .userMenu .profile .name {
  display: inline-block;
  vertical-align: middle;
}
.userMenu .profile .name {
  margin: 0 0 0 16px;
}

.user .adColumn {
  float: left;
  margin: 0 32px 0 0;
}
.user .textColumn {
  float: right;
}
.user .userMenu .profile {
  text-align: center;
  margin: 0 0 32px;
}
.user .userMenu .profile .profilepic, .user .userMenu .profile .name {
  display: block;
  vertical-align: none;
}
.user .userMenu .profile .profilepic {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  overflow: hidden;
  line-height: 96px;
  font-size: 32px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  margin: 0 auto 16px;
}
.user .userMenu .profile .profilepic img {
  width: 94px;
  height: 94px;
}
.user .userMenu .profile .name {
  margin: 0;
}
.user .userMenu ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  list-style: none;
  padding: 16px 0 0;
  margin: 0 0 24px;
}
.user .userMenu ul li.border {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  margin: 16px 0 0;
  padding: 16px 0 0;
}
.user .userMenu ul li a {
  display: block;
  padding: 8px 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
}
.user .userMenu ul li a i {
  position: relative;
  top: 2px;
  font-size: 20px;
  width: 32px;
}
.user .userMenu ul ul {
  border-top: none !important;
  padding: 0;
  margin: 0 0 0 32px;
}
.user .userMenu ul ul li a {
  text-transform: none;
}
.user .userMenu ul ul li a span {
  display: inline-block;
  color: #fff;
  padding: 0 6px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 20px;
}
.user .userMenu .secondary {
  display: none;
}

header .userMenu {
  display: none;
  position: absolute;
  top: 52px;
  right: 0;
  width: 320px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
  z-index: 99999;
  border-radius: 4px;
  overflow: hidden;
}
header .userMenu.show {
  display: block;
}
header .userMenu .profile {
  padding: 16px;
  color: #000;
}
header .userMenu .profile .profilepic {
  border: 1px solid rgba(0, 0, 0, 0.07);
}
header .userMenu .profile h2 {
  font-size: 14px;
}
header .userMenu ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
header .userMenu ul li {
  list-style: none;
}
header .userMenu ul li a {
  font-size: 14px;
  line-height: 48px;
  padding: 0 16px;
  display: block;
  color: rgba(0, 0, 0, 0.8);
}
header .userMenu ul li a i {
  font-size: 18px;
  margin: 0 12px 0 0;
  position: relative;
  top: 1px;
  width: 21px;
  text-align: center;
}
header .userMenu ul li a:hover {
  color: #fff;
}
header .userMenu ul li.border {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
header .userMenu ul ul {
  display: none;
  border: none;
  margin-left: 33px;
}
header .userMenu ul ul a {
  margin-left: -33px;
  padding-left: 49px;
}
header .userMenu ul ul a span {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #fff !important;
  padding: 0 6px;
  border-radius: 10px;
}
header .userMenu ul ul a:hover span {
  background: #fff;
  color: #000 !important;
}

#mobilemenu .userMenu .profile {
  margin: 0 0 16px;
  cursor: pointer;
}
#mobilemenu .userMenu .profile .name {
  margin: 0 16px;
  width: calc(100% - 108px);
}
#mobilemenu .userMenu .profile .name h2 {
  font-size: 14px;
  line-height: 16.8px;
}
#mobilemenu .userMenu .profile .toggle {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  text-align: center;
  font-size: 24px;
  line-height: 44px;
  transition: transform 0.5s;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#mobilemenu .userMenu .profile .toggle.open {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#mobilemenu .userMenu ul {
  margin: 0 0 24px;
  padding: 0 0 16px;
  border-bottom: 1px solid #fff;
}
#mobilemenu .userMenu ul li {
  list-style: none;
  font-size: 16px;
  text-transform: none;
  line-height: 19px;
}
#mobilemenu .userMenu ul li.border {
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid #fff;
}
#mobilemenu .userMenu ul li a {
  color: #fff;
  padding: 10px 0;
  display: block;
}
#mobilemenu .userMenu ul li a i {
  font-size: 18px;
  line-height: 19px;
  width: 26px;
  position: relative;
  top: 1px;
  margin: 0 4px 0 0;
}
#mobilemenu .userMenu ul ul {
  display: none;
  border: none;
  margin: 0 0 0 28px;
  padding: 0;
}
#mobilemenu .userMenu ul ul li a span {
  background: #fff;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 10px;
}

/* User Form Styling */
.user.recover button[type=submit] {
  margin-bottom: 12px;
}
.user form {
  width: 100%;
}
.user.login button[type=submit] {
  margin: 12px 16px 16px 0;
}
.user.magazines .image {
  position: relative;
  vertical-align: middle;
  display: table-cell;
  width: 104px;
}
.user.magazines .image picture:after {
  content: none;
}
@media screen and (max-width: 767px) {
  .user.magazines .image {
    width: 80px;
  }
}
.user.magazines .image img {
  margin: 0 24px 0 0;
  width: 80px;
  height: auto;
  float: left;
}
@media screen and (max-width: 767px) {
  .user.magazines .image img {
    margin: 0 16px 0 0;
    width: 64px;
  }
}
.user.magazines .description p {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 20px;
}
.user.magazines .switch label {
  float: right;
}
@media screen and (min-width: 768px) {
  .user.register {
    margin: 0 -24px;
  }
}
@media screen and (min-width: 768px) {
  .user.register .half {
    width: calc(50% - 48px);
    margin: 0 24px;
    float: left;
  }
}
.user.register .box {
  margin: 0 0 24px;
}
@media screen and (max-width: 767px) {
  .user.register .box {
    margin-top: 32px;
  }
}
.user.register .box.vorteile h2 {
  margin: 0 0 16px;
}
.user.register .box.vorteile .group {
  margin: 14px 0 0;
  display: inline-block;
}
.user.register .box.vorteile .group i {
  font-size: 28px;
}
.user.register .box.vorteile .group div {
  display: table-cell;
  vertical-align: top;
}
.user.register .box.vorteile .group div:first-child {
  width: 42px;
}

#aboSelector {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
#aboSelector input {
  display: none !important;
}
#aboSelector label {
  margin: 0;
}
#aboSelector h4 {
  font-size: 14px;
  line-height: 17px;
  padding: 8px 0;
  cursor: pointer;
}
#aboSelector ul, #aboSelector li {
  list-style: none;
  display: block;
}
#aboSelector ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 8px 0;
}
#aboSelector li {
  position: relative;
}
#aboSelector ul ul {
  display: none;
  margin: 0 0 0 16px;
}
#aboSelector ul ul li {
  border: none;
  padding: 0;
}
#aboSelector a.abotoggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 37px;
  padding: 0 !important;
  text-align: center;
  font-size: 24px;
  line-height: 49px;
  transition: transform 0.5s;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: rgba(0, 0, 0, 0.3);
}
#aboSelector a.abotoggle.open {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#aboSelector ul ul a.abotoggle {
  font-size: 18px;
  line-height: 37px;
}

/* promoBanner */
.promoBanner .center {
  background: none !important;
  margin-bottom: 26px;
  margin-top: -12px;
  padding: 0 24px !important;
}
@media screen and (max-width: 1218px) {
  .promoBanner .center {
    margin-bottom: 0;
    margin-top: -24px;
    padding-top: 36px !important;
  }
}
@media screen and (max-width: 767px) {
  .promoBanner .center {
    margin-top: -12px;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.promoBanner .bannerContent {
  position: relative;
  border-radius: 8px;
  width: 100%;
  display: table;
}
.promoBanner .bannerContent .image {
  border-radius: 8px 0 0 8px;
  background-size: cover;
  background-position: center;
  width: 33%;
  height: 100px;
  display: table-cell;
}
@media screen and (max-width: 480px) {
  .promoBanner .bannerContent .image {
    display: inline-table;
    width: 100%;
    border-radius: 8px 8px 0 0;
  }
}
.promoBanner .bannerContent .text {
  display: inline-table;
  width: 65%;
}
@media screen and (max-width: 767px) {
  .promoBanner .bannerContent .text {
    width: 100%;
  }
}
.promoBanner .bannerContent .text h2 {
  padding: 24px 32px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .promoBanner .bannerContent .text h2 {
    padding: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .promoBanner .bannerContent .text h2 br {
    display: none;
  }
}
.promoBanner .bannerContent .text span {
  font-weight: 700;
  text-decoration: underline;
}
.promoBanner .bannerContent div.button {
  text-align: right;
  width: 35%;
  display: inline-table;
}
@media screen and (max-width: 767px) {
  .promoBanner .bannerContent div.button {
    width: 100%;
    text-align: left;
  }
}
.promoBanner .bannerContent a.button {
  margin: 24px 32px 24px 0;
}
@media screen and (max-width: 767px) {
  .promoBanner .bannerContent a.button {
    margin: 0 24px 24px 24px;
  }
}
.promoBanner .bannerContent > * {
  vertical-align: middle;
}
.promoBanner .bannerContent .close {
  position: absolute;
  right: -14px;
  top: -14px;
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  line-height: 26px;
  font-size: 18px;
  font-weight: 700;
}
.promoBanner .bannerContent .close:hover {
  opacity: 0.9;
}

/* PLAYGROUND: Effekte, usw. */
.item .image {
  overflow: hidden;
}

body.m .item img {
  transition: -webkit-transform 0.5s;
}
body.m .item h2 {
  transition: color 0.2s;
}
body.m .item:hover .image img {
  -webkit-transform: scale(1.1, 1.1);
}

/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */
/**
 * Box Model, Html & Body
 */
html, body, [canvas=container], [off-canvas] {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/** Steve - overflow: hidden; entfernt */
html, body {
  width: 100%;
  height: 100%;
}

/**
 * Canvas
 */
[canvas] {
  z-index: 10000;
}

[canvas=container] {
  /* STEVES width: 100%;
  height: 100%;
   overflow-y: auto; */
  position: relative;
  background-color: #fff;
  -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[canvas=container]:before, [canvas=container]:after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Off-Canavs
 */
[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  background-color: #fff;
  -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[off-canvas*=top] {
  width: 100%;
  top: 0;
}

[off-canvas*=right] {
  width: 255px;
  height: 100%;
  top: 0;
  right: 0;
}

[off-canvas*=bottom] {
  width: 100%;
  bottom: 0;
}

[off-canvas*=left] {
  height: 100%;
  top: 0;
  left: 0;
}

[off-canvas*=reveal] {
  z-index: 0;
}

[off-canvas*=push] {
  z-index: 1;
}

[off-canvas*=overlay] {
  z-index: 9999;
}

[off-canvas*=shift] {
  z-index: 0;
}

/**
 * Animation @STEVES FIX [canvas] beim ersten entfernt
 */
[off-canvas] {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
  -webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
}

[off-canvas*=shift][off-canvas*=top] {
  -webkit-transform: translate(0px, 50%);
  transform: translate(0px, 50%);
}

[off-canvas*=shift][off-canvas*=right] {
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

[off-canvas*=shift][off-canvas*=bottom] {
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

[off-canvas*=shift][off-canvas*=left] {
  -webkit-transform: translate(50%, 0px);
  transform: translate(50%, 0px);
}

/**
 * Print
 */
@media print {
  html, body {
    width: auto;
    height: auto;
    overflow: visible;
  }
  /*
  [canvas] {
    -webkit-transform: translate( 0px, 0px ) !important;
    -ms-transform: translate( 0px, 0px ) !important;
    transform: translate( 0px, 0px ) !important;
  }
  */
  [off-canvas] {
    display: none !important;
  }
}
/*!
 * jQuery Modal
 * Version: 0.9.2
 * https://github.com/kylefox/jquery-modal
 */
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 999999;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
}

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

.blocker.behind {
  background-color: transparent;
}

.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 24px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/** Overrides
.blocker {
  background-color: rgba(255,255,255,1);
  padding: 0;
}*/
.blocker {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 0;
}

.modal {
  padding: 24px 24px 32px;
  box-shadow: none;
  width: 100%;
  color: #fff;
  background: none;
  max-width: 420px;
}

/**
 * Swiper 5.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 8, 2020
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 999;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color:#ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Overrides */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0px;
}

/* Dark-Mode on */
body.dm {
  color: rgba(255, 255, 255, 0.9);
  background: #000;
}
body.dm .box.contact .logo {
  mix-blend-mode: unset;
}
body.dm [canvas=container] {
  background: rgb(25, 25, 25);
}
body.dm h1, body.dm h2, body.dm h3, body.dm h4, body.dm p, body.dm a, body.dm label, body.dm #mainMenu nav.mainmenu ul ul a, body.dm button.link, body.dm a.button.link, body.dm .box.video h4 a, body.dm .box.video h4 a:hover, body.dm button.outline, body.dm a.button.outline, body.dm header .userMenu ul li a, body.dm .companyProfile .profile, body.dm .companyProfile .profile a {
  color: rgba(255, 255, 255, 0.9);
}
body.dm .promoBanner .close, body.dm .startpage h2, body.dm .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector select {
  color: rgba(255, 255, 255, 0.9) !important;
}
body.dm header + div:nth-of-type(1):not(.companyProfile), body.dm header + article:nth-of-type(1), body.dm .companyProfile .content, body.dm .promoBanner .close {
  background: #000;
}
@media screen and (max-width: 1218px) {
  body.dm header + div:nth-of-type(1):not(.companyProfile), body.dm header + article:nth-of-type(1), body.dm .companyProfile .content, body.dm .promoBanner .close {
    background: rgb(25, 25, 25);
  }
}
body.dm header + div:nth-of-type(1):not(.companyProfile) .center, body.dm header + article:nth-of-type(1) .center, body.dm .companyProfile .content .center, body.dm .promoBanner .close .center {
  background: rgb(25, 25, 25);
}
body.dm .startpage .module .item .info time, body.dm .startpage .module .item .info span, body.dm .startpage .module .item .info a, body.dm article p.metadata, body.dm article p.metadata a, body.dm .itemList .item .description .info, body.dm .itemList .item .description .info time, body.dm .itemList .item .description .info span, body.dm .itemList .item .description .info a, body.dm .startpage .module .item .info, body.dm .startpage .module .item .info a {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dm #aboSelector {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
body.dm .promoBanner .close {
  border-color: #fff;
}
body.dm #aboSelector ul li, body.dm form .element.border, body.dm h2.more, body.dm .startpage .module .header, body.dm .box, body.dm .itemList .header, body.dm #mainMenu nav.mainmenu ul ul ul, body.dm header .userMenu ul, body.dm header .userMenu ul li.border, body.dm article p.imageCaption, body.dm #filter .filterAccordion h4 {
  border-color: rgba(255, 255, 255, 0.3);
}
body.dm .horizontalMenu {
  border-color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 1023px) {
  body.dm .horizontalMenu {
    background: rgba(255, 255, 255, 0.07);
  }
}
body.dm .horizontalMenu::before, body.dm .horizontalMenu::after {
  background: -moz-linear-gradient(left, rgb(40, 40, 40) 0%, rgba(40, 40, 40, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(40, 40, 40) 0%, rgba(40, 40, 40, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(40, 40, 40) 0%, rgba(40, 40, 40, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#282828", endColorstr="#00282828", GradientType=1); /* IE6-9 */
}
body.dm .ad img, body.dm .startpage .item .image, body.dm .box.statement p, body.dm .box.gray, body.dm .itemList .item .image, body.dm article .imageContainer picture img, body.dm article .videoPlayer, body.dm .item .image.gray, body.dm article .videoPlayer {
  background: rgba(255, 255, 255, 0.07);
}
body.dm .item .image.gray {
  background: rgba(255, 255, 255, 0.07) !important;
}
body.dm .companyProfile .banner, body.dm .box.statement .img {
  background-color: rgba(255, 255, 255, 0.07);
}
body.dm button.outline, body.dm a.button.outline {
  border-color: rgba(255, 255, 255, 0.9);
}
body.dm #aboSelector a.abotoggle, body.dm .breadcrumbs, body.dm .breadcrumbs a, body.dm #filter .filterAccordion h4 i, body.dm .ad p, body.dm #spinner:before, body.dm .loader:before, body.dm .item .placeholder::before, body.dm .itemList .filters p, body.dm .itemList .filters a.button {
  color: rgba(255, 255, 255, 0.3);
}
body.dm .dropdown button.options {
  color: rgba(255, 255, 255, 0.5) !important;
}
body.dm .startpage .dropdown button.options {
  background: rgba(0, 0, 0, 0.6);
}
body.dm.m .dropdown button.options:hover {
  background: rgb(25, 25, 25);
  text-shadow: none;
  color: rgba(255, 255, 255, 0.5) !important;
}
body.dm #mainMenu nav.mainmenu > ul > li:hover > a::before, body.dm #mainMenu nav.mainmenu ul ul, body.dm header .userMenu, body.dm [off-canvas] {
  background: #222;
}
body.dm .itemList.companies .item .image {
  background: #fff;
}
body.dm .dropdown button.options {
  opacity: 1;
}
body.dm .swiper-pagination-bullet, body.dm input {
  background: rgba(255, 255, 255, 0.9);
}
body.dm h3.more, body.dm .h3.more {
  border-color: rgba(255, 255, 255, 0.3);
}
body.dm select, body.dm input {
  border-color: rgb(153, 153, 153);
  background-color: rgb(25, 25, 25);
  color: rgba(255, 255, 255, 0.9);
}
body.dm select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#FFF" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
}
body.dm input:disabled {
  background: rgba(255, 255, 255, 0.3);
}
body.dm .user .userMenu ul, body.dm .user .userMenu li.border {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
body.dm .cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent + label {
  color: #000;
}

/*
	jQuery Touch Optimized Sliders "R"Us
	Core CSS
*/
.tos-noanimation {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}

.tos-fastanimation {
  -webkit-transition-duration: 0.2s !important;
  -moz-transition-duration: 0.2s !important;
  -ms-transition-duration: 0.2s !important;
  -o-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-timing-function: ease-out !important;
  -moz-transition-timing-function: ease-out !important;
  -ms-transition-timing-function: ease-out !important;
  -o-transition-timing-function: ease-out !important;
  transition-timing-function: ease-out !important;
}

.tos-wrapper {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.tos-wrapper.tos-opened {
  display: block;
}

.tos-wrapper.tos-opening {
  opacity: 1;
}

.tos-wrapper.tos-fixed {
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.tos-wrapper.tos-inline {
  position: relative;
}

.tos-slider {
  white-space: nowrap;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}

.tos-wrapper.tos-fx-slide .tos-slider {
  left: 0;
  -webkit-transition: left 0.4s ease;
  -moz-transition: left 0.4s ease;
  -ms-transition: left 0.4s ease;
  -o-transition: left 0.4s ease;
  transition: left 0.4s ease;
}

.tos-wrapper.tos-fx-slide.tos-fixed .tos-slider {
  position: absolute;
}

.tos-wrapper.tos-fx-fade .tos-slider {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.tos-uibg {
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 0;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.tos-desktop .tos-wrapper:hover .tos-uibg, .tos-touch .tos-wrapper.tos-hover .tos-uibg {
  opacity: 1;
}

.tos-slide {
  -webkit-overflow-scrolling: touch;
  line-height: 1px;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.tos-slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.tos-slide.tos-loading > * {
  opacity: 0;
}

.tos-slide > * {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.tos-slide > * {
  vertical-align: middle;
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.tos-slide.tos-html > div {
  -webkit-overflow-scrolling: touch;
  white-space: normal;
  text-align: left;
  line-height: 1.5;
}

.tos-slide.tos-html > div * {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

.tos-wrapper.tos-fill .tos-slide.tos-image > img {
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
}

.tos-wrapper.tos-fixed .tos-slide.tos-html > div {
  background-color: white;
  color: #333333;
  box-sizing: border-box;
  display: inline-block;
  padding: 40px;
  overflow: auto;
}

.tos-desktop .tos-wrapper.tos-fixed {
  background-color: rgba(0, 0, 0, 0.95);
}

.tos-desktop .tos-wrapper.tos-fixed.tos-fit .tos-slide {
  padding: 20px;
}

/*
	jQuery Touch Optimized Sliders "R"Us
	Buttons addon
*/
.tos-prev, .tos-next, .tos-close {
  opacity: 0.9;
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  z-index: 10000;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.tos-prev:hover, .tos-next:hover, .tos-close:hover {
  opacity: 1;
}

.tos-prev, .tos-next {
  margin-top: -32px;
  top: 50%;
  z-index: 99999;
}

.tos-prev.tos-disabled, .tos-next.tos-disabled {
  cursor: default;
}

.tos-loading, .tos-prev, .tos-next, .tos-close {
  font-size: 32px;
  line-height: 64px;
  text-align: center;
  color: #fff !important;
}

.tos-loading:after {
  position: absolute;
  content: "\f110";
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  height: 64px;
  width: 64px;
  left: 50%;
  top: 50%;
  margin: -32px;
}

.tos-prev {
  left: 0;
}
.tos-prev:before {
  content: "\f053";
}

.tos-next {
  right: 0;
}
.tos-next:before {
  content: "\f054";
}

.tos-close {
  top: 0px;
  right: 0px;
}
.tos-close:before {
  content: "\f00d";
}

.tos-desktop .tos-wrapper:hover .tos-prev.tos-disabled, .tos-desktop .tos-wrapper:hover .tos-next.tos-disabled, .tos-desktop .tos-wrapper:hover .tos-close.tos-disabled, .tos-touch .tos-wrapper.tos-hover .tos-prev.tos-disabled, .tos-touch .tos-wrapper.tos-hover .tos-next.tos-disabled, .tos-touch .tos-wrapper.tos-hover .tos-close.tos-disabled {
  opacity: 0.2;
}

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-prev .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-next .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide {
  padding-left: 80px;
  padding-right: 80px;
}

.tos-inline {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  display: inline-block;
  margin: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

.tos-inline.tos-prev {
  margin-right: -60px;
}

.tos-inline.tos-next {
  margin-left: -60px;
}

.tos-loading .tos-inline {
  opacity: 0 !important;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev, .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next, .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close {
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

/*
	jQuery Touch Optimized Sliders "R"Us
	Caption addon
*/
.tos-caption {
  color: white;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.tos-caption p {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 16px;
}

.tos-caption:after {
  content: "";
  display: block;
  clear: both;
}

.tos-caption > div {
  box-sizing: border-box;
  padding: 0 20px;
  float: left;
}

.tos-caption > div:last-child {
  float: right;
  margin-right: -2px;
}

.tos-desktop .tos-wrapper:hover .tos-caption, .tos-touch .tos-wrapper.tos-hover .tos-caption {
  opacity: 1;
}

.tos-wrapper .tos-caption {
  line-height: 22px;
  font-size: 16px;
  text-shadow: 0 0 4px #000;
  bottom: 20px;
}
@media screen and (max-width: 767px) {
  .tos-wrapper .tos-caption {
    line-height: 20px;
    font-size: 14px;
  }
}

.tos-wrapper.tos-has-caption .tos-uibg {
  height: 100px;
}

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-caption .tos-slide {
  padding-bottom: 60px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-caption {
  line-height: 40px;
  font-size: 30px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  bottom: 40px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg {
  height: 200px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-caption {
  line-height: 60px;
  font-size: 45px;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.8);
  bottom: 60px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg {
  height: 300px;
}

/*
	jQuery Touch Optimized Sliders "R"Us
	Drag addon
*/
.tos-wrapper.tos-fx-slide .tos-slider {
  -webkit-transition-property: left, margin;
  -moz-transition-property: left, margin;
  -ms-transition-property: left, margin;
  -o-transition-property: left, margin;
  transition-property: left, margin;
}

/*
	jQuery Touch Optimized Sliders "R"Us
	Pagination addon
*/
.tos-pagination {
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.tos-pagination a {
  display: inline-block;
}

.tos-pagination.tos-bullets a {
  background-color: #808080;
}

.tos-pagination.tos-bullets a:hover {
  background-color: #CCCCCC;
}

.tos-pagination.tos-bullets a.tos-selected {
  background-color: #FFFFFF;
}

.tos-desktop .tos-wrapper:hover .tos-pagination, .tos-touch .tos-wrapper.tos-hover .tos-pagination {
  opacity: 1;
}

.tos-wrapper .tos-pagination {
  padding: 0 0 20px 0;
}

.tos-wrapper.tos-has-bullets .tos-pagination {
  height: 10px;
}

.tos-wrapper.tos-has-bullets .tos-pagination a {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 32px;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}

.tos-wrapper.tos-has-bullets .tos-caption {
  bottom: 40px;
}

.tos-wrapper.tos-has-bullets .tos-uibg {
  height: 90px;
}

.tos-wrapper.tos-has-bullets.tos-has-caption .tos-uibg {
  height: 130px;
}

.tos-wrapper.tos-has-thumbnails .tos-pagination {
  height: 50px;
}

.tos-wrapper.tos-has-thumbnails .tos-pagination a {
  background-position: center center;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin: 0 5px;
}

.tos-wrapper.tos-has-thumbnails .tos-caption {
  bottom: 80px;
}

.tos-wrapper.tos-has-thumbnails .tos-uibg {
  height: 130px;
}

.tos-wrapper.tos-has-thumbnails.tos-has-caption .tos-uibg {
  height: 170px;
}

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets .tos-slide {
  padding-bottom: 50px;
}

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets.tos-has-caption .tos-slide {
  padding-bottom: 120px; /* 3-zeilig bei hochformat */
}

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails .tos-slide {
  padding-bottom: 90px;
}

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails.tos-has-caption .tos-slide {
  padding-bottom: 120px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination {
  padding: 0 0 40px 0;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination {
  height: 20px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  margin: 0 10px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption {
  bottom: 80px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg {
  height: 180px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg {
  height: 260px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination {
  height: 100px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a {
  background-position: center center;
  background-size: cover;
  width: 100px;
  height: 100px;
  margin: 0 10px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption {
  bottom: 160px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg {
  height: 260px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg {
  height: 340px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination {
  padding: 0 0 60px 0;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination {
  height: 30px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a {
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin: 0 15px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption {
  bottom: 120px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg {
  height: 270px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg {
  height: 390px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination {
  height: 150px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a {
  background-position: center center;
  background-size: cover;
  width: 150px;
  height: 150px;
  margin: 0 15px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption {
  bottom: 240px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg {
  height: 390px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg {
  height: 510px;
}

/*
	jQuery Touch Optimized Sliders "R"Us
	Html media
*/
.tos-slide .tos-html {
  -webkit-overflow-scrolling: touch;
}

/*
	jQuery Touch Optimized Sliders "R"Us
	Youtube media
*/
.tos-play {
  background: black;
  opacity: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.tos-play:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.tos-desktop .tos-wrapper:hover .tos-play, .tos-touch .tos-wrapper.tos-hover .tos-play {
  opacity: 0.5;
}

.tos-desktop .tos-wrapper:hover .tos-play:hover, .tos-touch .tos-wrapper.tos-hover .tos-play:hover {
  opacity: 0.9;
}

.tos-wrapper .tos-play {
  border-radius: 80px;
  width: 80px;
  height: 80px;
  margin: -40px;
}

.tos-wrapper .tos-play:after {
  border: 20px solid transparent;
  border-left-color: white;
  border-left-width: 30px;
  margin-top: -20px;
  margin-left: -10.5px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play {
  border-radius: 160px;
  width: 160px;
  height: 160px;
  margin: -80px;
}

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play:after {
  border: 40px solid transparent;
  border-left-color: white;
  border-left-width: 60px;
  margin-top: -40px;
  margin-left: -21px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play {
  border-radius: 240px;
  width: 240px;
  height: 240px;
  margin: -120px;
}

.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play:after {
  border: 60px solid transparent;
  border-left-color: white;
  border-left-width: 90px;
  margin-top: -60px;
  margin-left: -31.5px;
}

/****************************/
/* COOKIE CONSENT OVERRIDES */
/****************************/
.cc_css_reboot {
  font-family: "Montserrat", Arial, sans-serif !important;
}

.cc_dialog .cc_dialog_headline {
  line-height: 27px;
  font-weight: 700;
}

.cc_dialog.simple {
  max-width: 100% !important;
  left: 0 !important;
  padding: 24px 24px 16px !important;
}
@media screen and (max-width: 767px) {
  .cc_dialog.simple {
    padding: 16px 16px 8px !important;
  }
}

.cc_dialog > div {
  margin: 0 auto !important;
  max-width: 1170px !important;
}

.light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector select {
  min-width: 200px;
  padding: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  border-radius: 4px;
}

.light.cc_dialog button.cc_b_ok, .light.cc_dialog button.cc_b_cp, .cc_dialog button.cc_b_cp {
  margin-left: 0 !important;
  margin: 0 12px 8px 0;
  border-radius: 4px;
}

.light.cc_dialog button.cc_b_cp {
  background: #fff !important;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector {
  margin: 10px;
}

.cc_overlay_lock {
  background: rgba(0, 0, 0, 0.5) !important;
}

.cc_dialog.interstitial {
  right: 0 !important;
  top: unset !important;
  left: 0 !important;
  bottom: 0;
}

.cc_dialog {
  max-width: 100% !important;
  padding: 32px 24px 24px !important;
}
@media screen and (max-width: 767px) {
  .cc_dialog {
    padding: 24px 16px 16px !important;
  }
}

/*# sourceMappingURL=platform-1-3-19.css.map */