/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
@font-face {
  font-family: "fontastic";
  src: url("fonts/fontastic.eot");
  src: url("fonts/fontastic.eot?#iefix") format("embedded-opentype"), url("fonts/fontastic.woff") format("woff"), url("fonts/fontastic.ttf") format("truetype"), url("fonts/fontastic.svg#fontastic") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "fontastic" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontastic" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-angle-left:before {
  content: "p";
}

.icon-angle-right:before {
  content: "n";
}

.icon-globe-world:before {
  content: "w";
}

.icon-angle-down:before {
  content: "d";
}

.icon-angle-up:before {
  content: "u";
}

.icon-modernpics:before {
  content: "s";
}

.icon-modernpics-1:before {
  content: "c";
}

.icon-modernpics-2:before {
  content: "b";
}

.icon-modernpics-3:before {
  content: "g";
}

.icon-modernpics-4:before {
  content: "r";
}

.icon-modernpics-5:before {
  content: "e";
}

.icon-content-7:before {
  content: "o";
}

.icon-clipboard-notes:before {
  content: "f";
}

.icon-user:before {
  content: "a";
}

.icon-log-out:before {
  content: "l";
}

.icon-modernpics-6:before {
  content: "i";
}

.icon-modernpics-7:before {
  content: "h";
}

.icon-photo:before {
  content: "j";
}

.icon-log-in:before {
  content: "k";
}

.icon-cog-gear:before {
  content: "m";
}

.icon-plus:before {
  content: "q";
}

.icon-minus:before {
  content: "t";
}

.icon-form-21:before {
  content: "v";
}

