/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/pt-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pt-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/pt-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/pt-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/pt-sans-v11-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* amatic-sc-regular - latin */
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/amatic-sc-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('../fonts/amatic-sc-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/amatic-sc-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/amatic-sc-v13-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/amatic-sc-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/amatic-sc-v13-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
}
/* amatic-sc-700 - latin */
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/amatic-sc-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url('../fonts/amatic-sc-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/amatic-sc-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/amatic-sc-v13-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/amatic-sc-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/amatic-sc-v13-latin-700.svg#AmaticSC') format('svg'); /* Legacy iOS */
}
/* dancing-script-regular - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dancing-script-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('../fonts/dancing-script-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/dancing-script-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/dancing-script-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/dancing-script-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/dancing-script-v15-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}
/* dancing-script-600 - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/dancing-script-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''), url('../fonts/dancing-script-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/dancing-script-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/dancing-script-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/dancing-script-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/dancing-script-v15-latin-600.svg#DancingScript') format('svg'); /* Legacy iOS */
}
/*Achtung wenn das Template CSS aktualisiert wird, nochmal schauen ob alle Schriften lokal angesprochen werden*/
/*Frage zum Produkt - ausgeblendet*/
.s360-article-detail-panel .s360-article-detail-panel-title.h2 {
  display: none
}
/*-----------------------------*/
.desc {
  max-width: 100% !important;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-6 {
  width: 50%;
}
.flex-container {
  display: flex;
  justify-content: center;
}
.flex-container > div {
  width: 50%;
  margin: 10px;
  text-align: justify;
  padding: 5px;
}
.mflex-container {
  display: flex;
  justify-content: center;
}
.mflex-container > div {
  width: 30pc;
  height: 200px;
  margin: 5px;
  margin-bottom: 20px;
  text-align: center;
  padding: 5px;
  /* Bild skalierung */
}
.mflex-container > div > a > img {
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
  width: 50pc;
  height: fit-content;
}
.flexbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexbox > div {
  width: 70pc;
  margin: 10px;
  text-align: justify;
}
.flexbox > div > img {
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
  scale: 30pc;
  height: fit-content;
}
.haken {
  list-style-type: none;
  color: #162E7B;
}
.haken > li ::before {
  content: "\2714 \fe0e";
  color: #38c952;
  font-size: 1.4em;
  margin-right: 5px;
}
.kreuz {
  list-style-type: none;
  color: #162E7B;
}
.kreuz > li ::before {
  content: "x";
  color: #e73131;
  font-size: 1.4em;
  margin-right: 5px;
}
.menu {
  list-style-type: none;
  border-radius: 10px;
  background-color: #E2EDF9;
  color: #162E7B;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 15px;
  padding-bottom: 10px;
  align-items: center;
}
.menu > ol {
  list-style-type: circle;
}
.flexbox > a:link {
  color: #5C9DDD;
  text-decoration: underline;
}
.flexbox > a:hover {
  color: #5C9DDD;
  text-decoration: none;
}
.flex-container > a:visited {
  color: #5C9DDD;
  text-decoration: underline;
}
.flex-container > a:link {
  color: #5C9DDD;
  text-decoration: underline;
}
.flex-container > a:hover {
  color: #5C9DDD;
  text-decoration: none;
}
.flex-container > a:visited {
  color: #5C9DDD;
  text-decoration: underline;
}
/* NEU*/
.cms-box {
  /*display: inline-block;	
  margin: 0 10%;*/
}
.cms-box .menu {
  padding: 10px 0 10px
}
.cms-box .menu h3 {
  margin-left: 15px
}
.cms-box .menu ul {
  padding-inline-start: 0;
}
.cms-box .menu li {
  list-style-type: none;
}
.cms-box li a {
  padding-left: 40px;
  display: block;
  text-decoration: none
}
.cms-box li a:before {
  content: '\25CF';
  margin-right: 5px
}
.cms-box li a:hover {
  background-color: #ccdcec;
}
.cms-box h3, .cms-box .col-xs-12 {
  margin-top: 15px
}
.cms-box img {
  display: block;
  border-radius: 5px;
  max-width: 100% !important;
  width: auto;
  margin: auto;
}
figure {
  margin: auto;
  max-width: 450px;
}
figure img {
  margin-top: 15px;
  margin-bottom: 5px
}
figcaption {
  max-width: 450px;
  display: inline-block;
  text-align: left;
}
@media (max-width: 767px) {
  .cms-box {
    margin: 0
  }
  .col-xs-1, .col-xs-2, .col-xs-3, /*.col-xs-4,*/ .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: none;
    width: 100%
  }
}