@font-face {
  font-family: "Gothic A1";
  src: url("fonts/GothicA1-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gothic A1";
  src: url("fonts/GothicA1-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gothic A1";
  src: url("fonts/GothicA1-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gothic A1";
  src: url("fonts/GothicA1-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gothic A1";
  src: url("fonts/GothicA1-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gothic A1";
  src: url("fonts/GothicA1-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gothic A1";
  src: url("fonts/GothicA1-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gothic A1";
  src: url("fonts/GothicA1-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gothic A1";
  src: url("fonts/GothicA1-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Allura";
  src: url("fonts/Allura-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
/* @group basic */
body {
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  color: #3a4f57;
  position: relative;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: #e5e5e2;
}

body.root_category_3,
body.shop_category_4 {
  background-image: url(../img/bg_grey_pattern.png);
  background-color: #fafafa;
}

body.root_category_4,
body.shop_category_6 {
  background-image: url(../img/bg_blue_pattern.png);
  background-color: #e9edf1;
}

.mod_listing.no_mod_action .siteframe,
.page_no_bg.no_system_page .siteframe,
.knowledge_db_page_introduction,
.knowledge_db_content {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}

body > nav,
.account_panel {
  display: none;
}

.page {
  overflow: hidden;
}

header .inner,
.siteframe,
.main {
  max-width: 1270px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}

.main {
  max-width: 1272px;
}

.siteframe {
  padding-top: 50px;
  z-index: 3;
  transition: opacity 0.3s;
  position: relative;
  padding-bottom: 90px;
}
@media screen and (max-width: 930px) {
  .siteframe {
    padding-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  .siteframe {
    padding-top: 20px;
  }
}
@media print {
  .siteframe {
    padding-top: 20px;
  }
}
@media screen and (max-width: 930px) {
  .siteframe {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .siteframe {
    padding-bottom: 35px;
  }
}
@media print {
  .siteframe {
    padding-bottom: 35px;
  }
}

.footer_inner:before,
.footer_inner:after,
.siteframe:before,
.siteframe:after {
  position: absolute;
  content: "";
  top: 0;
  right: 103%;
  bottom: 0;
  left: auto;
  width: 400%;
  z-index: 1;
  opacity: 0.08;
  pointer-events: none;
  background: url(../img/raclette_pattern_full.png) right top transparent;
}

.footer_inner:after,
.siteframe:after {
  background-position: left top;
  right: auto;
  left: 103%;
}

body.root_category_3 .siteframe:before,
body.shop_category_4 .siteframe:before,
body.root_category_4 .siteframe:before,
body.shop_category_6 .siteframe:before,
body.root_category_3 .siteframe:after,
body.shop_category_4 .siteframe:after,
body.root_category_4 .siteframe:after,
body.shop_category_6 .siteframe:after {
  display: none;
}

/* ---------- Topbar / Meta ---------- */
.topbar {
  padding: 18px 0 12px;
}

/* ---------- Header ---------- */
header,
.navi_main {
  background: #fff;
  position: relative;
  z-index: 5;
}

header {
  z-index: 10;
  min-height: 76px;
}

.content,
.gmap-map {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.raclette_banner:after,
.iframe_wrap.youtube_iframe:after,
.shop_cart_article_wrap:after,
body.css_landingpage #mixItUp .title_center_picture_full .listing_resources_and_content_container .resource_container:after,
.picture_top_listing:after,
#portlets_popular:after,
.slider_top_standard:after,
#portlets_home_slider .portlets_inner_wrap:after,
header:after,
.navi_main:after,
.wishlist_wrap:after,
.content_wrap:after,
.xls_import_map_wrap:after,
.slider_home:after,
.calc_result:after,
#portlet_shop_23:after,
.content_no_bg .message:after,
.content_no_bg ~ .message:after,
.content_wrap > .message:after,
.gmap-map:after,
.xls_import_entries:after,
.xls_import_filter:after,
div.knowledge_db_filter:after,
#mod_overview:after,
.knowledge_db_entries:after,
.calc_filter:after,
.shop_article_accessories_wrap:after,
.page_homepage .portlets_bottom .portlet:after,
.portlets_bottom .portlet_shop_categories:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 0;
  padding: 0 0 2.2%;
  background: url(../img/shadow_header.png) no-repeat center top;
  background-size: 100% auto;
  z-index: -1;
  pointer-events: none;
}

.raclette_banner:after,
.iframe_wrap.youtube_iframe:after,
.shop_cart_article_wrap:after,
body.css_landingpage #mixItUp .title_center_picture_full .listing_resources_and_content_container .resource_container:after,
.picture_top_listing:after,
#portlets_popular:after,
.slider_top_standard:after,
#portlets_home_slider .portlets_inner_wrap:after,
header:after,
.content_wrap:after,
.xls_import_map_wrap:after,
.slider_home:after,
.wishlist_wrap:after,
#portlet_shop_23:after,
.content_no_bg .message:after,
.content_no_bg ~ .message:after,
.content_wrap > .message:after,
.gmap-map:after,
.calc_result:after,
#mod_overview:after,
.xls_import_filter:after,
.xls_import_entries:after,
div.knowledge_db_filter:after,
.knowledge_db_entries:after,
.calc_filter:after,
.shop_article_accessories_wrap:after,
.page_homepage .portlets_bottom .portlet:after,
.portlets_bottom .portlet_shop_categories:after {
  padding-bottom: 3.6%;
  background-image: url(../img/shadow.png);
}

.content,
.gmap-map,
#mod_overview,
div.knowledge_db_filter,
.xls_import_filter,
.xls_import_entries,
.knowledge_db_entries,
.calc_filter,
.shop_article_accessories_wrap,
.portlets_bottom .portlet_shop_categories {
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

header:after {
  display: none;
}

.page_homepage .portlets_bottom .portlet:after,
.portlets_bottom .portlet_shop_categories:after {
  padding-bottom: 12%;
}

.page_homepage .portlets_bottom .portlet:after,
.page_homepage .portlets_bottom .portlet:before,
.overview_item:before {
  display: none;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+1):after,
.page_homepage .portlets_bottom .portlet:nth-child(3n+1):before,
.overview_item:nth-child(3n+1):before {
  display: block;
}

.mod_listing.no_mod_action .content_wrap:after,
.mod_knowledge_db .content_wrap:after,
.page_no_bg .content_wrap:after,
.mod_xls_import .content_wrap:after,
.page_homepage .content_wrap:after,
.mod_overview.no_mod_action .content_wrap:after,
.mod_shop.mod_action_wishlist .content_wrap:after,
.mod_action_show_entry .content_wrap:after {
  display: none;
}

header .logo {
  position: absolute;
  left: 20px;
  right: 0;
  margin: 0;
  width: 146px;
  top: 16px;
  z-index: 1;
}

header .logo img {
  width: 100%;
  height: auto;
}

.page_homepage .content_no_bg {
  margin-top: 120px;
  padding: 0;
  text-align: center;
  color: #617279;
}
@media screen and (max-width: 930px) {
  .page_homepage .content_no_bg {
    margin-top: 80px;
  }
}
@media screen and (max-width: 600px) {
  .page_homepage .content_no_bg {
    margin-top: 40px;
  }
}
@media print {
  .page_homepage .content_no_bg {
    margin-top: 40px;
  }
}
.page_homepage .content_no_bg .inner {
  max-width: 780px;
  margin: 0 auto;
}
.page_homepage .content_no_bg h1 {
  position: relative;
  display: inline-block;
  font-size: 66px;
  line-height: 83px;
  font-family: "Allura";
  font-weight: 400;
  color: #31302E;
  margin: 0 0 20px 0;
  padding: 0;
  padding: 0 20px;
}
@media screen and (max-width: 1150px) {
  .page_homepage .content_no_bg h1 {
    font-size: 55px;
    line-height: 72px;
  }
}
@media screen and (max-width: 930px) {
  .page_homepage .content_no_bg h1 {
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 600px) {
  .page_homepage .content_no_bg h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
@media print {
  .page_homepage .content_no_bg h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
.page_homepage .content_no_bg h1:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  background: url(../img/slider_title_line.svg) no-repeat center bottom;
  background-size: 100% auto;
  padding: 6% 0 0;
}
.page_homepage .siteframe > .portlet_shop {
  display: block;
}

/* ---------- Slider ---------- */
.gmap-map {
  position: relative;
  border-radius: 8px;
}

.slider_top_standard {
  margin-bottom: clamp(25px, 4.5vw, 45px);
}
.slider_top_standard .slick-list {
  border-radius: 8px;
  border: 1px solid #c5ced2;
  overflow: hidden;
  border-radius: 8px;
  margin: 0;
}
.slider_top_standard .slick-slide {
  margin: 0;
}

.gmap-map > div {
  border-radius: 8px;
  border: 1px solid #c5ced2;
  margin: 0 0 42px;
  overflow: hidden;
}

.accessory_control a {
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  height: auto;
  background: transparent;
  width: 45px;
  text-align: center;
  color: #fff;
  text-indent: 0 !important;
  font: 60px/60px "fontastic";
  transition: all 0.2s ease-out;
  text-decoration: none;
}
.accessory_control a.disabled {
  display: none !important;
}

/* --- Homepage slider --- */
.page_homepage .content_wrap {
  z-index: 10;
}
.page_homepage .slider_home.slick-slider {
  margin-bottom: 0;
  border-radius: 8px;
  border: 1px solid #C4CDD1;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.page_homepage .pictures:not(.slick-slider) .picture:not(:first-child) {
  display: none;
}
.page_homepage .slider_home.slick-slider {
  border: none;
  border-radius: 8px;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture {
  background: #fff;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_background {
  display: flex !important;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description {
  display: inline-block;
  width: 310px;
  background: #fff;
  box-sizing: border-box;
  padding: 40px 30px 130px 40px;
  margin: 0;
  vertical-align: top;
  position: relative;
  clip: unset;
  height: auto;
  line-height: 22px;
  overflow: visible;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description:before {
  content: "";
  position: absolute;
  top: 54px;
  left: -11px;
  width: 20px;
  height: 20px;
  display: block;
  background: #fff;
  border: 1px solid #C4CDD1;
  border-width: 0px 0 1px 1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description .resource_title,
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description h2 {
  font-size: 32px;
  line-height: 38px;
  font-family: "Gothic A1";
  font-weight: 900;
  color: #3A4F57;
  margin: 0 0 22px 0;
  padding: 0;
}
@media screen and (max-width: 930px) {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description .resource_title,
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description .resource_title,
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description h2 {
    font-size: 23px;
    line-height: 29px;
    margin-bottom: 10px;
  }
}
@media print {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description .resource_title,
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description h2 {
    font-size: 23px;
    line-height: 29px;
    margin-bottom: 10px;
  }
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description h3 {
  font-size: 25px;
  line-height: 28px;
  font-family: "Gothic A1";
  font-weight: 400;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
}
@media screen and (max-width: 930px) {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description h3 {
    font-size: 21px;
    line-height: 24px;
  }
}
@media screen and (max-width: 600px) {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description h3 {
    font-size: 19px;
    line-height: 22px;
  }
}
@media print {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description h3 {
    font-size: 19px;
    line-height: 22px;
  }
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p {
  margin-bottom: 15px;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p:last-child {
  margin-bottom: 0;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p > a:only-child {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  margin-top: 27px;
  display: inline-block;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p > a:only-child:hover, .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p > a:only-child:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p > a:only-child {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p > a:only-child.current, .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p > a:only-child:hover, .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p > a:only-child:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p > a:only-child {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p > a:only-child {
    display: none;
  }
}
.page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p + p > a:only-child {
  margin-top: 8px;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture > :first-child {
  width: calc(100% - 311px);
  height: 100%;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  border-right: 1px solid #C4CDD1;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture > :only-child {
  width: 100%;
  max-width: 100%;
  position: relative;
  display: block;
  height: auto;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture > :only-child img {
  width: 100%;
  height: auto;
  left: auto;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page_homepage .slider_home.slick-slider .slick-slide .picture img {
  max-width: none;
  border-radius: 0;
  max-width: auto;
  width: 100%;
  min-width: 100%;
  height: 100%;
  position: relative;
  aspect-ratio: 920/583;
  object-fit: cover;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture span {
  height: 100%;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture {
  display: flex !important;
  float: none !important;
}
.page_homepage .slider_home.slick-slider .slick-slide .picture > :first-child {
  position: relative;
}
.page_homepage .slider_home.slick-slider .slick-arrow {
  position: absolute;
  right: 30px;
  bottom: 30px;
  z-index: 3;
}
.page_homepage .slider_home.slick-slider .slick-arrow.slick-arrow-left {
  right: calc(var(--icon-width) + 40px);
}
.page_homepage .slider_home.slick-slider .slick-dots {
  position: absolute;
  z-index: 2;
  width: 310px;
  right: 0;
  bottom: 30px;
  height: var(--icon-width);
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 0 calc(var(--icon-width) * 2 + 50px) 0 40px !important;
  flex-flow: wrap;
}
.page_homepage .slider_home.slick-slider .slick-dots button {
  background: #DADADA;
  margin: 0;
}
.page_homepage .slider_home.slick-slider .slick-dots button:hover {
  background: #535254;
}
.page_homepage .slider_home.slick-slider .slick-dots .slick-active button {
  background: #535254;
}

/* ---------- Content ---------- */
.content_wrap,
.xls_import_entries,
.xls_import_map_wrap {
  position: relative;
}

.content,
.xls_import_map_wrap,
.calc_filter,
.xls_import_filter,
.xls_import_entries {
  background: #fff;
  margin: 0;
  border-radius: 8px;
  border: 1px solid #c5ced2;
  overflow: hidden;
}

.xls_import_map_wrap > div,
.xls_import_map_wrap > div > div,
.xls_import_map_wrap > div > div > div:first-child {
  border-radius: 8px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.xls_import_map_wrap {
  margin: 0 0 42px;
  overflow: visible;
}

.xls_import_map {
  background: #b5cbe4 !important;
}

.calc_filter,
.xls_import_filter,
.xls_import_entries,
.content_no_bg .content {
  overflow: visible;
}

.content_inner {
  overflow: hidden;
  padding: 25px;
}

.mod_action_show_article .content_inner {
  padding: 0;
}

.mod_action_show_entry .content_no_bg {
  overflow: hidden;
}

.portlets_right ~ .content_inner,
.portlets_article_detail ~ .content_inner {
  box-shadow: 1px 0 #c4cdd1;
}

.portlets_shop ~ .content_inner {
  box-shadow: -1px 0 #c4cdd1;
}

.content_no_bg_inner {
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 15px;
  position: relative;
  left: -15px;
}

/* ---------- Raclette Banner ---------- */
.raclette_banner {
  margin-top: 70px;
  position: relative;
  display: none;
}
#portlets_fix_home .raclette_banner {
  margin-top: 10px;
  display: block;
}
#portlets_fix_home .raclette_banner:after {
  display: none !important;
}
.raclette_banner.visible {
  display: block;
}
.raclette_banner .raclette_banner_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../img/banner/background_big1.jpg) no-repeat;
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #C4CDD1;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  padding: 35px 40px;
  box-sizing: border-box;
}
.raclette_banner .raclette_banner_left h3 {
  font-size: 0;
  line-height: 0;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.raclette_banner .raclette_banner_left .raclette_banner_title {
  width: 308px;
  margin-bottom: 25px;
}
.raclette_banner .raclette_banner_left .raclette_banner_title img {
  width: 100%;
  height: auto;
  display: block;
}
.raclette_banner .raclette_banner_left .raclette_banner_link a {
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #D50008;
  border: 1px solid #8A1100;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
  padding: 7px 24px 6px;
  box-sizing: border-box;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.raclette_banner .raclette_banner_left .raclette_banner_link a:hover {
  background: #8A1100;
  box-shadow: none;
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.4);
  width: 330px;
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap a {
  display: block;
  position: relative;
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap a:hover:before {
  opacity: 0;
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap a:hover svg g#Fill-1 > use:first-child {
  fill: #8A1100;
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap a:hover svg g#Fill-1 > use:nth-child(2) {
  opacity: 0;
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap svg g#Fill-1 > use {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.raclette_banner .raclette_banner_right .raclette_banner_video_wrap svg g#Fill-1 > use:nth-child(2) {
  opacity: 1;
}

/* ---------- Footer ---------- */
footer #footer_top {
  background: #fff;
}
footer #footer_top .footer_inner {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media screen and (max-width: 930px) {
  footer #footer_top .footer_inner {
    padding-top: 50px;
  }
}
@media screen and (max-width: 600px) {
  footer #footer_top .footer_inner {
    padding-top: 30px;
  }
}
@media print {
  footer #footer_top .footer_inner {
    padding-top: 30px;
  }
}
@media screen and (max-width: 930px) {
  footer #footer_top .footer_inner {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  footer #footer_top .footer_inner {
    padding-bottom: 30px;
  }
}
@media print {
  footer #footer_top .footer_inner {
    padding-bottom: 30px;
  }
}
footer #footer_top .footer_inner:before, footer #footer_top .footer_inner:after {
  display: none;
}
footer #footer_top #portlets_footer .portlet_zone_label:after {
  content: "Zone: Kurze Infos mit Icon";
}
footer #footer_top #portlets_footer .portlets_inner_wrap {
  display: flex;
  justify-content: space-between;
  text-align: center;
  flex: 1 0 10px;
  margin-left: -40px;
}
footer #footer_top #portlets_footer .portlets_inner_wrap .portlet {
  flex: 1 0 0;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  padding-left: 40px;
  width: 100%;
}
footer #footer_top #portlets_footer .portlets_inner_wrap .portlet .portlet_text_wrap {
  padding: 0;
  display: flex;
  flex-flow: column;
}
footer #footer_top #portlets_footer .portlets_inner_wrap .portlet .portlet_text_wrap div.portlet_content_introduction {
  order: 0;
  font-size: 42px;
  line-height: 42px;
  margin-bottom: 15px;
  color: #617279;
}
footer #footer_top #portlets_footer .portlets_inner_wrap .portlet .portlet_text_wrap div.portlet_content_introduction > p {
  display: none;
}
footer #footer_top #portlets_footer .portlets_inner_wrap .portlet .portlet_text_wrap > * {
  order: 1;
}
footer #footer_top #portlets_footer .portlets_inner_wrap .portlet .portlet_text_wrap p {
  margin-bottom: 0;
}
footer #footer_top #portlets_footer .portlets_inner_wrap .portlet h3 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 900;
  color: #6C693A;
  font-family: "Gothic A1";
  margin-bottom: 23px;
  margin-top: 0;
  text-transform: none;
}
footer .footer_inner {
  max-width: 1270px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
footer > .footer_inner {
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 13px;
  line-height: 24px;
  color: #617279;
}
@media screen and (max-width: 930px) {
  footer > .footer_inner {
    padding-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  footer > .footer_inner {
    padding-top: 20px;
  }
}
@media print {
  footer > .footer_inner {
    padding-top: 20px;
  }
}
@media screen and (max-width: 930px) {
  footer > .footer_inner {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 600px) {
  footer > .footer_inner {
    padding-bottom: 20px;
  }
}
@media print {
  footer > .footer_inner {
    padding-bottom: 20px;
  }
}
footer > .footer_inner .footer_infos {
  display: flex;
  padding-bottom: 50px;
}
@media screen and (max-width: 930px) {
  footer > .footer_inner .footer_infos {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 600px) {
  footer > .footer_inner .footer_infos {
    padding-bottom: 20px;
  }
}
@media print {
  footer > .footer_inner .footer_infos {
    padding-bottom: 20px;
  }
}
footer > .footer_inner .footer_infos .portlet {
  font-size: 13px;
  line-height: 24px;
  color: #617279;
}
footer > .footer_inner .footer_infos .portlet .controls a:before {
  display: none;
}
footer > .footer_inner .footer_infos .portlet a {
  color: #617279;
  text-decoration: none;
  position: relative;
}
footer > .footer_inner .footer_infos .portlet a:before {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: 1px;
  display: block;
  background: #C4CDD1;
  bottom: -3px;
}
footer > .footer_inner .footer_infos .portlet a:hover {
  color: #3A4F57;
}
footer > .footer_inner .footer_infos .portlet a:hover:before {
  background: #3A4F57;
}
footer > .footer_inner .footer_infos .portlet:first-child {
  flex: 0 0 310px;
}
footer > .footer_inner .footer_infos .portlet.portlet_content_label_portlet {
  width: 100%;
}
footer > .footer_inner .footer_infos .portlet p {
  margin-bottom: 0;
}
footer > .footer_inner .footer_infos .portlet h3 a,
footer > .footer_inner .footer_infos .portlet h3 {
  margin: 0;
  text-transform: none;
  color: #31302E;
  font-weight: 900;
  font-size: 13px;
  line-height: 24px;
}
footer > .footer_inner .footer_infos_right {
  flex: 0 0 300px;
}
footer > .footer_inner .footer_infos_right h3 a,
footer > .footer_inner .footer_infos_right h3 {
  margin: 0;
  text-transform: none;
  color: #31302E;
  font-weight: 900;
  font-size: 13px;
  line-height: 24px;
}
footer > .footer_inner .footer_infos_right .language {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 12px;
}
footer > .footer_inner .footer_infos_right .language .language_switcher {
  position: relative;
  margin: 0;
}
footer > .footer_inner .footer_infos_right .language .language_switcher:before {
  content: "\f063";
  position: absolute;
  top: 0;
  left: auto;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  text-transform: none;
  color: #617279;
  right: 15px;
  font-weight: 300;
  line-height: 48px;
  z-index: 1;
}
footer > .footer_inner .footer_infos_right .language .language_switcher:hover .current_language a {
  border-radius: 4px 4px 0 0;
  border-color: #3A4F57;
  color: #3A4F57;
}
footer > .footer_inner .footer_infos_right .language .language_switcher:hover .language_dropdown {
  opacity: 1;
  visibility: visible;
}
footer > .footer_inner .footer_infos_right .language .current_language a {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  width: 212px;
  margin: 0;
  position: relative;
  display: block;
  text-align: left;
  padding-top: 15px;
}
footer > .footer_inner .footer_infos_right .language .current_language a:hover, footer > .footer_inner .footer_infos_right .language .current_language a:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  footer > .footer_inner .footer_infos_right .language .current_language a {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
footer > .footer_inner .footer_infos_right .language .current_language a:before {
  content: "\f1ab";
  position: absolute;
  top: 0;
  left: auto;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  text-transform: none;
  color: #617279;
  position: relative;
  font-weight: 300;
  margin-right: 6px;
  display: inline-block;
}
footer > .footer_inner .footer_infos_right .language .language_dropdown {
  font-size: 15px;
  line-height: 18px;
  text-decoration: none;
  position: absolute;
  top: 100%;
  border: 1px solid #3A4F57;
  border-radius: 0 0 4px 4px;
  background: #F9F9F9;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  border-top: none;
}
footer > .footer_inner .footer_infos_right .language .language_dropdown a {
  margin: 0;
  color: #617279;
  opacity: 0.7;
  padding: 15px 16px 13px 16px;
  border: none;
  text-decoration: none;
}
footer > .footer_inner .footer_infos_right .language .language_dropdown a + a {
  padding-top: 0px;
}
footer > .footer_inner .footer_infos_right .language .language_dropdown a:hover {
  color: #3A4F57;
  opacity: 1;
}
footer > .footer_inner .footer_infos_right .portlet_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer > .footer_inner .footer_infos_right .portlet_inner .live_search_results {
  display: none !important;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  width: 212px;
  padding-right: 40px;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:hover, footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input::-webkit-input-placeholder {
  color: #617279;
  opacity: 0.5;
  text-transform: none;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:-moz-placeholder {
  color: #617279;
  opacity: 0.5;
  text-transform: none;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input::-moz-placeholder {
  color: #617279;
  opacity: 0.5;
  text-transform: none;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:-ms-input-placeholder {
  color: #617279;
  opacity: 0.5;
  text-transform: none;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:focus::-webkit-input-placeholder, footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:hover::-webkit-input-placeholder {
  color: #617279;
  opacity: 1;
  text-transform: none;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:focus:-moz-placeholder, footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:hover:-moz-placeholder {
  color: #617279;
  opacity: 1;
  text-transform: none;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:focus::-moz-placeholder, footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:hover::-moz-placeholder {
  color: #617279;
  opacity: 1;
  text-transform: none;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:focus:-ms-input-placeholder, footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-input:hover:-ms-input-placeholder {
  color: #617279;
  opacity: 1;
  text-transform: none;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-button {
  position: absolute;
  right: 10px;
  width: 25px;
  height: 45px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 1px;
  border: none;
  box-sizing: border-box;
  padding: 0;
  cursor: pointer;
}
footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-button:hover, footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-button:focus {
  background: none;
}
footer > .footer_inner .footer_infos_right .portlet_inner .portlet-content {
  position: relative;
}
footer > .footer_inner .footer_infos_right .portlet_inner .portlet-content:before {
  content: "\f002";
  position: absolute;
  top: 0;
  left: auto;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  text-transform: none;
  color: #617279;
  right: 15px;
  font-weight: 300;
  line-height: 48px;
  z-index: 1;
  pointer-events: none;
}
footer > .footer_inner .footer_copy {
  display: flex;
  justify-content: space-between;
}
footer > .footer_inner .footer_copy .copyright {
  font-weight: 900;
}
footer > .footer_inner .single_links {
  display: flex;
}
footer > .footer_inner .single_links a {
  margin-left: 40px;
  text-decoration: none;
  color: #617279;
}
footer > .footer_inner .single_links a span {
  display: none;
}
footer > .footer_inner .single_links a:hover {
  color: #3A4F57;
}

.footer_address {
  white-space: nowrap;
  font-size: 13px;
  line-height: 24px;
  color: #3a4f57;
  font-weight: 300;
}

.footer_address > span {
  padding: 0 11px;
}

.footer_address a {
  color: #3a4f57;
  font-weight: 300;
  text-decoration: none;
}

.footer_address a:hover {
  color: #3a4f57;
  text-decoration: underline;
}

footer .develop {
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: #000;
  padding: 7px 0 0;
  letter-spacing: 0.75px;
}

footer .develop * {
  color: #000;
  opacity: 0.35;
  text-decoration: none;
  transition: all 0.2s;
}

footer .develop a span {
  display: none;
}

footer .develop a:hover {
  opacity: 0.7;
  color: #000;
}

/* @group privacy banner */
#privacy_banner #privacy_banner_inner #privacy_buttons #privacy_button {
  padding: 3px 10px 4px;
}

/* @end */
body.css_landingpage.not_logged_in #picture_listing_top .youtube_video:not(:empty) .portlet-resource-link, body.css_landingpage.not_logged_in #picture_listing_top .youtube_video:not(:empty) + .pictures {
  display: none !important;
}
body.css_landingpage #picture_listing_top .youtube_video:not(:empty) .portlet-resource-link, body.css_landingpage #picture_listing_top .youtube_video:not(:empty) + .pictures {
  display: block !important;
}

/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
/* ---------- Main ---------- */
h1 {
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
@media screen and (max-width: 930px) {
  h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  h1 {
    font-size: 18px;
    line-height: 24px;
  }
}

.content_no_bg_inner h1 {
  display: none;
  text-align: center;
  position: relative;
  display: inline-block;
  font-size: 66px;
  line-height: 83px;
  font-family: "Allura";
  font-weight: 400;
  color: #31302E;
  margin: 0 0 20px 0;
  padding: 0;
  padding: 0 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1150px) {
  .content_no_bg_inner h1 {
    font-size: 55px;
    line-height: 72px;
  }
}
@media screen and (max-width: 930px) {
  .content_no_bg_inner h1 {
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 600px) {
  .content_no_bg_inner h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
@media print {
  .content_no_bg_inner h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
.content_no_bg_inner h1:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  background: url(../../img/slider_title_line.svg) no-repeat center bottom;
  background-size: 100% auto;
  padding: 6% 0 0;
}
@media print {
  .content_no_bg_inner h1 {
    padding: 0;
  }
  .content_no_bg_inner h1:after {
    display: none;
  }
}
.content_no_bg_inner h1:after {
  background: url(../img/slider_title_line.svg) no-repeat center bottom;
  background-size: 100% auto;
}
.mod_listing.no_system_page h1,
.page_homepage .slide_text_container > h2,
.page_homepage .portlet_text_wrap h3,
.overview_item h2,
.overview_item h2 a {
  color: #000;
  font-weight: 400;
  margin: 0 0 20px 0;
  font: 60px/72px "Allura", cursive;
}

.page_homepage .slide_text_container > h2 a,
.page_homepage .portlet_text_wrap h3 a {
  font-weight: 400;
}

.page_homepage .slide_text_container > h2 {
  font-size: 68px;
}

.overview_item h2:last-child,
.overview_item h2 a {
  margin: 0;
}

h2, h2 a,
.content .portlet h3,
.content .portlet h3 a,
div.introduction {
  color: #000;
  padding: 0;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  font-weight: 800;
  text-transform: none;
  font-size: 18px;
  line-height: 24px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  margin: 25px 0 10px 0;
}
@media screen and (max-width: 600px) {
  h2, h2 a,
.content .portlet h3,
.content .portlet h3 a,
div.introduction {
    font-size: 15px;
    line-height: 22px;
  }
}
@media print {
  h2, h2 a,
.content .portlet h3,
.content .portlet h3 a,
div.introduction {
    font-size: 15px;
    line-height: 22px;
  }
}

div.introduction {
  margin-top: 0;
}

.content .portlet h3,
.content .portlet h3 a {
  margin-top: 0;
}

.content .portlets_right h3,
.content .portlets_right h3 a {
  margin-bottom: 5px;
  font-weight: bold;
}

h3, h3 a {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  text-transform: uppercase;
  margin: 15px 0 5px 0;
  text-decoration: none;
}

h4, h4 a,
h5, h5 a,
h6, h6 a {
  font-size: 14px;
  font-weight: 600;
  color: #3a4f57;
  margin: 0 0 3px 0;
  line-height: 23px;
  text-transform: uppercase;
  text-decoration: none;
}

h5, h5 a {
  text-transform: none;
}

h6, h6 a {
  color: #393a3c;
  font-size: 13px;
  line-height: 20px;
}

p {
  margin: 0 0 20px 0;
}
p:last-child {
  margin-bottom: 0 !important;
}

.content p.empty {
  display: none;
}

.category_6 .content_no_bg_inner {
  text-align: center;
}
.category_6 .content_no_bg_inner h1 {
  position: relative;
  display: inline-block;
  font-size: 66px;
  line-height: 83px;
  font-family: "Allura";
  font-weight: 400;
  color: #31302E;
  margin: 0 0 20px 0;
  padding: 0;
  padding: 0 20px;
  font-size: 90px;
  line-height: 110px;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1150px) {
  .category_6 .content_no_bg_inner h1 {
    font-size: 55px;
    line-height: 72px;
  }
}
@media screen and (max-width: 930px) {
  .category_6 .content_no_bg_inner h1 {
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 600px) {
  .category_6 .content_no_bg_inner h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
@media print {
  .category_6 .content_no_bg_inner h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
.category_6 .content_no_bg_inner h1:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  background: url(../../img/slider_title_line.svg) no-repeat center bottom;
  background-size: 100% auto;
  padding: 6% 0 0;
}
@media print {
  .category_6 .content_no_bg_inner h1 {
    padding: 0;
  }
  .category_6 .content_no_bg_inner h1:after {
    display: none;
  }
}
.category_6 .content_no_bg_inner h1:after {
  background: url(../img/slider_title_line.svg) no-repeat center bottom;
  background-size: 100% auto;
}
.category_6 .content_no_bg_inner div.introduction {
  font-size: 25px;
  line-height: 36px;
  font-family: "Gothic A1";
  font-weight: 400;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 930px) {
  .category_6 .content_no_bg_inner div.introduction {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  .category_6 .content_no_bg_inner div.introduction {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  .category_6 .content_no_bg_inner div.introduction {
    font-size: 18px;
    line-height: 24px;
  }
}
.category_6 .content_no_bg_inner div.introduction p:not(:last-child) {
  margin-bottom: 36px;
}
.category_6 .content_no_bg_inner a.button {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  background: #506B76;
  border-color: #2B3B41;
  color: #fff;
  font-weight: 700;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
  font-weight: 400;
}
.category_6 .content_no_bg_inner a.button:hover, .category_6 .content_no_bg_inner a.button:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .category_6 .content_no_bg_inner a.button {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.category_6 .content_no_bg_inner a.button.current, .category_6 .content_no_bg_inner a.button:hover, .category_6 .content_no_bg_inner a.button:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .category_6 .content_no_bg_inner a.button {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .category_6 .content_no_bg_inner a.button {
    display: none;
  }
}
.category_6 .content_no_bg_inner a.button:hover, .category_6 .content_no_bg_inner a.button:focus {
  background: #2B3B41;
  color: #fff;
}
.category_6 .content_no_bg_inner h3, .category_6 .content_no_bg_inner h3 a {
  color: #31302E;
  letter-spacing: 1.5px;
  font-size: 13px;
  margin-bottom: 12px;
  margin-top: 36px;
  font-weight: 900;
}
.category_6 .raclette_banner {
  display: block;
}
.category_6 .calculator_title_wrap {
  text-align: center;
  display: block;
}
.category_6 .calc_main_article h1,
.category_6 h2.calculator_title {
  text-align: center;
  position: relative;
  display: inline-block;
  font-size: 66px;
  line-height: 83px;
  font-family: "Allura";
  font-weight: 400;
  color: #31302E;
  margin: 0 0 20px 0;
  padding: 0;
  padding: 0 20px;
}
@media screen and (max-width: 1150px) {
  .category_6 .calc_main_article h1,
.category_6 h2.calculator_title {
    font-size: 55px;
    line-height: 72px;
  }
}
@media screen and (max-width: 930px) {
  .category_6 .calc_main_article h1,
.category_6 h2.calculator_title {
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 600px) {
  .category_6 .calc_main_article h1,
.category_6 h2.calculator_title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
@media print {
  .category_6 .calc_main_article h1,
.category_6 h2.calculator_title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
.category_6 .calc_main_article h1:after,
.category_6 h2.calculator_title:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  background: url(../../img/slider_title_line.svg) no-repeat center bottom;
  background-size: 100% auto;
  padding: 6% 0 0;
}
@media print {
  .category_6 .calc_main_article h1,
.category_6 h2.calculator_title {
    padding: 0;
  }
  .category_6 .calc_main_article h1:after,
.category_6 h2.calculator_title:after {
    display: none;
  }
}
.category_6 .calc_main_article h1:after,
.category_6 h2.calculator_title:after {
  background: url(../img/slider_title_line.svg) no-repeat center bottom;
  background-size: 100% auto;
}
.category_6 h2.calculator_title {
  margin-bottom: 10px;
  margin-top: 80px;
}
.category_6 .content_no_bg_small {
  max-width: 800px;
  margin: auto;
  text-align: left;
  color: #617279;
}
.category_6 .calc_wine a.button {
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  background: #506B76;
  border-color: #2B3B41;
  color: #fff;
  font-weight: 700;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
  font-weight: 400;
  margin-top: 35px;
}
.category_6 .calc_wine a.button:hover, .category_6 .calc_wine a.button:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .category_6 .calc_wine a.button {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.category_6 .calc_wine a.button.current, .category_6 .calc_wine a.button:hover, .category_6 .calc_wine a.button:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .category_6 .calc_wine a.button {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .category_6 .calc_wine a.button {
    display: none;
  }
}
.category_6 .calc_wine a.button:hover, .category_6 .calc_wine a.button:focus {
  background: #2B3B41;
  color: #fff;
}
.category_6 .calc_main_article a.shop_show_details {
  float: none;
  background: #D50008;
  border: 1px solid #8A1100;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
}
.category_6 .calc_main_article a.shop_show_details:hover {
  background: #8A1100;
  box-shadow: none;
}
.category_6 .calc_main_article a.shop_show_details:before {
  display: none;
}

#sticky_scroll_to_calculator {
  position: fixed;
  bottom: -200px;
  z-index: 100;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}
#sticky_scroll_to_calculator.visible {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
#sticky_scroll_to_calculator a.button {
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #D50008;
  border: 1px solid #8A1100;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
  padding: 7px 24px 6px;
  box-sizing: border-box;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: inline-block;
  bottom: -30px;
  position: relative;
}
#sticky_scroll_to_calculator a.button i {
  margin-right: 12px;
}
#sticky_scroll_to_calculator a.button:hover {
  background: #8A1100;
  box-shadow: none;
}
#sticky_scroll_to_calculator h2 {
  font-size: 40px;
  line-height: 48px;
  font-family: "Gothic A1";
  font-weight: 900;
  color: #3A4F57;
  margin: 0 0 12px 0;
  padding: 0;
  font-family: "Allura";
  color: #000000;
  font-weight: 400;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
@media screen and (max-width: 1000px) {
  #sticky_scroll_to_calculator h2 {
    font-size: 35px;
    line-height: 42px;
  }
}
@media screen and (max-width: 930px) {
  #sticky_scroll_to_calculator h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 600px) {
  #sticky_scroll_to_calculator h2 {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 6px;
  }
}
@media print {
  #sticky_scroll_to_calculator h2 {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 6px;
  }
}
#sticky_scroll_to_calculator .calc_grocery {
  bottom: -62px;
  margin: 0;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

/* ---------- Links ---------- */
a {
  outline: none;
  color: #000;
  text-decoration: underline;
}

a:hover,
.portlet_shop_member_panel .current,
.portlet_shop_member_panel .current a {
  color: #005065;
}

a img {
  border: none;
}

.siteframe .resource_subtitle,
.resource_subtitle {
  display: none !important;
}

/* ---------- Lists ---------- */
ol,
.listing_entry ul {
  padding: 0 0 20px 20px;
}

.listing_entry ul {
  padding-bottom: 0;
}

.content ul,
.content ol,
.content_no_bg ul,
.content_no_bg ol {
  margin: 0 0 20px 20px;
  padding: 0;
  width: auto;
}

.content .chosen ul,
.content_no_bg .chosen ul {
  margin: 0;
}

.content ol,
.content_no_bg ol {
  list-style-type: decimal;
  margin: 0 0 20px 19px;
}

.content ul.sitemap,
.content_no_bg ul.sitemap {
  margin: 0;
}

/* ---------- Tables ---------- */
.content table {
  border: none;
  border-spacing: 0;
  margin: 0 0 20px 0;
}

.content table:last-child {
  margin: 0;
}

table th {
  color: #000;
  border-bottom: 2px solid #000;
  background: none;
  padding: 6px 0;
  text-align: left;
  font-weight: 400;
  text-transform: uppercase;
}

table th a {
  color: #000;
  text-decoration: none;
}

table tr:last-child th {
  border-bottom: 0;
}

table td {
  border-bottom: 1px solid #c8d0d4;
  padding: 7px 0 8px;
}

table td a {
  text-decoration: none;
}

.content_no_bg table td {
  border: 0;
  padding: 0 0 4px;
}

.shop_article_information table td {
  border: 0;
  padding: 0;
}

/* ---------- Resources ---------- */
.pictures .picture img {
  width: 100%;
  height: auto;
}

.pictures .picture,
.pictures .picture * {
  /*-webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;*/
  -webkit-backface-visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="0");
}

.shop_article .pictures .picture,
.shop_article .pictures .picture *,
.shop_category .pictures .picture,
.shop_category .pictures .picture * {
  filter: none;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
}

.pictures_right,
.knowledge_db_entry_detail_picture {
  float: right;
  max-width: 42%;
  margin: 0 0 0 35px;
}

.pictures_right .picture,
.knowledge_db_entry_detail_picture .picture {
  float: none;
}

.pictures_right .picture ~ .picture,
.knowledge_db_entry_detail_picture .picture ~ .picture {
  width: 49.5%;
  float: left;
  margin: 1% 0 0 1%;
}

.pictures_right .picture:nth-child(even),
.knowledge_db_entry_detail_picture .picture:nth-child(even) {
  margin-left: 0;
}

.documents h2 {
  display: none;
}

/* ---------- Misc ---------- */
.highlighting {
  background: #f6f1a9;
}

.hidden {
  display: none !important;
}

/* @group iframes */
.iframe_wrap {
  position: relative;
  margin: 0;
}
.iframe_wrap.youtube_iframe .iframe_inner_wrap {
  position: relative;
  height: 0;
  padding: 0 0 56.3%;
  border-radius: 8px;
  overflow: hidden;
}
.iframe_wrap.youtube_iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
}

iframe {
  width: 100% !important;
}

/* @end */
/* @group slick slider */
.slick-slider {
  --icon-width: 40px;
  --size-15: clamp(9px,1.5vw,15px);
  position: relative;
}

.slick-track {
  display: flex;
  justify-content: center;
}

.slick-slide {
  margin: 0 var(--size-15);
  z-index: 1 !important;
}
.slick-slide.slick-active {
  z-index: 2 !important;
}
.slick-slide > div {
  display: flex;
  width: 100%;
  height: 100%;
}

.slick-list {
  width: auto;
  margin: 0 calc(-1 * var(--size-15));
  padding: 0 !important;
  overflow: hidden;
}

span.slick-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
  background: #F9F9F9;
  border: 1px solid #DADADA;
  border-radius: 5px;
  cursor: pointer;
}
span.slick-arrow i {
  color: #535254;
  font-size: 15px;
}
span.slick-arrow:hover {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  opacity: 1;
}
span.slick-arrow:hover i {
  color: #3A4F57;
}
span.slick-arrow.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.slick-dots {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  gap: clamp(4px, 0.8vw, 8px) clamp(6px, 0.8vw, 8px);
  list-style: none;
  width: 100%;
  justify-content: center;
  align-content: center;
}
.slick-dots button {
  width: clamp(8px, 1vw, 10px);
  height: clamp(8px, 1vw, 10px);
  border: none;
  font-size: 0;
  background: #9b9b99;
  border-radius: 50%;
  transition: all 0.2s ease-out;
  cursor: pointer;
  display: block;
}
.slick-dots button:hover {
  background: #666;
}
.slick-dots .slick-active button {
  background: #000;
}

/* @end */
/* @group fancybox */
.fancybox-slide--video video {
  aspect-ratio: 16/9;
  position: relative;
  width: 90%;
  height: auto;
  margin: auto;
  padding: 0;
  max-width: none;
  max-height: 90%;
  object-fit: cover;
  background: none !important;
}

/* @end */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
/* FORMS ----------------------------------------------------------------------- */
input,
textarea,
select,
span.chosen-container-single .chosen-single,
span.select2-container .select2-selection--single {
  color: #666;
  background: #f9f9f9;
  border: 1px solid #dadada;
  font: 15px/25px "Gothic A1", Arial, sans-serif;
  padding: 4px 15px;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 16px 10px 16px;
}
input:hover, input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
span.chosen-container-single .chosen-single:hover,
span.chosen-container-single .chosen-single:focus,
span.select2-container .select2-selection--single:hover,
span.select2-container .select2-selection--single:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  input,
textarea,
select,
span.chosen-container-single .chosen-single,
span.select2-container .select2-selection--single {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
input:hover,
textarea:hover,
select:hover,
span.chosen-container-single .chosen-single:hover,
span.select2-container .select2-selection--single:hover {
  background: #e6ecee;
}

.management input,
.management textarea,
.management select {
  font-size: 13px;
}

select {
  -webkit-appearance: menulist-button;
  height: 38px;
}

span.chosen-container-single .chosen-single {
  height: auto;
  padding-top: 8px;
  padding-bottom: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

span.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #617279;
  line-height: unset;
  padding: 0;
}

span.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: auto;
}

.chosen-container {
  min-width: 90px;
}

div.chosen-container-single .chosen-single div b {
  background-position: 0 7px;
}

div.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 6px;
}

.management select,
.management_container select {
  height: auto;
}

textarea {
  overflow: auto;
  -webkit-transition: border-color 0.3s ease-out, background 0.3s ease-out;
  -moz-transition: border-color 0.3s ease-out, background 0.3s ease-out;
  -o-transition: border-color 0.3s ease-out, background 0.3s ease-out;
  transition: border-color 0.3s ease-out, background 0.3s ease-out;
}

input:hover,
input:focus,
input:active,
select:hover,
select:focus,
select:active,
textarea:hover,
textarea:focus,
textarea:active {
  color: #3a4f57;
  border: 1px solid #3a4f57;
  background: #e6ecee;
}

label {
  line-height: 33px;
}

.portlet label.nofloat > label:first-child {
  display: none;
}

.mailform_element {
  margin-bottom: 5px;
}

.mailform_element input,
.mailform_element textarea,
.login_form input {
  max-width: 100%;
}

.mailform_element .chosen-container {
  margin-top: 4px;
}

span.chosen-container-single .chosen-single {
  font-size: 15px;
  line-height: 25px;
  height: auto;
}

span.chosen-container .chosen-results li {
  font-size: 16px;
  line-height: 30px;
}

span.chosen-container-single .chosen-single div b {
  margin-top: 9%;
  height: 91%;
}

span.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #435b64;
}

span.select2-results__option {
  padding: 6px 15px;
}

li.select2-dropdown {
  background: #e6ecee;
  border-color: #3A4F57;
  color: #3A4F57;
}

span.select2-container.select2-container--open.chosen-container-single .chosen-single,
span.select2-container.select2-container--open .select2-selection--single {
  background: #e6ecee;
  border-color: #3A4F57;
}

/* --- checkbox --- */
.mailform_element.checkbox_field {
  position: relative;
  display: inline-block;
  width: 100%;
}

.mailform_element.checkbox_field p {
  width: calc(100% - 160px);
  float: right;
  position: relative;
}

.mailform_element.checkbox_field input[type=checkbox] {
  width: 20px;
  height: 20px;
  min-height: 0;
  float: left;
  margin: 6px 10px 0 0;
  opacity: 0;
  position: relative;
  cursor: pointer;
  z-index: 10;
}

.mailform_element.checkbox_field label {
  width: auto;
  float: none;
  overflow: hidden;
  cursor: pointer;
  display: block;
  padding: 0;
}

.mailform_element.checkbox_field label:after,
.mailform_element.checkbox_field label:before {
  content: "\f0c8";
  position: absolute;
  top: 6px;
  left: 1px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  pointer-events: none;
  color: #dadada;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  z-index: 2;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mailform_element.checkbox_field label:after {
  content: "\f14a";
  font-family: "Font Awesome 5 Pro";
  opacity: 0;
  visibility: hidden;
  font-weight: 700;
  color: #3a4f57;
  z-index: 4;
}

.mailform_element.checkbox_field input:checked + label:before {
  color: #3a4f57;
}

.mailform_element.checkbox_field input:checked + label:after {
  opacity: 1;
  visibility: visible;
}

/* ---------- Buttons ---------- */
a.button {
  display: block;
}

a.link_button {
  text-decoration: none !important;
}

.page_homepage .slide_text p.content_button > a,
a.button,
input.button,
.homepage_content > p > a,
#portlets_homepage a.portlet_content_link,
#portlets_homepage a.portlet-listing-more,
.content a.content_button,
.listing_entry_backlink a,
.listing-more-button,
button.button,
a.knowledge_db_detail_link,
.calc_main_article a.shop_show_details,
.portlets_article_detail .goto-cart,
.sub a.back-to-overview,
.knowledge_db_detail a.back-to-overview,
.login_form input.button {
  background-color: transparent;
  -webkit-appearance: none;
  border: 1px solid #2b3b41;
  text-decoration: none;
  padding: 8px 15px 7px;
  overflow: visible;
  float: none;
  display: inline-block;
  text-shadow: none;
  color: #435b64;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
  text-transform: none;
  letter-spacing: 0;
  font: 15px/25px "Gothic A1", Arial, sans-serif;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

body .portlets a.add_portlet_link {
  font: 16px/30px "Gothic A1", Arial, sans-serif;
}

a.knowledge_db_detail_link {
  margin-top: 10px;
  display: none;
}

.knowledge_db_detail a.back-to-overview {
  margin-top: 10px;
}

a.button.pay_with_paypal {
  margin-top: 15px;
}

.newsletter .button {
  color: #5a000a;
  border-color: #5a000a;
}

.page_homepage .slide_text p.content_button > a:hover,
.page_homepage .slide_text p.content_button > a:focus,
a.button:hover,
a.button:focus,
input.button:hover,
input.button:focus,
a.knowledge_db_detail_link:hover,
a.knowledge_db_detail_link:focus,
a.knowledge_db_detail_link:active,
.homepage_content > p > a:hover,
.homepage_content > p > a:focus,
.sub a.back-to-overview:hover,
.sub a.back-to-overview:focus,
.knowledge_db_detail a.back-to-overview:hover,
.knowledge_db_detail a.back-to-overview:focus,
.knowledge_db_detail a.back-to-overview:active,
.portlets_article_detail .goto-cart:hover,
.portlets_article_detail .goto-cart:focus,
#portlets_homepage a.portlet_content_link:hover,
#portlets_homepage a.portlet_content_link:focus,
#portlets_homepage a.portlet_content_link:active,
#portlets_homepage a.portlet-listing-more:hover,
#portlets_homepage a.portlet-listing-more:focus,
.content a.content_button:hover,
.content a.content_button:focus,
.listing_entry_backlink a:hover,
button.button:hover,
button.button:focus,
button.button:active,
.listing_entry_backlink a:focus,
.login_form input.button:hover,
.login_form input.button:focus,
.listing-more-button:hover,
.listing-more-button:focus,
div.shop-price-list .button,
.calc_main_article a.shop_show_details,
a.buy_button {
  background-color: #506d78;
  color: #fff;
  box-shadow: inset 0 -25px 25px rgba(0, 0, 0, 0.2);
}

div.shop-price-list .button:hover,
div.shop-price-list .button:focus,
.calc_main_article a.shop_show_details:hover,
.calc_main_article a.shop_show_details:focus,
a.buy_button:hover,
a.buy_button:focus {
  box-shadow: none;
  background: #3a4f57;
}

a.button:active,
input.button:active,
a.band-detail-backlink:active,
.homepage_content > p > a:active,
.sub a.back-to-overview:active,
.portlets_article_detail .goto-cart:active,
#portlets_homepage a.portlet-listing-more:active,
.content a.content_button:active,
.listing_entry_backlink a:active,
.login_form input.button:active,
.listing-more-button:active {
  background-color: #33474f;
  box-shadow: none;
}

div.shop-price-list .button:active,
.calc_main_article a.shop_show_details:active {
  box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.3), inset 0 10px 10px rgba(0, 0, 0, 0.3);
}

.newsletter .button:hover,
.newsletter .button:focus,
.newsletter .button:active {
  background-color: #5a000a;
}

.calc_main_article a.shop_show_details {
  margin: 20px 0 0;
  float: right;
}

a.band-detail-backlink {
  margin: 0 0 35px;
}

a.add_portlet_link {
  margin-top: 15px;
}

a.buy_button:before {
  display: inline;
  content: "c";
}

.shop_div a.shop_no_account:before,
.login_form .link_button:before {
  display: inline;
  content: "\f303";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 18px;
  top: 0;
  line-height: 25px;
}

.shop_div .order_form_or ~ a:before {
  display: inline;
  content: "a";
  font-size: 20px;
  top: 2px;
}

a.knowledge_db_detail_link:before {
  display: inline;
  content: "n";
  font-size: 20px;
  margin-right: -2px;
}

#mod_shop_order_form .margin .float_right.button {
  float: right;
}

#mod_shop_order_form .margin .float_right.button:before {
  display: inline;
  content: "n";
  font-size: 20px;
  margin-right: -1px;
}

#order_form_overview .button_bar_bottom a.float_left:before {
  display: inline;
  content: "p";
  font-size: 22px;
  margin-right: -1px;
  left: -8px;
}

a.buy_button.float_right {
  float: right;
}

.portlets_article_detail a.goto-cart:before,
a.button.buy_button:before {
  display: inline;
  content: "c";
  top: 12px;
}

.shop_registration_form > ul + .button {
  margin: 0 0 20px;
}

.shop_registration_form > ul + .button:before {
  display: inline;
  content: "k";
  font-size: 22px;
}

#management a.button {
  width: auto !important;
  cursor: pointer;
  background-color: #e0e0e0;
  color: #333;
  border: 1px solid #e0e0e0;
  padding: 4px 12px;
  text-decoration: none !important;
  font: bold 12px Arial, Helvetica, Verdana, sans-serif;
  margin: 0;
  outline: none;
  transition: all 0.15s ease-out;
}

#management table.order_details input {
  width: auto;
}

#management .button_bar_bottom input {
  float: left;
}

/* ---------- Additional stuff ---------- */
div.documents div.document {
  float: none;
  margin: 0 0 10px;
  background-position: left 2px;
}

div.documents:not(:first-child) {
  margin-top: 25px;
}
div.documents div.document a {
  text-decoration: none !important;
  text-transform: none;
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  text-shadow: none !important;
  color: #3A4F57;
  margin: 0;
}
div.documents div.document a:hover, div.documents div.document a:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  div.documents div.document a {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
div.documents div.document a.current, div.documents div.document a:hover, div.documents div.document a:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  div.documents div.document a {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  div.documents div.document a {
    display: none;
  }
}
div.documents div.document a span {
  text-decoration: none !important;
}

.required,
.mailform_error label {
  color: #9c0000 !important;
}

/* ---------- Mailform / Login ---------- */
.mailform_element label,
.edit_user_form label,
#mailform_submit_button label,
.login_form label,
label {
  float: left;
  width: 160px;
}

.mailform_element label,
.edit_user_form label,
#mailform_submit_button label,
.login_form label {
  padding-top: 2px;
}

label + strong:last-child {
  display: block;
  padding: 2px 0;
  overflow: hidden;
  line-height: 28px;
}

.login_infos label + strong:last-child {
  padding-top: 5px;
}

.mailform_element input,
.mailform_element textarea,
.login_form input,
input.mailform-submit.button,
.login_form .button {
  width: 420px;
  max-width: 100%;
}

.mailform_element .chosen-container {
  width: 420px !important;
}

div.chosen-container .chosen-results li.highlighted {
  background: #506d78;
  color: #fff;
  box-shadow: inset 0 -25px 25px rgba(0, 0, 0, 0.2);
}

.mailform_elements_part input,
.mailform_elements_part .chosen-container,
.mailform_elements_part textarea,
.mailform_elements_part .mailform_element.select_field select {
  max-width: 330px;
  width: 100%;
}

.mailform_elements_part.breit_wrap .breit input,
.mailform_elements_part.breit_wrap .breit .chosen-container,
.mailform_elements_part.breit_wrap .breit textarea,
.mailform_elements_part.breit_wrap .breit .mailform_element.select_field select {
  width: 500px !important;
  max-width: 100%;
}

input.mailform-submit.button,
.login_form .button {
  width: auto;
  margin-top: 10px;
}

.mailform_element input[type=checkbox],
.mailform_element input[type=radio] {
  width: auto;
  margin: 14px 8px 0 0;
}

.chosen-container {
  max-width: 100%;
}

.mailform_element textarea {
  height: 150px;
}

.helptext span {
  font-size: 12px;
}

.mailform_error label,
.required {
  color: #9c0000 !important;
  font-weight: 600;
}

.login_form p,
.mailform_element p {
  margin: 0 0 13px 0;
}

.login_form + p.p_lost_password {
  margin-top: 15px;
}

.login_form form + p.empty {
  display: block;
}

.mailform_elements_part {
  float: left;
  width: 50%;
}

.logged_in .mailform_elements_part {
  float: none;
  width: auto;
}

.mailform_elements_part .mailform_element ~ .mailform_element {
  margin-top: 15px;
}

.mailform_elements_part.breit_wrap label {
  float: none;
  width: auto;
  display: block;
  padding-right: 60px;
  max-width: 500px;
}

.mailform_elements_part.breit_wrap .helptext {
  position: relative;
  left: -34px;
  top: -1px;
}

.mailform_elements_part.breit_wrap .helptext > span {
  background: #999;
  border-color: #999;
}

.xls_import_filter_set .select2-container.select2-container--open.chosen-container-single .chosen-single,
.xls_import_filter_set .select2-container.select2-container--open .select2-selection--single,
.xls_import_filter_not_set .select2-container.select2-container--open.chosen-container-single .chosen-single,
.xls_import_filter_not_set .select2-container.select2-container--open .select2-selection--single {
  background: none;
}
.xls_import_filter_set .select2-container--open .select2-dropdown--below,
.xls_import_filter_not_set .select2-container--open .select2-dropdown--below {
  background: #fff;
  border-color: #c5ced2;
}
.xls_import_filter_set .select2-container--open .select2-dropdown,
.xls_import_filter_not_set .select2-container--open .select2-dropdown {
  top: -6px;
  left: -1px;
}
.xls_import_filter_set .search_filter > form > div > span.select2,
.xls_import_filter_not_set .search_filter > form > div > span.select2 {
  width: calc(100% + 2px) !important;
  max-width: calc(100% + 2px) !important;
}

/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
html body.system_page .content_wrap:after,
html body.system_page .sub,
body span.management_controls span.control_link > a:before,
html body.system_page .portlet_shop_categories,
html body.system_page .navi_main {
  display: none !important;
}

div#management div.button_bar_bottom {
  margin: 40px 0 0 !important;
}
div#management p:last-child {
  margin: 0 0 11px 0 !important;
}
div#management form input[type=radio] {
  min-height: 0;
}

body {
  --management-highlight-color: #6c693a;
  --management-highlight-color-rgb: 108, 105, 58;
}

.portlet .pictures .management_controls {
  display: none !important;
}

/* ---------- Message ---------- */
.message {
  border: 1px solid #9c0000;
  color: #fff;
  background: #9c0000 none;
  font-weight: 700;
  padding: 11px 16px 8px 51px;
  margin: 20px 0;
  font-size: 13px;
  border-radius: 5px;
  position: relative;
}
.message p {
  margin-bottom: 5px;
}
.message ul {
  margin-bottom: 0;
  margin-left: 14px;
}

.message a {
  color: #fff;
}
.message a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.content_inner > .message:first-child {
  margin: 0;
  border-radius: 5px 5px 0 0;
}

.message:before {
  content: "i";
  display: block;
  margin: 0;
  color: #fff;
  font: 35px/20px "fontastic";
  position: absolute;
  left: 12px;
  top: 14px;
}

.content_no_bg .message,
.content_no_bg ~ .message,
.content_wrap > .message {
  margin-bottom: 40px;
}

/* ---------- Pagination ---------- */
.pagination {
  margin: 35px auto 0;
  display: table;
  position: relative;
  text-align: center;
}

.shop_products > .pagination {
  margin-bottom: 40px;
}

.pagination .pagination-numbers,
.pagination .pagination-links {
  float: none;
}

.pagination .pagination-numbers {
  margin: 0 36px;
}

.pagination .pagination-numbers > a,
.pagination .pagination-numbers > span,
.pagination .pagination-links a {
  display: block;
  line-height: 35px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  font-weight: bold;
  font-size: 15px;
  padding: 0;
  text-decoration: none;
  color: #fff;
  background: #9f9f9d;
  text-align: center;
}

.pagination .pagination-links a {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  font-size: 0;
}

.pagination .pagination-links a:before {
  content: "p";
  position: relative;
  left: -1px;
  font: 20px/31px "fontastic";
}

.pagination .pagination-links a + a {
  left: auto;
  right: 0;
}

.pagination .pagination-links a + a:before {
  content: "n";
  left: 1px;
}

.pagination .pagination-links a.inactive {
  display: none;
}

.pagination .pagination-numbers > a:hover,
.pagination .pagination-links a:hover,
.pagination a.current {
  color: #fff;
  background: #7e7e7d;
}

.pagination .pagination-numbers > a,
.pagination .pagination-numbers > span {
  margin-right: 1px;
}

.action_button.button.add_portlet_action {
  display: block !important;
}

/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
/* ---------- Listing ---------- */
.mod_listing .listing_content {
  display: none;
}
.mod_listing #portlets_popular_wrap,
.mod_listing #picture_listing_top {
  display: none;
}

.module-listing {
  padding: 0;
}

.listing_entry .pictures :nth-last-child(2) {
  margin-bottom: 0;
}

.listing_entry {
  margin: 0;
  padding: 70px 0 0 0;
  position: relative;
}

.listing_entry_with_picture {
  margin-top: -30px;
}

.listing_entry h2,
.listing_entry h2 a {
  font: 60px/64px "Allura", cursive;
  text-transform: none;
  margin-top: 0;
}

.listing_entry .listing-date {
  font-weight: 700;
}

.listing_entry .listing-content {
  overflow: hidden;
}

.listing_entry .resource_container {
  float: left;
  margin: 0 50px 0 0;
  max-width: 65%;
  position: relative;
}

.listing_entry:nth-child(odd) .resource_container {
  margin: 0 0 0 50px;
  float: right;
}

.listing_entry .resource_container.pictures span {
  box-shadow: none;
}

.listing_entry .resource_container .picture {
  padding: 0;
  width: 100%;
}

.slide span, .pictures span {
  box-shadow: none;
}

.listing_entry .resource_container .picture img {
  display: block;
  width: 100%;
  height: auto;
}
.listing_entry .resource_container .picture img.lazyload, .listing_entry .resource_container .picture img.lazyloading, .listing_entry .resource_container .picture img.lazypreload {
  min-width: 400px;
}

.listing_entry_backlink a,
.listing-more-button {
  margin: 20px 0 0 0;
  display: inline-block;
  text-decoration: none;
}

.listing_entry_detail_pictures + .content_no_bg_inner {
  margin-top: 70px;
}
@media screen and (max-width: 930px) {
  .listing_entry_detail_pictures + .content_no_bg_inner {
    margin-top: 50px;
  }
}
@media screen and (max-width: 600px) {
  .listing_entry_detail_pictures + .content_no_bg_inner {
    margin-top: 30px;
  }
}
@media print {
  .listing_entry_detail_pictures + .content_no_bg_inner {
    margin-top: 30px;
  }
}

.listing_actions {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 10;
}

.listing_entry_with_picture .listing_content_container {
  position: relative;
  overflow: hidden;
  padding: 6% 0 9%;
}

body.css_landingpage #mixItUp .white_box_picture_right_fullscreen .listing-entry-inline .pictures .picture:not(.picture_0) {
  display: none;
}

.listing_property_filter {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #C4CDD1;
  padding: 20px;
  justify-content: space-between;
}
.listing_property_filter form {
  display: flex;
  align-items: flex-end;
}
.listing_property_filter form .listing_reset_filter {
  position: absolute;
  top: 15px;
  right: 20px;
  text-decoration: none;
  font-weight: 700;
  color: #3A4F57;
}
.listing_property_filter form .listing_reset_filter:hover {
  color: #000000;
}
.listing_property_filter form .p_select2 {
  margin-bottom: 0;
  flex: 0 0 25%;
}
.listing_property_filter form .p_select2:not(:first-child) {
  margin-left: 20px;
}
.listing_property_filter form .p_select2 label {
  width: 100%;
  font-weight: 800;
  color: #31302E;
}
.listing_property_filter form .listing_search_wrap {
  flex-grow: 1;
  display: flex;
  width: 100%;
  margin-left: 20px;
  align-items: center;
}
.listing_property_filter form .listing_search_wrap input {
  width: 100%;
}
.listing_property_filter form .listing_search_wrap input::-webkit-input-placeholder {
  color: #617279;
  opacity: 1;
  text-transform: normal;
}
.listing_property_filter form .listing_search_wrap input:-moz-placeholder {
  color: #617279;
  opacity: 1;
  text-transform: normal;
}
.listing_property_filter form .listing_search_wrap input::-moz-placeholder {
  color: #617279;
  opacity: 1;
  text-transform: normal;
}
.listing_property_filter form .listing_search_wrap input:-ms-input-placeholder {
  color: #617279;
  opacity: 1;
  text-transform: normal;
}
.listing_property_filter form .listing_search_wrap .listing_search_filter {
  width: 100%;
}
.listing_property_filter form .listing_search_wrap .listing_search_buttons {
  padding-left: 10px;
  position: relative;
}
.listing_property_filter form .listing_search_wrap .listing_search_buttons:before {
  content: "\f002";
  position: absolute;
  top: 12px;
  left: 28px;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  text-transform: none;
  color: #fff;
  font-weight: 900;
}
.listing_property_filter form .listing_search_wrap .listing_search_buttons input.button {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  background: #506B76;
  border-color: #2B3B41;
  color: #fff;
  font-weight: 700;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
  padding-left: 40px;
}
.listing_property_filter form .listing_search_wrap .listing_search_buttons input.button:hover, .listing_property_filter form .listing_search_wrap .listing_search_buttons input.button:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .listing_property_filter form .listing_search_wrap .listing_search_buttons input.button {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.listing_property_filter form .listing_search_wrap .listing_search_buttons input.button.current, .listing_property_filter form .listing_search_wrap .listing_search_buttons input.button:hover, .listing_property_filter form .listing_search_wrap .listing_search_buttons input.button:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .listing_property_filter form .listing_search_wrap .listing_search_buttons input.button {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .listing_property_filter form .listing_search_wrap .listing_search_buttons input.button {
    display: none;
  }
}
.listing_property_filter form .listing_search_wrap .listing_search_buttons input.button:hover, .listing_property_filter form .listing_search_wrap .listing_search_buttons input.button:focus {
  background: #2B3B41;
  color: #fff;
}
.listing_property_filter .select2-container {
  width: 100% !important;
  position: relative;
}
.listing_property_filter .select2-container:before {
  content: "\f078";
  position: absolute;
  top: 13px;
  left: auto;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  text-transform: none;
  color: #535254;
  right: 13px;
  z-index: 1;
}
.listing_property_filter .select2-container.select2-container--default .select2-search--inline .select2-search__field {
  min-height: 0;
  margin-top: 8px;
  padding-left: 5px;
}
.listing_property_filter .select2-container.select2-container--default .select2-selection--multiple {
  max-height: 42px;
  overflow: auto;
  min-height: 42px;
  border-color: #DADADA;
  background: #F9F9F9;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding-right: 30px;
  box-sizing: border-box;
  position: relative;
}
.listing_property_filter .select2-container.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .listing_property_filter .select2-container.select2-container--default:hover .select2-selection--multiple {
  border-color: #3A4F57;
  background: #e6ecee;
}
.listing_property_filter .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 4px 8px;
  margin-bottom: -6px;
}
.listing_property_filter .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin-top: 3px;
  border: 1px solid #c8c8c8;
  background: #e7e7e7;
  border-radius: 4px;
  color: #535254;
  font-size: 13px;
  line-height: 23px;
  padding-top: 2px;
  font-weight: 600;
  letter-spacing: -0.2px;
}
.listing_property_filter .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
  float: right;
  height: 17px;
  font-size: 15px;
  margin: 1px 0 0 3px;
  color: rgba(83, 82, 84, 0.6);
}
.listing_property_filter .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:hover {
  color: #000000;
}

.listing-no-results {
  padding: 20px 0;
}

.mod_action_reset_filter .content_wrap:after,
.mod_action_filter_entries .content_wrap:after {
  display: none;
}

/* ---------- Overview ---------- */
.mod_overview.no_mod_action .content_no_bg {
  padding-bottom: 0;
}

#mod_overview {
  position: relative;
  margin-bottom: 25px;
  background: #fff;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #c5ced2;
}

.mod_overview_inner {
  overflow: hidden;
  border-radius: 8px;
}

#overview_title_content {
  padding: 0 0 20px;
}

div.overview_item {
  margin-top: 0;
  margin-right: 0;
}

div.overview_item h2 {
  margin: 5px 0;
}

div.overview_item h2 a {
  font-size: 34px;
}

.overview_item .content,
.portlets_bottom .shop_article_information_title,
.calc_other_articles .shop_article_title_content {
  background: none;
  border-radius: 0;
  border: 0;
  padding: 12px 30px;
  box-shadow: none;
}

.overview_item .content .introduction:empty {
  display: none;
}

/* ---------- Google Maps ---------- */
.gmap-map > div {
  height: 0 !important;
  padding: 0 0 39.1%;
}

div.infowindow h2 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 5px 0;
  line-height: 22px;
}

div.infowindow p {
  margin-bottom: 0;
}

/* ---------- Knowledge DB ---------- */
.mod_knowledge_db.mod_action_show_entry .content_no_bg {
  overflow: hidden;
}

div#knowledge_db_entries {
  padding: 0 0 20px;
  clear: both;
}

div.knowledge_db_filter,
.knowledge_db_entries,
.xls_import_filter {
  position: relative;
  padding: 0;
  margin: 0;
}

.xls_import_filter {
  margin: 0 0 42px;
}

div.knowledge_db_filter {
  margin: 50px 0 0;
}

.knowledge_db_entries,
div.filter_data {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #c7d0d4;
}

div.filter_data {
  overflow: hidden;
}

#knowledge_db_entry_resources + .pictures {
  display: none;
}

.knowledge_db_entries {
  margin: 20px 0 0;
}

.num_of_entries {
  display: none;
}

.knowledge_db_filter a.button:before,
.xls_import_filter a.button:before {
  content: "s";
  display: inline-block;
  left: 0;
  margin: 0;
  transition: all 0.25s;
}

.knowledge_db_filter a.button span,
.xls_import_filter a.button span {
  display: none;
}

.search_filter > form > .filter_reset {
  position: absolute;
  top: -40px;
  right: 0;
  opacity: 0.6;
}

#knowledge_db_entries div.category_selection {
  margin: 25px 0 0;
}

#knowledge_db_entries div.category_selection > div {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

#knowledge_db_entries div.category_selection p {
  margin: 0 0 5px;
}

#knowledge_db_entries div.category_selection > h2 {
  display: none;
}

div.knowledge_db_filter div.sort_selection {
  display: none !important;
}

#knowledge_db_entries div.filter_data > div,
.xls_import_filter form > div {
  display: inline-block;
  vertical-align: top;
}

.xls_import_filter form {
  margin-right: 75px;
}

.xls_import_filter form > div {
  float: none;
  width: 65%;
  position: relative;
  margin: 0;
}

.xls_import_filter form > div ~ div {
  width: 35%;
  float: left;
}

#knowledge_db_entries div.filter_data > .cf {
  display: none;
}

#knowledge_db_entries a.button,
.xls_import_filter a.button {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
}

.xls_import_filter a.button {
  float: none;
}

#knowledge_db_entries a.button:before,
.xls_import_filter a.button:before {
  font-size: 42px;
  color: #dcdcdc;
}

#knowledge_db_entries a.button:hover:before,
.xls_import_filter a.button:hover:before {
  color: #999;
}

.knowledge_db_filter .filter_reset {
  position: absolute;
  right: 0;
  top: -30px;
  text-decoration: none;
  opacity: 0.6;
}

#knowledge_db_entries div.filter_data div.topic_selection {
  width: 35%;
}

#knowledge_db_entries div.filter_data div.text_filter {
  width: 65%;
}

#knowledge_db_entries div.filter_data div.topic_selection *,
#knowledge_db_entries div.filter_data div.text_filter *,
.xls_import_filter form > div * {
  width: 100%;
  margin: 0;
  display: block;
}

#knowledge_db_entries div.filter_data div.topic_selection select,
#knowledge_db_entries div.filter_data div.text_filter input,
.xls_import_filter form div input,
.xls_import_filter form div select {
  height: 70px !important;
  font-size: 18px;
  line-height: 50px;
  background: none;
  border-radius: 0;
  border: 0;
  position: relative;
  padding: 10px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.xls_import_filter form div .chosen-container-single .chosen-single,
.xls_import_filter form div .select2-container .select2-selection--single {
  height: 70px !important;
  font-size: 18px;
  line-height: 50px;
  background: none;
  border-radius: 0;
  border: 0;
  position: relative;
  padding: 10px 20px;
}

.xls_import_filter form div .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

#knowledge_db_entries div.filter_data div.topic_selection {
  position: relative;
}

#knowledge_db_entries div.filter_data div.topic_selection:after,
.xls_import_filter form > div ~ div:after {
  content: "d";
  font: 42px/28px "fontastic";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -13px;
  color: #dcdcdc;
  transition: all 0.2s;
  pointer-events: none;
}

#knowledge_db_entries div.filter_data div.topic_selection:hover:after,
.xls_import_filter form > div ~ div:hover:after {
  color: #666;
}

#knowledge_db_entries div.filter_data div.topic_selection select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

#knowledge_db_entries div.filter_data div.text_filter input {
  border-left: 1px solid #c7d0d4;
}

#knowledge_db_entries div.filter_data div.text_filter label {
  display: none;
}

.xls_import_filter form > div ~ div {
  box-shadow: 1px 0 0 #c7d0d4;
}

div.knowledge_db_entry {
  width: 33.31%;
}

.knowledge_db_picture,
.knowledge_db_no_picture {
  float: none;
  margin: -25px -29px 25px -30px;
}

.knowledge_db_text.with_picture {
  float: none;
  width: auto;
}

.knowledge_db_text.with_picture h2 {
  margin-top: 0;
}

.knowledge_db_entry_pictures .picture {
  float: none;
}

.knowledge_db_no_picture {
  background: #e7e7e7;
  height: 0;
  padding: 0 0 70.5%;
  position: relative;
}

.knowledge_db_no_picture:after {
  content: "j";
  font: 100px/100px "fontastic";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  color: #d9d9d9;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.knowledge_db_entry .options {
  z-index: 50;
}

/* ---------- Shop ---------- */
.portlets_article_detail ~ .content_shop_inner {
  overflow: hidden;
}

.main_shop_wrap > .shop_category_picture {
  display: none;
}

.shop_category_overview_container {
  margin: -26px -27px -26px -25px;
  display: flex;
  flex-flow: wrap;
}
.shop_category_overview_container .show_all_articles_in_category {
  display: none;
}

.mod_action_registered .message ~ div .shop_category_overview_container {
  margin-top: 0;
  margin-right: -37px;
  margin-left: 0;
}

.portlets_shop ~ .content_inner .shop_category_overview_container {
  min-height: 365px;
}

.content_header {
  padding: 21px 30px 18px;
  border-bottom: 1px solid #C4CDD1;
}

.content_header h1 {
  margin: 0;
  padding: 0;
}

.article_sorter_wrap {
  float: right;
  padding: 8px 0 0;
}

.shop_products_empty {
  padding: 25px;
  text-align: center;
  font-size: 16px;
}

div.shop_category div.category_actions {
  top: 0;
  z-index: 90;
}

.main_shop_wrap > .shop_category_description {
  display: none;
}

.shop_products {
  margin: -25px -27px -26px -25px;
  min-height: 365px;
  display: flex;
  flex-flow: wrap;
}

.shop_article,
.knowledge_db_entry,
.calc_other_articles .shop_article,
.shop_category_overview_container div.shop_category {
  position: relative;
  display: inline-block;
  width: 33.33%;
  vertical-align: top;
  margin: 0;
  padding: 25px 30px;
  box-shadow: -1px 0 0 #c4cdd1, 0 -1px #c4cdd1, inset -1px 0 #c4cdd1, inset 0 -1px #c4cdd1;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.shop_article {
  /* 	box-shadow: -1px 0 0 #c4cdd1, 0 -1px 0 #c4cdd1, inset 0 -1px 0 #c4cdd1; */
}
.shop_article .inner {
  position: static !important;
}

.calc_other_articles .shop_article,
.shop_category_overview_container div.shop_category {
  box-shadow: -1px 0 0 #c4cdd1, inset 0 1px #c4cdd1, inset -1px 0 #c4cdd1, 0 1px 0 #c4cdd1;
}

.shop_category_overview_container div.shop_category {
  width: 25%;
}

.shop_category_0 .shop_category_overview_container div.shop_category {
  width: 33.33%;
}

.portlets_shop ~ .content_inner .shop_category_overview_container div.shop_category {
  width: 33.33%;
}

.shop_category_overview_container div.shop_category h2 {
  margin: 25px 0 0;
}

body.mod_shop:not([class*=shop_subcategory_]) #portlets_shop,
.shop_subcategory_0 .shop_category_overview_container div.shop_category ~ .shop_category ~ .shop_category ~ .shop_category {
  display: none;
}

.shop_category_overview_container div.shop_category h2,
.shop_category_overview_container div.shop_category h2 a {
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: #617279;
}

.shop_article .shop_actions {
  float: none !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
}

.shop_article .resource_container.pictures,
.shop_article .resource_container.pictures .picture,
.shop_category .resource_container.pictures,
.shop_category .resource_container.pictures .picture {
  float: none;
}

.shop_article_title_content > *,
.shop-price-overview {
  display: none;
}

.portlets_bottom .shop_article_information_title,
.shop_article_title_content > h2 {
  display: block;
}

.portlets_bottom .shop_article_information_title,
.portlets_bottom .shop_article_information_title > a,
.shop_article_title_content > h2,
.shop_article_title_content > h2 a {
  text-transform: none;
  font-weight: 400;
  margin-bottom: 0;
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  color: #617279;
  font-weight: 800;
}

.shop_article .shop_show_details,
.item_detail_link {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 7;
  box-shadow: none;
  transition: all 0.25s;
}

.shop_article .shop_show_details:hover,
.item_detail_link:hover,
.account_actions > a:hover:after,
.account_actions > a.clicked:after,
#portlet_shop_23 .ca-item:hover {
  box-shadow: inset 0 0 20px 10px #eaedf0;
  box-shadow: inset 0 0 20px 10px rgba(165, 178, 190, 0.25);
}

.shop_article .shop_show_details span {
  display: none;
}

.add_to_wishlist_container {
  margin: 0 0 10px;
  font-size: 14px;
}

.shop_add_to_wishlist .fa {
  display: none;
}

.add_to_wishlist_container a {
  text-decoration: none;
}

div.add_to_wishlist_container a:before {
  display: inline;
  content: "f";
  font-size: 18px;
  color: #3a4f57;
  top: 6px;
}

.add_to_wishlist_container .success_span img,
.add_to_wishlist_container a img,
.shop_quantity_to_cart {
  display: none;
}

#shop-category-li-43,
#shop-category-li-45 {
  display: none;
}

/* --- Special --- */
.shop_special_1,
.shop_special_detail_1 {
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -999px;
  overflow: hidden;
  width: 82px;
  height: 82px;
  z-index: 5;
  border-radius: 0 !important;
  background: url(../img/swissmade.png) no-repeat;
}

#article_detail_pictures .shop_special_detail_1 {
  right: -1px;
  z-index: 1200;
}

/* --- Detail --- */
#shop_article_properties_table {
  margin: 0;
}

#shop_article_properties_table td:first-child {
  min-width: 150px;
}

#shop_article_properties_table td:first-child,
.shop_article_information table td:first-child {
  max-width: 40%;
}

.shop-introduction ~ #shop_article_properties_table {
  margin-top: -10px;
}

.price_with_tax {
  display: block;
  float: left;
  clear: both;
  margin-top: -8px;
  font-size: 13px;
}

.shop_registration_form .select2-container {
  width: 320px !important;
  min-width: 100px;
}

.currency_chf .price_with_tax {
  display: none;
}

#mod_shop_article_detail .portlets_shop {
  display: none;
}

#article_detail_tabs_wrap {
  display: none;
}

#article_detail_tabs_main_wrap {
  overflow: hidden;
}

.article_detail_tab {
  border-top: 1px solid #c4cdd1;
}

#article_detail_description {
  padding: 22px 27px;
}
#article_detail_description .videos {
  margin-top: 40px;
}

#resource_container_shop_40_videos #video_1735 {
  height: auto;
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 350px;
}

#mod_shop_article_detail .shop-price,
.shop-price-list {
  float: none;
  max-width: none;
}

#mod_shop_article_detail .shop-price {
  margin-top: 30px;
}
#mod_shop_article_detail .article_subtitle,
#mod_shop_article_detail .article_subtitle2 {
  display: none;
}

.shop-regular-price-reduced {
  font-size: 120%;
  font-weight: 400;
  font-style: italic;
  float: left;
  margin: 0 0 3px;
}

* ~ .shop-regular-price-reduced {
  margin-top: -22px;
}

.shop-regular-price,
.shop-reduced-price {
  float: left;
  clear: left;
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  color: #31302E;
  font-weight: 900;
  letter-spacing: 0;
  margin-top: 5px;
  display: flex;
}
@media screen and (max-width: 930px) {
  .shop-regular-price,
.shop-reduced-price {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  .shop-regular-price,
.shop-reduced-price {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  .shop-regular-price,
.shop-reduced-price {
    font-size: 18px;
    line-height: 24px;
  }
}

.shop-price-by-arrangement {
  text-align: left;
  font-size: 16px;
}

.shop-article-not-available {
  float: none;
  margin: -5px 0 15px;
}

#article_detail_pictures {
  width: 50% !important;
  margin: 0;
  padding: 0;
  box-shadow: 1px 0 0 #c4cdd1;
  position: relative;
}

#article_detail_pictures .pictures,
#article_detail_pictures .pictures .picture {
  float: none;
  border-radius: 0;
  overflow: hidden;
}

.main_shop_wrap .shop_article .pictures {
  position: relative;
  overflow: hidden;
}

div#article_detail_pictures .pictures .picture > *,
.main_shop_wrap .shop_article .pictures .picture,
.shop_category_overview_container .shop_category .pictures .picture {
  height: 0;
  padding-bottom: 90%;
  position: relative;
}

.main_shop_wrap .shop_article .pictures .picture,
.shop_category_overview_container .shop_category .pictures .picture {
  padding-bottom: 80%;
}

#article_detail_pictures .pictures .picture > * > *,
.main_shop_wrap .shop_article .pictures .picture > *,
.shop_category_overview_container .shop_category .pictures .picture > * {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#article_detail_pictures .pictures .picture picture,
.main_shop_wrap .shop_article .pictures .picture .resource_link,
.main_shop_wrap .shop_article .pictures .picture picture,
.shop_category_overview_container .shop_category .pictures .picture picture {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
#article_detail_pictures .pictures .picture picture img,
.main_shop_wrap .shop_article .pictures .picture .resource_link img,
.main_shop_wrap .shop_article .pictures .picture picture img,
.shop_category_overview_container .shop_category .pictures .picture picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

div.shop_category div.resource_container.pictures div.resource.picture a.resource_link {
  padding-bottom: 80%;
}

#article_first_picture > .pictures > .picture + .picture {
  display: none;
}
#article_first_picture span.slick-arrow {
  position: relative;
  z-index: 5;
}
#article_first_picture span.slick-arrow.slick-arrow-right {
  margin-left: auto;
  bottom: 0;
  right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#article_first_picture span.slick-arrow.slick-arrow-left {
  position: absolute;
  bottom: 10px;
  right: calc(var(--icon-width) + 30px);
}
#article_first_picture .slick-slide,
#article_first_picture .slick-list {
  margin: 0;
}

#article_detail_pictures .pictures img,
.main_shop_wrap .shop_article .pictures .picture img,
.shop_category_overview_container .shop_category .pictures .picture img {
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 90%;
  border-radius: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.main_shop_wrap .shop_article .pictures .picture img {
  position: relative;
}

#article_detail_pictures #article_detail_thumbnails .pictures img {
  min-width: 0;
  min-height: 0;
}

.main_shop_wrap .shop_article .pictures .picture img,
.shop_category_overview_container .shop_category .pictures .picture img {
  max-height: 100%;
  max-width: 100%;
}

.message ~ .main_shop_wrap #article_detail_pictures .pictures,
.message ~ .main_shop_wrap #article_detail_pictures .pictures .picture,
.message ~ .main_shop_wrap #article_detail_pictures .pictures img {
  border-radius: 0;
}

div#article_detail_thumbnails .pictures {
  margin: 0 0 0 -1px;
}

div#article_detail_thumbnails .pictures .picture {
  width: 20%;
  float: left;
  margin: 0;
  padding: 1px 0 0 1px;
  opacity: 1;
  cursor: pointer;
  transition: all 0.25s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

div#article_detail_thumbnails .pictures .picture:hover {
  opacity: 0.8;
}

div#article_detail_thumbnails .pictures .picture.active {
  opacity: 0.4;
}

#mod_shop_article_detail .shop_article_information {
  padding: 28px 33px;
  box-shadow: inset 1px 0 0 #c4cdd1;
  position: relative;
}
#mod_shop_article_detail .shop_article_information .shop_article_description {
  display: none;
}

.shop_article_description table {
  width: auto;
  min-width: 65%;
}

.shop_article_information h1 {
  font-size: 32px;
  line-height: 38px;
  font-family: "Gothic A1";
  font-weight: 900;
  color: #3A4F57;
  margin: 0 0 22px 0;
  padding: 0;
  color: #000000;
}
@media screen and (max-width: 930px) {
  .shop_article_information h1 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .shop_article_information h1 {
    font-size: 23px;
    line-height: 29px;
    margin-bottom: 10px;
  }
}
@media print {
  .shop_article_information h1 {
    font-size: 23px;
    line-height: 29px;
    margin-bottom: 10px;
  }
}
.shop_article_information p {
  margin: 0 0 10px;
  padding: 0;
}

.article_weight > span:first-child {
  display: inline-block;
}

.shop_article_information p.article_number {
  margin: -18px 0 18px;
  padding-bottom: 18px;
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: #617279;
  text-transform: none;
  border-bottom: 1px solid #C4CDD1;
}

.shop_add_to_cart_container {
  margin: 0;
  padding-top: 0;
}

div.shop-price-list .button {
  margin: 0;
  float: none;
  display: inline-block;
}

.brand_image {
  margin: 40px 0;
  width: 180px;
}

.brand_image img {
  width: 100%;
  height: auto;
}

#brand_image_detail .overview_item {
  width: 330px;
  padding: 30px 25px;
  box-shadow: none;
  border: 0;
}

#brand_image_detail .item_detail_link {
  display: none;
}

#brand_image_detail p {
  margin: 0;
}

.brand_image_wrap {
  width: 250px;
  margin: 0 auto 20px;
}

.brand_image_wrap img {
  width: 100%;
  height: auto;
}

.brand_image_wrap + span {
  font-weight: 600;
  display: block;
  text-decoration: none;
}

.mod_action_show_article .fancybox-skin {
  background: #fff;
  border-radius: 5px !important;
}

nav.sub .back-to-overview {
  float: right;
  margin: 0;
}

.mod_knowledge_db nav.sub .back-to-overview {
  margin-top: -14px;
  position: relative;
  top: 7px;
}

nav.sub .back-to-overview span:first-child {
  display: none;
}

nav.sub .back-to-overview span:last-child {
  display: block;
}

a.button.buy_button,
.portlets_article_detail a.goto-cart,
.add_to_cart_button,
.back-to-overview {
  position: relative;
  padding-left: 42px !important;
}

.back-to-overview {
  padding: 10px;
  line-height: 23px;
}

.portlets_article_detail a.goto-cart:before,
a.button.buy_button:before,
.add_to_cart_button span:before,
.back-to-overview span:last-child:before {
  content: "\f07a";
  font-size: 19px;
  line-height: 25px;
  font-weight: 300;
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 7px;
  left: 12px;
}

.main_shop_wrap > .category_back_button.back-to-overview {
  display: none;
}

/* --- Accessory --- */
.shop_article_accessories_wrap h3 {
  padding-right: 80px !important;
}

#article_detail_accessories {
  border: 0;
  display: flex;
  flex-flow: wrap;
}
#article_detail_accessories .slick-slide,
#article_detail_accessories .slick-list {
  margin: 0;
}
#article_detail_accessories .slick-list {
  width: 100%;
}
#article_detail_accessories span.slick-arrow {
  position: absolute;
  top: calc(-1 * var(--icon-width) - 17px);
  right: 20px;
}
#article_detail_accessories span.slick-arrow.slick-arrow-left {
  right: calc(var(--icon-width) + 30px);
}

.shop_article_accessories_wrap .shop_article {
  width: 25%;
}

.shop_article_accessories_wrap .shop_article .shop_actions {
  display: none;
}

#article_detail_accessories .shop_article {
  margin-top: 0;
}

.shop_article_accessories_wrap {
  position: relative;
}
.shop_article_accessories_wrap img {
  aspect-ratio: 3/2;
  object-fit: contain;
}

.accessory_control_wrap {
  position: absolute;
  right: 29px;
  left: auto;
  top: 14px;
  width: 90px;
  display: flex;
  justify-content: space-between;
}
.accessory_control_wrap .accessory_control_next {
  order: 2;
}

.accessory_control a {
  float: left;
  font-size: 25px;
  color: #8da6b0;
  width: auto;
  margin-left: 10px;
}

.accessory_control a:hover {
  color: #3a4f57;
}

.accessory_control_next a {
  float: right;
}

/* --- Category overview --- */
.shop_category_overview_container ~ .shop_products {
  display: none;
}

/* --- Cart --- */
.mod_action_order_form .content_shop_inner,
.mod_action_order_form_login .content_shop_inner {
  overflow: hidden;
  padding: 0 30px 25px 0;
  margin: 0 0 -25px 0;
}

.system_page.mod_shop.logged_in .portlets_article_detail,
.mod_action_backoffice.mod_shop.logged_in .portlets_article_detail,
.mod_action_show_stats.mod_shop.logged_in .portlets_article_detail,
.mod_action_order_details.mod_shop.logged_in .portlets_article_detail {
  display: none;
}

.system_page.mod_shop.logged_in .portlets_article_detail ~ .content_shop_inner,
.mod_action_backoffice.mod_shop.logged_in .portlets_article_detail ~ .content_shop_inner,
.mod_action_show_stats.mod_shop.logged_in .portlets_article_detail ~ .content_shop_inner,
.mod_action_order_details.mod_shop.logged_in .portlets_article_detail ~ .content_shop_inner {
  padding-right: 0;
  box-shadow: none;
}

tr.shipping td {
  background: none;
}

.edit_address_link img {
  display: none;
}

.edit_address_link {
  position: absolute;
  top: 25px;
  right: 10px;
}

.shop_div fieldset {
  position: relative;
}

.edit_address_link a {
  font-size: 0;
  text-decoration: none;
}

.edit_address_link a:after {
  content: "b";
  font: 26px/26px "fontastic";
  text-decoration: none;
  color: #3a4f57;
  transition: all 0.2s;
}

.edit_address_link a:hover:after {
  color: #000;
}

#process_order_registration,
.shop_registration_form {
  clear: both;
  overflow: visible;
}

.refresh_button:before,
.empty_cart_button:before,
.link_button:before,
.button:before,
.knowledge_db_detail_link:before,
.calc_main_article a.shop_show_details:before,
.portlets_article_detail .goto-cart:before,
.add_to_wishlist_container a:before {
  content: "";
  font-size: 28px;
  line-height: 10px;
  font-family: "fontastic";
  position: relative;
  top: 9px;
  left: -2px;
  margin-right: 3px;
  vertical-align: top;
}

.link_button:before,
.button:before {
  display: none;
}

.empty_cart_button:before {
  content: "e";
  display: inline;
}

.refresh_button:before {
  content: "r";
  display: inline;
}

.back-to-overview span:last-child:before {
  font-size: 28px;
  font-family: "fontastic";
  position: absolute;
  top: 9px;
  left: 10px;
  content: "g";
  display: inline;
}

.calc_main_article a.shop_show_details:before {
  content: "i";
  display: inline;
  top: 11px;
  font-size: 33px;
  margin-right: -6px;
  left: -8px;
}

.shop_div form p,
.shop_registration_form p,
.shop_div fieldset p {
  margin: 0 0 5px;
  clear: left;
}

.shop_div fieldset {
  border: none;
  border-radius: 5px;
  padding: 0;
}
.shop_div fieldset legend {
  padding: 0;
  font-weight: 800 !important;
}

.shop_div fieldset legend {
  padding: 0 5px;
  margin: 0 -5px;
  background: #fff;
  font-weight: 600;
}

.user_registration_form fieldset label ~ strong {
  font-weight: 400;
}

fieldset.user_address_fieldset p {
  margin: 0;
}

.user_address_fieldset p * {
  font-weight: normal;
  padding: 0;
  line-height: 26px;
}

#cart_container table td:first-child {
  min-width: 200px;
}
#cart_container table td:first-child + td {
  white-space: nowrap;
  width: 80px;
  min-width: 80px !important;
}

.order_form_or {
  display: inline-block;
  float: none;
}

table.shop-cart + p {
  text-align: right;
}

table.shop-cart tr.total th {
  border-top: 2px solid #000;
  font-weight: bold;
}

table.shop-cart tr.subtotal th {
  border-top: 0;
  border-bottom: 1px solid #c8d0d4;
  color: #3a4f57;
}

.mod_action_manage_countries .portlets_article_detail {
  display: none;
}

.mod_action_manage_countries .content_shop_inner {
  box-shadow: none !important;
  padding-right: 0 !important;
}

p.order_form_checkboxes {
  padding-left: 0;
}

.mod_action_order_form .payment-method label,
#knowledge_db_entries div.category_selection label {
  cursor: pointer;
}

.p_remember_me_checkbox label.checkbox,
.mod_action_order_form .payment-method label > span,
#knowledge_db_entries div.category_selection p span {
  display: inline-block;
  padding-left: 30px;
  position: relative;
}

.p_remember_me_checkbox label.checkbox,
#knowledge_db_entries div.category_selection p span {
  padding-left: 30px;
}

input#remember_me {
  width: 0;
  height: 0;
  margin: 0;
  display: none;
}

label.label_remember_me_checkbox label.checkbox {
  font-size: 100%;
  display: block;
  padding-top: 0;
  line-height: 28px;
}

.p_remember_me_checkbox label.checkbox:before,
.p_remember_me_checkbox label.checkbox:after,
.mod_action_order_form .payment-method label > span:before,
.mod_action_order_form .payment-method label > span:after,
#knowledge_db_entries div.category_selection p span:before,
#knowledge_db_entries div.category_selection p span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  border: 1px solid #c4cdd1;
  border-radius: 3px;
  transition: all 0.6s;
}

.mod_action_order_form .payment-method label > span:before,
.mod_action_order_form .payment-method label > span:after {
  top: 0;
}

.mod_action_order_form_overview .mod_action_order_form .payment-method label > span:before,
.mod_action_order_form_overview .mod_action_order_form .payment-method label > span:after {
  top: 7px;
}

.p_remember_me_checkbox label.checkbox:after,
.mod_action_order_form .payment-method label > span:after,
#knowledge_db_entries div.category_selection p span:after {
  content: "h";
  border: 0;
  width: 0;
  left: -3px;
  height: auto;
  overflow: hidden;
  border-radius: 0;
  font: 23px/15px "fontastic";
  text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
}

#knowledge_db_entries div.category_selection p span:before {
  width: 17px;
  height: 17px;
  top: 4px;
}

#knowledge_db_entries div.category_selection p span:after {
  text-shadow: none;
  font-size: 34px;
  line-height: 22px;
  left: -6px;
  color: #3a4f57;
}

.mod_action_order_form .payment-method label input,
#knowledge_db_entries div.category_selection p > input {
  display: none;
}

.p_remember_me_checkbox input:checked + label.checkbox:after,
.mod_action_order_form .payment-method label input:checked ~ span:after {
  width: 25px;
}

#knowledge_db_entries div.category_selection p input:checked ~ label span:after {
  width: 33px;
}

.mod_shop a.button img {
  display: none;
}

#knowledge_db_entries .category_selection .category_checkbox {
  margin-right: 25px;
}

#order_form_overview hr {
  background: #dadada;
}

table.shop-cart td a.remove_cart_article {
  float: none;
  display: inline-block;
  padding-left: 5px;
}

ul.fdtablePaginater li a.currentPage,
ul.fdtablePaginater li div.currentPage {
  color: #fff !important;
}

#management #manage_countries_tabs_list li a {
  padding: 0 7px 0 4px;
  margin-right: 1px;
}

#manage_countries_tabs_list li span {
  display: none;
}

#manage_countries_tabs_list li:last-child span {
  display: inline-block;
}

.button_bar_bottom {
  margin: 20px 0 0;
}

/* -- payment methods --- */
.shop_div > .payment-method {
  margin: 0 0 10px;
}

.mod_action_order_form .shop_div > .payment-method label span:before,
.mod_action_order_form .shop_div > .payment-method label span:after {
  top: 8px;
}

.mod_action_order_form .shop_div > .payment-method label span {
  font-size: 0;
  vertical-align: middle;
  padding: 0 0 0 25px;
}

.shop_div > .payment-method label {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.shop_div > .payment-method label:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 35px;
  margin: 0 0 0 -5px;
  background: url(../img/invoice_management.svg) no-repeat center left;
  background-size: contain;
  vertical-align: middle;
}

.shop_div > .payment-method.payment-method-prepayment label:after {
  width: 53px;
  background-image: url(../img/pre_payment_management.svg);
}

.shop_div > .payment-method.payment-method-paypal label:after {
  width: 53px;
  background-image: url(../img/paypal_management.svg);
}

.shop_div > .payment-method.payment-method-ogone label:after {
  width: 240px;
  background-image: url(../img/credit_card_management.svg);
  background-size: auto 35px;
}

.shop_div > .payment-method.payment-method-saferpay label:after {
  width: 315px;
  background-image: url(../img/credit_card_management_saferpay.svg);
  background-size: auto 35px;
}

.shop_div > .payment-method .more_infos {
  display: inline-block;
  margin: 8px 0 0 8px;
  float: right;
  font-size: 14px;
  line-height: 18px;
  border-bottom: 1px solid #3a4f57;
}

.shop_div > .payment-method .more_infos:hover {
  color: #A42020;
  border-color: #A42020;
}

/* --- Wishlist --- */
.no_articles_in_wishlist {
  padding: 20px;
  margin: 0;
}

.mod_action_wishlist .content {
  background: none;
  border-radius: 0;
  overflow: visible;
  border: 0;
  box-shadow: none;
}

.mod_action_wishlist .content_inner {
  padding: 0;
}

.mod_shop.system_page .portlets_article_detail + .content_shop_inner {
  overflow: hidden;
  padding-right: 35px;
  box-shadow: 1px 0 0 #c4cdd1;
  margin-bottom: -25px;
  padding-bottom: 25px;
}

.mod_shop.system_page.mod_action_order_form_overview .portlets_article_detail + .content_shop_inner {
  padding-right: 0;
  box-shadow: none;
}

div.wishlist_wrap {
  position: relative;
  margin-right: 30px;
}

div.wishlist_wrap > div {
  background: #fff;
  border: 1px solid #c5ced2;
  padding: 0;
}

div.wishlist_wrap > div > p > i {
  padding: 20px 20px 0;
  display: block;
}

.wishlist_wrap .shop_actions {
  display: none;
}

.wishlist_article_controls > a {
  box-shadow: none;
  color: #fff !important;
}

.wishlist_wrap .wishlist_remove,
.wishlist_wrap .add_all_to_cart {
  top: 13px;
}

/* --- Management --- */
.article_property_main {
  padding-left: 18px !important;
}

.article_property_main:before {
  content: "n";
  position: absolute;
  font-size: 17px;
  font-family: "fontastic";
}

/* ---------- Raclette Rechner ---------- */
.calc_filter {
  position: relative;
  margin: 40px 0;
}

.calc_filter,
.calc_result_wrap {
  font: 300 15.5px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  letter-spacing: 0.25px;
  color: #3a4f57;
}

.calc_result {
  position: relative;
}

.calc_filter_inner {
  overflow: hidden;
  display: flex;
}

.calc_filter_part {
  float: left;
  width: 33.33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.calc_filter_part ~ div {
  border-left: 1px solid #c4cdd1;
}

.calc_filter_legend,
.calc_filter_value_wrap {
  padding: 15px 20px;
  position: relative;
}

.calc_filter_legend {
  font-size: 18px;
  color: #000;
  font-weight: 400;
  border-bottom: 1px solid #c4cdd1;
}

.calc_filter_value {
  text-align: center;
  font-size: 18px;
  color: #000;
  display: block;
}

.calc_filter_value input {
  border: 0;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  background: transparent;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.calc_counter {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 20px;
  background: #dcdcdc;
  border-radius: 50%;
  font: 15px/24px "fontastic";
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: all 0.25s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.calc_counter_plus {
  left: auto;
  right: 20px;
}

.calc_counter:hover {
  background: #666;
}

.calc_grocery {
  float: right;
  width: 354px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  background: #efe5d1;
  background: url(../img/raclette_grocery_bg.png) no-repeat center top;
  background-size: cover;
  font: 60px/72px "Allura", cursive;
  color: #000;
  margin: 30px 30px 0 0;
  padding: 20px 20px 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotate(4deg) translate3d(0, 0, 0);
  -moz-transform: rotate(4deg) translate3d(0, 0, 0);
  -o-transform: rotate(4deg) translate3d(0, 0, 0);
  transform: rotate(4deg) translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.calc_grocery:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  border-radius: 5px;
  background: url(../img/raclette_grocery_bg.png) no-repeat center bottom;
  background-size: cover;
}

.calc_grocery > div {
  opacity: 0.8;
  position: relative;
  z-index: 20;
}

.calc_grocery > div:before {
  content: "";
  position: absolute;
  left: -18px;
  right: -18px;
  top: auto;
  bottom: -67px;
  height: 60px;
  -webkit-backface-visibility: hidden;
  background: url(../img/grocery_shadow.png) no-repeat right top;
  background-size: 100% auto;
}

.calc_grocery > div:after {
  content: "";
  position: absolute;
  left: -18px;
  right: -18px;
  bottom: -8px;
  top: -16px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.calc_grocery_inner {
  padding: 0 0 50px;
}

.calc_grocery_inner > span {
  margin-bottom: 20px;
  display: block;
}

.calc_grocery p {
  font-size: 30px;
  line-height: 36px;
}

.calc_grocery p > span:first-child {
  float: left;
  min-width: 90px;
  text-align: center;
  padding-right: 20px;
}

.calc_grocery p > span + span {
  overflow: hidden;
  display: block;
  text-align: left;
}

.calc_wine {
  position: absolute;
  left: 30px;
  right: -20px;
  top: 100%;
  margin-top: 70px;
  text-align: center;
  font-size: 50px;
  line-height: 50px;
}

.calc_wine:before {
  content: "v";
  font: 204px/normal "fontastic";
  position: absolute;
  left: -110px;
  bottom: 68%;
}

.calc_main_article {
  overflow: hidden;
  padding: 0 80px 0 0;
}

.calc_main_article .shop_article_main {
  display: block;
  width: auto;
  box-shadow: none;
  position: relative;
}

.calc_main_article .shop_article_main strong {
  font-weight: 400;
}

.calc_main_article .article_number,
.calc_main_article .article_weight,
.calc_main_article .shop-price-list,
.calc_main_article .shop_article_main_properties_wrap,
.calc_main_article .shop_article_main_title_content table {
  display: none;
}

.calc_main_article .pictures,
.calc_main_article .picture {
  float: none;
}

.calc_main_article .introduction {
  margin: 0;
  font-weight: 300;
  font-size: 15.5px;
  line-height: 25px;
}

.calc_main_article .shop_show_details {
  display: block;
}

.calc_main_article p {
  margin: 0 0 5px;
}

.calc_main_article table {
  width: 100%;
  margin-bottom: 10px;
}

.calc_main_article .article_number {
  font-weight: bold;
}

.calc_main_article .shop_article_main_properties_wrap {
  margin-top: 10px;
}

.calc_main_article .shop_article_main_properties_wrap > p > span:first-child {
  float: left;
  width: 150px;
}

.calc_main_article .shop_article_main_properties_wrap > p > span + span {
  display: block;
  overflow: hidden;
  font-weight: 400;
}

div.calc_result_wrap > .portlets_bottom {
  margin-top: 62px;
  padding-bottom: 30px;
}

div.calc_other_articles .shop_article {
  margin-top: 0;
}

div.calc_other_articles .shop_special_1 {
  top: -1px;
}

.calc_other_articles .picture {
  margin-right: 10px;
}

.calc_other_articles .shop_article:first-child + .shop_article + .shop_article {
  margin-top: 0;
}

/* ---------- XLS Import ---------- */
.xls_import_map_wrap {
  display: none;
}

#module_xls_import .xls_import_map_wrap {
  display: block;
}

.xls_import_page_description {
  padding: 0 0 25px;
}

.xls_import_entries_wrap {
  position: relative;
}

.mod_xls_import.xls_import_filter_not_set .xls_import_entries_wrap {
  display: none;
}

.xls_import_entries:last-child {
  margin-bottom: 30px;
}

.xls_import_entries table th,
.xls_import_entries table td {
  padding: 10px 15px;
}

.xls_import_entries table td {
  border-bottom: 1px solid #c7d0d4;
}

.xls_import_entries table td:first-child {
  font-weight: 400;
}

.xls_import_entries table tr:last-child td {
  border-bottom: 0;
}

.data_table td > .popup {
  display: none;
}

.gm-style .gm-style-iw {
  line-height: 18px;
}

.gm-style .gm-style-iw br:nth-of-type(3) {
  content: " ";
}

.gm-style .gm-style-iw br:nth-of-type(3):after {
  content: " ";
}

.xls_import_found_rows {
  position: absolute;
  top: auto;
  bottom: 3px;
  right: 0;
  display: none;
}

.xls_import_entries > .no_results {
  padding: 20px;
}

/* ----- Payment Methods ------- */
.footer_payment_methods {
  display: flex;
  padding-bottom: 50px;
}
@media screen and (max-width: 930px) {
  .footer_payment_methods {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 600px) {
  .footer_payment_methods {
    padding-bottom: 20px;
  }
}
@media print {
  .footer_payment_methods {
    padding-bottom: 20px;
  }
}
.footer_payment_methods .method {
  width: 75px;
  height: 49px;
  display: flex;
  align-items: center;
  margin: 0 20px 0 0;
  padding: 0 6px;
  border-radius: 8px;
  border: 1px solid #C4CDD1;
  cursor: default;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.footer_payment_methods .method:hover {
  border-color: rgba(151, 151, 151, 0.7);
  background: #FCFCFC;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
}

.footer_payment_methods .method img {
  display: block;
  width: 100%;
  height: auto;
}

.footer_payment_methods #payment_popup_content {
  display: none;
}

/* --- Payment Popup --- */
#payment_popup_content {
  max-width: 700px;
  padding: 50px;
  margin: 0 20px;
}

#payment_popup_content .powerpay_logo {
  max-width: 300px;
  margin: 0 auto 40px;
}

#payment_popup_content .powerpay_logo img {
  display: block;
  width: 100%;
  height: auto;
}

#payment_popup_content .text span {
  display: block;
  font-weight: 700;
  margin: 0 0 10px;
}

#payment_popup_content .text p {
  margin: 0 0 10px;
}

#payment_popup_content .text > *:last-child {
  margin-bottom: 0;
}

#shop_order_steps {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 30px;
}
#shop_order_steps:before {
  content: "";
  position: absolute;
  top: 100%;
  left: -25px;
  width: calc(100% + 50px);
  height: 1px;
  display: block;
  background: #C4CDD1;
}
#shop_order_steps .shop_order_step {
  border: 1px solid #C4CDD1;
  border-right-width: 0;
  border-left-width: 0;
  padding: 14px 16px 12px 27px;
  text-decoration: none;
  line-height: 15px;
  display: inline-block;
  position: relative;
  color: #535254;
}
#shop_order_steps .shop_order_step:first-child {
  border-left-width: 1px;
  padding-left: 18px;
}
#shop_order_steps .shop_order_step:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 4px;
  width: 0;
  height: 23px;
  display: block;
  background: #fff;
  border: 1px solid #C4CDD1;
  border-width: 0 0 0 1px;
  -webkit-transform: rotate(155deg);
  -moz-transform: rotate(155deg);
  -o-transform: rotate(155deg);
  transform: rotate(155deg);
}
#shop_order_steps .shop_order_step:before {
  content: "";
  position: absolute;
  top: auto;
  left: 4px;
  width: 0;
  height: 23px;
  display: block;
  background: #fff;
  bottom: -1px;
  border: 1px solid #C4CDD1;
  border-width: 0 0 0 1px;
  -webkit-transform: rotate(-155deg);
  -moz-transform: rotate(-155deg);
  -o-transform: rotate(-155deg);
  transform: rotate(-155deg);
}
#shop_order_steps .shop_order_step:last-child {
  border-right-width: 1px;
  padding-right: 18px;
}
#shop_order_steps .shop_order_step:first-child:before, #shop_order_steps .shop_order_step:first-child:after {
  display: none;
}
#shop_order_steps .shop_order_step.shop_order_step_type_current {
  border-color: #000000;
  font-weight: 700;
  color: #31302E;
}
#shop_order_steps .shop_order_step.shop_order_step_type_current:before, #shop_order_steps .shop_order_step.shop_order_step_type_current:after {
  border-color: #000000;
}
#shop_order_steps .shop_order_step.shop_order_step_type_current + .shop_order_step:before, #shop_order_steps .shop_order_step.shop_order_step_type_current + .shop_order_step:after {
  border-color: #000000;
}
#shop_order_steps .shop_order_step.shop_order_step_type_current:hover {
  color: #31302E;
}
#shop_order_steps .shop_order_step:not(.shop_order_step_type_current):hover {
  border-color: #3A4F57;
  color: #3A4F57;
}
#shop_order_steps .shop_order_step:not(.shop_order_step_type_current):hover:before, #shop_order_steps .shop_order_step:not(.shop_order_step_type_current):hover:after {
  border-color: #3A4F57;
}
#shop_order_steps .shop_order_step:not(.shop_order_step_type_current):hover + .shop_order_step:before, #shop_order_steps .shop_order_step:not(.shop_order_step_type_current):hover + .shop_order_step:after {
  border-color: #3A4F57;
}

.mod_action_order_form_overview .content_inner {
  padding-right: 0;
}
.mod_action_order_form_overview #order_form_overview > .shop_div:first-child {
  margin-top: 0;
  padding-top: 0;
}
.mod_action_order_form_overview #order_form_overview > .shop_div:first-child:before {
  display: none;
}
.mod_action_order_form_overview #order_form_overview > .shop_div:first-child h2 {
  font-size: 18px;
  line-height: 24px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_overview #order_form_overview > .shop_div:first-child h2 {
    font-size: 15px;
    line-height: 22px;
  }
}
@media print {
  .mod_action_order_form_overview #order_form_overview > .shop_div:first-child h2 {
    font-size: 15px;
    line-height: 22px;
  }
}

.mod_action_edit_user_form .content_inner {
  flex-flow: column;
}

.mod_action_order_form_login .content_inner,
.mod_action_process_order .content_inner,
.mod_action_order_form_overview .content_inner,
.mod_action_register .content_inner,
.mod_action_order_form .content_inner {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}
.mod_action_order_form_login .content_inner .portlets_article_detail,
.mod_action_process_order .content_inner .portlets_article_detail,
.mod_action_order_form_overview .content_inner .portlets_article_detail,
.mod_action_register .content_inner .portlets_article_detail,
.mod_action_order_form .content_inner .portlets_article_detail {
  order: 2;
}
.mod_action_order_form_login .content_inner .content_shop_inner,
.mod_action_process_order .content_inner .content_shop_inner,
.mod_action_order_form_overview .content_inner .content_shop_inner,
.mod_action_register .content_inner .content_shop_inner,
.mod_action_order_form .content_inner .content_shop_inner {
  overflow: visible !important;
  padding-right: 25px !important;
  box-sizing: border-box;
  width: 100%;
}
.mod_action_order_form_login .content_shop_inner,
.mod_action_order_form_login #portlets_article_detail,
.mod_action_process_order .content_shop_inner,
.mod_action_process_order #portlets_article_detail,
.mod_action_order_form_overview .content_shop_inner,
.mod_action_order_form_overview #portlets_article_detail,
.mod_action_register .content_shop_inner,
.mod_action_register #portlets_article_detail,
.mod_action_order_form .content_shop_inner,
.mod_action_order_form #portlets_article_detail {
  min-height: 0 !important;
}
.mod_action_order_form_login h1,
.mod_action_process_order h1,
.mod_action_order_form_overview h1,
.mod_action_register h1,
.mod_action_order_form h1 {
  margin-bottom: 15px;
}
.mod_action_order_form_login .content_shop_inner a.button,
.mod_action_process_order .content_shop_inner a.button,
.mod_action_order_form_overview .content_shop_inner a.button,
.mod_action_register .content_shop_inner a.button,
.mod_action_order_form .content_shop_inner a.button {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
}
.mod_action_order_form_login .content_shop_inner a.button:hover, .mod_action_order_form_login .content_shop_inner a.button:focus,
.mod_action_process_order .content_shop_inner a.button:hover,
.mod_action_process_order .content_shop_inner a.button:focus,
.mod_action_order_form_overview .content_shop_inner a.button:hover,
.mod_action_order_form_overview .content_shop_inner a.button:focus,
.mod_action_register .content_shop_inner a.button:hover,
.mod_action_register .content_shop_inner a.button:focus,
.mod_action_order_form .content_shop_inner a.button:hover,
.mod_action_order_form .content_shop_inner a.button:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login .content_shop_inner a.button,
.mod_action_process_order .content_shop_inner a.button,
.mod_action_order_form_overview .content_shop_inner a.button,
.mod_action_register .content_shop_inner a.button,
.mod_action_order_form .content_shop_inner a.button {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.mod_action_order_form_login .content_shop_inner a.button.current, .mod_action_order_form_login .content_shop_inner a.button:hover, .mod_action_order_form_login .content_shop_inner a.button:focus,
.mod_action_process_order .content_shop_inner a.button.current,
.mod_action_process_order .content_shop_inner a.button:hover,
.mod_action_process_order .content_shop_inner a.button:focus,
.mod_action_order_form_overview .content_shop_inner a.button.current,
.mod_action_order_form_overview .content_shop_inner a.button:hover,
.mod_action_order_form_overview .content_shop_inner a.button:focus,
.mod_action_register .content_shop_inner a.button.current,
.mod_action_register .content_shop_inner a.button:hover,
.mod_action_register .content_shop_inner a.button:focus,
.mod_action_order_form .content_shop_inner a.button.current,
.mod_action_order_form .content_shop_inner a.button:hover,
.mod_action_order_form .content_shop_inner a.button:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login .content_shop_inner a.button,
.mod_action_process_order .content_shop_inner a.button,
.mod_action_order_form_overview .content_shop_inner a.button,
.mod_action_register .content_shop_inner a.button,
.mod_action_order_form .content_shop_inner a.button {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .mod_action_order_form_login .content_shop_inner a.button,
.mod_action_process_order .content_shop_inner a.button,
.mod_action_order_form_overview .content_shop_inner a.button,
.mod_action_register .content_shop_inner a.button,
.mod_action_order_form .content_shop_inner a.button {
    display: none;
  }
}
.mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  background: #506B76;
  border-color: #2B3B41;
  color: #fff;
  font-weight: 700;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
  margin-left: 5px;
}
.mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button:hover, .mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button.current, .mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button:hover, .mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button.current,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button.current,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button.current,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button.current,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button {
    display: none;
  }
}
.mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button:hover, .mod_action_order_form_login .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_process_order .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_order_form_overview .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_register .content_shop_inner a.button.redeem_coupon_button:focus,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button:hover,
.mod_action_order_form .content_shop_inner a.button.redeem_coupon_button:focus {
  background: #2B3B41;
  color: #fff;
}
.mod_action_order_form_login .button_bar_top,
.mod_action_process_order .button_bar_top,
.mod_action_order_form_overview .button_bar_top,
.mod_action_register .button_bar_top,
.mod_action_order_form .button_bar_top {
  display: none;
}
.mod_action_order_form_login .content table.shop-cart th,
.mod_action_process_order .content table.shop-cart th,
.mod_action_order_form_overview .content table.shop-cart th,
.mod_action_register .content table.shop-cart th,
.mod_action_order_form .content table.shop-cart th {
  font-size: 16px !important;
  font-weight: 800;
  color: #000000;
  text-transform: none;
  border-bottom: 1px solid #C4CDD1;
  padding-bottom: 8px;
}
.mod_action_order_form_login .content table.shop-cart td,
.mod_action_process_order .content table.shop-cart td,
.mod_action_order_form_overview .content table.shop-cart td,
.mod_action_register .content table.shop-cart td,
.mod_action_order_form .content table.shop-cart td {
  padding: 24px 0 20px;
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: #617279;
  vertical-align: top;
}
.mod_action_order_form_login .content table.shop-cart td a,
.mod_action_process_order .content table.shop-cart td a,
.mod_action_order_form_overview .content table.shop-cart td a,
.mod_action_register .content table.shop-cart td a,
.mod_action_order_form .content table.shop-cart td a {
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  color: #31302E;
}
@media screen and (max-width: 930px) {
  .mod_action_order_form_login .content table.shop-cart td a,
.mod_action_process_order .content table.shop-cart td a,
.mod_action_order_form_overview .content table.shop-cart td a,
.mod_action_register .content table.shop-cart td a,
.mod_action_order_form .content table.shop-cart td a {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login .content table.shop-cart td a,
.mod_action_process_order .content table.shop-cart td a,
.mod_action_order_form_overview .content table.shop-cart td a,
.mod_action_register .content table.shop-cart td a,
.mod_action_order_form .content table.shop-cart td a {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  .mod_action_order_form_login .content table.shop-cart td a,
.mod_action_process_order .content table.shop-cart td a,
.mod_action_order_form_overview .content table.shop-cart td a,
.mod_action_register .content table.shop-cart td a,
.mod_action_order_form .content table.shop-cart td a {
    font-size: 18px;
    line-height: 24px;
  }
}
.mod_action_order_form_login .content table.shop-cart td a small,
.mod_action_process_order .content table.shop-cart td a small,
.mod_action_order_form_overview .content table.shop-cart td a small,
.mod_action_register .content table.shop-cart td a small,
.mod_action_order_form .content table.shop-cart td a small {
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: #617279;
  margin-top: -2px;
  display: block;
}
.mod_action_order_form_login .content table.shop-cart td a.show_accessories,
.mod_action_process_order .content table.shop-cart td a.show_accessories,
.mod_action_order_form_overview .content table.shop-cart td a.show_accessories,
.mod_action_register .content table.shop-cart td a.show_accessories,
.mod_action_order_form .content table.shop-cart td a.show_accessories {
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  color: #6C693A;
  margin-top: 12px;
  display: block;
}
.mod_action_order_form_login .content table.shop-cart td a.show_accessories i,
.mod_action_process_order .content table.shop-cart td a.show_accessories i,
.mod_action_order_form_overview .content table.shop-cart td a.show_accessories i,
.mod_action_register .content table.shop-cart td a.show_accessories i,
.mod_action_order_form .content table.shop-cart td a.show_accessories i {
  margin-right: 6px;
  display: inline-block;
}
.mod_action_order_form_login .content table.shop-cart td a.show_accessories:hover,
.mod_action_process_order .content table.shop-cart td a.show_accessories:hover,
.mod_action_order_form_overview .content table.shop-cart td a.show_accessories:hover,
.mod_action_register .content table.shop-cart td a.show_accessories:hover,
.mod_action_order_form .content table.shop-cart td a.show_accessories:hover {
  color: #4b4928;
}
.mod_action_order_form_login .content table.shop-cart td a.show_accessories:hover i,
.mod_action_process_order .content table.shop-cart td a.show_accessories:hover i,
.mod_action_order_form_overview .content table.shop-cart td a.show_accessories:hover i,
.mod_action_register .content table.shop-cart td a.show_accessories:hover i,
.mod_action_order_form .content table.shop-cart td a.show_accessories:hover i {
  font-weight: 900;
}
.mod_action_order_form_login .content table.shop-cart td:first-child,
.mod_action_process_order .content table.shop-cart td:first-child,
.mod_action_order_form_overview .content table.shop-cart td:first-child,
.mod_action_register .content table.shop-cart td:first-child,
.mod_action_order_form .content table.shop-cart td:first-child {
  padding-right: 30px;
}
.mod_action_order_form_login .content table.shop-cart td:nth-child(2) input,
.mod_action_process_order .content table.shop-cart td:nth-child(2) input,
.mod_action_order_form_overview .content table.shop-cart td:nth-child(2) input,
.mod_action_register .content table.shop-cart td:nth-child(2) input,
.mod_action_order_form .content table.shop-cart td:nth-child(2) input {
  width: 50px;
  box-sizing: border-box;
}
.mod_action_order_form_login .content table.shop-cart td:nth-child(2) a,
.mod_action_process_order .content table.shop-cart td:nth-child(2) a,
.mod_action_order_form_overview .content table.shop-cart td:nth-child(2) a,
.mod_action_register .content table.shop-cart td:nth-child(2) a,
.mod_action_order_form .content table.shop-cart td:nth-child(2) a {
  float: left;
}
.mod_action_order_form_login .content table.shop-cart td:nth-child(2) a i:before,
.mod_action_process_order .content table.shop-cart td:nth-child(2) a i:before,
.mod_action_order_form_overview .content table.shop-cart td:nth-child(2) a i:before,
.mod_action_register .content table.shop-cart td:nth-child(2) a i:before,
.mod_action_order_form .content table.shop-cart td:nth-child(2) a i:before {
  content: "\f2ed";
  font-weight: 300;
  font-size: 15px;
  margin-right: 15px;
}
.mod_action_order_form_login .content table.shop-cart td:nth-child(2) a:hover i,
.mod_action_process_order .content table.shop-cart td:nth-child(2) a:hover i,
.mod_action_order_form_overview .content table.shop-cart td:nth-child(2) a:hover i,
.mod_action_register .content table.shop-cart td:nth-child(2) a:hover i,
.mod_action_order_form .content table.shop-cart td:nth-child(2) a:hover i {
  color: #840000;
}
.mod_action_order_form_login .content table.shop-cart td.price,
.mod_action_process_order .content table.shop-cart td.price,
.mod_action_order_form_overview .content table.shop-cart td.price,
.mod_action_register .content table.shop-cart td.price,
.mod_action_order_form .content table.shop-cart td.price {
  padding-top: 34px;
  white-space: nowrap;
  width: 140px !important;
  min-width: 100px !important;
}
.mod_action_order_form_login .content table.shop-cart .total th,
.mod_action_process_order .content table.shop-cart .total th,
.mod_action_order_form_overview .content table.shop-cart .total th,
.mod_action_register .content table.shop-cart .total th,
.mod_action_order_form .content table.shop-cart .total th {
  border-top: 3px solid #4C4C4C;
  border-bottom: 0;
  padding-top: 14px;
}
.mod_action_order_form_login .table_wrap_container + p,
.mod_action_process_order .table_wrap_container + p,
.mod_action_order_form_overview .table_wrap_container + p,
.mod_action_register .table_wrap_container + p,
.mod_action_order_form .table_wrap_container + p {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}
.mod_action_order_form_login .table_wrap_container + p a.refresh_button,
.mod_action_process_order .table_wrap_container + p a.refresh_button,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button,
.mod_action_register .table_wrap_container + p a.refresh_button,
.mod_action_order_form .table_wrap_container + p a.refresh_button {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
}
.mod_action_order_form_login .table_wrap_container + p a.refresh_button:hover, .mod_action_order_form_login .table_wrap_container + p a.refresh_button:focus,
.mod_action_process_order .table_wrap_container + p a.refresh_button:hover,
.mod_action_process_order .table_wrap_container + p a.refresh_button:focus,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button:hover,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button:focus,
.mod_action_register .table_wrap_container + p a.refresh_button:hover,
.mod_action_register .table_wrap_container + p a.refresh_button:focus,
.mod_action_order_form .table_wrap_container + p a.refresh_button:hover,
.mod_action_order_form .table_wrap_container + p a.refresh_button:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login .table_wrap_container + p a.refresh_button,
.mod_action_process_order .table_wrap_container + p a.refresh_button,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button,
.mod_action_register .table_wrap_container + p a.refresh_button,
.mod_action_order_form .table_wrap_container + p a.refresh_button {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.mod_action_order_form_login .table_wrap_container + p a.refresh_button.current, .mod_action_order_form_login .table_wrap_container + p a.refresh_button:hover, .mod_action_order_form_login .table_wrap_container + p a.refresh_button:focus,
.mod_action_process_order .table_wrap_container + p a.refresh_button.current,
.mod_action_process_order .table_wrap_container + p a.refresh_button:hover,
.mod_action_process_order .table_wrap_container + p a.refresh_button:focus,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button.current,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button:hover,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button:focus,
.mod_action_register .table_wrap_container + p a.refresh_button.current,
.mod_action_register .table_wrap_container + p a.refresh_button:hover,
.mod_action_register .table_wrap_container + p a.refresh_button:focus,
.mod_action_order_form .table_wrap_container + p a.refresh_button.current,
.mod_action_order_form .table_wrap_container + p a.refresh_button:hover,
.mod_action_order_form .table_wrap_container + p a.refresh_button:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login .table_wrap_container + p a.refresh_button,
.mod_action_process_order .table_wrap_container + p a.refresh_button,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button,
.mod_action_register .table_wrap_container + p a.refresh_button,
.mod_action_order_form .table_wrap_container + p a.refresh_button {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .mod_action_order_form_login .table_wrap_container + p a.refresh_button,
.mod_action_process_order .table_wrap_container + p a.refresh_button,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button,
.mod_action_register .table_wrap_container + p a.refresh_button,
.mod_action_order_form .table_wrap_container + p a.refresh_button {
    display: none;
  }
}
.mod_action_order_form_login .table_wrap_container + p a.refresh_button:before,
.mod_action_process_order .table_wrap_container + p a.refresh_button:before,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button:before,
.mod_action_register .table_wrap_container + p a.refresh_button:before,
.mod_action_order_form .table_wrap_container + p a.refresh_button:before {
  display: none;
}
.mod_action_order_form_login .table_wrap_container + p a.refresh_button span,
.mod_action_process_order .table_wrap_container + p a.refresh_button span,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button span,
.mod_action_register .table_wrap_container + p a.refresh_button span,
.mod_action_order_form .table_wrap_container + p a.refresh_button span {
  position: relative;
}
.mod_action_order_form_login .table_wrap_container + p a.refresh_button span:before,
.mod_action_process_order .table_wrap_container + p a.refresh_button span:before,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button span:before,
.mod_action_register .table_wrap_container + p a.refresh_button span:before,
.mod_action_order_form .table_wrap_container + p a.refresh_button span:before {
  content: "\f2f1";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  text-transform: none;
  color: #535254;
  position: relative;
  display: inline-block;
  font-weight: 300;
  margin-right: 12px;
}
.mod_action_order_form_login .table_wrap_container + p a.empty_cart_button,
.mod_action_process_order .table_wrap_container + p a.empty_cart_button,
.mod_action_order_form_overview .table_wrap_container + p a.empty_cart_button,
.mod_action_register .table_wrap_container + p a.empty_cart_button,
.mod_action_order_form .table_wrap_container + p a.empty_cart_button {
  border: none;
  padding: 0;
  background: none;
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  color: #535254;
  margin-right: 30px;
  height: auto;
  min-height: 0;
}
.mod_action_order_form_login .table_wrap_container + p a.empty_cart_button:before,
.mod_action_process_order .table_wrap_container + p a.empty_cart_button:before,
.mod_action_order_form_overview .table_wrap_container + p a.empty_cart_button:before,
.mod_action_register .table_wrap_container + p a.empty_cart_button:before,
.mod_action_order_form .table_wrap_container + p a.empty_cart_button:before {
  display: none;
}
.mod_action_order_form_login .table_wrap_container + p a.empty_cart_button span,
.mod_action_process_order .table_wrap_container + p a.empty_cart_button span,
.mod_action_order_form_overview .table_wrap_container + p a.empty_cart_button span,
.mod_action_register .table_wrap_container + p a.empty_cart_button span,
.mod_action_order_form .table_wrap_container + p a.empty_cart_button span {
  position: relative;
}
.mod_action_order_form_login .table_wrap_container + p a.empty_cart_button span:before,
.mod_action_process_order .table_wrap_container + p a.empty_cart_button span:before,
.mod_action_order_form_overview .table_wrap_container + p a.empty_cart_button span:before,
.mod_action_register .table_wrap_container + p a.empty_cart_button span:before,
.mod_action_order_form .table_wrap_container + p a.empty_cart_button span:before {
  content: "\f2ed";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  text-transform: none;
  color: #535254;
  position: relative;
  display: inline-block;
  font-weight: 300;
  margin-right: 12px;
}
.mod_action_order_form_login .table_wrap_container + p a.empty_cart_button:hover,
.mod_action_process_order .table_wrap_container + p a.empty_cart_button:hover,
.mod_action_order_form_overview .table_wrap_container + p a.empty_cart_button:hover,
.mod_action_register .table_wrap_container + p a.empty_cart_button:hover,
.mod_action_order_form .table_wrap_container + p a.empty_cart_button:hover {
  color: #840000;
  background: none !important;
  box-shadow: none;
}
.mod_action_order_form_login .table_wrap_container + p a.empty_cart_button:hover span:before,
.mod_action_process_order .table_wrap_container + p a.empty_cart_button:hover span:before,
.mod_action_order_form_overview .table_wrap_container + p a.empty_cart_button:hover span:before,
.mod_action_register .table_wrap_container + p a.empty_cart_button:hover span:before,
.mod_action_order_form .table_wrap_container + p a.empty_cart_button:hover span:before {
  color: #840000;
}
.mod_action_order_form_login .delivery_address_wrap,
.mod_action_order_form_login .invoice_address,
.mod_action_order_form_login .shop_div,
.mod_action_process_order .delivery_address_wrap,
.mod_action_process_order .invoice_address,
.mod_action_process_order .shop_div,
.mod_action_order_form_overview .delivery_address_wrap,
.mod_action_order_form_overview .invoice_address,
.mod_action_order_form_overview .shop_div,
.mod_action_register .delivery_address_wrap,
.mod_action_register .invoice_address,
.mod_action_register .shop_div,
.mod_action_order_form .delivery_address_wrap,
.mod_action_order_form .invoice_address,
.mod_action_order_form .shop_div {
  position: relative;
  padding-top: 28px;
  margin-top: 30px;
}
.mod_action_order_form_login .delivery_address_wrap:before,
.mod_action_order_form_login .invoice_address:before,
.mod_action_order_form_login .shop_div:before,
.mod_action_process_order .delivery_address_wrap:before,
.mod_action_process_order .invoice_address:before,
.mod_action_process_order .shop_div:before,
.mod_action_order_form_overview .delivery_address_wrap:before,
.mod_action_order_form_overview .invoice_address:before,
.mod_action_order_form_overview .shop_div:before,
.mod_action_register .delivery_address_wrap:before,
.mod_action_register .invoice_address:before,
.mod_action_register .shop_div:before,
.mod_action_order_form .delivery_address_wrap:before,
.mod_action_order_form .invoice_address:before,
.mod_action_order_form .shop_div:before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: calc(100% + 50px);
  height: 1px;
  display: block;
  background: #C4CDD1;
}
.mod_action_order_form_login .delivery_address_wrap > h2,
.mod_action_order_form_login .invoice_address > h2,
.mod_action_order_form_login .shop_div > h2,
.mod_action_process_order .delivery_address_wrap > h2,
.mod_action_process_order .invoice_address > h2,
.mod_action_process_order .shop_div > h2,
.mod_action_order_form_overview .delivery_address_wrap > h2,
.mod_action_order_form_overview .invoice_address > h2,
.mod_action_order_form_overview .shop_div > h2,
.mod_action_register .delivery_address_wrap > h2,
.mod_action_register .invoice_address > h2,
.mod_action_register .shop_div > h2,
.mod_action_order_form .delivery_address_wrap > h2,
.mod_action_order_form .invoice_address > h2,
.mod_action_order_form .shop_div > h2 {
  margin-top: 0;
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
@media screen and (max-width: 930px) {
  .mod_action_order_form_login .delivery_address_wrap > h2,
.mod_action_order_form_login .invoice_address > h2,
.mod_action_order_form_login .shop_div > h2,
.mod_action_process_order .delivery_address_wrap > h2,
.mod_action_process_order .invoice_address > h2,
.mod_action_process_order .shop_div > h2,
.mod_action_order_form_overview .delivery_address_wrap > h2,
.mod_action_order_form_overview .invoice_address > h2,
.mod_action_order_form_overview .shop_div > h2,
.mod_action_register .delivery_address_wrap > h2,
.mod_action_register .invoice_address > h2,
.mod_action_register .shop_div > h2,
.mod_action_order_form .delivery_address_wrap > h2,
.mod_action_order_form .invoice_address > h2,
.mod_action_order_form .shop_div > h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login .delivery_address_wrap > h2,
.mod_action_order_form_login .invoice_address > h2,
.mod_action_order_form_login .shop_div > h2,
.mod_action_process_order .delivery_address_wrap > h2,
.mod_action_process_order .invoice_address > h2,
.mod_action_process_order .shop_div > h2,
.mod_action_order_form_overview .delivery_address_wrap > h2,
.mod_action_order_form_overview .invoice_address > h2,
.mod_action_order_form_overview .shop_div > h2,
.mod_action_register .delivery_address_wrap > h2,
.mod_action_register .invoice_address > h2,
.mod_action_register .shop_div > h2,
.mod_action_order_form .delivery_address_wrap > h2,
.mod_action_order_form .invoice_address > h2,
.mod_action_order_form .shop_div > h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  .mod_action_order_form_login .delivery_address_wrap > h2,
.mod_action_order_form_login .invoice_address > h2,
.mod_action_order_form_login .shop_div > h2,
.mod_action_process_order .delivery_address_wrap > h2,
.mod_action_process_order .invoice_address > h2,
.mod_action_process_order .shop_div > h2,
.mod_action_order_form_overview .delivery_address_wrap > h2,
.mod_action_order_form_overview .invoice_address > h2,
.mod_action_order_form_overview .shop_div > h2,
.mod_action_register .delivery_address_wrap > h2,
.mod_action_register .invoice_address > h2,
.mod_action_register .shop_div > h2,
.mod_action_order_form .delivery_address_wrap > h2,
.mod_action_order_form .invoice_address > h2,
.mod_action_order_form .shop_div > h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
.mod_action_order_form_login .delivery_address_wrap > h2:empty,
.mod_action_order_form_login .invoice_address > h2:empty,
.mod_action_order_form_login .shop_div > h2:empty,
.mod_action_process_order .delivery_address_wrap > h2:empty,
.mod_action_process_order .invoice_address > h2:empty,
.mod_action_process_order .shop_div > h2:empty,
.mod_action_order_form_overview .delivery_address_wrap > h2:empty,
.mod_action_order_form_overview .invoice_address > h2:empty,
.mod_action_order_form_overview .shop_div > h2:empty,
.mod_action_register .delivery_address_wrap > h2:empty,
.mod_action_register .invoice_address > h2:empty,
.mod_action_register .shop_div > h2:empty,
.mod_action_order_form .delivery_address_wrap > h2:empty,
.mod_action_order_form .invoice_address > h2:empty,
.mod_action_order_form .shop_div > h2:empty {
  display: none;
}
.mod_action_order_form_login .delivery_address_wrap > h3:first-child,
.mod_action_order_form_login .invoice_address > h3:first-child,
.mod_action_order_form_login .shop_div > h3:first-child,
.mod_action_process_order .delivery_address_wrap > h3:first-child,
.mod_action_process_order .invoice_address > h3:first-child,
.mod_action_process_order .shop_div > h3:first-child,
.mod_action_order_form_overview .delivery_address_wrap > h3:first-child,
.mod_action_order_form_overview .invoice_address > h3:first-child,
.mod_action_order_form_overview .shop_div > h3:first-child,
.mod_action_register .delivery_address_wrap > h3:first-child,
.mod_action_register .invoice_address > h3:first-child,
.mod_action_register .shop_div > h3:first-child,
.mod_action_order_form .delivery_address_wrap > h3:first-child,
.mod_action_order_form .invoice_address > h3:first-child,
.mod_action_order_form .shop_div > h3:first-child {
  margin-top: 0;
}
.mod_action_order_form_login .delivery_address_wrap input,
.mod_action_order_form_login .invoice_address input,
.mod_action_order_form_login .shop_div input,
.mod_action_process_order .delivery_address_wrap input,
.mod_action_process_order .invoice_address input,
.mod_action_process_order .shop_div input,
.mod_action_order_form_overview .delivery_address_wrap input,
.mod_action_order_form_overview .invoice_address input,
.mod_action_order_form_overview .shop_div input,
.mod_action_register .delivery_address_wrap input,
.mod_action_register .invoice_address input,
.mod_action_register .shop_div input,
.mod_action_order_form .delivery_address_wrap input,
.mod_action_order_form .invoice_address input,
.mod_action_order_form .shop_div input {
  width: 320px;
  max-width: 100%;
  box-sizing: border-box;
}
.mod_action_order_form_login .order_form_checkboxes,
.mod_action_process_order .order_form_checkboxes,
.mod_action_order_form_overview .order_form_checkboxes,
.mod_action_register .order_form_checkboxes,
.mod_action_order_form .order_form_checkboxes {
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 0;
}
.mod_action_order_form_login .button_back_button:before,
.mod_action_process_order .button_back_button:before,
.mod_action_order_form_overview .button_back_button:before,
.mod_action_register .button_back_button:before,
.mod_action_order_form .button_back_button:before {
  top: 2px;
}
.mod_action_order_form_login .shop_registration_form p,
.mod_action_process_order .shop_registration_form p,
.mod_action_order_form_overview .shop_registration_form p,
.mod_action_register .shop_registration_form p,
.mod_action_order_form .shop_registration_form p {
  display: flex;
  align-items: center;
}
.mod_action_order_form_login .shop_registration_form p label,
.mod_action_process_order .shop_registration_form p label,
.mod_action_order_form_overview .shop_registration_form p label,
.mod_action_register .shop_registration_form p label,
.mod_action_order_form .shop_registration_form p label {
  line-height: 20px;
}
.mod_action_order_form_login .shop_registration_form p.delivery_price_toggle,
.mod_action_process_order .shop_registration_form p.delivery_price_toggle,
.mod_action_order_form_overview .shop_registration_form p.delivery_price_toggle,
.mod_action_register .shop_registration_form p.delivery_price_toggle,
.mod_action_order_form .shop_registration_form p.delivery_price_toggle {
  margin-bottom: 15px;
}
.mod_action_order_form_login p.shop_registration_form,
.mod_action_order_form_login .button_bar_bottom,
.mod_action_process_order p.shop_registration_form,
.mod_action_process_order .button_bar_bottom,
.mod_action_order_form_overview p.shop_registration_form,
.mod_action_order_form_overview .button_bar_bottom,
.mod_action_register p.shop_registration_form,
.mod_action_register .button_bar_bottom,
.mod_action_order_form p.shop_registration_form,
.mod_action_order_form .button_bar_bottom {
  margin-top: 30px;
  position: relative;
  padding-top: 25px;
  display: flex;
  justify-content: space-between;
}
.mod_action_order_form_login p.shop_registration_form .cf,
.mod_action_order_form_login .button_bar_bottom .cf,
.mod_action_process_order p.shop_registration_form .cf,
.mod_action_process_order .button_bar_bottom .cf,
.mod_action_order_form_overview p.shop_registration_form .cf,
.mod_action_order_form_overview .button_bar_bottom .cf,
.mod_action_register p.shop_registration_form .cf,
.mod_action_register .button_bar_bottom .cf,
.mod_action_order_form p.shop_registration_form .cf,
.mod_action_order_form .button_bar_bottom .cf {
  display: none;
}
.mod_action_order_form_login p.shop_registration_form:before,
.mod_action_order_form_login .button_bar_bottom:before,
.mod_action_process_order p.shop_registration_form:before,
.mod_action_process_order .button_bar_bottom:before,
.mod_action_order_form_overview p.shop_registration_form:before,
.mod_action_order_form_overview .button_bar_bottom:before,
.mod_action_register p.shop_registration_form:before,
.mod_action_register .button_bar_bottom:before,
.mod_action_order_form p.shop_registration_form:before,
.mod_action_order_form .button_bar_bottom:before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: calc(100% + 50px);
  height: 1px;
  display: block;
  background: #C4CDD1;
}
.mod_action_order_form_login p.shop_registration_form a,
.mod_action_order_form_login .button_bar_bottom a,
.mod_action_process_order p.shop_registration_form a,
.mod_action_process_order .button_bar_bottom a,
.mod_action_order_form_overview p.shop_registration_form a,
.mod_action_order_form_overview .button_bar_bottom a,
.mod_action_register p.shop_registration_form a,
.mod_action_register .button_bar_bottom a,
.mod_action_order_form p.shop_registration_form a,
.mod_action_order_form .button_bar_bottom a {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
}
.mod_action_order_form_login p.shop_registration_form a:hover, .mod_action_order_form_login p.shop_registration_form a:focus,
.mod_action_order_form_login .button_bar_bottom a:hover,
.mod_action_order_form_login .button_bar_bottom a:focus,
.mod_action_process_order p.shop_registration_form a:hover,
.mod_action_process_order p.shop_registration_form a:focus,
.mod_action_process_order .button_bar_bottom a:hover,
.mod_action_process_order .button_bar_bottom a:focus,
.mod_action_order_form_overview p.shop_registration_form a:hover,
.mod_action_order_form_overview p.shop_registration_form a:focus,
.mod_action_order_form_overview .button_bar_bottom a:hover,
.mod_action_order_form_overview .button_bar_bottom a:focus,
.mod_action_register p.shop_registration_form a:hover,
.mod_action_register p.shop_registration_form a:focus,
.mod_action_register .button_bar_bottom a:hover,
.mod_action_register .button_bar_bottom a:focus,
.mod_action_order_form p.shop_registration_form a:hover,
.mod_action_order_form p.shop_registration_form a:focus,
.mod_action_order_form .button_bar_bottom a:hover,
.mod_action_order_form .button_bar_bottom a:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login p.shop_registration_form a,
.mod_action_order_form_login .button_bar_bottom a,
.mod_action_process_order p.shop_registration_form a,
.mod_action_process_order .button_bar_bottom a,
.mod_action_order_form_overview p.shop_registration_form a,
.mod_action_order_form_overview .button_bar_bottom a,
.mod_action_register p.shop_registration_form a,
.mod_action_register .button_bar_bottom a,
.mod_action_order_form p.shop_registration_form a,
.mod_action_order_form .button_bar_bottom a {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.mod_action_order_form_login p.shop_registration_form a.current, .mod_action_order_form_login p.shop_registration_form a:hover, .mod_action_order_form_login p.shop_registration_form a:focus,
.mod_action_order_form_login .button_bar_bottom a.current,
.mod_action_order_form_login .button_bar_bottom a:hover,
.mod_action_order_form_login .button_bar_bottom a:focus,
.mod_action_process_order p.shop_registration_form a.current,
.mod_action_process_order p.shop_registration_form a:hover,
.mod_action_process_order p.shop_registration_form a:focus,
.mod_action_process_order .button_bar_bottom a.current,
.mod_action_process_order .button_bar_bottom a:hover,
.mod_action_process_order .button_bar_bottom a:focus,
.mod_action_order_form_overview p.shop_registration_form a.current,
.mod_action_order_form_overview p.shop_registration_form a:hover,
.mod_action_order_form_overview p.shop_registration_form a:focus,
.mod_action_order_form_overview .button_bar_bottom a.current,
.mod_action_order_form_overview .button_bar_bottom a:hover,
.mod_action_order_form_overview .button_bar_bottom a:focus,
.mod_action_register p.shop_registration_form a.current,
.mod_action_register p.shop_registration_form a:hover,
.mod_action_register p.shop_registration_form a:focus,
.mod_action_register .button_bar_bottom a.current,
.mod_action_register .button_bar_bottom a:hover,
.mod_action_register .button_bar_bottom a:focus,
.mod_action_order_form p.shop_registration_form a.current,
.mod_action_order_form p.shop_registration_form a:hover,
.mod_action_order_form p.shop_registration_form a:focus,
.mod_action_order_form .button_bar_bottom a.current,
.mod_action_order_form .button_bar_bottom a:hover,
.mod_action_order_form .button_bar_bottom a:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login p.shop_registration_form a,
.mod_action_order_form_login .button_bar_bottom a,
.mod_action_process_order p.shop_registration_form a,
.mod_action_process_order .button_bar_bottom a,
.mod_action_order_form_overview p.shop_registration_form a,
.mod_action_order_form_overview .button_bar_bottom a,
.mod_action_register p.shop_registration_form a,
.mod_action_register .button_bar_bottom a,
.mod_action_order_form p.shop_registration_form a,
.mod_action_order_form .button_bar_bottom a {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .mod_action_order_form_login p.shop_registration_form a,
.mod_action_order_form_login .button_bar_bottom a,
.mod_action_process_order p.shop_registration_form a,
.mod_action_process_order .button_bar_bottom a,
.mod_action_order_form_overview p.shop_registration_form a,
.mod_action_order_form_overview .button_bar_bottom a,
.mod_action_register p.shop_registration_form a,
.mod_action_register .button_bar_bottom a,
.mod_action_order_form p.shop_registration_form a,
.mod_action_order_form .button_bar_bottom a {
    display: none;
  }
}
.mod_action_order_form_login p.shop_registration_form a:last-child, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right,
.mod_action_order_form_login .button_bar_bottom a:last-child,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right,
.mod_action_process_order p.shop_registration_form a:last-child,
.mod_action_process_order p.shop_registration_form a.link_button.float_right,
.mod_action_process_order .button_bar_bottom a:last-child,
.mod_action_process_order .button_bar_bottom a.link_button.float_right,
.mod_action_order_form_overview p.shop_registration_form a:last-child,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right,
.mod_action_order_form_overview .button_bar_bottom a:last-child,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right,
.mod_action_register p.shop_registration_form a:last-child,
.mod_action_register p.shop_registration_form a.link_button.float_right,
.mod_action_register .button_bar_bottom a:last-child,
.mod_action_register .button_bar_bottom a.link_button.float_right,
.mod_action_order_form p.shop_registration_form a:last-child,
.mod_action_order_form p.shop_registration_form a.link_button.float_right,
.mod_action_order_form .button_bar_bottom a:last-child,
.mod_action_order_form .button_bar_bottom a.link_button.float_right {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  background: #506B76;
  border-color: #2B3B41;
  color: #fff;
  font-weight: 700;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
}
.mod_action_order_form_login p.shop_registration_form a:last-child:hover, .mod_action_order_form_login p.shop_registration_form a:last-child:focus, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right:hover, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right:focus,
.mod_action_order_form_login .button_bar_bottom a:last-child:hover,
.mod_action_order_form_login .button_bar_bottom a:last-child:focus,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right:hover,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right:focus,
.mod_action_process_order p.shop_registration_form a:last-child:hover,
.mod_action_process_order p.shop_registration_form a:last-child:focus,
.mod_action_process_order p.shop_registration_form a.link_button.float_right:hover,
.mod_action_process_order p.shop_registration_form a.link_button.float_right:focus,
.mod_action_process_order .button_bar_bottom a:last-child:hover,
.mod_action_process_order .button_bar_bottom a:last-child:focus,
.mod_action_process_order .button_bar_bottom a.link_button.float_right:hover,
.mod_action_process_order .button_bar_bottom a.link_button.float_right:focus,
.mod_action_order_form_overview p.shop_registration_form a:last-child:hover,
.mod_action_order_form_overview p.shop_registration_form a:last-child:focus,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right:hover,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right:focus,
.mod_action_order_form_overview .button_bar_bottom a:last-child:hover,
.mod_action_order_form_overview .button_bar_bottom a:last-child:focus,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right:hover,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right:focus,
.mod_action_register p.shop_registration_form a:last-child:hover,
.mod_action_register p.shop_registration_form a:last-child:focus,
.mod_action_register p.shop_registration_form a.link_button.float_right:hover,
.mod_action_register p.shop_registration_form a.link_button.float_right:focus,
.mod_action_register .button_bar_bottom a:last-child:hover,
.mod_action_register .button_bar_bottom a:last-child:focus,
.mod_action_register .button_bar_bottom a.link_button.float_right:hover,
.mod_action_register .button_bar_bottom a.link_button.float_right:focus,
.mod_action_order_form p.shop_registration_form a:last-child:hover,
.mod_action_order_form p.shop_registration_form a:last-child:focus,
.mod_action_order_form p.shop_registration_form a.link_button.float_right:hover,
.mod_action_order_form p.shop_registration_form a.link_button.float_right:focus,
.mod_action_order_form .button_bar_bottom a:last-child:hover,
.mod_action_order_form .button_bar_bottom a:last-child:focus,
.mod_action_order_form .button_bar_bottom a.link_button.float_right:hover,
.mod_action_order_form .button_bar_bottom a.link_button.float_right:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login p.shop_registration_form a:last-child, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right,
.mod_action_order_form_login .button_bar_bottom a:last-child,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right,
.mod_action_process_order p.shop_registration_form a:last-child,
.mod_action_process_order p.shop_registration_form a.link_button.float_right,
.mod_action_process_order .button_bar_bottom a:last-child,
.mod_action_process_order .button_bar_bottom a.link_button.float_right,
.mod_action_order_form_overview p.shop_registration_form a:last-child,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right,
.mod_action_order_form_overview .button_bar_bottom a:last-child,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right,
.mod_action_register p.shop_registration_form a:last-child,
.mod_action_register p.shop_registration_form a.link_button.float_right,
.mod_action_register .button_bar_bottom a:last-child,
.mod_action_register .button_bar_bottom a.link_button.float_right,
.mod_action_order_form p.shop_registration_form a:last-child,
.mod_action_order_form p.shop_registration_form a.link_button.float_right,
.mod_action_order_form .button_bar_bottom a:last-child,
.mod_action_order_form .button_bar_bottom a.link_button.float_right {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.mod_action_order_form_login p.shop_registration_form a:last-child.current, .mod_action_order_form_login p.shop_registration_form a:last-child:hover, .mod_action_order_form_login p.shop_registration_form a:last-child:focus, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right.current, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right:hover, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right:focus,
.mod_action_order_form_login .button_bar_bottom a:last-child.current,
.mod_action_order_form_login .button_bar_bottom a:last-child:hover,
.mod_action_order_form_login .button_bar_bottom a:last-child:focus,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right.current,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right:hover,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right:focus,
.mod_action_process_order p.shop_registration_form a:last-child.current,
.mod_action_process_order p.shop_registration_form a:last-child:hover,
.mod_action_process_order p.shop_registration_form a:last-child:focus,
.mod_action_process_order p.shop_registration_form a.link_button.float_right.current,
.mod_action_process_order p.shop_registration_form a.link_button.float_right:hover,
.mod_action_process_order p.shop_registration_form a.link_button.float_right:focus,
.mod_action_process_order .button_bar_bottom a:last-child.current,
.mod_action_process_order .button_bar_bottom a:last-child:hover,
.mod_action_process_order .button_bar_bottom a:last-child:focus,
.mod_action_process_order .button_bar_bottom a.link_button.float_right.current,
.mod_action_process_order .button_bar_bottom a.link_button.float_right:hover,
.mod_action_process_order .button_bar_bottom a.link_button.float_right:focus,
.mod_action_order_form_overview p.shop_registration_form a:last-child.current,
.mod_action_order_form_overview p.shop_registration_form a:last-child:hover,
.mod_action_order_form_overview p.shop_registration_form a:last-child:focus,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right.current,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right:hover,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right:focus,
.mod_action_order_form_overview .button_bar_bottom a:last-child.current,
.mod_action_order_form_overview .button_bar_bottom a:last-child:hover,
.mod_action_order_form_overview .button_bar_bottom a:last-child:focus,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right.current,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right:hover,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right:focus,
.mod_action_register p.shop_registration_form a:last-child.current,
.mod_action_register p.shop_registration_form a:last-child:hover,
.mod_action_register p.shop_registration_form a:last-child:focus,
.mod_action_register p.shop_registration_form a.link_button.float_right.current,
.mod_action_register p.shop_registration_form a.link_button.float_right:hover,
.mod_action_register p.shop_registration_form a.link_button.float_right:focus,
.mod_action_register .button_bar_bottom a:last-child.current,
.mod_action_register .button_bar_bottom a:last-child:hover,
.mod_action_register .button_bar_bottom a:last-child:focus,
.mod_action_register .button_bar_bottom a.link_button.float_right.current,
.mod_action_register .button_bar_bottom a.link_button.float_right:hover,
.mod_action_register .button_bar_bottom a.link_button.float_right:focus,
.mod_action_order_form p.shop_registration_form a:last-child.current,
.mod_action_order_form p.shop_registration_form a:last-child:hover,
.mod_action_order_form p.shop_registration_form a:last-child:focus,
.mod_action_order_form p.shop_registration_form a.link_button.float_right.current,
.mod_action_order_form p.shop_registration_form a.link_button.float_right:hover,
.mod_action_order_form p.shop_registration_form a.link_button.float_right:focus,
.mod_action_order_form .button_bar_bottom a:last-child.current,
.mod_action_order_form .button_bar_bottom a:last-child:hover,
.mod_action_order_form .button_bar_bottom a:last-child:focus,
.mod_action_order_form .button_bar_bottom a.link_button.float_right.current,
.mod_action_order_form .button_bar_bottom a.link_button.float_right:hover,
.mod_action_order_form .button_bar_bottom a.link_button.float_right:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .mod_action_order_form_login p.shop_registration_form a:last-child, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right,
.mod_action_order_form_login .button_bar_bottom a:last-child,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right,
.mod_action_process_order p.shop_registration_form a:last-child,
.mod_action_process_order p.shop_registration_form a.link_button.float_right,
.mod_action_process_order .button_bar_bottom a:last-child,
.mod_action_process_order .button_bar_bottom a.link_button.float_right,
.mod_action_order_form_overview p.shop_registration_form a:last-child,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right,
.mod_action_order_form_overview .button_bar_bottom a:last-child,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right,
.mod_action_register p.shop_registration_form a:last-child,
.mod_action_register p.shop_registration_form a.link_button.float_right,
.mod_action_register .button_bar_bottom a:last-child,
.mod_action_register .button_bar_bottom a.link_button.float_right,
.mod_action_order_form p.shop_registration_form a:last-child,
.mod_action_order_form p.shop_registration_form a.link_button.float_right,
.mod_action_order_form .button_bar_bottom a:last-child,
.mod_action_order_form .button_bar_bottom a.link_button.float_right {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .mod_action_order_form_login p.shop_registration_form a:last-child, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right,
.mod_action_order_form_login .button_bar_bottom a:last-child,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right,
.mod_action_process_order p.shop_registration_form a:last-child,
.mod_action_process_order p.shop_registration_form a.link_button.float_right,
.mod_action_process_order .button_bar_bottom a:last-child,
.mod_action_process_order .button_bar_bottom a.link_button.float_right,
.mod_action_order_form_overview p.shop_registration_form a:last-child,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right,
.mod_action_order_form_overview .button_bar_bottom a:last-child,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right,
.mod_action_register p.shop_registration_form a:last-child,
.mod_action_register p.shop_registration_form a.link_button.float_right,
.mod_action_register .button_bar_bottom a:last-child,
.mod_action_register .button_bar_bottom a.link_button.float_right,
.mod_action_order_form p.shop_registration_form a:last-child,
.mod_action_order_form p.shop_registration_form a.link_button.float_right,
.mod_action_order_form .button_bar_bottom a:last-child,
.mod_action_order_form .button_bar_bottom a.link_button.float_right {
    display: none;
  }
}
.mod_action_order_form_login p.shop_registration_form a:last-child:hover, .mod_action_order_form_login p.shop_registration_form a:last-child:focus, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right:hover, .mod_action_order_form_login p.shop_registration_form a.link_button.float_right:focus,
.mod_action_order_form_login .button_bar_bottom a:last-child:hover,
.mod_action_order_form_login .button_bar_bottom a:last-child:focus,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right:hover,
.mod_action_order_form_login .button_bar_bottom a.link_button.float_right:focus,
.mod_action_process_order p.shop_registration_form a:last-child:hover,
.mod_action_process_order p.shop_registration_form a:last-child:focus,
.mod_action_process_order p.shop_registration_form a.link_button.float_right:hover,
.mod_action_process_order p.shop_registration_form a.link_button.float_right:focus,
.mod_action_process_order .button_bar_bottom a:last-child:hover,
.mod_action_process_order .button_bar_bottom a:last-child:focus,
.mod_action_process_order .button_bar_bottom a.link_button.float_right:hover,
.mod_action_process_order .button_bar_bottom a.link_button.float_right:focus,
.mod_action_order_form_overview p.shop_registration_form a:last-child:hover,
.mod_action_order_form_overview p.shop_registration_form a:last-child:focus,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right:hover,
.mod_action_order_form_overview p.shop_registration_form a.link_button.float_right:focus,
.mod_action_order_form_overview .button_bar_bottom a:last-child:hover,
.mod_action_order_form_overview .button_bar_bottom a:last-child:focus,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right:hover,
.mod_action_order_form_overview .button_bar_bottom a.link_button.float_right:focus,
.mod_action_register p.shop_registration_form a:last-child:hover,
.mod_action_register p.shop_registration_form a:last-child:focus,
.mod_action_register p.shop_registration_form a.link_button.float_right:hover,
.mod_action_register p.shop_registration_form a.link_button.float_right:focus,
.mod_action_register .button_bar_bottom a:last-child:hover,
.mod_action_register .button_bar_bottom a:last-child:focus,
.mod_action_register .button_bar_bottom a.link_button.float_right:hover,
.mod_action_register .button_bar_bottom a.link_button.float_right:focus,
.mod_action_order_form p.shop_registration_form a:last-child:hover,
.mod_action_order_form p.shop_registration_form a:last-child:focus,
.mod_action_order_form p.shop_registration_form a.link_button.float_right:hover,
.mod_action_order_form p.shop_registration_form a.link_button.float_right:focus,
.mod_action_order_form .button_bar_bottom a:last-child:hover,
.mod_action_order_form .button_bar_bottom a:last-child:focus,
.mod_action_order_form .button_bar_bottom a.link_button.float_right:hover,
.mod_action_order_form .button_bar_bottom a.link_button.float_right:focus {
  background: #2B3B41;
  color: #fff;
}

.mod_action_order_form_login .content_inner .content_shop_inner {
  padding-right: 0 !important;
}
.mod_action_order_form_login h1 {
  display: none;
}
.mod_action_order_form_login #process_order_login div.shop_div:first-child {
  margin-top: 0;
  padding-top: 0;
}
.mod_action_order_form_login #process_order_login div.shop_div:first-child:before {
  display: none;
}
.mod_action_order_form_login #process_order_login form + p {
  margin-top: 10px;
}

.mod_action_register h1 {
  margin-bottom: -8px;
}
.mod_action_register .shop_using_as_guest_description {
  margin-top: 18px;
}

.mod_action_order_details .portlets_article_detail ~ .content_shop_inner {
  padding-right: 20px;
}
.mod_action_order_details #management div.button_bar_bottom,
.mod_action_order_details #management div.button_bar_top {
  margin: 0;
  padding: 0;
  border: none;
  background: none !important;
}
.mod_action_order_details #management div.button_bar_bottom a.button,
.mod_action_order_details #management div.button_bar_top a.button {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
}
.mod_action_order_details #management div.button_bar_bottom a.button:hover, .mod_action_order_details #management div.button_bar_bottom a.button:focus,
.mod_action_order_details #management div.button_bar_top a.button:hover,
.mod_action_order_details #management div.button_bar_top a.button:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .mod_action_order_details #management div.button_bar_bottom a.button,
.mod_action_order_details #management div.button_bar_top a.button {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.mod_action_order_details #management div.button_bar_bottom a.button.current, .mod_action_order_details #management div.button_bar_bottom a.button:hover, .mod_action_order_details #management div.button_bar_bottom a.button:focus,
.mod_action_order_details #management div.button_bar_top a.button.current,
.mod_action_order_details #management div.button_bar_top a.button:hover,
.mod_action_order_details #management div.button_bar_top a.button:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .mod_action_order_details #management div.button_bar_bottom a.button,
.mod_action_order_details #management div.button_bar_top a.button {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .mod_action_order_details #management div.button_bar_bottom a.button,
.mod_action_order_details #management div.button_bar_top a.button {
    display: none;
  }
}

/* --- shop popup --- */
#shop_cross_selling_popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(49, 48, 46, 0.8);
  overflow: hidden;
  padding-bottom: 70px;
  padding-top: 110px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  overflow: auto;
}
@media screen and (max-width: 930px) {
  #shop_cross_selling_popup {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup {
    padding-bottom: 30px;
  }
}
@media print {
  #shop_cross_selling_popup {
    padding-bottom: 30px;
  }
}
#shop_cross_selling_popup .shop_cart_popup_inner {
  max-width: 1270px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #C4CDD1;
  max-width: 1230px;
  padding: 0;
  overflow: hidden;
}
#shop_cross_selling_popup a i {
  font-size: 15px;
  line-height: 18px;
}
#shop_cross_selling_popup .shop_cart_popup_bar {
  background: #fff;
  padding: 11px;
}
#shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top {
  border-bottom: 1px solid #C4CDD1;
  display: flex;
  justify-content: space-between;
}
#shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top h3 {
  margin: 2px 0 0 0;
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  align-self: center;
  color: #31302E;
}
@media screen and (max-width: 930px) {
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
#shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .shop_cross_selling_popup_close a {
  margin: -11px 0 -11px -11px;
  padding: 21px 24px 19px 24px;
  border-right: 1px solid #C4CDD1;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  color: #31302E;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .shop_cross_selling_popup_close a i {
  font-size: 28px;
  margin-right: 12px;
  vertical-align: middle;
}
#shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .shop_cross_selling_popup_close a:hover {
  box-shadow: inset 0 0 10px 5px rgba(165, 178, 190, 0.25);
}
#shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .popup_message {
  margin: 0;
  background: none;
  color: #67921F;
  font-weight: 800;
  border: none;
  padding: 0;
  font-size: 15px;
  display: flex;
  align-items: center;
}
#shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .popup_message i {
  font-size: 36px;
  line-height: 36px;
  margin-right: 12px;
}
#shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .popup_message:before {
  display: none;
}
#shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_bottom {
  border-top: 1px solid #C4CDD1;
  text-align: right;
}
#shop_cross_selling_popup .shop_cart_popup_bar .shop_cross_selling_popup_close.button a {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
}
#shop_cross_selling_popup .shop_cart_popup_bar .shop_cross_selling_popup_close.button a:hover, #shop_cross_selling_popup .shop_cart_popup_bar .shop_cross_selling_popup_close.button a:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup .shop_cart_popup_bar .shop_cross_selling_popup_close.button a {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
#shop_cross_selling_popup .shop_cart_popup_bar .shop_cross_selling_popup_close.button a.current, #shop_cross_selling_popup .shop_cart_popup_bar .shop_cross_selling_popup_close.button a:hover, #shop_cross_selling_popup .shop_cart_popup_bar .shop_cross_selling_popup_close.button a:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup .shop_cart_popup_bar .shop_cross_selling_popup_close.button a {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  #shop_cross_selling_popup .shop_cart_popup_bar .shop_cross_selling_popup_close.button a {
    display: none;
  }
}
#shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  background: #506B76;
  border-color: #2B3B41;
  color: #fff;
  font-weight: 700;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
}
#shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart:hover, #shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
#shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart.current, #shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart:hover, #shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  #shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart {
    display: none;
  }
}
#shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart:hover, #shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart:focus {
  background: #2B3B41;
  color: #fff;
}
#shop_cross_selling_popup .shop_cart_popup_bar a.goto-cart i {
  margin-left: 14px;
}
#shop_cross_selling_popup .shop_cart_article_wrap {
  position: relative;
  background: #fff;
  display: flex;
  justify-content: space-between;
}
#shop_cross_selling_popup .shop_cart_article_wrap:after {
  z-index: 100;
}
#shop_cross_selling_popup .shop_cart_total {
  padding: 20px 70px;
  border-left: 1px solid #C4CDD1;
  display: flex;
  align-items: center;
  text-align: center;
}
#shop_cross_selling_popup .shop_cart_article_number,
#shop_cross_selling_popup .shop_cart_price_title {
  font-size: 12px;
  color: #617279;
  margin-bottom: 11px;
  white-space: nowrap;
}
#shop_cross_selling_popup .shop-regular-price {
  margin: 0;
  white-space: nowrap;
  float: none !important;
}
#shop_cross_selling_popup .shop_cart_article {
  display: flex;
  position: relative;
  width: 100%;
}
#shop_cross_selling_popup .shop_cart_article .shop_cart_article_picture {
  padding: 11px 10px 11px 30px;
  box-sizing: border-box;
  flex: 0 0 270px;
  max-width: 270px;
  margin-right: 20px;
}
#shop_cross_selling_popup .shop_cart_article .shop_cart_article_content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 20px 0;
}
#shop_cross_selling_popup .shop_cart_article .shop_cart_article_content_text h3 {
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 930px) {
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_content_text h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_content_text h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_content_text h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
#shop_cross_selling_popup .shop_cart_article .shop_cart_article_content_text .shop_cart_category {
  color: #617279;
  font-weight: 900;
  margin-bottom: 12px;
}
#shop_cross_selling_popup .shop_cart_article .shop_cart_article_content_text .shop_cart_article_number {
  margin-bottom: 0;
}
#shop_cross_selling_popup .shop_cart_article .shop_cart_article_price {
  text-align: center;
  padding-left: 20px;
  padding-right: 40px;
}
#shop_cross_selling_popup .shop_cart_products_wrap {
  background: #E5E5E2;
  padding: 60px 40px 40px;
  box-sizing: border-box;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products_wrap_inner {
  background: #fff;
  border: 1px solid #C4CDD1;
  border-radius: 8px;
  overflow: hidden;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products_title {
  padding: 21px 30px 18px;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products_title h3 {
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 930px) {
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products_title h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products_title h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products_title h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products {
  display: flex;
  flex-flow: wrap;
  margin-right: -2px;
  margin-bottom: -1px;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article {
  flex: 0 0 20%;
  padding: 20px;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article:hover .shop_show_details {
  box-shadow: inset 0 0 20px 10px rgba(165, 178, 190, 0.25);
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article .inner {
  height: 100%;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article .inner .inner_content {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article .inner .inner_content > .cf {
  display: none;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article .inner .inner_content .content {
  border: none;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  overflow: visible;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article .inner .inner_content .content h2 {
  margin: 0;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article .inner .inner_content .pictures {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article .inner .inner_content .pictures *:not(source):not(.cf) {
  width: 100%;
  height: 100%;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article .inner .inner_content .pictures img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop-description-small {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  pointer-events: none;
  align-items: center;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop-description-small > div {
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  color: #617279;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_add_to_cart_container {
  padding: 0;
  pointer-events: all;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button:hover, #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button.current, #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button:hover, #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button {
    display: none;
  }
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button span {
  display: none;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button:hover {
  color: #fff;
  background: #506B76;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button.article_in_cart {
  background: #67921F;
  border-color: #425005;
  color: #fff;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button.article_in_cart i:before {
  content: "\f00c";
  font-weight: 900;
}
#shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products a.shop_add_to_cart.button.article_in_cart:hover {
  box-shadow: none;
  background: #587d1b;
}

.shop_cart {
  float: none;
  background: none transparent;
  padding: 10px 0;
}

.shop_cart h3 {
  margin: 0;
  padding: 0 0 0 25px;
  margin-bottom: 5px;
}

.shop_cart ul {
  padding: 0 0 0 20px;
}

.portlet .shop_categories, .portlet .shop_products {
  float: left;
  clear: left;
}

.portlet_shop_cart_table td {
  border: 0 !important;
  background: none transparent !important;
  vertical-align: top;
}

.portlet_shop_cart_table td.portlet_shop_cart_count {
  width: 20px;
  text-align: right;
}

.portlet_shop_filter .price_range {
  margin: 25px 0 5px;
}

.portlet_shop_filter .price_range_legend {
  font-size: 0;
  margin: 0;
}

.portlet_shop_filter .price_range_legend span {
  display: inline-block;
  font-size: 11px;
  color: #999;
  width: 26.6%;
  text-align: center;
}

.portlet_shop_filter .price_range_legend span:first-child {
  width: 10%;
  text-align: left;
}

.portlet_shop_filter .price_range_legend span:last-child {
  width: 10%;
  text-align: right;
}

.price_range .ui-slider-handle span {
  position: absolute;
  padding: 5px;
  color: #fff;
  background: #333;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  bottom: 100%;
  left: -20px;
  bottom: 35px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.price_range .ui-slider-handle.ui-state-active span {
  opacity: 0.85;
  visibility: visible;
}

.price_range .ui-slider-handle span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #333;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
}

.portlet_shop_filter .ui-slider-horizontal {
  height: 8px;
}

.portlet_shop_filter .ui-slider .ui-slider-range {
  background: #dadada;
  border: 1px solid silver;
  margin: -1px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 5px 5px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25);
}

.portlet_shop_filter .ui-slider .ui-slider-handle {
  border-radius: 50%;
  top: -6px;
  border: 1px solid #333;
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 5px 5px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25);
  background: #333;
}

.portlet_shop_filter .ui-slider .ui-slider-handle.ui-state-active {
  cursor: hand;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.portlet_shop_filter .price_range {
  box-shadow: inset 0 3px 3px #e0e0e0;
  border: 1px solid silver;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

/* map no consent */
.map_no_consent {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #F2F2F5;
  padding: 50px;
  text-align: center;
  display: flex;
  align-items: center;
}

/* management marker options */
/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
/* ---------- Basics ---------- */
nav ul {
  padding: 0;
}

nav li {
  display: inline-block;
  vertical-align: top;
}

nav li a {
  text-decoration: none;
}

.navigation_image,
.navi_desc {
  display: none;
}

div#sticky-wrapper.sticky-wrapper {
  max-height: 60px !important;
}

/* ---------- Meta ---------- */
.meta {
  display: flex;
  justify-content: flex-end;
}
.meta ul {
  display: block;
}

.meta li:last-child {
  float: right;
}

.meta li a,
.topbar a.language,
.currency_changer_wrap a {
  font-weight: bold;
  color: #617279;
  text-transform: none;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
}

.meta .meta-navigation {
  display: flex;
  justify-content: flex-end;
}
.meta li {
  white-space: nowrap;
}
.meta li a {
  margin-right: 25px;
  padding-left: 0;
  position: relative;
}
.meta li a:before {
  content: "\f07a";
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  text-transform: none;
  color: #617279;
  position: relative;
  margin-right: 8px;
  display: inline-block;
}
.meta li:hover a, .meta li.current a {
  color: #3A4F57;
}
.meta li:hover a:before, .meta li.current a:before {
  color: #3A4F57;
}
.meta li.current a {
  color: #3A4F57;
  font-weight: 600;
}
.meta li.current a:before {
  font-weight: 900;
}
.meta li:first-child {
  order: 0;
}
.meta li:first-child a {
  color: #6C693A;
  font-weight: 900;
}
.meta li:first-child a:before {
  color: #3A4F57;
}
.meta li:first-child.current a:before {
  color: #6C693A;
}
.meta li:nth-child(2) {
  order: 1;
}
.meta li:nth-child(2) a:before {
  content: "\f277";
}
.meta li:nth-child(3) {
  order: 4;
}
.meta li:nth-child(3) a:before {
  content: "\f2bb";
}
.meta li:nth-child(4) {
  order: 5;
}
.meta li:nth-child(4) a:before {
  content: "\f1f9";
}
.meta li:nth-child(5) {
  order: 6;
}
.meta li:nth-child(5) a {
  margin-right: 0;
}
.meta li:nth-child(5) a:before {
  content: "\f21d";
}
.meta li ul {
  display: none;
}
.meta .portlet {
  order: 8;
  margin-left: 25px;
}
.meta .portlet .portlet_inner {
  display: inline-block;
}
.meta .portlet .portlet_inner:hover input {
  opacity: 1;
  visibility: visible;
  width: 200px;
}
.meta .portlet * {
  width: auto;
}
.meta .portlet ~ li a {
  margin-right: 0;
  margin-left: 25px;
}
.meta .portlet h3 {
  margin-right: 0;
  padding-left: 0;
  position: relative;
  color: #617279;
  text-transform: none;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  margin: 0;
}
.meta .portlet h3:before {
  content: "\f002";
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  text-transform: none;
  color: #617279;
  position: relative;
  margin-right: 8px;
  display: inline-block;
}
.meta .portlet input {
  position: absolute;
  top: 0;
  z-index: 1;
  color: #617279;
  text-transform: none;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
  top: 25px;
  left: auto;
  right: 0;
  padding: 6px 10px 3px;
  width: 20px;
  opacity: 0;
  visibility: hidden;
}
.meta .portlet input:hover, .meta .portlet input:focus {
  background: #F9F9F9;
  width: 200px;
}
.meta .portlet input:focus {
  opacity: 1;
  visibility: visible;
}
.meta .portlet input#portlet-search-button {
  display: none;
}

.meta li a:hover,
.meta li.current a,
.topbar a.language:hover,
.currency_changer_wrap a:hover {
  color: #000;
}

/* ---------- Main ---------- */
.main li.level0:first-child,
.main li.level0 + li + li + li ~ li {
  display: none;
}

.main ul {
  position: relative;
}

.main li {
  width: 33.33%;
  text-align: center;
}

.main a {
  position: relative;
  z-index: 50;
  font-size: 22px;
  line-height: 28px;
  color: #3A4F57;
  font-weight: 500;
  padding: 0;
  letter-spacing: -0.1px;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main a > span {
  line-height: 40px;
  padding: 10px 0 7px;
  display: block;
  position: relative;
  z-index: 100;
}

.main li a:before,
.main li a:after {
  content: "";
  display: block;
  height: 47px;
  width: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(182, 183, 184) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgb(182, 183, 184))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(182, 183, 184) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(182, 183, 184) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(182, 183, 184) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(182, 183, 184) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#b6b7b8",GradientType=0 ); /* IE6-9 */
}

.main li a:after {
  left: auto;
  right: -1px;
}

.main li:hover > a,
.main li.hover > a,
.main li.current > a {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
}

.main li.level0:hover > a,
.main li.level0.hover > a {
  position: static;
}

.main li:hover > a span,
.main li.hover > a span {
  background: #fff;
}

.main li > a span:after {
  content: "";
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 0;
  z-index: 20;
  transition: all 0.3s;
}

.main li:hover > a span:after,
.main li.hover > a span:after,
.main li.current > a span:after {
  height: 4px;
}

.main li.current > a span:after {
  left: 1px;
}

/* --- Sub --- */
.main ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 60;
  background: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 0 20px 12px rgba(0, 0, 0, 0);
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: box-shadow 0.4s;
}

.main ul li:hover ul,
.main ul li.hover ul {
  opacity: 1;
  visibility: visible;
  display: block;
  box-shadow: 0 5px 10px 6px rgba(0, 0, 0, 0.3);
}

.main ul li ul:after {
  content: "";
  position: absolute;
  width: 4000px;
  left: -2000px;
  height: 50px;
  top: -50px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  box-shadow: inset 0 -20px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.25s;
}

.main ul li:hover ul:after {
  opacity: 0.5;
  visibility: visible;
}

.main ul ul a:before,
.main ul ul a:after,
.main ul ul ul,
.main ul ul li a span:after {
  display: none !important;
}

.main ul ul a span {
  padding: 10px 0 0;
}

.main ul ul a:last-of-type {
  padding: 0 0 20px;
}

.main ul ul a:last-of-type span:first-child {
  font: 38px/44px "Allura", cursive;
  letter-spacing: 0.2px;
}

.main ul ul li .navi_desc {
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
}

.main ul ul .navigation_image {
  display: block;
  height: 160px;
  padding: 15px 0;
  position: relative;
}

.main ul ul .navigation_image img {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-height: 85%;
}

.main ul ul * {
  box-shadow: none !important;
}

.main ul ul li {
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main ul ul li:hover,
.main ul ul li.current {
  opacity: 0.4;
}

/* ---------- Content sub ---------- */
.siteframe > ul {
  display: none;
}

.category_20 .sub,
.category_19 .sub,
.category_38 .sub,
.category_53 .sub,
.css_landingpage .sub {
  display: none;
}

.sub {
  padding: 9px 0;
  margin: 0 0 23px;
  border-bottom: 1px solid #ababa9;
  font-weight: 300;
}

.mod_shop .sub {
  border: 0;
  padding-bottom: 5px;
}
.mod_shop .sub > .cf {
  display: none;
}

.sub ul {
  float: right;
  display: block;
}

.sub li a {
  display: block;
  font-size: 13px;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 0 0 35px;
  color: #5e5e57;
  color: #000;
  opacity: 0.3;
  font-weight: 400;
  transition: opacity 0.2s;
}

.sub li.current a {
  opacity: 0.6;
}

.sub li a:hover {
  opacity: 1;
}

.sub .top_shop_meta ~ a.imprint,
.sub > a.single_navigation_link {
  font-size: 22px;
  letter-spacing: 0.2px;
  font-weight: 300;
  text-decoration: none;
  color: #5e5e57;
}

.sub .top_shop_meta ~ a.imprint {
  margin-top: 12px;
  display: inline-block;
  font-weight: 400;
  color: #000;
  width: 100%;
  order: 1;
  padding-right: 20px;
  box-sizing: border-box;
}

.mod_shop .sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mod_shop .sub a.back-to-overview {
  order: 2;
  white-space: nowrap;
}
.mod_shop .sub a.back-to-overview span {
  white-space: nowrap;
}
.mod_shop .sub .top_shop_meta {
  order: 3;
  white-space: nowrap;
  display: flex;
}

.top_shop_meta > a:last-child {
  min-width: 150px;
  box-sizing: border-box;
  padding-right: 48px;
}

/* ---------- Shop categories ---------- */
.portlets_shop .shop_categories a {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-decoration: none;
  color: #000;
}

.portlets_shop .shop_categories a:hover,
.portlets_shop .shop_categories a.current {
  color: #840000;
}

.portlets_shop .shop_categories a:before {
  content: "> ";
  padding-right: 1px;
  color: #840000;
}

.shop_category_4 .portlets_shop .shop_categories a:hover,
.shop_category_4 .portlets_shop .shop_categories a.current,
.shop_category_4 .portlets_shop .shop_categories a:before {
  color: #425004;
}

.shop_category_6 .portlets_shop .shop_categories a:hover,
.shop_category_6 .portlets_shop .shop_categories a.current,
.shop_category_6 .portlets_shop .shop_categories a:before {
  color: #5c5c5f;
}

/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
/* ---------- Main ---------- */
.portlet {
  position: relative;
  font-weight: 300;
}

.listing_actions,
.portlet ul.controls,
.knowledge_db_entry .options,
div.shop_category div.category_actions,
.shop_article .shop_actions {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 30;
  padding: 6px 7px 7px;
  background: rgba(255, 255, 255, 0.75);
}

div.shop_category div.category_actions {
  right: 1px;
}

.listing_actions > *,
.portlet ul.controls li,
.knowledge_db_entry .options a,
div.shop_category div.category_actions a,
.shop_article .shop_actions a {
  margin: 0 0 0 5px;
  width: auto;
  height: auto;
  float: left;
}

.portlet ul.controls li img,
.knowledge_db_entry .options a img,
div.shop_category div.category_actions a img,
.shop_article .shop_actions a img {
  display: block;
}

.portlet ul.controls li:first-child {
  margin: 0;
}

/* ---------- Header ---------- */
.language_switcher,
header .portlet {
  float: right;
  position: relative;
}

header .portlet {
  order: 0;
}

header .portlet ul.controls {
  display: none;
}

.language_switcher,
.currency_changer_wrap {
  white-space: nowrap;
  margin: 3px 2px 0 0;
}

.currency_changer_wrap {
  margin-right: 15px;
}

.language_switcher a.language,
.currency_changer_wrap li {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  margin: 0 5px;
  opacity: 0.3;
  transition: all 0.3s ease;
}

.language_switcher a.language:hover,
.currency_changer_wrap li:hover {
  opacity: 0.6;
}

.language_switcher a.language.current,
.currency_changer_wrap li.current {
  opacity: 1;
}

/* --- Currency --- */
.currency_changer_wrap {
  display: none;
}

.currency_changer_wrap.with_content {
  display: block;
  float: right;
  position: relative;
}

.currency_changer_wrap ul,
.currency_changer_wrap li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.currency_changer_wrap li a {
  display: block;
}

/* --- Search --- */
.topbar > .search {
  transition: all 0.2s;
}

.preload .topbar > .search {
  opacity: 0;
}

.live_search_results {
  right: 0;
  left: auto;
  width: 450px !important;
  top: calc(100% + 48px);
  background: #fff;
  box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.2);
  z-index: 1200;
  border-radius: 4px;
  overflow: hidden;
  max-height: 85vh;
}
.live_search_results .no_results {
  padding: 10px 20px;
}

.highlighting {
  background: rgba(97, 114, 121, 0.3);
}

.search_item_wrap {
  padding: 20px 0;
  position: relative;
}
.search_item_wrap .pictures .picture {
  float: none;
}
.search_item_wrap .pictures img {
  max-height: 250px;
  object-fit: contain;
}
.search_item_wrap .content {
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.search_item_wrap .search_item_detail_link {
  margin-top: 15px;
}

.live_search_results .search_item_wrap {
  padding: 15px;
}

.search_item_wrap ~ div {
  border-top: 1px solid #eee;
}

.search_item_wrap h2 {
  margin-top: 0;
}

.search_item_wrap .pictures.resource_container {
  width: 25%;
  float: right;
  margin-left: 20px;
}

.live_search_results h2 {
  text-transform: none;
}

.search_item {
  overflow: hidden;
  text-decoration: none;
}

.search_item_details {
  display: none;
}

/* ---------- Right ---------- */
.portlets_right,
.portlets_shop,
.portlets_article_detail {
  float: right;
  width: 28.6%;
  max-width: 290px;
  padding: 25px 25px;
  box-shadow: inset 1px 0 #c4cdd1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.portlets_right .portlet_content_description:not(:last-child) {
  margin-bottom: 15px;
}

.portlets_article_detail {
  max-width: 28.6%;
}

.portlets_article_detail + .crono_tabs_main_wrap {
  box-shadow: 1px 0 #c4cdd1;
}

.portlets_shop ul.controls,
.portlets_shop .add_portlet_link,
.portlets_article_detail ul.controls,
.portlets_article_detail .add_portlet_link {
  display: none;
}

.portlets_shop {
  box-shadow: inset -1px 0 #c4cdd1;
}

.logged_in div.portlets.portlets_shop .portlet_zone_label:after {
  content: "Zone: Shop";
}

.system_page .portlets_right,
.system_page .portlets_shop,
.mod_action_order_form_overview .portlets_article_detail,
.mod_action_order_form_login .portlets_article_detail {
  display: none;
}

.portlets_right ~ .cf,
.portlets_shop ~ .cf {
  display: none;
}

.portlets_shop h4 {
  font-size: 18px;
  line-height: 24px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 600px) {
  .portlets_shop h4 {
    font-size: 15px;
    line-height: 22px;
  }
}
@media print {
  .portlets_shop h4 {
    font-size: 15px;
    line-height: 22px;
  }
}

/* ---------- Shop ---------- */
.portlets_shop {
  float: left;
}

.mod_action_show_article .portlets_shop {
  display: none;
}

.portlets_shop .portlet ~ .portlet,
.portlets_shop .shop_filter ~ .shop_filter {
  margin: 20px -25px 0;
  padding: 20px 25px 0;
  border-top: 1px solid #c4cdd1;
}

.portlets_shop .portlet_shop_categories h3,
.portlets_shop .shop_categories > li,
.portlets_shop .shop_categories > li > a {
  display: none;
}

.portlets_shop .shop_categories > li.current {
  display: block;
}

.shop_categories #shop-category-li-30 {
  display: none;
}

.shop_categories #shop-category-li-30.current {
  display: block;
}

.portlets_shop .shop_categories,
.portlets_shop .shop_categories ul,
.portlets_shop .shop_categories li {
  background: none;
  list-style: none;
  margin: 0;
  padding: 0;
  float: none;
}

.mod_action_register .portlet_shop_register {
  display: none;
}

.shop_filter_toggles {
  overflow: hidden;
  padding: 10px;
  margin: -10px;
  display: flex;
  flex-flow: wrap;
}

.shop_filter_toggles > a {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  margin: 5px 5px 0 0;
}
.shop_filter_toggles > a:hover, .shop_filter_toggles > a:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  .shop_filter_toggles > a {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
.shop_filter_toggles > a.current, .shop_filter_toggles > a:hover, .shop_filter_toggles > a:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .shop_filter_toggles > a {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  .shop_filter_toggles > a {
    display: none;
  }
}
.shop_filter_toggles > a.current {
  border-color: #617279;
  font-weight: 400;
  background: rgba(97, 114, 121, 0.2);
}

.shop_filter_toggles > a:nth-child(even) {
  float: right;
}

.portlets_shop .portlet_shop_filter {
  display: none;
}

.shop_subcategory_8 .portlets_shop .portlet_shop_filter {
  display: block;
}

.portlet_shop_filter .price_range {
  box-shadow: none;
  border: 1px solid #c4cdd1;
}

.portlet_shop_filter .ui-slider .ui-slider-range {
  border: 1px solid #c4cdd1;
  background: #f0f4f5;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 -1px 2px rgba(0, 0, 0, 0.1);
}

.portlet_shop_filter .ui-slider .ui-slider-handle {
  background: #678c9b;
  border: 1px solid #394d55;
  box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.4);
  transition: background 0.2s;
}

.portlet_shop_filter .ui-slider .ui-slider-handle:hover {
  background: #394d55;
}

.portlet_shop_filter .price_range_set_filter {
  display: none;
}

/* --- Cart --- */
.portlet_shop_cart .portlet_shop_cart_article_thumbnail {
  display: none;
}

.portlet_shop_cart .portlet_shop_cart_table thead {
  display: none;
}

/* --- Member --- */
.portlet_shop_member_panel a {
  text-decoration: none;
}
.portlet_shop_member_panel h3.portlet-title {
  margin-bottom: 3px;
}

.portlet_shop_member_panel p {
  margin: 0;
  padding: 3px 0;
}

.portlet_shop_member_panel .link_order_form {
  display: none;
}

.portlet_shop_member_panel p:before {
  content: "";
  font: 15px/16px "fontastic";
  float: left;
  text-transform: none;
  position: relative;
  top: 5px;
  margin: 0 2px 0 0;
  opacity: 0.65;
  transition: all 0.25s;
}

.portlet_shop_member_panel p .fa {
  display: none;
}

.portlet_shop_member_panel p.current:before,
.portlet_shop_member_panel p:hover:before {
  opacity: 1;
}

.portlet_shop_member_panel p.link_order_overview:before {
  content: "o";
}

.portlet_shop_member_panel p.link_wishlist:before {
  content: "f";
}

.portlet_shop_member_panel p.link_user_settings:before {
  content: "a";
}

.portlet_shop_member_panel p.link_logout:before {
  content: "l";
}

.portlet_shop_member_panel p img {
  display: none;
}

/* ---------- Article Detail ---------- */
.portlets_article_detail {
  box-shadow: inset 0 1px 0 #c4cdd1, inset 1px 0 #c4cdd1;
}

.portlets_article_detail:first-child {
  box-shadow: inset 1px 0 #c4cdd1;
}

.mod_action_wishlist .portlets_article_detail,
.mod_action_wishlist .portlets_article_detail ~ .content_inner {
  box-shadow: none;
}

.content_inner > .portlets_article_detail:first-child {
  margin-top: -26px;
  margin-right: -25px;
  position: relative;
  box-sizing: border-box;
}

.content_inner > .portlets_article_detail:first-child:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2000px;
  width: 1px;
  background: #c4cdd1;
}

.portlets_article_detail .portlet ~ .portlet {
  margin: 25px 0 0;
  padding-top: 25px;
  position: relative;
}
.portlets_article_detail .portlet ~ .portlet:before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: calc(100% + 50px);
  height: 1px;
  display: block;
  background: #C4CDD1;
}

.portlets_article_detail .shop_cart {
  padding: 0;
  margin-top: -8px;
  background: none;
}

.portlets_article_detail .empty_cart {
  display: none;
}

.shop_cart h3 {
  display: none;
}

/* ---------- Bottom ---------- */
.logged_in div.portlets.portlets_bottom .portlet_zone_label:after {
  content: "Zone: Portlets unten";
}

.portlets_bottom .shop_categories,
.portlets_bottom .shop_categories li {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #3a4f57;
  float: none;
  display: flex;
  flex-flow: wrap;
}

div.portlets_bottom .shop_categories li {
  padding: 20px 25px;
  margin-top: 0;
}

.portlets_bottom .portlet_shop_categories,
.calc_other_articles .portlet_shop_categories,
.shop_article_accessories_wrap {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #c4cdd1;
}

.portlets_bottom .portlet_shop_categories .calc_other_articles {
  display: flex;
  flex-flow: wrap;
}
.portlets_bottom .portlet_shop_categories .inner_content > *:not(.pictures):not(.shop_article_information_title):not(.shop_special):not(.shop_show_details) {
  display: none;
}

.shop_article_accessories_wrap {
  margin: 60px 0 0;
}

.portlets_bottom .portlet_shop_categories h3.portlet-title,
.shop_article_accessories_wrap > h3,
.knowledge_db_entries > h3 {
  border-bottom: 1px solid #C4CDD1;
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  padding: 21px 30px 18px;
  text-align: left;
}
@media screen and (max-width: 930px) {
  .portlets_bottom .portlet_shop_categories h3.portlet-title,
.shop_article_accessories_wrap > h3,
.knowledge_db_entries > h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  .portlets_bottom .portlet_shop_categories h3.portlet-title,
.shop_article_accessories_wrap > h3,
.knowledge_db_entries > h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  .portlets_bottom .portlet_shop_categories h3.portlet-title,
.shop_article_accessories_wrap > h3,
.knowledge_db_entries > h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

.portlets_bottom .shop_categories li > a:first-child,
.portlets_bottom .shop_categories li > .pictures + a {
  font-size: 18px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
  text-decoration: none;
  display: block;
  margin: 15px 0 5px;
}

.portlets_bottom .shop_categories li > a ~ a {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 1px;
  bottom: 0;
  left: 0;
  transition: all 0.25s;
}

.portlets_bottom .shop_categories li:nth-child(3n+3) > a ~ a {
  right: 0;
}

.portlets_bottom .shop_categories li > a ~ a:hover {
  box-shadow: inset 0 0 20px 10px #eaedf0;
}

.portlets_bottom .shop_categories li > a ~ a span {
  display: none;
}

.portlets_bottom .shop_categories li .picture {
  position: relative;
  height: 0;
  padding: 0 0 65%;
  text-align: center;
  float: none;
}

.portlets_bottom .shop_categories li .picture * {
  display: inline;
  position: static;
}

.portlets_bottom .shop_categories li .picture .resource_description {
  display: none !important;
}

.portlets_bottom .shop_categories li .picture img {
  position: absolute;
  left: 50%;
  right: 0;
  padding: 0;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.portlets_bottom .shop_categories p {
  margin: 0;
}

.portlet_shop_member_panel .login_form {
  padding: 0 0 8px;
  margin: 0 0 8px;
  border-bottom: 1px solid #eaeaea;
}

.portlet_shop_member_panel .login_form > a:not(:p_lost_password),
.portlet_shop_member_panel .login_form > p:not(:p_lost_password) {
  display: none;
}
.portlet_shop_member_panel .login_form > a.p_lost_password,
.portlet_shop_member_panel .login_form > p.p_lost_password {
  margin-top: 20px;
}

.portlet_shop_member_panel .login_form > a[href*=lost_pass] {
  display: block;
  margin-top: 20px;
}

/* --- Topbar --- */
.top_shop_meta {
  float: right;
  background: #840000;
  border-radius: 5px;
  margin: 0 0 0 25px;
}

.top_shop_meta > .my_account > div {
  background: #840000;
}

.shop_category_4 .top_shop_meta,
.shop_category_4 .top_shop_meta > .my_account > div {
  background: #425004;
}

.shop_category_6 .top_shop_meta,
.shop_category_6 .top_shop_meta > .my_account > div {
  background: #5c5c5f;
}

.top_shop_meta > * {
  font-size: 15px;
  line-height: 23px;
  padding: 11px 18px 8px;
  display: inline-block;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  text-transform: none;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.3), inset -1px 0 0 rgba(255, 255, 255, 0.2);
  transition: all 0.25s;
}

.top_shop_meta > *:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}

.top_shop_meta > a:last-child {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 5px 5px 0;
}

.top_shop_meta > a:last-child:hover {
  background: rgba(0, 0, 0, 0.5);
}

.top_shop_meta > a:last-child span ~ span {
  padding-left: 13px;
  text-transform: none;
  font-weight: normal;
}

.top_shop_meta > a:last-child span:first-child:before {
  content: "\f07a";
  font: 19px/19px "Font Awesome 6 Pro";
  font-weight: 300;
  float: left;
  text-transform: none;
  position: relative;
  top: 0;
  margin: 0 10px 0 0;
}

.top_shop_meta > .my_account {
  position: relative;
}

.top_shop_meta > .my_account > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 50;
  margin-top: 0;
  visibility: hidden;
  transition: all 0.25s;
  transform-origin: center top;
  transform: rotateX(90deg);
}

.top_shop_meta > .my_account:hover > div {
  visibility: visible;
  transform: rotateX(0);
}

.top_shop_meta > .my_account > div a {
  display: block;
  text-decoration: none;
  transition: all 0.25s;
  text-transform: none;
  padding: 7px 15px 3px 16px;
  color: #fff;
  font-size: 14px;
}

.top_shop_meta > .my_account > div a {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.top_shop_meta > .my_account > div a:last-child {
  padding-bottom: 6px;
}

.top_shop_meta > .my_account > div a:hover {
  background: rgba(0, 0, 0, 0.2);
}

/* ---------- Homepage ---------- */
.portlets_bottom .shop_categories,
.page_homepage .portlets_bottom {
  word-spacing: -0.22em;
}

.portlets_bottom .shop_categories > *,
.page_homepage .portlets_bottom > * {
  word-spacing: normal;
}

.page_homepage .portlets_bottom .portlet,
.portlets_bottom .shop_categories li,
.overview_item,
.calc_other_articles .shop_article {
  width: 33.3%;
  word-spacing: normal;
  font-size: 15.5px;
  display: inline-block;
  margin: 25px 0 0 0;
  padding: 0;
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.overview_item:only-child {
  width: 100%;
}

.overview_item:first-child:nth-last-child(2),
.overview_item:first-child:nth-last-child(2) ~ div {
  width: 50%;
}

.page_homepage .portlets_bottom .portlet .picture,
.overview_item .pictures,
.overview_item .pictures .picture {
  overflow: hidden;
  float: none;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+1):last-child:before,
.page_homepage .portlets_bottom .portlet:nth-child(3n+1):last-child:after,
.overview_item:nth-child(3n+1):last-child:before,
.overview_item:nth-child(3n+1):last-child:after {
  width: 100%;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+1):nth-last-child(2):before,
.page_homepage .portlets_bottom .portlet:nth-child(3n+1):nth-last-child(2):after,
.overview_item:nth-child(3n+1):nth-last-child(2):before,
.overview_item:nth-child(3n+1):nth-last-child(2):after {
  width: 199%;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+1) {
  box-shadow: none !important;
}

.overview_item:before {
  display: none !important;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+1) ~ .portlet,
.portlets_bottom .shop_categories li:nth-child(3n+1) ~ li,
.overview_item:nth-child(3n+1) ~ .overview_item {
  box-shadow: -1px 0 0 #c7d0d4, inset -1px 0 0 #c7d0d4;
}

#phpcomasy.page_homepage div.portlets_bottom .portlet:nth-child(3n+3),
#phpcomasy div.portlets_bottom .shop_categories li:nth-child(3n+3),
#phpcomasy div.overview_item:nth-child(3n+3) {
  box-shadow: -1px 0 0 #c7d0d4;
}

.portlets_bottom .shop_categories li:nth-child(3n+1) + li + li ~ li {
  border-top: 1px solid #c7d0d4;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+1) .picture,
.overview_item:nth-child(3n+1) .picture {
  border-radius: 5px 0 0 0;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+3) .picture,
.overview_item:nth-child(3n+3) .picture,
.page_homepage .portlets_bottom .portlet:last-child .picture {
  border-radius: 0 5px 0 0;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+1):last-child .picture,
.overview_item:nth-child(3n+1):last-child .picture {
  border-radius: 5px 5px 0 0;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+1):after,
.overview_item:nth-child(3n+1):after {
  right: auto;
  width: 300%;
}

.page_homepage .portlets_bottom .portlet:nth-child(3n+1):before,
.overview_item:nth-child(3n+1):before {
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300%;
  z-index: -1;
  border-radius: 5px;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px #c7d0d4;
}

.overview_item,
.portlets_bottom .shop_categories li {
  margin-bottom: -1px;
  border-bottom: 1px solid #c7d0d4;
}

.overview_item {
  margin-bottom: 0;
  margin-top: -1px;
}

.page_homepage .portlet_text_wrap {
  padding: 12px 30px;
  text-align: center;
}

.page_homepage .portlet_text_wrap h3,
.page_homepage .portlet_text_wrap h3 a,
.overview_item h2,
.overview_item h2 a {
  text-transform: none;
  font-size: 40px;
  line-height: 40px;
  color: #2c2c2c;
}

.page_homepage .portlet_text_wrap h3 {
  margin: 5px 0;
}

.page_homepage .add_portlet_link.button {
  margin: 40px 0 0 15px;
}

.page_homepage #add_portlet_bottom .portlet_inner {
  padding: 15px;
}

/* ---------- Bottom categories ---------- */
.siteframe > .portlet_shop {
  margin-top: 90px;
  display: none;
}
@media screen and (max-width: 930px) {
  .siteframe > .portlet_shop {
    margin-top: 60px;
  }
}
@media screen and (max-width: 600px) {
  .siteframe > .portlet_shop {
    margin-top: 35px;
  }
}
@media print {
  .siteframe > .portlet_shop {
    margin-top: 35px;
  }
}

.mod_shop .siteframe > .portlet_shop {
  display: block;
}

.mod_shop.system_page .siteframe > .portlet_shop {
  display: none;
}

.siteframe > .portlet_shop h3 {
  display: none;
}

.siteframe > .portlet_shop .portlet-content {
  border-radius: 8px;
  border: 1px solid #C4CDD1;
  position: relative;
}

.siteframe > .portlet_shop .portlet-content:before,
.siteframe > .portlet_shop .portlet-content:after {
  content: "";
  position: absolute;
  width: 1px;
  background: #C4CDD1;
  top: 0;
  bottom: 0;
  left: 33.3%;
}

.siteframe > .portlet_shop .portlet-content:after {
  left: 66.66%;
}

.siteframe > .portlet_shop .portlet-content ul,
.siteframe > .portlet_shop .portlet-content ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: none;
  display: block;
}

.siteframe > .portlet_shop .portlet-content .shop_categories > li {
  float: left;
  width: 33.3%;
  padding: 29px 30px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.siteframe > .portlet_shop .portlet-content .shop_categories > li ~ li ~ li ~ li {
  display: none !important;
}

.siteframe > .portlet_shop .portlet-content .shop_categories > li > a {
  font-size: 16px;
  line-height: 18px;
  font-weight: 900;
  margin-bottom: 18px;
  display: block;
}

.siteframe > .portlet_shop .portlet-content .shop_categories a {
  text-decoration: none;
  color: #617279;
  opacity: 1;
}
.siteframe > .portlet_shop .portlet-content .shop_categories a:hover {
  color: #31302E;
}
.siteframe > .portlet_shop .portlet-content .shop_categories a:hover:before {
  color: #31302E;
}

.siteframe > .portlet_shop .portlet-content .shop_categories a:hover {
  opacity: 1;
}

.siteframe > .portlet_shop .portlet-content .shop_categories li li a {
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
}

.siteframe > .portlet_shop .portlet-content .shop_categories li li a:before {
  content: "\f105";
  position: absolute;
  top: auto;
  left: auto;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  text-transform: none;
  color: #617279;
  position: relative;
  display: inline-block;
  margin-right: 9px;
}

/* ---------- Shop category slider ---------- */
.preload #portlet_shop_23 {
  opacity: 0;
  max-height: 130px;
}

#portlet_shop_23 .shop_categories,
#portlet_shop_23 .shop_products {
  float: none;
}

#portlet_shop_23 ul.controls,
#portlet_shop_23 h3,
.shop_category_0 #portlet_shop_23,
#portlet_shop_23 .shop_categories > li,
#portlet_shop_23 .shop_categories > li > a,
#portlet_shop_23 .shop_categories > li > .pictures,
#portlet_shop_23 .shop_categories > li + li + li ~ li {
  display: none;
}

.shop_category_2 #portlet_shop_23 #shop-category-li-2,
.shop_category_4 #portlet_shop_23 #shop-category-li-4,
.shop_category_6 #portlet_shop_23 #shop-category-li-6 {
  display: block;
}

#portlet_shop_23 {
  margin: 0 0 50px;
}

#portlet_shop_23 .ca-container,
#portlet_shop_23 .slick-list {
  overflow: visible;
  position: relative;
  height: 128px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #c5ced2;
}

#portlet_shop_23 .slick-list {
  overflow: hidden;
  margin: 0;
  height: auto;
}
#portlet_shop_23 .slick-list li {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#portlet_shop_23 .slick-list li .pictures,
#portlet_shop_23 .slick-list li a {
  height: auto;
}
#portlet_shop_23 .slick-list li .picture {
  float: none;
}
#portlet_shop_23 .slick-list li img {
  max-height: 120px;
  object-fit: contain;
}
#portlet_shop_23 .slick-list .slick-slide {
  margin: 0;
}

#portlet_shop_23 .ca-wrapper {
  border-radius: 7px;
  overflow: hidden;
  height: 128px !important;
}

#portlet_shop_23 .ca-item {
  width: 25.5%;
  position: relative;
  top: 0;
  bottom: 0;
  padding: 0;
  height: 128px;
  cursor: pointer;
  border-right: 1px solid #c7d0d4;
  transition: all 0.2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#portlet_shop_23 .ca-item:first-child:nth-last-child(3),
#portlet_shop_23 .ca-item:first-child:nth-last-child(3) ~ .ca-item {
  width: 33.66%;
}

#portlet_shop_23 .ca-item:first-child:nth-last-child(2),
#portlet_shop_23 .ca-item:first-child:nth-last-child(2) ~ .ca-item {
  width: 50%;
}

#portlet_shop_23 .ca-item:only-child {
  width: 100%;
}

#portlet_shop_23 .ca-item > * {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#portlet_shop_23 .ca-item > * + * {
  right: auto;
  left: 5%;
}

#portlet_shop_23 .ca-item > a,
#portlet_shop_23 .shop_subcategories li > a {
  z-index: 20;
  text-align: left;
  font-size: 20px;
  color: #3a4f57;
  font-weight: 400;
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 600px) {
  #portlet_shop_23 .ca-item > a,
#portlet_shop_23 .shop_subcategories li > a {
    font-size: 15px;
    line-height: 22px;
  }
}
@media print {
  #portlet_shop_23 .ca-item > a,
#portlet_shop_23 .shop_subcategories li > a {
    font-size: 15px;
    line-height: 22px;
  }
}

#portlet_shop_23 .shop_subcategories li {
  display: table;
  height: 100%;
  padding: 5px 25px;
  box-shadow: -1px 0 0 #c7d0d4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#portlet_shop_23 .shop_subcategories li > * {
  display: table-cell;
  width: 50%;
  height: 100%;
  vertical-align: middle;
}

#portlet_shop_23 .shop_subcategories li > div {
  overflow: hidden;
}

#portlet_shop_23 .shop_subcategories li > a {
  width: 50%;
}

#portlet_shop_23 .ca-nav-prev,
#portlet_shop_23 .ca-nav-next {
  font: 30px/128px "fontastic";
  color: #8da6b0;
  position: absolute;
  left: -20px;
  top: calc(50% - 20px);
  bottom: 0;
  width: 40px;
  text-align: center;
  z-index: 30;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  transform: translateX(-40px);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
}

#portlet_shop_23 span.slick-arrow {
  color: #8da6b0;
  position: absolute;
  top: calc(50% - var(--icon-width) / 2);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
  z-index: 4;
  -webkit-transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  transform: translateX(-40px);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#portlet_shop_23 span.slick-arrow.slick-disabled {
  opacity: 0;
}

#portlet_shop_23 .slick-arrow-right {
  right: calc(-1 * var(--icon-width) / 2);
}

#portlet_shop_23 .slick-arrow-left {
  left: calc(-1 * var(--icon-width) / 2);
}

#portlet_shop_23 .slick-arrow-right,
#portlet_shop_23 .ca-nav-next {
  left: auto;
  right: -20px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
}

#portlet_shop_23:hover .slick-arrow-left,
#portlet_shop_23:hover .slick-arrow-right,
#portlet_shop_23:hover .ca-nav-prev,
#portlet_shop_23:hover .ca-nav-next {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

#portlet_shop_23 .slick-arrow-left:hover,
#portlet_shop_23 .slick-arrow-right:hover,
#portlet_shop_23 .ca-nav-prev:hover,
#portlet_shop_23 .ca-nav-next:hover {
  background: #f5f5f5;
  color: #3a4f57;
}

.accessory_control a.disabled {
  display: block !important;
  pointer-events: none;
}
.accessory_control a.disabled:before {
  opacity: 0.5;
}

/* ---------- Special button ---------- */
#slider_wrap {
  position: relative;
}

#portlet_content_37 {
  display: block;
  position: absolute;
  bottom: -52px;
  left: -52px;
  width: 200px;
  height: 200px;
  z-index: 900;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 50%;
  background: url(../img/round_button.png) no-repeat center top;
  background-size: 100% auto;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.35);
}
#portlet_content_37:hover {
  box-shadow: 0 0 18px 0 black;
}

#portlet_content_37:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: all 0.25s;
  border-radius: 50%;
  background: url(../img/round_button_hover.png) no-repeat center top;
  background-size: 100% auto;
}

#portlet_content_37:hover:after {
  opacity: 1;
  visibility: visible;
}

#portlet_content_37 .controls {
  top: 20px;
  right: 35px;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}

#portlet_content_37 > div {
  position: absolute;
  top: 50%;
  left: 18px;
  right: 26px;
  transition: none;
  text-align: center;
  max-width: 100%;
  max-height: 100%;
  z-index: 8;
  -webkit-transform: translateY(-50%) rotate(-20deg);
  -moz-transform: translateY(-50%) rotate(-20deg);
  -o-transform: translateY(-50%) rotate(-20deg);
  transform: translateY(-50%) rotate(-20deg);
}

#portlet_content_37 .controls > li {
  display: none;
}

#portlet_content_37 .controls > li.portlet-edit-link {
  display: block;
}

#portlet_content_37 h3 {
  margin: 0 0 5px 0;
  padding: 1px 0 0;
  color: #fff;
  font-size: 25px;
  line-height: 28px;
  font-weight: 900;
}

#portlet_content_37 h3 a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
  font-weight: 800;
}

#portlet_content_37 > div p {
  padding: 0;
  margin: 0;
  color: #fff;
  font-weight: 500;
}
#portlet_content_37 > div p strong {
  font-weight: 500;
}

#portlet_content_37 > div p,
#portlet_content_37 h3 {
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.4);
}

#portlet_content_37 .portlet-content p {
  font-size: 28px;
  line-height: 36px;
}

#portlet_content_37 .portlet-content p ~ p {
  padding: 4px 0 7px;
  font-size: 20px;
  line-height: 22px;
}

#portlet_content_37 .portlet-content p ~ p ~ p {
  color: #821700;
  text-shadow: none;
}

#portlet_content_37 .portlet-content p ~ p ~ p ~ * {
  display: none;
}

#portlet_content_37 .portlet_content_link {
  position: absolute;
  top: -30px;
  right: -20px;
  bottom: -30px;
  left: -20px;
  border-radius: 50%;
  display: block !important;
}

#portlet_content_37 .portlet_content_link span {
  display: none;
}

#portlets_fix_home {
  padding-top: 50px;
}
@media screen and (max-width: 930px) {
  #portlets_fix_home {
    padding-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_fix_home {
    padding-top: 20px;
  }
}
@media print {
  #portlets_fix_home {
    padding-top: 20px;
  }
}
#portlets_fix_home .portlets_fix_home {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
#portlets_fix_home .portlets_fix_home > .portlet .portlet_content_description p.content_button {
  text-align: center;
}
#portlets_fix_home .portlets_fix_home .portlet .portlet_inner {
  background: #fff;
  border: 1px solid #C4CDD1;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
#portlets_fix_home .portlets_fix_home .portlet .portlet_text_wrap {
  text-align: left;
  padding: 45px 50px 50px 50px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
#portlets_fix_home .portlets_fix_home .portlet h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet h3.portlet-title a {
  font-size: 40px;
  line-height: 48px;
  font-family: "Gothic A1";
  font-weight: 900;
  color: #3A4F57;
  margin: 0 0 12px 0;
  padding: 0;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  #portlets_fix_home .portlets_fix_home .portlet h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet h3.portlet-title a {
    font-size: 35px;
    line-height: 42px;
  }
}
@media screen and (max-width: 930px) {
  #portlets_fix_home .portlets_fix_home .portlet h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet h3.portlet-title a {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_fix_home .portlets_fix_home .portlet h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet h3.portlet-title a {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 6px;
  }
}
@media print {
  #portlets_fix_home .portlets_fix_home .portlet h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet h3.portlet-title a {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 6px;
  }
}
#portlets_fix_home .portlets_fix_home .portlet .portlet_content_subtitle {
  font-size: 25px;
  line-height: 28px;
  font-family: "Gothic A1";
  font-weight: 400;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 930px) {
  #portlets_fix_home .portlets_fix_home .portlet .portlet_content_subtitle {
    font-size: 21px;
    line-height: 24px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_fix_home .portlets_fix_home .portlet .portlet_content_subtitle {
    font-size: 19px;
    line-height: 22px;
  }
}
@media print {
  #portlets_fix_home .portlets_fix_home .portlet .portlet_content_subtitle {
    font-size: 19px;
    line-height: 22px;
  }
}
#portlets_fix_home .portlets_fix_home .portlet .portlet_content_introduction {
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: #617279;
}
#portlets_fix_home .portlets_fix_home .portlet .portlet_content_introduction + .portlet_content_description {
  margin-top: 3px;
}
#portlets_fix_home .portlets_fix_home .portlet p:only-of-type {
  margin-bottom: 0;
}
#portlets_fix_home .portlets_fix_home .portlet p a {
  color: #617279;
  text-decoration: underline;
}
#portlets_fix_home .portlets_fix_home .portlet p a:hover {
  color: #3A4F57;
}
#portlets_fix_home .portlets_fix_home .portlet p.content_button {
  margin-bottom: 0;
}
#portlets_fix_home .portlets_fix_home .portlet p.content_button > a {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  background: #506B76;
  border: #263338;
  color: #fff;
  padding-top: 13px;
  margin-top: 10px;
  box-shadow: inset 0 -25px 25px 0 rgba(0, 0, 0, 0.2);
}
#portlets_fix_home .portlets_fix_home .portlet p.content_button > a:hover, #portlets_fix_home .portlets_fix_home .portlet p.content_button > a:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  #portlets_fix_home .portlets_fix_home .portlet p.content_button > a {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
#portlets_fix_home .portlets_fix_home .portlet p.content_button > a.current, #portlets_fix_home .portlets_fix_home .portlet p.content_button > a:hover, #portlets_fix_home .portlets_fix_home .portlet p.content_button > a:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  #portlets_fix_home .portlets_fix_home .portlet p.content_button > a {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  #portlets_fix_home .portlets_fix_home .portlet p.content_button > a {
    display: none;
  }
}
#portlets_fix_home .portlets_fix_home .portlet p.content_button > a:hover, #portlets_fix_home .portlets_fix_home .portlet p.content_button > a:focus {
  background: #364951;
  color: #fff;
}
#portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  text-shadow: none !important;
  margin-top: 25px;
}
#portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link:hover, #portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  #portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
#portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link.current, #portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link:hover, #portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  #portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  #portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link {
    display: none;
  }
}
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title a {
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}
@media screen and (max-width: 930px) {
  #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title a {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title a {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title a {
    font-size: 18px;
    line-height: 24px;
  }
}
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 h3.portlet-title a {
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 930px) {
  #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 h3.portlet-title a {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 h3.portlet-title a {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 h3.portlet-title a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 h3.portlet-title, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 h3.portlet-title a {
    font-size: 18px;
    line-height: 24px;
  }
}
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 .portlet_content_introduction,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 .portlet_content_subtitle, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 .portlet_content_introduction,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 .portlet_content_subtitle, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 .portlet_content_introduction,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 .portlet_content_subtitle, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 .portlet_content_introduction,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 .portlet_content_subtitle {
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 p a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 p a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 p a, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 p a {
  color: #fff;
  text-decoration: underline;
}
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 p a:hover, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 p a:hover, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 p a:hover, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 p a:hover {
  color: rgba(255, 255, 255, 0.7);
}
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 .pictures, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 .pictures, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 .pictures, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 .pictures {
  position: relative;
}
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_11 .pictures:before, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 .pictures:before, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_2 .pictures:before, #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_3 .pictures:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  display: block;
  background: transparent;
  background: rgba(0, 0, 0, 0.6); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6), transparent); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.6), transparent); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6), transparent); /* For Firefox 3.6 to 15 */
  background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6), transparent); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6), transparent); /* Standard syntax */
  z-index: 1;
}
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_7 .pictures:before {
  height: 50%;
  width: 100%;
  top: auto;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(0, rgba(0, 0, 0, 0.6), transparent); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(0, rgba(0, 0, 0, 0.6), transparent); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(0, rgba(0, 0, 0, 0.6), transparent); /* For Firefox 3.6 to 15 */
  background: -ms-linear-gradient(0, rgba(0, 0, 0, 0.6), transparent); /* For Firefox 3.6 to 15 */
  background: linear-gradient(0, rgba(0, 0, 0, 0.6), transparent); /* Standard syntax */
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration:hover .pictures:before {
  opacity: 0;
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration:hover .pictures .resource_description a.video_fancybox svg g#Fill-1 > use:first-child {
  fill: #8A1100;
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration:hover .pictures .resource_description a.video_fancybox svg g#Fill-1 > use:nth-child(2) {
  opacity: 0;
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration .pictures:before {
  transition: all 0.15s ease-out;
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration .pictures .resource_description {
  --icon-width: 69px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto !important;
  width: auto !important;
  margin: 0;
  padding: 0;
  clip: unset;
  z-index: 10;
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration .pictures .resource_description * {
  height: auto !important;
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration .pictures .resource_description a.video_fancybox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  text-decoration: none;
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration .pictures .resource_description a.video_fancybox span {
  display: block;
  width: var(--icon-width);
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration .pictures .resource_description a.video_fancybox svg {
  display: block;
  width: 100%;
  height: auto;
}
#portlets_fix_home .portlets_fix_home .portlet.fancybox_video_integration .pictures .resource_description a.video_fancybox svg * {
  transition: all 0.15s ease-out;
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group,
#portlets_fix_home .portlets_fix_home:first-child > .portlet {
  flex: 0 0 calc(50% - 5px);
  max-width: calc(50% - 5px);
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet {
  height: calc(50% - 5px);
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet .portlet_inner {
  position: relative;
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet .portlet_inner .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet .portlet_inner .portlet-content {
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet .pictures {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet .pictures * {
  width: 100%;
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet .pictures img {
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 100%;
  min-height: 100%;
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet .portlet_text_wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-flow: column;
}
#portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet .portlet_text_wrap .portlet_content_subtitle {
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) > .portlet {
  flex: 0 0 calc(66.66% - 5px);
}
#portlets_fix_home .portlets_fix_home:nth-child(2) > .portlet .portlet-content {
  display: flex;
  align-items: center;
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) > .portlet .portlet-content .pictures {
  order: 2;
  padding: 20px 10px 20px 0;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) > .portlet .portlet_text_wrap {
  height: 100%;
  display: flex;
  flex-flow: column;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) > .portlet .portlet_text_wrap .portlet_content_introduction {
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  flex: 0 0 calc(33.33% - 5px);
}
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet {
  height: calc(50% - 5px);
}
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet_inner {
  position: relative;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet_inner .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet_inner .portlet-content {
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet_text_wrap {
  padding: 35px 15px 40px 40px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet_content_subtitle {
  margin-top: -16px;
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet-content {
  display: flex;
  align-items: center;
}
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet-content .pictures {
  order: 2;
  padding: 20px 10px 20px 0;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) {
  margin-left: -10px;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding-left: 10px;
  box-sizing: border-box;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet .pictures {
  width: 100%;
  height: auto;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet .pictures * {
  width: 100%;
  height: auto;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child .portlet_inner {
  position: relative;
  overflow: hidden;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child .pictures {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child .pictures * {
  width: 101%;
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child .pictures img {
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 100%;
  min-height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child .portlet_text_wrap {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child .portlet-content,
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child .portlet_text_wrap {
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(2) .portlet_text_wrap, #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(3) .portlet_text_wrap {
  padding: 35px 40px 40px 40px;
  height: 100%;
  display: flex;
  flex-flow: column;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(2) .portlet_text_wrap .portlet_content_introduction, #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(3) .portlet_text_wrap .portlet_content_introduction {
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(2) .portlet-content, #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(3) .portlet-content {
  height: 100%;
  display: flex;
  flex-flow: column;
}
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(2) .portlet_content_description p.content_button, #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(3) .portlet_content_description p.content_button {
  text-align: left;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet {
  flex: 0 0 calc(50% - 5px);
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet_inner {
  position: relative;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet_inner .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet_inner .portlet-content {
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child h3.portlet-title,
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child h3.portlet-title a {
  font-size: 32px;
  line-height: 38px;
  font-family: "Gothic A1";
  font-weight: 900;
  color: #3A4F57;
  margin: 0 0 22px 0;
  padding: 0;
}
@media screen and (max-width: 930px) {
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child h3.portlet-title,
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child h3.portlet-title a {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child h3.portlet-title,
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child h3.portlet-title a {
    font-size: 23px;
    line-height: 29px;
    margin-bottom: 10px;
  }
}
@media print {
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child h3.portlet-title,
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child h3.portlet-title a {
    font-size: 23px;
    line-height: 29px;
    margin-bottom: 10px;
  }
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet-content .pictures {
  order: 2;
  padding: 20px 10px 20px 0;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet-content .portlet_text_wrap {
  max-width: 50%;
  padding-right: 15px;
  display: flex;
  flex-flow: column;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet-content .portlet_text_wrap * {
  order: 1;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet-content .portlet_text_wrap .portlet_content_subtitle {
  order: 0;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet-content .portlet_text_wrap .portlet_content_introduction {
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .portlet_inner {
  position: relative;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .portlet_inner .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .portlet_inner .portlet-content {
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .pictures {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .pictures * {
  width: 100%;
  height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .pictures img {
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  min-width: 100%;
  min-height: 100%;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .portlet_text_wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-flow: column;
}
#portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .portlet_text_wrap .portlet_content_subtitle {
  height: 100%;
}
#portlets_fix_home + .portlet {
  display: block !important;
}
#portlets_fix_home + .portlet .portlet_text_wrap {
  padding: 0;
  padding-top: 50px;
}
@media screen and (max-width: 930px) {
  #portlets_fix_home + .portlet .portlet_text_wrap {
    padding-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_fix_home + .portlet .portlet_text_wrap {
    padding-top: 20px;
  }
}
@media print {
  #portlets_fix_home + .portlet .portlet_text_wrap {
    padding-top: 20px;
  }
}
#portlets_fix_home + .portlet a.portlet_content_link {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
}
#portlets_fix_home + .portlet a.portlet_content_link:hover, #portlets_fix_home + .portlet a.portlet_content_link:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  #portlets_fix_home + .portlet a.portlet_content_link {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
#portlets_fix_home + .portlet a.portlet_content_link.current, #portlets_fix_home + .portlet a.portlet_content_link:hover, #portlets_fix_home + .portlet a.portlet_content_link:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  #portlets_fix_home + .portlet a.portlet_content_link {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  #portlets_fix_home + .portlet a.portlet_content_link {
    display: none;
  }
}

#portlets_highlight > .portlet h3, #portlets_highlight > .portlet h3 a,
#portlets_product_category > .portlet h3,
#portlets_product_category > .portlet h3 a {
  font-size: 40px;
  line-height: 48px;
  font-family: "Gothic A1";
  font-weight: 900;
  color: #3A4F57;
  margin: 0 0 12px 0;
  padding: 0;
  text-align: left;
  font-weight: 400;
  color: #31302E;
  margin-bottom: 27px;
}
@media screen and (max-width: 1000px) {
  #portlets_highlight > .portlet h3, #portlets_highlight > .portlet h3 a,
#portlets_product_category > .portlet h3,
#portlets_product_category > .portlet h3 a {
    font-size: 35px;
    line-height: 42px;
  }
}
@media screen and (max-width: 930px) {
  #portlets_highlight > .portlet h3, #portlets_highlight > .portlet h3 a,
#portlets_product_category > .portlet h3,
#portlets_product_category > .portlet h3 a {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_highlight > .portlet h3, #portlets_highlight > .portlet h3 a,
#portlets_product_category > .portlet h3,
#portlets_product_category > .portlet h3 a {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 6px;
  }
}
@media print {
  #portlets_highlight > .portlet h3, #portlets_highlight > .portlet h3 a,
#portlets_product_category > .portlet h3,
#portlets_product_category > .portlet h3 a {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 6px;
  }
}
#portlets_highlight > .portlet h3 strong, #portlets_highlight > .portlet h3 a strong,
#portlets_product_category > .portlet h3 strong,
#portlets_product_category > .portlet h3 a strong {
  font-weight: 900;
}
#portlets_highlight > .portlet .portlet_text_wrap,
#portlets_product_category > .portlet .portlet_text_wrap {
  padding: 0;
}

#portlets_highlight {
  margin-top: 120px;
}
@media screen and (max-width: 930px) {
  #portlets_highlight {
    margin-top: 80px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_highlight {
    margin-top: 40px;
  }
}
@media print {
  #portlets_highlight {
    margin-top: 40px;
  }
}
#portlets_highlight #portlets_home_slider {
  padding-bottom: 50px;
}
@media screen and (max-width: 930px) {
  #portlets_highlight #portlets_home_slider {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_highlight #portlets_home_slider {
    padding-bottom: 20px;
  }
}
@media print {
  #portlets_highlight #portlets_home_slider {
    padding-bottom: 20px;
  }
}
#portlets_highlight #portlets_home_slider .portlet .portlet_inner {
  background: #fff;
  border: 1px solid #C4CDD1;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
}
#portlets_highlight #portlets_home_slider .portlet.grey_background .portlet_inner {
  background: #B7B8B9;
}
#portlets_highlight #portlets_home_slider .portlet .portlet-content {
  display: flex;
  align-items: center;
}
#portlets_highlight #portlets_home_slider .portlet .portlet-content > .cf {
  display: none;
}
#portlets_highlight #portlets_home_slider .portlet .portlet-content > * {
  flex: 0 0 50%;
  max-width: 50%;
}
#portlets_highlight #portlets_home_slider .portlet .portlet-content .pictures {
  order: 2;
}
#portlets_highlight #portlets_home_slider .portlet .pictures {
  width: 100%;
  height: auto;
}
#portlets_highlight #portlets_home_slider .portlet .pictures * {
  width: 100%;
  height: auto;
}
#portlets_highlight #portlets_home_slider .portlet .portlet_text_wrap {
  padding: 60px;
  box-sizing: border-box;
  text-align: left;
  color: #31302E;
  display: flex;
  flex-flow: column;
}
#portlets_highlight #portlets_home_slider .portlet .portlet_text_wrap > * {
  order: 1;
}
#portlets_highlight #portlets_home_slider .portlet .portlet_content_subtitle {
  font-size: 25px;
  line-height: 28px;
  font-family: "Gothic A1";
  font-weight: 400;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  color: #31302E;
  order: 0;
  margin-bottom: 5px;
}
@media screen and (max-width: 930px) {
  #portlets_highlight #portlets_home_slider .portlet .portlet_content_subtitle {
    font-size: 21px;
    line-height: 24px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_highlight #portlets_home_slider .portlet .portlet_content_subtitle {
    font-size: 19px;
    line-height: 22px;
  }
}
@media print {
  #portlets_highlight #portlets_home_slider .portlet .portlet_content_subtitle {
    font-size: 19px;
    line-height: 22px;
  }
}
#portlets_highlight #portlets_home_slider .portlet .portlet_content_introduction {
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: #31302E;
  opacity: 0.7;
  height: 100%;
}
#portlets_highlight #portlets_home_slider .portlet h3.portlet-title,
#portlets_highlight #portlets_home_slider .portlet h3.portlet-title a {
  font-size: 40px;
  line-height: 48px;
  font-family: "Gothic A1";
  font-weight: 900;
  color: #3A4F57;
  margin: 0 0 12px 0;
  padding: 0;
  color: #31302E;
}
@media screen and (max-width: 1000px) {
  #portlets_highlight #portlets_home_slider .portlet h3.portlet-title,
#portlets_highlight #portlets_home_slider .portlet h3.portlet-title a {
    font-size: 35px;
    line-height: 42px;
  }
}
@media screen and (max-width: 930px) {
  #portlets_highlight #portlets_home_slider .portlet h3.portlet-title,
#portlets_highlight #portlets_home_slider .portlet h3.portlet-title a {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_highlight #portlets_home_slider .portlet h3.portlet-title,
#portlets_highlight #portlets_home_slider .portlet h3.portlet-title a {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 6px;
  }
}
@media print {
  #portlets_highlight #portlets_home_slider .portlet h3.portlet-title,
#portlets_highlight #portlets_home_slider .portlet h3.portlet-title a {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 6px;
  }
}
#portlets_highlight #portlets_home_slider .portlet p.content_button a,
#portlets_highlight #portlets_home_slider .portlet a.portlet_content_link {
  border: 1px solid #DADADA;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px 13px 16px;
  background: #F9F9F9;
  text-decoration: none;
  border-radius: 4px;
  color: #617279;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Gothic A1";
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 24px 10px 24px;
  border-radius: 5px;
  color: #535254;
  display: inline-block;
  margin-top: 30px;
}
#portlets_highlight #portlets_home_slider .portlet p.content_button a:hover, #portlets_highlight #portlets_home_slider .portlet p.content_button a:focus,
#portlets_highlight #portlets_home_slider .portlet a.portlet_content_link:hover,
#portlets_highlight #portlets_home_slider .portlet a.portlet_content_link:focus {
  border-color: #3A4F57;
  color: #3A4F57;
}
@media screen and (max-width: 600px) {
  #portlets_highlight #portlets_home_slider .portlet p.content_button a,
#portlets_highlight #portlets_home_slider .portlet a.portlet_content_link {
    padding: 11px 12px 9px 12px;
    min-height: 41px;
  }
}
#portlets_highlight #portlets_home_slider .portlet p.content_button a.current, #portlets_highlight #portlets_home_slider .portlet p.content_button a:hover, #portlets_highlight #portlets_home_slider .portlet p.content_button a:focus,
#portlets_highlight #portlets_home_slider .portlet a.portlet_content_link.current,
#portlets_highlight #portlets_home_slider .portlet a.portlet_content_link:hover,
#portlets_highlight #portlets_home_slider .portlet a.portlet_content_link:focus {
  border-color: #dadada;
  color: #3A4F57;
  background: #f3f3f3;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  #portlets_highlight #portlets_home_slider .portlet p.content_button a,
#portlets_highlight #portlets_home_slider .portlet a.portlet_content_link {
    padding: 9px 14px 7px 14px;
    min-height: 34px;
  }
}
@media print {
  #portlets_highlight #portlets_home_slider .portlet p.content_button a,
#portlets_highlight #portlets_home_slider .portlet a.portlet_content_link {
    display: none;
  }
}
#portlets_highlight #portlets_home_slider .slick-list {
  overflow: visible !important;
}
#portlets_highlight #portlets_home_slider .slick-list .portlets_inner_wrap {
  height: 100%;
}
#portlets_highlight #portlets_home_slider .slick-list .portlet {
  height: 100%;
}
#portlets_highlight #portlets_home_slider .slick-list .portlet .portlet-content,
#portlets_highlight #portlets_home_slider .slick-list .portlet .portlet_inner {
  height: 100%;
  box-sizing: border-box;
}
#portlets_highlight #portlets_home_slider .slick-list .portlet .portlet_text_wrap {
  height: 100%;
}
#portlets_highlight #portlets_home_slider span.slick-arrow {
  position: absolute;
  top: calc(50% - var(--icon-width) / 2);
  z-index: 10;
}
#portlets_highlight #portlets_home_slider span.slick-arrow.slick-arrow-left {
  left: calc(-1 * var(--icon-width) / 2);
}
#portlets_highlight #portlets_home_slider span.slick-arrow.slick-arrow-right {
  right: calc(-1 * var(--icon-width) / 2);
}
#portlets_highlight #portlets_home_slider .slick-dots {
  bottom: -50px;
  width: 100%;
  position: absolute;
}
#portlets_highlight #portlets_home_slider .slick-dots button {
  background: #535254;
  opacity: 0.2;
}
#portlets_highlight #portlets_home_slider .slick-dots button:hover {
  opacity: 1;
}
#portlets_highlight #portlets_home_slider .slick-dots .slick-active button {
  opacity: 1;
}

#portlets_product_category {
  margin-top: 120px;
}
@media screen and (max-width: 930px) {
  #portlets_product_category {
    margin-top: 80px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_product_category {
    margin-top: 40px;
  }
}
@media print {
  #portlets_product_category {
    margin-top: 40px;
  }
}
#portlets_product_category > .portlet .controls {
  right: 100px;
}
#portlets_product_category > .portlet h3, #portlets_product_category > .portlet h3 a {
  font-size: 25px;
  line-height: 28px;
  font-family: "Gothic A1";
  font-weight: 400;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #31302E;
  margin-bottom: 35px;
  padding-right: 100px;
  box-sizing: border-box;
}
@media screen and (max-width: 930px) {
  #portlets_product_category > .portlet h3, #portlets_product_category > .portlet h3 a {
    font-size: 21px;
    line-height: 24px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_product_category > .portlet h3, #portlets_product_category > .portlet h3 a {
    font-size: 19px;
    line-height: 22px;
  }
}
@media print {
  #portlets_product_category > .portlet h3, #portlets_product_category > .portlet h3 a {
    font-size: 19px;
    line-height: 22px;
  }
}
#portlets_product_category > .portlet h3 strong, #portlets_product_category > .portlet h3 a strong {
  font-weight: 800;
}
#portlets_product_category > .portlet .portlet_text_wrap {
  padding: 0;
}
#portlets_product_category .portlet_shop_categories h3 {
  display: none;
}
#portlets_product_category .portlet_shop_categories .shop_categories {
  margin: 0;
  list-style: none;
  height: 100%;
  float: none;
  clear: none;
  --size-15: clamp(3px,0.5vw,5px);
}
#portlets_product_category .portlet_shop_categories .shop_categories li {
  border: 1px solid #C4CDD1;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  padding: 30px 30px 24px 30px;
  box-sizing: border-box;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-align: left;
  display: flex !important;
}
#portlets_product_category .portlet_shop_categories .shop_categories li .pictures {
  width: 100%;
  height: 100%;
}
#portlets_product_category .portlet_shop_categories .shop_categories li .pictures * {
  width: 100%;
  height: auto;
  max-height: 230px;
  object-fit: contain;
}
#portlets_product_category .portlet_shop_categories .shop_categories li .pictures img {
  aspect-ratio: 4/3;
}
#portlets_product_category .portlet_shop_categories .shop_categories li > a {
  color: #617279;
  font-weight: 800;
  text-decoration: none;
  margin-top: 20px;
  display: block;
}
#portlets_product_category .portlet_shop_categories .shop_categories li:hover {
  box-shadow: inset 0 0 20px 10px rgba(165, 178, 190, 0.25);
}
#portlets_product_category .portlet_shop_categories span.slick-arrow {
  position: absolute;
  top: -70px;
  right: 0;
}
#portlets_product_category .portlet_shop_categories span.slick-arrow.slick-arrow-left {
  right: calc(var(--icon-width) + 10px);
}

#portlets_popular_wrap {
  padding-top: 50px;
}
@media screen and (max-width: 930px) {
  #portlets_popular_wrap {
    padding-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_popular_wrap {
    padding-top: 20px;
  }
}
@media print {
  #portlets_popular_wrap {
    padding-top: 20px;
  }
}
#portlets_popular_wrap div.portlets .portlet_zone_label:after {
  content: "Zone: Passende / Beliebte Produkte";
}
#portlets_popular_wrap .pictures .management_controls {
  display: none;
}
#portlets_popular_wrap > .portlet .portlet_text_wrap {
  padding: 22px 30px 18px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#portlets_popular_wrap > .portlet h3.portlet-title,
#portlets_popular_wrap > .portlet h3.portlet-title a {
  font-size: 24px;
  line-height: 30px;
  font-family: "Gothic A1";
  font-weight: 800;
  color: #3A4F57;
  text-transform: none;
  margin: 0;
  padding: 0;
  color: #535254;
  margin: 0;
}
@media screen and (max-width: 930px) {
  #portlets_popular_wrap > .portlet h3.portlet-title,
#portlets_popular_wrap > .portlet h3.portlet-title a {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 600px) {
  #portlets_popular_wrap > .portlet h3.portlet-title,
#portlets_popular_wrap > .portlet h3.portlet-title a {
    font-size: 18px;
    line-height: 24px;
  }
}
@media print {
  #portlets_popular_wrap > .portlet h3.portlet-title,
#portlets_popular_wrap > .portlet h3.portlet-title a {
    font-size: 18px;
    line-height: 24px;
  }
}
#portlets_popular_wrap > .portlet .portlet_inner {
  background: #fff;
  border: 1px solid #C4CDD1;
  border-radius: 8px 8px 0 0;
}
#portlets_popular_wrap > .portlet .portlet_content_link {
  text-decoration: none;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap {
  background: #fff;
  border: 1px solid #C4CDD1;
  border-top: none;
  border-radius: 0 0 8px 8px;
  display: flex;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .add_portlet_link.button {
  height: 60px;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet {
  width: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet:hover {
  box-shadow: inset 0 0 15px 5px rgba(165, 178, 190, 0.25);
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet:not(:first-child) {
  border-left: 1px solid #C4CDD1;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet .portlet_inner {
  padding: 20px 15px 18px 15px;
  box-sizing: border-box;
  height: 100%;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet .portlet_inner .portlet-content {
  height: 100%;
  display: flex;
  flex-flow: column;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet .portlet_inner .pictures {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet .portlet_content_link {
  display: none;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet .portlet_text_wrap {
  text-align: left;
  padding: 0 5px;
  margin-top: 10px;
}
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet h3.portlet-title,
#portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet h3.portlet-title a {
  font: 400 15px/25px "Gothic A1", Arial, Helvetica, sans-serif;
  color: #617279;
  margin: 0;
  font-weight: 800;
  text-transform: none;
}

/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
/* ---------- Toggles ---------- */
.rwd_toggles {
  display: none;
  position: absolute;
  height: 23px;
  right: 10px;
  top: 17px;
}

.rwd_toggles > a {
  float: right;
}

.account_toggle {
  font: 32px/25px "fontastic";
  text-decoration: none;
  color: #6c693a !important;
  margin-right: 25px;
}

.navi_toggle {
  width: 33px;
  height: 23px;
  display: block;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.navi_toggle span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 23%;
  background: #6c693a;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.2s, top 0.2s ease 0.2s, opacity 0.01s ease 0.2s;
  transition: transform 0.2s, top 0.2s ease 0.2s, opacity 0.01s ease 0.2s;
}

.navi_toggle span:nth-child(2) {
  top: 42.5%;
}

.navi_toggle span:nth-child(3) {
  top: 85%;
}

.navi_open .navi_toggle span {
  top: 42.5%;
  -webkit-transition: top 0.2s, -webkit-transform 0.2s ease 0.2s, opacity 0.01s ease 0.2s;
  transition: top 0.2s, transform 0.2s ease 0.2s, opacity 0.01s ease 0.2s;
}

.navi_open .navi_toggle span:first-child {
  opacity: 0;
}

.navi_open .navi_toggle span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navi_open .navi_toggle span:nth-child(3) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ---------- Media queries ---------- */
@media screen and (max-width: 1350px) {
  #portlet_content_37 {
    bottom: -30px;
    left: -30px;
  }
}
@media screen and (max-width: 1302px) {
  #portlet_content_37 {
    right: -80px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  #portlets_product_category .portlet_shop_categories .shop_categories li .pictures * {
    max-height: 17vw;
  }
}
@media screen and (max-width: 1220px) {
  .raclette_banner .raclette_banner_inner {
    background-size: 120% auto;
    background-position: 80% 0;
    padding: 30px 35px;
  }
  .raclette_banner .raclette_banner_right .raclette_banner_video_wrap {
    width: 300px;
  }
}
@media screen and (max-width: 1150px) {
  .meta li a {
    margin-right: 20px;
  }
  footer #footer_top #portlets_footer .portlets_inner_wrap .portlet {
    padding-left: 30px;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_picture {
    flex: 0 0 220px;
    max-width: 220px;
  }
  #shop_cross_selling_popup .shop_cart_total {
    padding: 20px 40px;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_price {
    padding-right: 30px;
  }
  .listing_property_filter {
    padding: 15px;
  }
  .listing_property_filter form .listing_search_wrap {
    margin-left: 10px;
  }
  .listing_property_filter form .p_select2:not(:first-child) {
    margin-left: 10px;
  }
  .listing_property_filter form .listing_reset_filter {
    top: 13px;
  }
}
@media screen and (max-width: 1050px) {
  .raclette_banner {
    margin-top: 50px;
  }
  .raclette_banner .raclette_banner_inner {
    align-items: flex-end;
    background-size: cover;
    background-position: center;
    padding: 20px;
  }
  .raclette_banner .raclette_banner_left .raclette_banner_title {
    width: 250px;
    margin-bottom: 90px;
  }
  .raclette_banner .raclette_banner_right .raclette_banner_video_wrap {
    width: 208px;
  }
}
@media screen and (max-width: 1000px) {
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description {
    width: 285px;
    padding: 25px 20px 80px 25px;
  }
  .page_homepage .slider_home.slick-slider .slick-slide .picture > :first-child {
    width: calc(100% - 286px);
  }
  .page_homepage .slider_home.slick-slider .slick-arrow {
    bottom: 20px;
    right: 20px;
  }
  .page_homepage .slider_home.slick-slider .slick-arrow.slick-arrow-left {
    right: calc(var(--icon-width) + 30px);
  }
  .page_homepage .slider_home.slick-slider .slick-dots {
    width: 285px;
    padding: 0 calc(var(--icon-width) * 2 + 40px) 0 20px !important;
    bottom: 20px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(2) .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(3) .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home .portlet .portlet_text_wrap {
    padding: 23px 25px 25px 25px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet_text_wrap {
    padding: 23px 10px 25px 25px;
  }
  #portlets_highlight #portlets_home_slider .portlet .portlet_text_wrap {
    padding: 40px;
  }
  .mod_shop .sub {
    flex-flow: wrap;
  }
  .mod_shop .sub .top_shop_meta {
    width: 100%;
    flex: 0 0 100%;
    order: 1;
    margin-left: 0;
    margin-bottom: 15px;
    display: flex;
  }
  .mod_shop .sub .top_shop_meta > :nth-child(2) > span, .mod_shop .sub .top_shop_meta > :first-child {
    white-space: nowrap;
  }
  .mod_shop .sub .top_shop_meta .top_shop_meta_cart {
    width: 100%;
  }
  .sub .top_shop_meta ~ a.imprint {
    width: calc(100% - 180px);
  }
  .top_shop_meta > a:last-child {
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 990px) {
  .footer_address {
    white-space: normal;
  }
  .footer_address > span:nth-of-type(3) {
    display: block;
    font-size: 0;
    height: 5px;
    overflow: hidden;
  }
}
@media screen and (max-width: 950px) {
  .knowledge_db_detail_content tr {
    display: block;
    vertical-align: top;
  }
  .knowledge_db_detail_content tr:nth-child(even):last-child {
    width: 100%;
    box-shadow: none;
  }
  .knowledge_db_detail_content tr:first-child + tr,
.knowledge_db_detail_content tr:first-child + tr + tr {
    border: 0;
  }
  .knowledge_db_detail_content tr td {
    display: block;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .calc_filter_legend {
    min-height: 50px;
  }
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 930px) {
  header {
    min-height: 0;
    position: fixed;
    width: 100%;
    z-index: 60;
    top: 0;
  }
  header:after {
    display: block;
  }
  header .logo {
    position: static;
    padding: 15px 0;
    float: left;
    width: 120px;
  }
  header .logo a {
    display: block;
    line-height: 0;
  }
  footer > .footer_inner .footer_infos_right .language,
.main,
#sticky-wrapper,
.topbar,
.sub > ul,
.portlets_article_detail {
    display: none !important;
  }
  .rwd_toggles,
body > nav {
    display: block;
  }
  #rwdnav {
    display: flex;
    width: 100%;
    flex-flow: column;
  }
  #rwdnav .rwdnav_inner {
    display: flex;
    flex-flow: column;
    min-height: 100%;
    justify-content: space-between;
  }
  #rwdnav .rwdnav_inner .rwd_navigation {
    height: 100%;
  }
  #rwdnav .rwdnav_inner .language_switcher {
    order: 2;
  }
  nav#rwdnav,
.account_panel {
    opacity: 1;
    display: block;
    visibility: hidden;
    position: fixed;
    top: 80px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 30;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    background: #fff;
    transition: all 0.35s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
  }
  .navi_open nav#rwdnav,
.account_open .account_panel {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
  }
  .account_panel {
    padding: 15px;
  }
  #rwdnav > div:first-child {
    padding: 0;
  }
  #rwdnav > div:first-child + div,
.account_panel > div:first-child + div {
    display: none;
  }
  #rwdnav ul ul {
    display: block;
  }
  #rwdnav ul .current ul {
    display: block;
  }
  #rwdnav ul,
#rwdnav li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #rwdnav li {
    display: block;
  }
  #rwdnav li.with_subnav > a:after {
    content: "d";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    text-align: center;
    font: 30px/50px "fontastic";
    transition: all 0.2s;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
  }
  #rwdnav li.open > a:after {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
  #rwdnav li a {
    font-size: 22px;
    line-height: 54px;
    text-decoration: none;
    color: #31302E;
    border-top: 1px solid rgba(196, 205, 209, 0.7);
    display: block;
    padding: 0 15px;
    font-weight: 300;
    position: relative;
  }
  #rwdnav li.level0 > a {
    padding-top: 1px;
  }
  #rwdnav li ul {
    margin: -7px 0 0;
    padding: 0 0 10px;
  }
  #rwdnav li li.level1 > a {
    font-size: 18px;
    line-height: 36px;
    border: 0;
    padding-top: 4px;
    box-shadow: none;
    text-transform: none;
    background: none;
    color: #31302E;
  }
  #rwdnav li li ul {
    margin: 0;
    padding: 0;
  }
  #rwdnav li li li a {
    font-size: 15px;
    padding-left: 12px;
    line-height: 27px;
  }
  #rwdnav li li li a:before {
    content: "n";
    padding-right: 2px;
    font-family: "fontastic";
    position: relative;
    top: 1px;
  }
  #rwdnav > div > ul > li.current {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }
  #rwdnav li.current > a {
    font-weight: 700;
    color: #3A4F57;
  }
  #rwdnav li li.current > a,
#rwdnav li li.active > a {
    border: 0;
    color: #3A4F57;
    font-weight: 600;
  }
  /* --- Language --- */
  #rwdnav .language_switcher {
    float: none;
    clear: both;
    white-space: normal;
    margin: 0;
    padding: 15px 10px 14px 10px;
    border-top: none;
    background: #f0f0f0;
    overflow: hidden;
  }
  #rwdnav .language_switcher a.language {
    width: 33.33%;
    margin: 0;
    display: block;
    float: left;
    opacity: 1;
    text-decoration: none;
    text-transform: none;
    font-weight: 300;
  }
  #rwdnav .language_switcher a.language.current {
    font-weight: 600;
  }
  #rwdnav .language_switcher:before {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0;
    font-size: 26px;
  }
  /* --- Account --- */
  .account_actions {
    overflow: hidden;
    margin: -15px;
  }
  .account_actions > a {
    position: relative;
    height: 0;
    float: left;
    width: 50%;
    color: #000 !important;
    padding: 0 0 150px;
    box-shadow: inset 0 -1px 0 #c5ced2, 1px 0 0 #c5ced2;
  }
  .account_actions > a:after {
    content: "";
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 1px;
    left: 0;
    position: absolute;
    transition: all 0.25s;
  }
  .account_actions > a:nth-child(odd):last-child {
    width: 100%;
  }
  .account_actions > a:before {
    content: attr(data-char);
    font: 60px/60px "fontastic";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 13%;
    text-align: center;
    opacity: 0.5;
  }
  .account_actions > a:first-child + a:before {
    font-size: 45px;
  }
  .account_actions > a span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    font-size: 22px;
    text-decoration: none;
    text-align: center;
  }
  .account_actions > a .cart_count {
    font-style: normal;
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #6c693a;
    color: #fff;
    text-decoration: none;
    left: 60%;
    top: 45%;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  }
  footer > .footer_inner .footer_infos .portlet:first-child {
    flex: 0 0 230px;
  }
  footer > .footer_inner .footer_infos_right {
    flex: 0 0 280px;
  }
  footer > .footer_inner .single_links a {
    margin-left: 25px;
  }
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p {
    margin-bottom: 10px;
  }
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description p + p > a:only-child {
    margin-top: 5px;
  }
  footer #footer_top #portlets_footer .portlets_inner_wrap {
    margin-left: -20px;
  }
  footer #footer_top #portlets_footer .portlets_inner_wrap .portlet {
    padding-left: 20px;
  }
  footer #footer_top #portlets_footer .portlets_inner_wrap .portlet h3 {
    margin-bottom: 10px;
    font-size: 14px;
  }
  footer #footer_top #portlets_footer .portlets_inner_wrap .portlet .portlet_text_wrap div.portlet_content_introduction {
    font-size: 32px;
    line-height: 36px;
  }
  .siteframe > .portlet_shop .portlet-content .shop_categories > li {
    padding: 20px;
  }
  .siteframe > .portlet_shop .portlet-content .shop_categories > li > a {
    margin-bottom: 12px;
  }
  #portlets_popular_wrap #portlets_popular .portlets_inner_wrap {
    flex-flow: wrap;
    overflow: hidden;
  }
  #portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet {
    min-width: 33.33%;
    max-width: 33.33%;
    box-sizing: border-box;
    width: auto;
  }
  #portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet:nth-child(3n+1) {
    position: relative;
    border-left: none;
  }
  #portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet:nth-child(3n+1):before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 1000px;
    height: 1px;
    display: block;
    background: #C4CDD1;
  }
  #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title a,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title a,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title a,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title a {
    margin-bottom: 8px;
  }
  #portlets_product_category .portlet_shop_categories .shop_categories li {
    padding: 20px 20px 14px 20px;
  }
  #portlets_highlight > .portlet h3,
#portlets_highlight > .portlet h3 a {
    margin-bottom: 20px;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_picture {
    flex: 0 0 150px;
    max-width: 150px;
    padding-right: 0;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_content_text .shop_cart_category {
    margin-bottom: 0;
  }
  #shop_cross_selling_popup .shop_cart_article_number, #shop_cross_selling_popup .shop_cart_price_title {
    margin-bottom: 3px;
  }
  #shop_cross_selling_popup .shop_cart_total {
    padding: 20px 20px;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_price {
    padding-right: 20px;
  }
  #shop_cross_selling_popup .shop_cart_products_wrap {
    padding: 20px 11px;
  }
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products_title {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mod_action_order_form_login .content_inner .content_shop_inner,
.mod_action_order_form .content_inner .content_shop_inner,
.mod_action_register .content_inner .content_shop_inner,
.mod_action_order_form_overview .content_inner .content_shop_inner,
.mod_action_process_order .content_inner .content_shop_inner {
    padding-right: 0 !important;
  }
  .mod_action_order_form_login .content_inner,
.mod_action_order_form .content_inner,
.mod_action_register .content_inner,
.mod_action_order_form_overview .content_inner,
.mod_action_process_order .content_inner {
    padding: 20px;
  }
  .listing_property_filter form {
    flex-flow: wrap;
  }
  .listing_property_filter form .p_select2 {
    flex: 0 0 calc(50% - 5px);
  }
  .listing_property_filter form .listing_search_wrap {
    margin-top: 10px;
    margin-left: 0;
  }
  .category_6 .content_no_bg_inner h1 {
    margin-bottom: 25px;
    margin-top: 20px;
  }
  #sticky_scroll_to_calculator {
    width: 280px;
    margin-left: -140px;
  }
  #sticky_scroll_to_calculator .calc_grocery {
    width: 300px;
  }
  #sticky_scroll_to_calculator a.button {
    padding: 5px 15px 4px;
    bottom: -40px;
  }
}
@media screen and (max-width: 865px) {
  .calc_grocery {
    float: none;
    display: block;
    text-align: center;
    margin: 30px auto 340px;
    max-width: 100%;
  }
  .calc_main_article {
    padding-right: 0;
  }
}
@media screen and (max-width: 855px) {
  .top_shop_meta {
    float: none;
    margin: 0 0 25px;
    overflow: hidden;
  }
  .top_shop_meta > a {
    float: left;
  }
  .top_shop_meta > a:last-child {
    display: block;
    float: none;
    overflow: hidden;
  }
  .sub .top_shop_meta ~ a.imprint {
    float: left;
  }
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article {
    flex: 0 0 25%;
    padding: 11px 11px 11px 11px;
  }
  #mod_shop_article_detail .shop_article_information {
    padding: 25px 20px;
  }
  #article_detail_pictures {
    width: 40% !important;
  }
  .shop_article, .knowledge_db_entry, .calc_other_articles .shop_article, .shop_category_overview_container div.shop_category,
.portlets_shop ~ .content_inner .shop_category_overview_container div.shop_category {
    width: 50%;
  }
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .shop_cross_selling_popup_close a {
    padding: 21px 20px 19px 20px;
  }
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .shop_cross_selling_popup_close a span {
    display: none;
  }
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .shop_cross_selling_popup_close a i {
    margin-right: 0;
  }
  .raclette_banner .raclette_banner_inner {
    background: url(../img/banner/background.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (max-width: 800px) {
  .page_homepage .slider_home.slick-slider .slick-slide .picture {
    flex-flow: column;
  }
  .page_homepage .slider_home.slick-slider .slick-slide .picture > :first-child {
    width: 100%;
    position: relative;
    border-right: none;
    height: auto;
  }
  .page_homepage .slider_home.slick-slider .slick-slide .picture img {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    height: auto;
    border-bottom: 1px solid #C4CDD1;
  }
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
  }
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description:before {
    top: -11px;
    left: 26px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .page_homepage .slider_home.slick-slider .slick-slide .picture .fake_height {
    display: none;
  }
  .page_homepage .slider_home.slick-slider .slick-dots {
    width: 100%;
  }
  #portlet_content_37 {
    top: -30px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(2) .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(3) .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home .portlet .portlet_text_wrap {
    padding: 18px 20px 20px 20px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet_text_wrap {
    padding: 18px 5px 20px 20px;
  }
  .slick-slider {
    --icon-width: 30px;
  }
  #portlets_highlight #portlets_home_slider .slick-dots {
    margin-bottom: 20px !important;
  }
  .shop_article_accessories_wrap .accessory_control_wrap .accessory_control a {
    width: 30px;
    height: 30px;
  }
  .shop_article_accessories_wrap .accessory_control_wrap .accessory_control a:before {
    width: 28px;
    line-height: 30px;
  }
  .accessory_control_wrap {
    width: 68px;
    top: -40px;
    right: 11px;
  }
  #portlets_highlight #portlets_home_slider .portlet .portlet_text_wrap {
    padding: 30px 20px 30px 30px;
  }
  #portlets_product_category > .portlet h3, #portlets_product_category > .portlet h3,
#portlets_product_category > .portlet h3, #portlets_product_category > .portlet h3 a {
    margin-bottom: 20px;
  }
  #article_detail_accessories span.slick-arrow {
    top: calc(-1 * var(--icon-width) - 18px);
  }
  footer #footer_top #portlets_footer .portlets_inner_wrap {
    margin-bottom: -20px;
    flex-wrap: wrap;
  }
  footer #footer_top #portlets_footer .portlets_inner_wrap .portlet {
    min-width: 33.33%;
    padding-bottom: 20px;
  }
  .siteframe > .portlet_shop .portlet-content:after, .siteframe > .portlet_shop .portlet-content:before {
    display: none;
  }
  .siteframe > .portlet_shop .portlet-content .shop_categories > li {
    width: 100%;
  }
  .siteframe > .portlet_shop .portlet-content .shop_categories > li:not(:first-child) {
    border-top: 1px solid #C4CDD1;
  }
}
@media screen and (max-width: 770px) {
  #portlet_shop_23 {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .main ul ul li {
    width: 100%;
  }
  .portlets_right,
.portlets_shop,
.portlets_article_detail {
    float: none;
    width: auto;
    box-shadow: none;
    border-top: 1px solid #c4cdd1;
    margin-top: -20px;
  }
  .portlets_right {
    margin-top: 0;
  }
  .portlets_shop {
    margin: -1px 0;
    padding-top: 15px;
    border-bottom: 1px solid #c4cdd1;
  }
  .portlets_article_detail {
    display: none;
  }
  .shop_category_overview_container div.shop_category {
    width: 50%;
  }
  .mod_action_order_form .content_shop_inner,
.portlets_right ~ .content_inner {
    box-shadow: none;
  }
  .mod_action_order_form .content_shop_inner {
    padding-right: 0;
  }
  .sub {
    overflow: hidden;
  }
  .shop_products {
    min-height: 0;
  }
  .article_sorter_wrap {
    float: none;
    padding: 0 0 15px;
  }
  .article_sorter_wrap select {
    width: 100%;
  }
  .shop_products {
    margin: -20px -21px -22px -21px;
  }
  #portlets_fix_home .portlets_fix_home {
    flex-flow: wrap;
  }
  #portlets_fix_home .portlets_fix_home:first-child > .portlet {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  #portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet + .portlet {
    margin-top: 10px;
  }
  #portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet {
    min-height: 250px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) > .portlet {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 10px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group {
    flex: 0 0 100%;
    max-width: 100%;
    flex-flow: wrap;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet {
    flex: 0 0 calc(50% - 5px);
    height: auto;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:not(:first-child) {
    margin-top: 10px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child {
    min-height: 250px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child .portlet_text_wrap {
    justify-content: flex-start;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child .portlet_text_wrap .portlet_content_subtitle {
    height: 100%;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(2), #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(3) {
    flex: 0 0 50%;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet {
    flex: 0 0 100%;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) {
    margin-top: 10px;
    min-height: 250px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .portlet_text_wrap {
    justify-content: flex-start;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) .portlet_text_wrap .portlet_content_subtitle {
    height: 100%;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_picture {
    flex: 0 0 100px;
    max-width: 100px;
    align-self: center;
    padding: 11px;
    padding-right: 0;
    margin-right: 11px;
  }
  #shop_cross_selling_popup .shop_cart_total,
#shop_cross_selling_popup .shop_cart_article .shop_cart_article_price {
    padding: 11px;
  }
  #shop_order_steps .shop_order_step {
    padding: 9px 5px 8px 16px;
    font-size: 12px;
  }
  #shop_order_steps .shop_order_step:before, #shop_order_steps .shop_order_step:after {
    height: 19px;
  }
  #shop_order_steps .shop_order_step:first-child {
    padding-left: 10px;
  }
  #shop_order_steps .shop_order_step:last-child {
    padding-right: 10px;
  }
  .portlets_shop ~ .content_inner {
    border-top: 1px solid #C4CDD1;
  }
  .portlets_right, .portlets_shop, .portlets_article_detail {
    max-width: 100%;
  }
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top {
    flex-flow: wrap;
  }
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .popup_message {
    order: 2;
    width: calc(100% + 22px);
    text-align: center;
    justify-content: center;
    margin: -11px;
    margin-top: 11px;
    padding: 11px;
    border-radius: 0;
    position: relative;
    background: #67921F;
    color: #fff;
  }
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .popup_message i {
    font-size: 26px;
    line-height: 26px;
  }
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top h3 {
    order: 3;
    position: relative;
    margin-top: 11px;
    padding: 15px 11px 0 11px;
    width: 100%;
  }
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: -11px;
    width: calc(100% + 22px);
    height: 1px;
    display: block;
    background: #C4CDD1;
  }
}
@media screen and (max-width: 720px) {
  #portlet_content_37 {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@media screen and (max-width: 700px) {
  .module-listing {
    padding: 0;
  }
  .listing_entry {
    margin: 40px 0 0;
    padding: 0;
  }
  .listing_entry .resource_container {
    float: none !important;
    margin: 0 0 10px !important;
    max-width: 100%;
    top: 0;
  }
  .listing_entry_with_picture .listing_content_container {
    padding: 0 0 15px !important;
    margin-top: 0;
  }
  .listing_entry .resource_container .picture {
    float: none;
  }
  footer > .footer_inner .footer_infos {
    flex-flow: wrap;
  }
  footer > .footer_inner .footer_infos > .portlet {
    order: 2;
    margin-top: 20px;
  }
  footer > .footer_inner .footer_infos .footer_infos_right {
    order: 1;
    flex: 0 0 100%;
  }
  footer > .footer_inner .footer_infos .footer_infos_right .portlet_inner input#portlet-search-input {
    width: calc(100% - 120px);
  }
  footer > .footer_inner .footer_infos .footer_infos_right .portlet_inner .portlet-content {
    width: 100%;
    margin-left: 20px;
  }
  footer > .footer_inner .footer_infos .footer_infos_right .portlet_inner input#portlet-search-input {
    width: 100%;
  }
  .footer_payment_methods .method {
    margin: 0 10px 0 0;
    width: 65px;
    height: 44px;
  }
  footer > .footer_inner .footer_copy {
    flex-flow: wrap;
  }
  footer > .footer_inner .footer_copy .single_links {
    flex: 0 0 100%;
    margin-top: 3px;
    margin-bottom: -5px;
  }
  footer > .footer_inner .footer_copy .single_links a {
    margin-right: 15px;
    margin-left: 0;
  }
  footer > .footer_inner .footer_copy .copyright {
    flex: 0 0 100%;
  }
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article {
    flex: 0 0 50%;
  }
  .mailform_element.checkbox_field p {
    width: 100%;
  }
  #mailform_submit_button label {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .shop_registration_form .select2-container {
    width: 100% !important;
  }
  .page_homepage .portlets_bottom .portlet,
.portlets_bottom .shop_categories li,
.overview_item,
div.knowledge_db_entry,
.calc_other_articles .shop_article {
    width: 49.99%;
  }
  .page_homepage .portlets_bottom .portlet:nth-child(3n+1):after,
.page_homepage .portlets_bottom .portlet:nth-child(3n+1):before,
.overview_item:nth-child(3n+1):before {
    display: none;
  }
  .page_homepage .portlets_bottom .portlet:nth-child(odd):after,
.page_homepage .portlets_bottom .portlet:nth-child(odd):before,
.overview_item:nth-child(odd):before {
    display: block;
  }
  .page_homepage .portlets_bottom .portlet:nth-child(odd):before,
.overview_item:nth-child(odd):before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200%;
    z-index: -1;
    border-radius: 5px;
    display: block;
  }
  .page_homepage .portlets_bottom .portlet:nth-child(odd):after,
.overview_item:nth-child(odd):after {
    width: 200%;
  }
  .page_homepage .portlets_bottom .portlet:nth-child(odd):last-child:after,
.overview_item:nth-child(odd):last-child:after,
.page_homepage .portlets_bottom .portlet:nth-child(odd):last-child:before,
.overview_item:nth-child(odd):last-child:before {
    width: 100%;
  }
  .calc_other_articles .shop_article ~ .shop_article ~ .shop_article .pictures {
    padding-top: 1px;
  }
  .calc_other_articles .shop_article ~ .shop_article ~ .shop_article .shop_special_1 {
    top: 0;
  }
  .mod_shop.system_page .portlets_article_detail + .content_shop_inner {
    padding-right: 0;
    box-shadow: none;
  }
  .mailform_element label,
.edit_user_form label,
#mailform_submit_button label,
.login_form label,
label {
    float: none;
    width: auto;
    display: block;
    padding-top: 5px;
  }
  label ~ input,
label ~ select,
label ~ textarea {
    width: 100%;
  }
  label.empty {
    display: none !important;
  }
  .shop_article_information table,
table.shop_article_properties_table {
    width: 100%;
  }
  table#shop_article_properties_table td:first-child,
.shop_article_information td:first-child,
.article_weight > span:first-child {
    width: 55% !important;
    min-width: 0;
  }
  #portlets_highlight #portlets_home_slider .portlet .portlet-content {
    flex-flow: column;
    align-items: flex-start;
    height: 100%;
    min-height: 0;
    justify-content: flex-start;
  }
  #portlets_highlight #portlets_home_slider .portlet .portlet-content .portlet_text_wrap {
    height: auto;
    min-height: 0;
    max-width: 100%;
    order: 2;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 30px 30px 30px;
  }
  #portlets_highlight #portlets_home_slider .portlet .portlet-content .portlet_text_wrap .portlet_content_introduction {
    height: auto;
  }
  #portlets_highlight #portlets_home_slider .portlet .portlet-content a.portlet_content_link {
    margin-top: 15px;
  }
  #portlets_highlight #portlets_home_slider .portlet .portlet-content .pictures {
    padding: 0;
    box-sizing: border-box;
    order: 1;
    align-self: flex-start;
    height: auto;
    width: 100%;
    max-width: 100%;
    flex: unset;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_content {
    padding: 15px 0;
  }
  #shop_cross_selling_popup .shop_cart_article_wrap {
    flex-flow: wrap;
  }
  #shop_cross_selling_popup .shop_cart_article_wrap .shop_cart_total {
    width: 100%;
    border-left: none;
    border-top: 1px solid #C4CDD1;
    justify-content: flex-end;
  }
  .mod_action_register .shop_registration_form p {
    flex-flow: wrap;
  }
  .mod_action_register .shop_registration_form p input,
.mod_action_register .shop_registration_form p label {
    width: 100%;
  }
  .raclette_banner {
    margin-top: 35px;
  }
  .raclette_banner .raclette_banner_inner {
    align-items: flex-end;
    background: url(../img/banner/background_small.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px;
  }
  .raclette_banner .raclette_banner_left {
    width: 100%;
  }
  .raclette_banner .raclette_banner_left .raclette_banner_title {
    width: 200px;
    margin-bottom: 190px;
  }
  .raclette_banner .raclette_banner_left .raclette_banner_link a {
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    padding: 9px 15px 8px;
    width: 100%;
  }
  .raclette_banner .raclette_banner_right .raclette_banner_video_wrap {
    width: 208px;
    top: 188px;
    position: absolute;
    left: 50%;
    margin-left: -104px;
  }
}
@media screen and (max-width: 666px) {
  #article_detail_pictures {
    float: none;
    width: auto !important;
  }
  #mod_shop_article_detail .shop_article_information {
    box-shadow: none;
    padding: 20px 27px;
  }
  .pictures_right,
.knowledge_db_entry_detail_picture {
    float: none;
    max-width: 100%;
    margin: 0 0 35px;
  }
  #shop_article_properties_table td:first-child, .shop_article_information table td:first-child {
    max-width: none;
  }
  .content table {
    width: 100%;
  }
  .mod_shop .sub .top_shop_meta {
    flex-flow: wrap;
  }
  .mod_shop .sub .top_shop_meta .top_shop_meta_cart {
    width: 100%;
  }
  .mod_action_order_form .shop_div input {
    width: 100%;
    margin-bottom: 10px;
  }
  .mod_action_order_form .content_shop_inner a.button.redeem_coupon_button {
    margin-left: -4px;
  }
  .listing_property_filter form {
    flex-flow: wrap;
  }
  .listing_property_filter form .p_select2 {
    flex: 0 0 100%;
  }
  .listing_property_filter form .p_select2:not(:first-child) {
    margin-top: 10px;
    margin-left: 0;
  }
  .listing_property_filter form .listing_search_wrap {
    margin-top: 10px;
    margin-left: 0;
  }
  .listing_property_filter form .listing_reset_filter {
    font-size: 13px;
  }
}
@media screen and (max-width: 655px) {
  .mod_shop .siteframe > .portlet_shop {
    display: none;
  }
  .calc_filter_part {
    float: none;
    width: auto;
  }
  .calc_filter_inner {
    display: block;
  }
  .calc_filter_part ~ div {
    border: 0;
    border-top: 1px solid #c4cdd1;
  }
  .calc_filter_legend {
    border-color: #f0f0f0;
    min-height: 0;
  }
}
@media screen and (max-width: 600px) {
  .sub > div {
    display: none;
  }
  .xls_import_table th:last-child,
.xls_import_table td:last-child {
    display: none;
  }
  #portlets_product_category .portlet_shop_categories .shop_categories li .pictures * {
    max-height: 28vw;
  }
  .shop_category_0 .shop_category_overview_container div.shop_category {
    width: 50%;
  }
  #privacy_banner #privacy_banner_inner {
    font-size: 14px;
    line-height: 20px;
  }
  #privacy_banner #privacy_banner_inner #privacy_description {
    padding: 0;
  }
  #privacy_banner #privacy_banner_inner a.button {
    position: relative;
    top: auto;
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 20px;
    right: auto;
    float: none;
    display: block;
    text-align: center;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  #portlets_fix_home .portlets_fix_home .portlet a.portlet_content_link {
    margin-top: 15px;
  }
  #portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_4 h3.portlet-title a,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_5 h3.portlet-title a,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_8 h3.portlet-title a,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title,
#portlets_fix_home .portlets_fix_home .portlet.portlet_content_fix_home_9 h3.portlet-title a {
    margin-bottom: 6px;
  }
  #portlets_product_category .portlet_shop_categories span.slick-arrow {
    top: -50px;
  }
  #portlets_highlight > .portlet h3, #portlets_highlight > .portlet h3 a {
    margin-bottom: 12px;
  }
  #portlets_product_category > .portlet h3, #portlets_product_category > .portlet h3,
#portlets_product_category > .portlet h3, #portlets_product_category > .portlet h3 a {
    margin-bottom: 15px;
  }
  footer > .footer_inner .footer_infos_right .portlet_inner input#portlet-search-button {
    height: calc(100% - 2px);
    min-height: 30px;
  }
  footer > .footer_inner .footer_infos_right .portlet_inner .portlet-content:before {
    line-height: 42px;
  }
  #shop_cross_selling_popup .shop_cart_popup_bar.shop_cart_popup_bar_top .shop_cross_selling_popup_close a {
    padding: 17px 18px;
  }
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products_title {
    padding-top: 15px;
    padding-bottom: 12px;
  }
  .shop_article_information p.article_number {
    margin-top: -9px;
  }
  .content_inner {
    padding: 20px;
  }
  .portlets_article_detail a.goto-cart:before,
a.button.buy_button:before {
    top: 4px;
  }
  .portlets_right, .portlets_shop, .portlets_article_detail,
.content_header {
    padding-left: 20px;
    padding-right: 20px;
  }
  .listing_property_filter form .listing_search_wrap .listing_search_buttons:before {
    top: 9px;
    left: 24px;
  }
  .listing_property_filter form .listing_search_wrap .listing_search_buttons input.button {
    padding-left: 36px;
  }
  .listing_property_filter form .p_select2 label {
    line-height: 30px;
    padding-top: 0px;
  }
  .category_6 .content_no_bg_inner h1 {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .category_6 .content_no_bg_inner div.introduction {
    margin-bottom: 25px;
  }
  .category_6 .content_no_bg_inner div.introduction p:not(:last-child) {
    margin-bottom: 20px;
  }
  .category_6 .content_no_bg_inner h3 {
    margin-top: 30px;
  }
  .category_6 h2.calculator_title {
    margin-top: 50px;
    margin-bottom: 0;
  }
  .category_6 .calc_filter {
    margin: 30px 0;
  }
  #sticky_scroll_to_calculator {
    width: 250px;
    margin-left: -125px;
  }
  #sticky_scroll_to_calculator .calc_grocery {
    width: 250px;
  }
}
@media screen and (max-width: 570px) {
  .footer_address > span:nth-of-type(6) {
    display: block;
    font-size: 0;
    height: 5px;
    overflow: hidden;
  }
}
@media screen and (max-width: 550px) {
  #knowledge_db_entries div.filter_data div.topic_selection,
#knowledge_db_entries div.filter_data div.text_filter {
    width: 100%;
    display: block;
  }
  #knowledge_db_entries div.filter_data div.text_filter {
    border-top: 1px solid #c4cdd1;
  }
  #knowledge_db_entries div.filter_data div.text_filter input {
    border: 0;
  }
  #knowledge_db_entries a.button {
    top: auto;
    bottom: 20px;
    margin-top: 0;
  }
  .calc_grocery {
    margin-bottom: 60px;
  }
  .calc_wine {
    display: none;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet {
    flex: 0 0 100%;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet_inner .portlet-content {
    justify-content: space-between;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet h3.portlet-title,
#portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet h3.portlet-title a {
    margin-bottom: 0;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet:nth-child(2) {
    margin-top: 10px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) > .portlet .portlet-content {
    flex-flow: column;
    height: auto;
    justify-content: flex-start;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) > .portlet .portlet-content .pictures {
    flex: 0 0 100%;
    padding: 10px 20px 20px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) > .portlet .portlet-content .portlet_text_wrap {
    flex: 0 0 100%;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet-content {
    flex-flow: column;
    height: auto !important;
    justify-content: flex-start;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet-content .pictures {
    flex: 0 0 100%;
    padding: 10px 20px 20px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:first-child .portlet-content .portlet_text_wrap {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  /* --- payment popup --- */
  #payment_popup_content {
    padding: 20px;
    margin: 0 10px;
    font-size: 13px;
    line-height: 20px;
  }
  #payment_popup_content .powerpay_logo {
    max-width: 200px;
    margin: 0 auto 15px;
  }
  .shop_div > .payment-method .more_infos {
    margin: 1px 0 0 9px;
    font-size: 12px;
    line-height: 16px;
    width: 90px;
    border: 0;
    text-decoration: underline;
  }
  .footer_payment_methods {
    flex-flow: wrap;
    max-width: 260px;
  }
  .footer_payment_methods .method {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  footer > .footer_inner .single_links {
    flex-flow: wrap;
  }
  #portlets_fix_home .portlets_fix_home:first-child .portlets_fix_home_group .portlet {
    min-height: 200px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:first-child {
    min-height: 200px;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(2), #portlets_fix_home .portlets_fix_home:nth-child(4) .portlet:nth-child(3) {
    flex: 0 0 100%;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(5) .portlet:nth-child(2) {
    min-height: 200px;
  }
  footer #footer_top #portlets_footer .portlets_inner_wrap .portlet {
    min-width: 50%;
  }
  #portlets_popular_wrap > .portlet .portlet_text_wrap {
    padding: 19px 20px 15px;
  }
  #portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet {
    min-width: 50%;
    max-width: 50%;
    box-sizing: border-box;
    width: auto;
  }
  #portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet:nth-child(3n+1) {
    position: relative;
    border-left: 1px solid #C4CDD1;
  }
  #portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet:nth-child(3n+1):before {
    display: none;
  }
  #portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet:nth-child(2n+1) {
    position: relative;
    border-left: none;
  }
  #portlets_popular_wrap #portlets_popular .portlets_inner_wrap .portlet:nth-child(2n+1):before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 1000px;
    height: 1px;
    display: block;
    background: #C4CDD1;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_picture {
    align-self: flex-start;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_content {
    flex-flow: wrap;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_content .shop_cart_article_content_text {
    width: 100%;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_content .shop_cart_article_price {
    width: 100%;
    padding: 5px 11px 0;
    text-align: right;
  }
  #shop_cross_selling_popup .shop_cart_article_wrap .shop_cart_total {
    text-align: right;
  }
  #shop_cross_selling_popup .shop_cart_article .shop_cart_article_picture {
    flex: 0 0 80px;
    max-width: 80px;
  }
  #shop_order_steps {
    padding-bottom: 20px;
  }
  #shop_order_steps .shop_order_step {
    border: none;
    padding: 0 10px 0 0;
  }
  #shop_order_steps .shop_order_step:first-child {
    padding-left: 0;
  }
  #shop_order_steps .shop_order_step:after, #shop_order_steps .shop_order_step:before {
    display: none;
  }
  .mod_action_process_order .table_wrap_container + p,
.mod_action_order_form_overview .table_wrap_container + p,
.mod_action_register .table_wrap_container + p,
.mod_action_order_form .table_wrap_container + p {
    flex-flow: column;
    justify-content: unset;
    text-align: right;
    align-items: flex-end;
  }
  .mod_action_process_order .table_wrap_container + p a.refresh_button,
.mod_action_order_form_overview .table_wrap_container + p a.refresh_button,
.mod_action_register .table_wrap_container + p a.refresh_button,
.mod_action_order_form .table_wrap_container + p a.refresh_button {
    order: 1;
    margin-bottom: 10px;
  }
  .mod_action_process_order .table_wrap_container + p a.empty_cart_button,
.mod_action_order_form_overview .table_wrap_container + p a.empty_cart_button,
.mod_action_register .table_wrap_container + p a.empty_cart_button,
.mod_action_order_form .table_wrap_container + p a.empty_cart_button {
    order: 2;
    margin-right: 0;
  }
  .mod_action_order_form_overview p.shop_registration_form,
.mod_action_order_form_overview .button_bar_bottom {
    flex-flow: wrap;
  }
  .mod_action_order_form_overview p.shop_registration_form a.buy_button,
.mod_action_order_form_overview .button_bar_bottom a.buy_button {
    width: 100%;
    margin-top: 10px;
  }
}
@media screen and (max-width: 470px) {
  .xls_import_table tr:first-child {
    display: none;
  }
  .xls_import_table tr {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 20px 0;
    border-top: 1px solid #c4cdd1;
  }
  .xls_import_table tr:nth-child(odd) {
    box-shadow: inset 1px 0 0 #c4cdd1;
  }
  .xls_import_table tr:nth-child(even) {
    box-shadow: 1px 0 0 #c4cdd1;
  }
  .xls_import_table tr:nth-child(even):last-child {
    width: 100%;
    box-shadow: none;
  }
  .xls_import_table tr:first-child + tr,
.xls_import_table tr:first-child + tr + tr {
    border: 0;
  }
  .xls_import_table tr td {
    display: block;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .xls_import_table tr td:first-child {
    font-weight: bold;
  }
  .xls_import_table tr td:last-child {
    display: block;
  }
  .xls_import_filter form > div,
.xls_import_filter form > div ~ div {
    width: 100%;
    display: block;
    float: none;
    box-shadow: 1px 0 0 #c7d0d4;
  }
  .xls_import_filter form > div ~ div {
    border-top: 1px solid #c7d0d4;
  }
  .order_form_or {
    display: block;
    padding: 7px 0 7px 0;
  }
}
@media screen and (max-width: 430px) {
  .page_homepage .portlets_bottom .portlet,
.portlets_bottom .shop_categories li,
.overview_item,
.calc_other_articles .shop_article,
.shop_category_0 .shop_category_overview_container div.shop_category {
    width: 100% !important;
    display: block;
    float: none;
    min-height: 0 !important;
  }
  .page_homepage .portlets_bottom .portlet {
    border-radius: 8px;
  }
  .page_homepage .portlets_bottom .portlet .picture img {
    border-radius: 8px 8px 0 0;
  }
  .page_homepage .portlets_bottom .portlet:after,
.page_homepage .portlets_bottom .portlet:before,
.overview_item:before {
    display: block;
  }
  .page_homepage .portlets_bottom .portlet:before,
.overview_item:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200%;
    z-index: -1;
    border-radius: 8px;
    display: block;
  }
  .page_homepage .portlets_bottom .portlet:after,
.overview_item:after,
.page_homepage .portlets_bottom .portlet:before,
.overview_item:before {
    width: 100% !important;
  }
  .footer_address > span:nth-of-type(1),
.footer_address > span:nth-of-type(5) {
    display: block;
    font-size: 0;
    height: 2px;
    overflow: hidden;
  }
  .calc_other_articles .shop_article ~ .shop_article .pictures {
    padding-top: 1px;
  }
  .calc_other_articles .shop_article ~ .shop_article .shop_special_1 {
    top: 0;
  }
  .page_homepage .slider_home.slick-slider .slick-slide .picture .resource_description .resource_title {
    font-size: 35px;
    line-height: 35px;
  }
}
@media screen and (max-width: 420px) {
  nav.sub .back-to-overview {
    margin: 15px 0 0;
    float: none;
    display: block;
    text-align: center;
  }
  .sub > * {
    display: block;
    float: none !important;
  }
  .portlets_shop ~ .content_inner .shop_category_overview_container div.shop_category,
.shop_article,
.knowledge_db_entry,
.shop_category_overview_container div.shop_category,
.page_homepage .portlets_bottom .portlet,
.portlets_bottom .shop_categories li,
.overview_item, div.knowledge_db_entry {
    width: 100%;
    display: block;
  }
  .shop_article_information table td:first-child ~ td {
    width: auto !important;
  }
  .empty_shop_category {
    display: none !important;
  }
  p.shop_add_to_cart_container {
    float: none;
    overflow: hidden;
    display: block;
    width: 100%;
    text-align: left;
    margin: 15px 0 0;
  }
  .accessory_control a {
    margin-left: 0;
  }
  .calc_grocery {
    width: auto;
    max-width: none;
    margin: 0;
    margin-left: -20px;
    margin-right: -20px;
    -webkit-transform: rotate(4deg) translate3d(0, 0, 0) scale(0.8, 0.8);
    -moz-transform: rotate(4deg) translate3d(0, 0, 0) scale(0.8, 0.8);
    -o-transform: rotate(4deg) translate3d(0, 0, 0) scale(0.8, 0.8);
    transform: rotate(4deg) translate3d(0, 0, 0) scale(0.8, 0.8);
  }
  .calc_grocery_inner > span {
    font-size: 50px;
  }
  table.shop-cart + p .button ~ .button {
    margin-top: 10px;
  }
  .shop-price-detailsite {
    position: relative;
  }
  .add_to_wishlist_container a {
    float: left;
  }
  .shop-price-detailsite .price_with_tax {
    position: relative;
    clear: right;
    margin: 0 0 0 10px;
    line-height: 30px;
    padding: 6px 0 0;
  }
  #portlet_content_37 {
    top: -60px;
    left: -66px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  #shop_cross_selling_popup .shop_cart_products_wrap .shop_cart_products .shop_article {
    flex: 0 0 100%;
    width: 100%;
  }
  .sub .top_shop_meta ~ a.imprint,
.mod_shop .sub a.back-to-overview {
    width: 100%;
  }
  .sub .top_shop_meta ~ a.imprint {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  #cart_container table td:first-child + td {
    white-space: normal;
    text-align: center;
  }
}
@media screen and (max-width: 350px) {
  .account_actions > a {
    padding: 0 0 120px;
  }
  .account_actions > a:before {
    font-size: 35px;
    line-height: 35px;
  }
  .account_actions > a span {
    font-size: 17px;
  }
}
/* ---------- Animations ---------- */
.account_open .account_toggle {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-360deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-360deg);
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
  }
}
.rotateIn,
.account_open .account_toggle {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

/*
|--------------------------------------------------------------------------
| phpComasy - content management system
|--------------------------------------------------------------------------
|
| Copyright indual GmbH, Brig (https://www.indual.ch)
| phpComasy is released under his own licence: https://www.phpcomasy.com/licence/
|
 */
/* @group design colors */
/* @end */
/* @group font */
/* @end */
/* @group mixins */
/* @end */
@media print {
  /* @group basic */
  body {
    background: #FFF !important;
  }
  div#siteframe {
    background: #fff;
    box-shadow: 0 0 0 0 transparent;
  }
  div.content {
    margin: 0;
  }
  header, .navi_main {
    position: relative !important;
  }
  body.css_landingpage #mixItUp .title_center_picture_full .listing_resources_and_content_container .resource_container:after,
.picture_top_listing:after, #portlets_popular:after,
header:after, .navi_main:after, .wishlist_wrap:after,
.content_wrap:after,
.xls_import_map_wrap:after,
.calc_result:after, #portlet_shop_23:after,
.content_no_bg .message:after, .content_no_bg ~ .message:after,
.content_wrap > .message:after, .gmap-map:after,
.xls_import_entries:after, .xls_import_filter:after,
div.knowledge_db_filter:after, #mod_overview:after,
.knowledge_db_entries:after, .calc_filter:after,
.shop_article_accessories_wrap:after,
.page_homepage .portlets_bottom .portlet:after,
.portlets_bottom .portlet_shop_categories:after,
footer > .footer_inner .footer_infos_right,
footer > .footer_inner .footer_infos .portlet.portlet_content_label_portlet,
footer > .footer_inner .footer_copy,
.footer_payment_methods,
footer #footer_top,
.page_homepage .siteframe > .portlet_shop,
.footer_inner:before,
.footer_inner:after,
.siteframe:before,
.siteframe:after,
#portlets_popular_wrap,
#portlets_product_category,
#portlets_highlight,
#portlet_content_37,
.main,
.topbar,
.mod_shop .siteframe > .portlet_shop,
header:after,
.portlets_shop,
.portlets_article_detail,
.shop_add_to_cart_form,
.sub > .back-to-overview,
.sub > div,
.sub,
.develop,
#portlets_bottom {
    display: none !important;
  }
  .page_homepage #portlets_bottom {
    display: block !important;
    margin-top: -25px;
  }
  *,
*:before,
*:after {
    box-shadow: none !important;
  }
  .content_no_bg,
.siteframe,
header .inner {
    max-width: none;
    padding: 0;
    margin: 0;
  }
  header .logo {
    position: static;
    padding: 20px 0 0;
  }
  .pictures_right,
.listing_entry .resource_container {
    max-width: 30%;
    top: 0;
  }
  .module-listing {
    padding: 0;
  }
  .listing_entry {
    margin: 0 0 25px;
    padding: 0;
  }
  footer {
    page-break-inside: avoid;
  }
  #portlets_fix_home .portlets_fix_home:nth-child(2) .portlets_fix_home_group .portlet .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home:nth-child(3) .portlet:nth-child(2) .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home:nth-child(3) .portlet:nth-child(3) .portlet_text_wrap,
#portlets_fix_home .portlets_fix_home .portlet .portlet_text_wrap {
    padding: 20px;
  }
  #portlets_fix_home .portlets_fix_home {
    page-break-inside: avoid;
  }
  /* @end */
}

/*# sourceMappingURL=template_styles100.css.map */