/*########################################################################*/
/* Allgemein */
/*########################################################################*/
html {
  margin: 0px;
  padding: 0px;
}
body {
  overflow-x: hidden;
  color: #413e3b;
}
.no-scroll {
  overflow: hidden;
  height: 100%;
}
.onlyMobile {
  display: none;
}
/*##############
Links*/
a {
  color: #413e3b;
  cursor: pointer;
}
a:hover {
  color: #413e3b;
  text-decoration: none;
}
::focus,
a:focus {
  outline: none !important;
}
a.more {
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
}
a.iconBG:hover {
  opacity: 1;
}
.contentBlock a:hover,
.contentBlock a:hover h3,
.contentBlock a:hover h4,
.contentBlock a:hover h5 {
  opacity: 0.7;
}
.image a,
.book a {
  display: block;
}
a.lightBoxIcon {
  position: relative;
  display: block;
}
a.lightBoxIcon:before {
  content: ' ';
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: #ffffff;
  opacity: 0.9;
  width: 40px;
  height: 40px;
  background-image: url(../images/Lupe-Suchfeld.svg);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: 5px;
}
/*##############
Listen*/
.card ul,
.contentBlock .text ul,
.contentBlock .texte ul {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  list-style: none;
}
.card ul li,
.contentBlock .text ul li,
.contentBlock .texte ul li {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  background-image: url(../images/Pfeil2_rechts.svg);
  background-position: 0px 4px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  display: block;
  padding-left: 20px;
}
.contentBlock ul {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  list-style: none;
}
.contentBlock ul li {
  width: 100%;
  background-image: url(../images/Pfeil2_rechts.svg);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  display: block;
  padding-left: 20px;
}
@media (max-width: 776px) {
  .contentBlock ul {
    width: unset;
  }
}
ul.arrowleft {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  list-style: none;
}
ul.arrowleft li {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  background: none;
}
ul.arrowleft li a {
  background-image: url(../images/Pfeil2_rechts.svg);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  display: block;
  padding-left: 20px;
}
ul.spiegelstrich {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  list-style: none;
}
ul.spiegelstrich li {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 15px;
  margin-bottom: 15px;
}
ul.spiegelstrich li:before {
  content: '– ';
  margin-left: -15px;
}
ul.twoColumns {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  list-style: none;
  clear: both;
  column-count: 2;
  column-gap: 30px;
}
ul.twoColumns li {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  background-image: url(/common/images/ms/Pfeil2_rechts.svg);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  display: block;
  padding-left: 20px;
  column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
/*##############
allgemeine Image styles*/
img {
  width: 100%;
  height: auto;
}
.image.fullheight {
  height: 100%;
}
.image.fullheight i {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  overflow: hidden;
}
.image.fullheight img {
  width: 100%;
  height: 100% !important;
  /*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
  object-fit: cover;
  object-position: center center;
}
/*##############
Video*/
video {
  width: 100% !important;
}
/*##############
Dropdowns*/
.dropdown-menu {
  border-radius: 0px;
}
/*##############
Höhen angleichen*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.h-100 {
  min-height: 100% !important;
  height: auto !important;
}
/*########################################################################*/
/*Mediaqueries/
/*########################################################################*/
@media (min-width: 1025px) {
  body {
    font-size: 16px;
    line-height: 1.45;
  }
}
@media (max-width: 1024px) {
  body {
    font-size: 15px;
    line-height: 1.45;
  }
  .onlyMobile {
    display: block;
  }
  .noMobile {
    display: none;
  }
  ul.arrowleft li a,
  .card ul li,
  .contentBlock .text ul li,
  .contentBlock .texte ul li {
    background-position: 0px 2px;
    background-size: 13px 13px;
  }
}
@media (max-width: 992px) {
  ul.twoColumns {
    column-count: 1;
  }
  ul.twoColumns li {
    display: block;
  }
}
@media (max-width: 768px) {
  body {
    font-weight: normal;
  }
  a.scale:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .image.fullheight {
    height: auto;
  }
  .image.fullheight i {
    width: auto;
    height: auto;
    display: block;
    position: static;
    overflow: auto;
  }
  .image.fullheight img {
    width: 100%;
    height: auto !important;
    position: static;
    top: 0px;
    left: 0px;
    transform: translate(0px, 0px);
  }
}
@media (max-width: 576px) {
  .stretch-sm {
    margin-left: -15px;
    margin-right: -15px;
  }
  .stretch-sm i.shadow {
    display: inline-block;
    width: 100%;
  }
  .stretch-sm i.shadow:after {
    left: 0px !important;
    right: 0px !important;
  }
  .stretch-sm video {
    width: 100%;
  }
}
.showAuthUser {
  display: none;
  visibility: hidden;
}
.themen_content .kurzueberblick {
  padding: 30px 20px;
  background-color: #eeeeee;
}
.themen_content details[open] summary ~ * {
  animation: open 0.3s ease-in-out;
}
@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.themen_content details summary::-webkit-details-marker {
  display: none;
}
.themen_content details summary {
  width: 100%;
  padding: 0.5rem 0;
  border-top: 1px solid black;
  position: relative;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 300;
  list-style: none;
}
.themen_content details summary:after {
  content: '+';
  color: black;
  position: absolute;
  font-size: 1.75rem;
  line-height: 0;
  margin-top: 0.75rem;
  right: 0;
  font-weight: 200;
  transform-origin: center;
  transition: 200ms linear;
}
.themen_content details[open] summary:after {
  transform: rotate(45deg);
  font-size: 2rem;
}
.themen_content details[open] {
  padding-bottom: 10px;
}
.themen_content details summary {
  outline: 0;
}
.themen_content .lesetipp {
  padding: 30px 20px;
  background-color: #eeeeee;
  margin: 40px 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.themen_content .lesetipp ul {
  list-style: unset;
  padding-left: 15px;
}
.themen_content .lesetipp ul li {
  background-image: none;
  display: list-item;
  padding-left: 0px;
  margin-top: 10px;
}
.themen_content .zitat {
  max-width: 400px;
  border-top: 2px solid #413e3b;
  padding-top: 10px;
  padding-left: 50px;
  line-height: 24px;
  font-size: 16px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
.themen_content .zitat:before {
  position: absolute;
  left: 0;
  content: ' ';
  background-image: url(/common/images/quote.svg);
  background-size: 35px 35px;
  height: 35px;
  width: 35px;
}
.themen_content .showbox {
  background-color: #eeeeee;
  max-width: 600px;
  padding: 15px 60px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
.themen_content .literatur_box a {
  font-weight: bold;
}
.themen_content .literatur_box .h3 {
  font-size: 18px;
}
.themen_content .literatur_box h4 {
  font-weight: 600;
  margin-bottom: 5px;
}
.themen_content .literatur_box > .literatur {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  padding: 20px;
  background-color: #eeeeee;
  margin-bottom: 20px;
}
.themen_content .literatur_box > .literatur > img {
  width: 100px;
  margin-right: 30px;
}
@media (max-width: 776px) {
  .themen_content .literatur_box > .literatur {
    flex-direction: column;
  }
  .themen_content .literatur_box > .literatur > img {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
/*########################################################################*/
/* Farben*/
/*########################################################################*/
.fontMS {
  color: #00477f !important;
}
.fontMS:hover {
  color: #00477f !important;
}
.fontLS {
  color: #00688d !important;
}
.fontLS:hover {
  color: #00688d !important;
}
.fontLSSubtitle {
  color: #002b3b !important;
}
.fontLSSubtitle:hover {
  color: #002b3b !important;
}
.fontLL {
  color: #008ec9 !important;
}
.fontLL:hover {
  color: #008ec9 !important;
}
.fontLLSubtitle {
  color: #0278ab !important;
}
.fontLLSubtitle:hover {
  color: #0278ab !important;
}
.fontTA {
  color: #f08a00 !important;
}
.fontTA:hover {
  color: #f08a00 !important;
}
.fontTASubtitle {
  color: #9e5b00 !important;
}
.fontTASubtitle:hover {
  color: #9e5b00 !important;
}
.fontTB {
  color: #d65013 !important;
}
.fontTB:hover {
  color: #d65013 !important;
}
.fontTBSubtitle {
  color: #8b330c !important;
}
.fontTBSubtitle:hover {
  color: #8b330c !important;
}
.fontTK {
  color: #c3242d !important;
}
.fontTK:hover {
  color: #c3242d !important;
}
.fontTKSubtitle {
  color: #7e171d !important;
}
.fontTKSubtitle:hover {
  color: #7e171d !important;
}
.fontTL {
  color: #ffbf00 !important;
}
.fontTL:hover {
  color: #ffbf00 !important;
}
.fontBlog {
  color: #316172 !important;
}
.fontBlog:hover {
  color: #316172 !important;
}
.fontPTT {
  color: #68b42e !important;
}
.fontPTT:hover {
  color: #68b42e !important;
}
.fontVerlag {
  color: #6d6c6c !important;
}
.fontVerlag:hover {
  color: #6d6c6c !important;
}
.fontTraincamp {
  color: #f08a00 !important;
}
.fontTraincamp:hover {
  color: #f08a00 !important;
}
.fontCube {
  color: #f08a00 !important;
}
.fontCube:hover {
  color: #f08a00 !important;
}
/* Schriften ######################################################*/
/*Schrift Roboto*/
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 400;
}
/*Schrift Roboto Condensed*/
nav,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto Condensed', sans-serif;
}
h1,
.h1 {
  font-size: 2.1rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 22px;
  font-weight: bold;
}
h3.icon {
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 35px;
}
h3.icon.facebook {
  background-image: url(../images/facebook.svg);
}
h3.icon.twitter {
  background-image: url(../images/twitter.svg);
}
a h3,
h3 a {
  font-weight: 600;
}
h4,
.h4 {
  font-size: 18px;
  font-weight: 400;
}
h5,
.h5 {
  font-size: 16px;
  font-weight: 400;
}
.row.header .headlines h2,
.row.header .headlines h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 600;
}
.blocks h5,
.blockInfos h5,
.blog_text .header h5,
.headlines h5,
.headline h5 {
  font-size: 18px;
}
h6 {
  font-size: 14px;
}
.headlines h3,
.headline h3 {
  font-size: 25px;
  margin-bottom: 10px;
}
.price h3 {
  font-weight: 700;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.small {
  font-size: 12px;
  font-weight: 400;
  display: block;
}
.small.inline {
  display: inline;
}
.small2 {
  font-size: 14px;
  font-weight: 400;
  display: block;
}
.small2.inline {
  display: inline;
}
strong {
  font-weight: 600;
}
/*bigFont*/
.slider .bigFont p {
  font-family: "Roboto Condensed" !important;
  font-size: 16px !important;
}
.slider .bigFont h3 {
  font-size: 22px !important;
}
@media (max-width: 1024px) {
  body {
    font-size: 15px;
    line-height: 1.45;
  }
  /*Typo*/
  h1 {
    font-size: 1.8rem !important;
  }
  h2 {
    font-size: 1.6rem !important;
  }
  h3 {
    font-size: 19px !important;
  }
  h4 {
    font-size: 15px !important;
  }
  h3.rubrik,
  h5 {
    font-size: 15px !important;
  }
  h6 {
    font-size: 12px !important;
  }
  span.small {
    font-size: 11px !important;
  }
}
@media (max-width: 576px) {
  body {
    font-size: 14px;
    font-weight: normal;
  }
}
/*########################################################################*/
/* forms*/
/*########################################################################*/
#openChecked {
  display: none;
}
#openRadio {
  display: none;
}
.btn,
textarea,
button,
.form-control {
  border-radius: 0;
}
:focus {
  outline: none !important;
}
.btn:focus,
.btn.focus {
  outline: 0;
  /*box-shadow: 0 0 0 0.2rem rgba(109, 108, 108, 0.25);*/
  box-shadow: 0 0 0 0 rgba(109, 108, 108, 0);
}
input.form-control:hover {
  cursor: pointer;
}
.dropdown-toggle:after {
  display: none;
}
.select-wrapper {
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
}
.select-wrapper::after {
  content: " ";
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #413e3b;
  background-image: url(../images/select_icon_weiss.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
  width: 40px;
  height: 100%;
  z-index: -1;
}
.select-wrapper select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  height: 40px;
  outline: none;
  padding-left: 10px;
  width: 100%;
  background: transparent;
}
.select-wrapper select:active,
.select-wrapper select:hover,
.select-wrapper select:focus {
  background: transparent;
}
.select-wrapper select::-ms-expand {
  display: none;
}
.select-wrapper select:focus::-ms-value {
  background-color: transparent;
}
.form-inline .form-check {
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  padding-left: 0;
  padding-top: 10px;
}
/*Aufklappbuttons*/
.input-group.selectDown {
  display: inline-block;
  margin-right: 10px;
}
.input-group.selectDown a.button {
  display: inline-block;
}
.input-group.selectDown a.button,
.input-group.selectDown button {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  color: #495057;
  margin: 0px;
  padding: 5px;
  padding-bottom: 6px;
  padding-left: 8px;
  padding-right: 8px;
}
.input-group.selectDown a.button .title,
.input-group.selectDown button .title {
  display: inline-block;
  float: left;
  color: #6d6c6c;
}
.input-group.selectDown a.button .caret,
.input-group.selectDown button .caret {
  display: inline-block;
  background-image: url(../images/startseite/Pfeil-unten.svg);
  background-size: 17px 17px;
  background-position: right 2px;
  background-repeat: no-repeat;
  width: 30px;
  height: 20px;
  float: right;
  border-left: 1px solid #cccccc;
  margin-left: 10px;
}
.input-group.selectDown .dropdown-menu {
  padding: 8px;
  min-width: 100%;
}
.input-group.selectDown .dropdown-menu li {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.input-group.selectDown .dropdown-menu li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.input-group.selectDown .dropdown-menu li:hover {
  opacity: 0.6;
}
/*Aufklappbuttons nicht absolute*/
.input-group-btn.notAbsolute a.button,
.input-group-btn.notAbsolute button {
  width: 100%;
  background: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #cccccc;
}
.input-group-btn.notAbsolute a.button,
.input-group-btn.notAbsolute button {
  text-align: left;
}
.input-group-btn.notAbsolute a.button .title,
.input-group-btn.notAbsolute button .title {
  text-align: left;
  white-space: normal;
}
.input-group-btn.notAbsolute a.button .caret,
.input-group-btn.notAbsolute button .caret {
  display: inline-block;
  background-image: url(../images/startseite/Pfeil-unten.svg);
  background-size: 17px 17px;
  background-position: right 2px;
  background-repeat: no-repeat;
  width: 30px;
  height: 20px;
  float: right;
  margin-left: 10px;
}
.input-group-btn.notAbsolute .dropdown-menu {
  position: static !important;
  transform: translate3d(0px, -17px, 0px) !important;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-top: none;
  float: none;
  z-index: 0;
}
.input-group-btn.notAbsolute .dropdown-menu.show li {
  border-bottom: 1px solid #cccccc;
  padding-top: 5px;
  padding-bottom: 5px;
}
.input-group-btn.notAbsolute .dropdown-menu.show li:last-child {
  border: none;
}
/*Checkboxen Radioboxen*/
.form-check label input[type="radio"],
.form-check label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.altchamarker::before,
.form-check .label-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #cccccc;
}
.form-check .label-text {
  padding-left: 30px;
  display: inline-block;
}
.form-check label input[type="radio"] ~ .label-text:before {
  border-radius: 50%;
}
.altcha-checkbox input[type="checkbox"]:checked ~ .altchamarker::before,
.form-check label input[type="radio"]:checked ~ .label-text:before,
.form-check label input[type="checkbox"]:checked ~ .label-text:before {
  background-color: #E10A14;
  border: none;
}
.form-check label input[type="radio"]:checked ~ .label-text:after {
  content: "";
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 1;
  text-align: center;
  background-image: url(../images/radio_punkt.svg);
  background-size: 25px 25px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.altcha-checkbox input[type="checkbox"]:checked ~ .altchamarker::after,
.form-check label input[type="checkbox"]:checked ~ .label-text:after {
  content: "";
  left: 9px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  z-index: 1;
}
.line .form-group {
  margin-bottom: 0px;
}
h3.questionHeadNorm {
  font-size: 20px;
  color: #000000 !important;
  padding-bottom: 10px;
}
.questionAnswers .form-check label.form-check-label {
  margin-bottom: 15px;
}
.questionAnswers .form-check:last-child label.form-check-label {
  margin-bottom: 0px;
}
/* Userformulare (Profile/Bestellungen...) */
.userform {
  font-size: 15px;
}
.userform label {
  line-height: 40px;
}
.userform label.form-check-label,
span.label-text {
  line-height: 16px;
}
.userform .select-wrapper.small {
  width: 35%;
}
.userform .smallInput {
  width: 25%;
  display: inline-block;
  margin-right: 4%;
}
.userform .bigInput {
  width: 69%;
  float: right;
}
.userform .form-group.lineTop {
  border-top: 1px solid #e4e4e2;
  padding-top: 15px;
}
.userform .form-group div.row {
  margin-top: 10px;
}
.userform h3 {
  margin-bottom: 20px;
}
.userform .form-group h4 {
  margin-bottom: 20px;
  font-weight: bold;
}
/*Abonenten Tabs*/
#regForm {
  width: 100%;
}
/* Hide all steps by default: */
#regForm .tabform {
  display: none;
}
/* forgot pw und chooseInfos */
.chooseInfos,
.formfgpw {
  display: none;
}
#regForm .form-check {
  margin-top: 10px;
}
#regForm .regFormBtn {
  margin-top: 20px;
}
#regForm .regFormBtn button.iconBG {
  margin-right: 10px;
}
#regForm .regFormBtn button.iconBG span.text {
  padding-right: 0px !important;
}
/* Fehlerkennzeichnungen */
.form-group.err {
  color: red !important;
}
.form-control.err {
  border: 1px solid red !important;
}
.form-control.err::placeholder {
  /* Firefox, Chrome, Opera */
  color: red  !important;
}
.form-control.err:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red;
}
.form-control.err::-ms-input-placeholder {
  /* Microsoft Edge */
  color: orange;
}
/*########################################################################*/
/*Mediaqueries/
/*########################################################################*/
@media (max-width: 768px) {
  #regForm .regFormBtn .col-12:first-child {
    padding-bottom: 10px;
  }
}
@media (min-width: 576px) {
  .examplenewsletter .modal-dialog,
  .werbeprotokoll .modal-dialog,
  .mailprotokoll .modal-dialog {
    max-width: none;
  }
}
@media (max-width: 576px) {
  /*  .cart .modal-dialog { width: 90%; }*/
}
.examplenewsletter .modal-dialog,
.werbeprotokoll .modal-dialog,
.mailprotokoll .modal-dialog {
  width: 98%;
  height: 92%;
  margin: auto;
  padding: 0;
}
.cart .modal-dialog {
  /*width: 70%;*/
  /*height: 70%;*/
}
.modal-content {
  position: absolute !important;
  z-index: 0 !important;
}
.examplenewsletter .modal-content,
.werbeprotokoll .modal-content,
.mailprotokoll .modal-content {
  height: 100%;
}
.cart .modal-content,
.examplenewsletter .modal-content,
.werbeprotokoll .modal-content,
.mailprotokoll .modal-content {
  border-radius: 0;
  border: 0;
  padding: 4px;
}
.cart .modal-content {
  padding: 15px;
  display: table;
}
.werbeprotokoll .table.prot td,
.mailprotokoll table.prot td {
  vertical-align: top;
  line-height: 19px;
  font-size: 12px;
}
.werbeprotokoll #caseForProt a,
.werbeprotokoll #caseForNewsLetter a,
.mailprotokoll #caseForProt a,
.mailprotokoll #caseForNewsLetter a {
  font-weight: 520;
  text-decoration: underline;
  font-size: 12px;
}
#mailframe {
  height: 96%;
  border: none;
}
/*########################################################################*/
/* Header*/
/*########################################################################*/
#msLogo {
  width: 420px;
  height: auto;
  max-width: 100%;
}
/* Loginbox */
.logincontent a:hover {
  text-decoration: underline;
}
/*########################################################################*/
/* Navigation oben*/
/*########################################################################*/
.sideNav {
  background-color: transparent !important;
  /*Top Logo Buttons rechts*/
  /*Hauptnavigation*/
}
.sideNav a {
  cursor: pointer;
}
.sideNav .background {
  background: #ffffff;
  border-bottom: 2px solid #6d6c6c;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  z-index: -1;
}
.sideNav .small {
  line-height: 22px;
}
@media (min-width: 1025px) {
  .sideNav .logo {
    margin-top: 25px;
    display: block;
  }
}
.sideNav #top_nav_bar {
  margin-bottom: 7px;
  visibility: hidden;
}
.sideNav #top_nav_bar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sideNav #top_nav_bar ul li + li::before {
  content: ' | ';
}
.sideNav #top_nav_bar ul li {
  display: inline-block;
  position: relative;
}
.sideNav #top_nav_bar ul li a {
  font-size: 14px;
  padding: 0px 5px;
}
.sideNav #top_nav_bar .dropdown-menu {
  top: 2px !important;
  left: 36% !important;
  transform: translate3d(-44%, 30px, 0px) !important;
}
@media (max-width: 1024px) {
  .sideNav #top_nav_bar {
    display: none;
  }
}
.sideNav .top {
  padding-top: 10px;
  padding-bottom: 3px;
}
.sideNav .top .icon {
  width: 45px;
  height: 45px;
}
.sideNav .top .topbuttons .dropdown {
  display: inline-block;
  position: relative;
  /*a#login:hover{
					border: 2px solid #7a7977;
					img {
						opacity: 0.7;
					}
				}*/
}
.sideNav .top .topbuttons .dropdown img {
  width: 14px;
  height: 14px;
}
.sideNav .top .topbuttons .dropdown .icon {
  width: 45px;
  height: 45px;
}
.sideNav .top .topbuttons .dropdown [type='button'] {
  -webkit-appearance: none;
  border: none;
  background: none;
}
.sideNav .top .topbuttons .dropdown .btn {
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  color: #ffffff;
  background: none;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu {
  opacity: 1;
  transform: translate3d(-39%, 30px, 0px) !important;
  width: 220px;
  padding: 10px;
  top: 30px !important;
  background: #413e3b;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  font-family: 'Roboto', sans-serif;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu a {
  color: #ffffff;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu table {
  margin-bottom: 10px;
  margin-top: 5px;
  border-top: 1px #cccccc solid;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu table td {
  vertical-align: top;
  border-bottom: 1px #cccccc solid;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 5px;
  text-align: left;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu table td.nr {
  padding-right: 5px;
  text-align: right;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu table td.price {
  padding-right: 0px;
  text-align: right;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu .form-control {
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  font-family: 'Roboto', sans-serif;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu input {
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu dropdown-menu.suche input {
  background-image: url(../images/startseite/Lupe-Suchfeld.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 6px;
  padding-left: 30px;
}
.sideNav .top .topbuttons .dropdown .dropdown-menu:before {
  color: #413e3b;
  content: '';
  position: absolute;
  z-index: 20000;
  display: inline-block;
  top: -0.7em;
  width: 0;
  height: 0;
  margin-left: 31%;
  vertical-align: 0.255em;
  border-top: 0;
  border-right: 0.7em solid transparent;
  border-bottom: 0.7em solid;
  border-left: 0.7em solid transparent;
  left: 30px;
}
.sideNav .top .topbuttons .dropdown a#merkzettel .anzahl,
.sideNav .top .topbuttons .dropdown a#warenkorb .anzahl {
  position: absolute;
  right: -3px;
  top: 22px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #413e3b;
  background: #ffffff;
  text-align: center;
  font-weight: bold;
}
.sideNav .top .topbuttons .dropdown a#merkzettel:hover .anzahl,
.sideNav .top .topbuttons .dropdown a#warenkorb:hover .anzahl {
  border: 2px solid #7a7977;
}
.sideNav .top .topbuttons .dropdown #cartamaount,
.sideNav .top .topbuttons .dropdown #merkzettelamaount {
  display: none;
}
.sideNav .top .topbuttons .dropdown a.login_btn .loggedIn {
  position: absolute;
  right: -3px;
  top: 22px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #413e3b;
  background: #ffffff;
  text-align: center;
  font-weight: bold;
}
.sideNav .top .topbuttons .dropdown a.login_btn.not-loggedIn .loggedIn {
  display: none;
}
.sideNav .top .topbuttons .dropdown a.dropdown-toggle:after {
  display: none;
}
.sideNav .top .topbuttons .navbar-toggler {
  padding: 0;
  border-radius: 0;
  border: none;
  width: 45px;
}
.sideNav #navbarMS {
  margin-right: -4%;
}
.sideNav #navbarMS a img:hover {
  opacity: 0.5;
}
.sideNav #navbarMS ul.navbar-nav {
  margin-right: 0%;
  width: 120%;
  margin-left: -5%;
}
.sideNav #navbarMS ul.navbar-nav li.nav-item {
  font-size: 21px;
  font-weight: normal;
  text-align: center;
}
.sideNav #navbarMS ul.navbar-nav li.nav-item a.nav-link {
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  color: #413e3b;
  opacity: 1;
  font-size: 22px;
}
.sideNav #navbarMS ul.navbar-nav li.nav-item a.nav-link.dropdown-toggle:after {
  display: none;
}
.sideNav #navbarMS ul.navbar-nav li.nav-item a.caret {
  display: none;
}
.sideNav #navbarMS ul.navbar-nav li.nav-item .dropdown-menu {
  padding: 20px;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
}
.sideNav #navbarMS ul.navbar-nav li.nav-item .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #000000;
  margin-right: 15px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 95%;
  padding-left: 20px;
}
.sideNav #navbarMS ul.navbar-nav li.nav-item .dropdown-menu .article h4 {
  font-size: 14px;
  text-transform: uppercase;
}
.sideNav #navbarMS ul.navbar-nav li.nav-item .dropdown-menu .article h3 {
  font-weight: bold;
}
.sideNav #navbarMS ul.navbar-nav li.nav-item .dropdown-menu .article h3 a {
  font-size: 20px;
  padding-left: 20px;
  background-position: 0px 3px;
  background-repeat: no-repeat;
  background-size: 12px 18px;
  background-image: url(../images/Pfeil2_rechts.svg);
  display: none;
}
.sideNav #navbarMS ul.navbar-nav li.nav-item.active a.nav-link {
  font-weight: 700;
}
.sideNav #navbarMS ul.navbar-nav h3 a.imgLink {
  font-weight: 400 !important;
}
.sideNav #navbarMS ul.navbar-nav li.liManagerSeminare.show a.dropdown-item {
  color: #00477f !important;
}
.sideNav #navbarMS ul.navbar-nav li a.navAreaLink {
  color: #6b6661 !important;
}
.sideNav #navbarMS ul.navbar-nav li a.navAreaLink:hover,
.sideNav #navbarMS ul.navbar-nav li.active a.navAreaLink,
.sideNav #navbarMS ul.navbar-nav .nav-item.dropdown.show a.avAreaLink {
  color: #000000 !important;
}
.sideNav #navbarMS ul.navbar-nav li.liManagerSeminare.show div.sublinks.leadership a.dropdown-item {
  color: #002b3b !important;
}
.sideNav #navbarMS ul.navbar-nav li.liManagerSeminare.show div.sublinks.learningleadership a.dropdown-item {
  color: #0278ab !important;
}
.sideNav #navbarMS ul.navbar-nav li.liTrainingaktuell.show div.sublinks.trainerbuch a.dropdown-item {
  color: #8b330c !important;
}
.sideNav #navbarMS ul.navbar-nav li.liTrainingaktuell.show div.sublinks.trainerkoffer a.dropdown-item {
  color: #7e171d !important;
}
.sideNav #navbarMS ul.navbar-nav li.liTrainingaktuell.show a.dropdown-item {
  color: #9e5b00 !important;
}
.sideNav #navbarMS ul.navbar-nav li.liPTT.show a.dropdown-item {
  color: #68b42e !important;
}
.sideNav #navbarMS ul.navbar-nav li.liBlog.show a.dropdown-item {
  color: #316172 !important;
}
.sideNav #navbarMS ul.navbar-nav li.liVerlag.show a.dropdown-item {
  color: #000000 !important;
}
.sideNav #navbarMS ul.navbar-nav li.liManagerSeminare .dropdown-menu .article h3 a:hover {
  background-image: url(../images/ms/Pfeil2_rechts.svg);
  color: #00477f;
}
.sideNav #navbarMS ul.navbar-nav li.liTrainingaktuell .dropdown-menu .article h3 a:hover {
  background-image: url(../images/ta/Pfeil2_rechts.svg);
  color: #f08a00;
}
.sideNav #navbarMS ul.navbar-nav li.liPTT .dropdown-menu .article h3 a:hover {
  background-image: url(../images/ptt/Pfeil2_rechts.svg);
  color: #68b42e;
}
.sideNav #navbarMS ul.navbar-nav li.liVerlag .dropdown-menu .article h3 a:hover {
  background-image: url(../images/Pfeil2_rechts.svg);
  opacity: 0.7;
}
.sideNav #navbarMS ul.navbar-nav .dropdown-item.active,
.sideNav #navbarMS ul.navbar-nav .dropdown-item:active {
  color: #413e3b;
  text-decoration: underline !important;
  background-color: #ffffff;
}
#mobileSearchbar {
  background: #413e3b;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px;
}
#mobileSearchbar input {
  background-image: url(../images/startseite/Lupe-Suchfeld.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 6px;
  padding-left: 30px;
  display: inline-block;
  border: none;
}
#mobileAccountBar {
  background: #413e3b;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
  color: white;
  border-bottom: 1px solid white;
  position: unset;
}
#mobileAccountBar > a {
  width: 50%;
  float: left;
  padding: 12px 0;
  text-align: center;
  font-size: 16px;
  color: white;
}
#mobileAccountBar > a:first-of-type {
  border-right: 1px solid white;
}
#mobile-logincontent .logincontent {
  position: absolute;
  display: none;
  left: 0;
  width: 100%;
  background: #413e3b;
  z-index: 99999;
  padding: 40px 50px 0 50px;
  top: 58px;
  height: 100vh;
  color: white;
  text-align: center;
}
#mobile-logincontent .logincontent a {
  color: white;
}
#mobile-logincontent .logincontent input {
  margin-bottom: 10px;
}
#mobile-logincontent .logincontent .btn {
  border: 1px solid white;
  color: white;
}
#mobile-logincontent .logincontent #close_btn {
  position: absolute;
  right: 30px;
  top: 15px;
  text-decoration: underline;
  color: white;
}
.account-nav-list {
  text-align: left;
  margin-bottom: 20px;
  margin-top: 20px;
}
.account-nav-list ul {
  padding: 0;
  margin: 0;
}
.account-nav-list li {
  display: block !important;
}
.account-nav-list li:before {
  display: none !important;
}
.account-nav-list li > a {
  display: block;
}
/*########################################################################*/
/*Mediaqueries/
/*########################################################################*/
@media (max-width: 1400px) {
  .sideNav #navbarMS {
    margin-left: 0%;
  }
  .sideNav #navbarMS ul.navbar-nav {
    margin-right: 0%;
    width: 100%;
    margin-left: 0;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item {
    text-align: left;
  }
}
@media (min-width: 1025px) {
  body {
    padding-top: 137px;
  }
  .sideNav {
    height: 137px;
  }
  .sideNav ul.navbar-nav li.dropdown {
    position: relative;
  }
  .sideNav ul.navbar-nav li.dropdown a.nav-link {
    padding-bottom: 15px;
    width: auto;
    display: inline-block;
    position: relative;
  }
  .sideNav ul.navbar-nav li.dropdown a.nav-link:after {
    content: '';
    position: absolute;
    z-index: 0;
    display: inline-block;
    bottom: 0px;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    border-top: 0;
    border-right: 0.4em solid transparent;
    border-bottom: 0.4em solid;
    border-left: 0.4em solid transparent;
    left: 30px;
  }
  .sideNav ul.navbar-nav li.dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
  }
  .sideNav ul.navbar-nav li.dropdown .dropdown-menu a.imgLink {
    display: block;
    width: 100%;
  }
  .sideNav ul.navbar-nav li.dropdown .dropdown-menu a.imgLink img {
    max-width: 100%;
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .sideNav ul.navbar-nav li.dropdown .dropdown-menu h3 a {
    font-weight: 400;
  }
  .sideNav ul.navbar-nav li.dropdown:hover .dropdown-menu li {
    display: table-cell;
  }
  .sideNav ul.navbar-nav li.dropdown.show {
    position: static;
  }
  .sideNav ul.navbar-nav li.dropdown.show .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 41px, 0px) !important;
    top: 2px !important;
    width: 100%;
    z-index: 0;
  }
  .sideNav ul.navbar-nav li.dropdown.show .dropdown-menu li .article img {
    width: 100%;
    height: auto;
  }
  .sideNav ul.navbar-nav li.dropdown.show.middle .dropdown-menu {
    width: 66%;
  }
  .sideNav ul.navbar-nav li.dropdown.show.little .dropdown-menu {
    width: 33%;
  }
  .sideNav ul.navbar-nav li.dropdown.show.little.liBlog .dropdown-menu {
    left: 33% !important;
  }
  .sideNav ul.navbar-nav li.dropdown.show.little.liThemen .dropdown-menu {
    left: 66% !important;
  }
  .sideNav ul.navbar-nav li.dropdown.show.little.liVerlag .dropdown-menu {
    left: 66% !important;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liManagerSeminare .dropdown-menu {
    border-top: 2px solid #00477f;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liManagerSeminare .dropdown-menu a h3 {
    color: #00477f;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liManagerSeminare a.nav-link:after {
    left: 25px;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liTrainingaktuell .dropdown-menu {
    border-top: 2px solid #f08a00;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liTrainingaktuell .dropdown-menu a h3 {
    color: #f08a00;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liTrainingaktuell a.nav-link:after {
    left: 25px;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liBlog .dropdown-menu {
    border-top: 2px solid #316172;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liBlog .dropdown-menu a h3 {
    color: #316172;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liBlog a.nav-link:after {
    left: 25px;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liPTT {
    text-align: center;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liPTT .dropdown-menu {
    border-top: 2px solid #68b42e;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liPTT .dropdown-menu a h3 {
    color: #68b42e;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liPTT a.nav-link:after {
    left: 55px;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liThemen {
    text-align: center;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liThemen .dropdown-menu {
    border-top: 2px solid #413e3b;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liThemen .dropdown-menu a h3 {
    color: #413e3b;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liThemen a.nav-link:after {
    left: 25px;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liVerlag {
    text-align: center;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liVerlag .dropdown-menu {
    border-top: 2px solid #6d6c6c;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liVerlag .dropdown-menu a h3 {
    color: #6d6c6c;
  }
  .sideNav ul.navbar-nav li.dropdown.show.liVerlag a.nav-link:after {
    left: 18px;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .sideNav .nav-item.dropdown.small.liVerlag.show .dropdown-menu {
    left: 0 !important;
    transform: translate(-40%, 41px) !important;
  }
}
@media (max-width: 1140px) {
  .sideNav ul.navbar-nav {
    /*width: 100%;
		margin-left: 0px;*/
    margin-right: 0;
    width: 120%;
    margin-left: -4%;
  }
}
@media (max-width: 1024px) {
  body {
    padding-top: 60px;
  }
  .sideNav {
    height: 60px;
    background-color: #ffffff !important;
    border-bottom: 2px solid #413e3b;
    max-height: 100% !important;
  }
  .sideNav .background {
    display: none;
  }
  .sideNav.showMobile {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .sideNav .top {
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .sideNav .top .logo img {
    width: auto;
    height: 100%;
    max-width: 280px;
  }
  .sideNav .top .navbar-brand {
    padding-left: 15px;
  }
  .sideNav .top .navbar-brand img {
    width: 100%;
    height: auto;
    margin-top: -5px;
    min-width: 230px;
  }
  .sideNav .top .navbar-toggler {
    display: inline-block;
  }
  .sideNav .top #account {
    display: inline-block;
  }
  .sideNav .top .text-right a {
    display: inline-block;
  }
  .sideNav .top .text-right a .icon {
    margin-top: -2px;
  }
  .sideNav .top .text-right a .icon.search {
    display: none;
  }
  .sideNav .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sideNav #navbarMS {
    padding: 10px;
    background: #ffffff;
    margin-bottom: 10px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-right: 0;
    max-height: 90vh;
    margin-top: -7px;
    padding-top: 0;
  }
  .sideNav #navbarMS ul.navbar-nav {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item {
    border-top: 1px solid #413e3b;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.active.liManagerSeminare a.caret {
    background-image: url(../images/ms/Pfeil-unten.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.active.liTrainingaktuell a.caret {
    background-image: url(../images/ta/Pfeil-unten.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.active.liBlog a.caret {
    background-image: url(../images/blog/Pfeil-unten.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.active.liPTT a.caret {
    background-image: url(../images/ptt/Pfeil-unten.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.active.liThemen a.caret {
    background-image: url(../images/startseite/Pfeil-unten.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.active.liVerlag a.caret {
    background-image: url(../images/startseite/Pfeil-unten.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show a.caret {
    background-image: url(../images/startseite/Pfeil-oben.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show.liManagerSeminare a.caret {
    background-image: url(../images/ms/Pfeil-oben.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show.liTrainingaktuell a.caret {
    background-image: url(../images/ta/Pfeil-oben.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show.liBlog a.caret {
    background-image: url(../images/blog/Pfeil-oben.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show.liPTT a.caret {
    background-image: url(../images/ptt/Pfeil-oben.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show.liThemen a.caret {
    background-image: url(../images/startseite/Pfeil-oben.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show.liVerlag a.caret {
    background-image: url(../images/startseite/Pfeil-oben.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .naviArticles {
    display: none;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .dropdown-menu {
    transform: none !important;
    will-change: auto !important;
    position: static !important;
    margin: 0px;
    border: none;
    width: 100%;
    padding: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .dropdown-menu .row {
    margin-left: 0px;
    width: 100%;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .dropdown-menu .article {
    background: #ffffff;
    padding: 0px;
    padding-right: 10px;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .dropdown-menu .article:last-child {
    padding-right: 0px;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .dropdown-menu .article h3 {
    border-top: 1px solid #413e3b;
    margin-top: 10px;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .dropdown-menu .article h3 a {
    font-size: 16px !important;
    font-weight: 400;
    padding-top: 5px;
    display: block;
    background-position: 0px 8px;
    background-size: 10px 16px;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .dropdown-menu .dropdown-item {
    border-top: 1px solid #413e3b;
    border-bottom: none;
    white-space: normal;
    padding-left: 20px;
    display: inline-block;
    padding-top: 7px;
    text-decoration: none;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .dropdown-menu .dropdown-item.active,
  .sideNav #navbarMS ul.navbar-nav li.nav-item.show .dropdown-menu .dropdown-item:active {
    text-decoration: underline !important;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item a.nav-link {
    float: left;
    width: 85%;
    font-size: 18px !important;
    background: #ffffff;
    text-align: left;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item a.caret {
    float: right;
    width: 15%;
    display: inline-block;
    text-align: right;
    height: 30px;
    background-position-x: right;
    background-position-y: 5px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-image: url(../images/startseite/Pfeil-unten.svg);
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item a.caret:after {
    border: none;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item .imgLink img {
    display: none;
  }
  .sideNav #navbarMS ul.navbar-nav li.nav-item h3 {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  #navbarMS.collapse:not(.show) {
    display: none !important;
  }
  #navbarMS > .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .sideNav .top .navbar-brand img {
    min-width: 240px;
  }
  .sideNav .top .icon {
    width: 45px;
    height: 45px;
  }
  .sideNav .top .navbar-toggler .icon {
    width: 45px;
    height: 44px;
  }
  .sideNav .top .dropdown-menu {
    transform: translate3d(-39%, 30px, 0px) !important;
    padding: 10px;
    top: 20px !important;
  }
  .sideNav .dropdown-menu.show .article {
    padding-right: 0px;
  }
}
@media (max-width: 650px) {
  .sideNav .top .logo img {
    max-width: 245px;
  }
}
@media (max-width: 576px) {
  .sideNav #navbarMS {
    margin-top: 3px;
  }
  .sideNav .top {
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .sideNav .top .logo {
    padding-left: 0px;
    margin-right: 0px;
    padding-top: 7px;
    display: block;
  }
  .sideNav .top .logo img {
    min-width: 230px;
  }
  .sideNav .top .text-right a {
    margin-top: -4px;
  }
  .sideNav .top .text-right a#merkzettel .anzahl,
  .sideNav .top .text-right a#warenkorb .anzahl {
    top: 13px !important;
    z-index: 100;
    padding-top: 2px;
  }
  .sideNav .top .text-right a .icon {
    width: 45px;
    height: 45px;
  }
  .sideNav .top .text-right .dropdown .dropdown-menu {
    transform: translate3d(-42%, 30px, 0px) !important;
    width: 180px;
    padding: 5px;
    top: 10px !important;
  }
  .sideNav .top .text-right .navbar-toggler .icon {
    width: 45px;
    height: 44px;
  }
  .sideNav ul.navbar-nav {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 480px) {
  .sideNav #navbarMS {
    margin-top: 10px;
  }
  .sideNav .top .logo img {
    min-width: 160px;
  }
  .sideNav .top .text-right a .icon {
    width: 32px;
    height: 35px;
  }
  .sideNav .top .topbuttons {
    padding-right: 15px;
  }
  .sideNav .top .topbuttons .dropdown .icon {
    width: 32px;
    height: 35px;
  }
  .sideNav .top .topbuttons .navbar-toggler {
    width: 32px;
  }
  .sideNav .top .topbuttons .navbar-toggler .icon {
    width: 32px;
    height: 35px;
    margin-top: 2px;
  }
}
@media (max-width: 360px) {
  #header-nav {
    min-width: 310px;
  }
  .sideNav .top .col-xl-4.topbuttons,
  .sideNav .top .col-xl-4.offset-xl-2 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50%;
  }
}
@media (max-width: 340px) {
  .sideNav .top .navbar-brand img {
    min-width: 160px;
  }
}
/*########################################################################*/
/*footer */
/*########################################################################*/
footer {
  background: #413e3b;
  color: #ffffff;
  border-top: 5px solid #aeadae;
  padding-bottom: 30px;
  font-weight: 200;
  margin-top: -1px;
}
footer a {
  color: #ffffff;
  font-weight: 200;
}
footer h3 {
  font-size: 22px;
  text-transform: uppercase;
}
footer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
footer ul li {
  margin-bottom: 10px;
}
footer .container {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 16px;
  font-family: 'Roboto Condensed';
  font-weight: 200;
}
footer .first img {
  width: 100%;
  margin-bottom: 15px;
  max-width: 300px;
}
footer .newsletter form {
  border: 2px solid #ffffff;
}
footer .newsletter form .form-group {
  margin-bottom: 0rem;
}
footer .newsletter form button {
  border: none;
  margin-top: 10px;
  width: 100%;
  color: #ffffff;
  background: #aeadae;
  text-align: left;
}
footer .newsletter form button:hover {
  background: #6d6c6c;
}
/*########################################################################*/
/*Mediaqueries/
/*########################################################################*/
@media (min-width: 1025px) {
  footer .first,
  footer .second,
  footer .third {
    float: left;
  }
  footer .first {
    width: 30%;
  }
  footer .second {
    width: 40%;
  }
  footer .third {
    width: 30%;
  }
  footer .first .box {
    margin-right: 5%;
  }
  footer .second .box {
    margin-left: 5%;
    margin-right: 5%;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    padding-left: 10%;
    padding-right: 10%;
  }
  footer .third .box {
    margin-left: 5%;
  }
}
@media (max-width: 1024px) {
  footer .container {
    font-size: 16px;
  }
  footer .first,
  footer .second,
  footer .third {
    float: left;
    width: 100%;
    margin: 0;
  }
  footer .first,
  footer .second {
    margin-bottom: 20px;
  }
  footer .second .box {
    border-right: none;
    border-left: none;
    padding-left: 0px;
    padding-right: 0px;
  }
  footer .second .box {
    border-right: none;
    border-left: none;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 576px) {
  footer .container {
    font-size: 13px;
  }
  footer .third .form-control,
  footer .third .btn {
    font-size: 12px;
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 480px) {
  footer .container {
    font-size: 11px;
  }
}
/*########################################################################*/
/*Sections*/
/*########################################################################*/
section .ad img {
  width: 90%;
}
section.overflow {
  overflow: visible;
}
section.ISHYPHEN {
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
}
section.secBackground {
  background-color: #aeadae;
  padding-top: 25px;
  margin-bottom: 40px;
}
section.secBackground .contentBlock:last-child {
  padding-bottom: 0px;
}
section.secBackground.last {
  margin-bottom: 0px;
}
/*TopSlider, Slider über die ganze Breite mit Foto */
section.ms_topSlider {
  margin-bottom: 0px;
}
/*Overlay für zu bezahlenden Content*/
section.payContent {
  position: relative;
}
section.payContent .contentBlock {
  filter: blur(5px);
}
section.payContent .contentBlock:first-child {
  filter: blur(0px);
}
section.payContent .contentBlock:first-child p:last-child {
  filter: blur(1px);
}
section.payContent .payOverlay {
  position: absolute;
  height: 100%;
  width: 100%;
  padding-top: 200px;
  z-index: 999;
}
section.payContent .payOverlay .background-top {
  height: 150px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+10,1+10 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
section.payContent .payOverlay section {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  overflow: visible !important;
}
section.payContent .payOverlay section .background {
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.8;
}
section.payContent .payOverlay section .background_left,
section.payContent .payOverlay section .background_right {
  background: #ffffff;
  opacity: 0.8;
}
section.payContent .payOverlay section .closer {
  padding: 80px;
  padding-top: 60px;
  position: relative;
  background-color: #ffffff;
  font-size: 92%;
}
section.payContent .payOverlay section .closer h2 {
  font-size: 1.6rem;
  font-family: 'Roboto';
  padding-bottom: 30px;
}
section.payContent .payOverlay section .closer h3 {
  font-family: 'Roboto';
  padding-bottom: 10px;
}
section.payContent .payOverlay section .closer .background {
  position: absolute;
  background-color: #ffffff;
  overflow: hidden;
  text-align: center;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
section.payContent .payOverlay section .closer .image {
  padding-bottom: 20px;
}
section.payContent .payOverlay section .closer img {
  opacity: 0.2;
  width: 1000px;
  height: auto;
}
section.payContent .payOverlay section .closer .preis {
  font-weight: 600;
  padding-bottom: 20px;
  width: 96%;
}
section.payContent .payOverlay section .closer .preis .zahl {
  font-size: 380%;
  width: auto;
  text-align: left;
  white-space: nowrap;
  display: inline-block;
}
section.payContent .payOverlay section .closer .preis .cent {
  font-size: 140%;
  width: 50%;
  white-space: nowrap;
  display: inline-block;
}
section.payContent .payOverlay section .closer .preis .cent .euro {
  white-space: nowrap;
  display: block;
  font-size: 120%;
}
section.payContent .payOverlay section .closer .buttons {
  margin-bottom: 10px;
}
/*########################################################################*/
/*Search*/
/*########################################################################*/
/*Search unter Navigation*/
section.ms_search {
  margin-bottom: 0px;
  background: #413e3b;
  overflow: visible;
  width: 100%;
}
section.ms_search .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
section.ms_search .container:after {
  display: none;
}
section.ms_search .row,
section.ms_search .col-12,
section.ms_search .form-inline {
  width: 100%;
  max-width: 100%;
  padding: 0px;
  margin-right: 0;
  margin-left: 0px;
}
section.ms_search .row {
  margin-left: 0px;
  margin-right: 0px;
}
section.ms_search .searchCol {
  position: static;
}
section.ms_search .form-inline .searchlogo {
  height: 33px;
  width: auto;
  float: left;
  margin-right: 15px;
}
section.ms_search .form-inline input,
section.ms_search .form-inline button {
  border-color: transparent;
}
section.ms_search .form-inline input.searchfield {
  background-image: url(../images/startseite/Lupe-Suchfeld.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 6px;
  padding-left: 30px;
  display: inline-block;
  margin-right: 15px !important;
  height: 35px;
}
section.ms_search .form-inline .searchselect {
  margin-right: 15px !important;
}
section.ms_search .form-inline .searchselect button {
  border-radius: 0px;
  color: #ffffff;
  border: 1px solid #ffffff;
  background: #ffffff;
  height: 33px;
}
section.ms_search .form-inline .searchselect button .title {
  display: inline-block;
  height: 15px;
}
section.ms_search .form-inline .searchselect button .caret {
  display: inline-block;
  background-image: url(../images/startseite/Pfeil-unten.svg);
  background-size: 17px 17px;
  background-position: right 2px;
  background-repeat: no-repeat;
  width: 30px;
  height: 20px;
}
section.ms_search .form-inline .searchselect button.btn-outline-white:hover {
  border: 1px solid #aeadae;
  color: #413e3b;
}
section.ms_search .form-inline button.searchbutton {
  border-radius: 0px;
  color: #ffffff;
  border: 1px solid #ffffff;
  background: none;
  height: 33px;
}
section.ms_search .searchExtend {
  display: inline-block;
  margin-left: 9px;
  margin-right: 9px;
}
section.ms_search .searchExtend button#searchExtend {
  border: none;
  background-image: url(../images/Pfeil-unten_weiss.svg);
  background-size: 30px 30px;
  background-position: left top;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
section.ms_search .searchExtend.show button#searchExtend {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
section.ms_search #searchExtendDropdown {
  width: 100%;
  padding: 0px;
  padding-bottom: 30px;
  border: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: lighter;
  position: relative;
  z-index: 1;
  margin-top: 20px;
  background: none;
  margin-left: -15px;
  margin-right: -15px;
}
section.ms_search #searchExtendDropdown input[type='text'] {
  width: 100%;
  margin-top: 5px;
  margin-right: 15px;
}
section.ms_search #searchExtendDropdown .row .col {
  margin-bottom: 10px;
}
section.ms_search #searchExtendDropdown .searchselect,
section.ms_search #searchExtendDropdown .input-group-btn.show,
section.ms_search #searchExtendDropdown .btn-default.dropdown-toggle {
  width: 100%;
}
section.ms_search #searchExtendDropdown .input-group.selectDown .dropdown-menu {
  min-width: 100%;
  z-index: 800;
}
section.ms_search.navbar {
  padding-left: 0px;
  padding-right: 0px;
}
/*Searchfilter*/
section .searchFilter {
  background: #eeeeee;
  padding: 15px;
  padding-bottom: 0px;
  margin-bottom: 20px;
}
section .searchFilter .btn.searchbutton {
  border-radius: 0px;
  color: #ffffff;
  border: 1px solid #ffffff;
  background: none;
  height: 37px;
  margin-bottom: 15px;
}
section .searchFilter input.searchfield {
  height: 37px;
  font-size: 16px;
}
section .searchFilter h3 {
  text-transform: uppercase;
}
section .searchFilter .input-group.selectDown a.button,
section .searchFilter .input-group.selectDown button {
  width: 100%;
}
section .searchFilter .input-group.selectDown .dropdown-menu {
  transform: translate3d(0px, -3px, 0px) !important;
}
/*########################################################################*/
/*Breadcrumb */
/*########################################################################*/
section.ms_breadcrumb .container:after {
  display: none;
}
section.ms_breadcrumb .breadcrumb {
  padding-top: 30px;
  background: none;
  padding-left: 0;
  font-size: 14px;
}
section.ms_breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #6c757d;
  content: '>';
}
section.ms_breadcrumb .breadcrumb .breadcrumb-item.active {
  font-weight: bold !important;
}
/*########################################################################*/
/*Mediaqueries/
/*########################################################################*/
@media (max-width: 1024px) {
  section.ms_search .searchlogo {
    height: 20px;
  }
}
@media (max-width: 850px) {
  section.ms_search .searchlogo {
    display: none;
  }
}
@media (max-width: 768px) {
  /*search Nav */
  section.ms_search .form-inline {
    width: 100%;
    max-width: 99.5%;
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }
  section.ms_search .searchlogo {
    display: none;
  }
  section.ms_search .form-control {
    width: auto;
    margin-right: 10px;
  }
  section.anlese .single_article .articleHeader h1 {
    font-size: 22px !important;
    margin-top: 3px;
  }
}
@media (max-width: 679px) {
  section.ms_search .searchselect {
    display: none;
  }
}
@media (max-width: 640px) {
  section.ms_search.navbar {
    padding-left: 0px;
    padding-right: 0px;
  }
  section.ms_search .row {
    padding: 0px !important;
    width: 100%;
    margin-left: 0px !important;
  }
  section.ms_search.navbar .col-xl-8.offset-xl-2.col-lg-10.offset-lg-1.col-md-10.offset-md-1.col-sm-12 {
    padding: 0px !important;
    margin: 0px !important;
  }
  section.ms_search.navbar .dropdown-menu .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  section.ms_search .form-inline {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    max-height: 36px;
  }
  section.ms_search .searchfield {
    width: 100%;
    margin-right: 0px;
  }
  section.ms_search input.searchfield {
    background-image: url(../images/startseite/Lupe-Suchfeld.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 6px;
    padding-left: 30px;
    display: inline-block;
    margin-right: 0px !important;
    height: 25px;
    margin-bottom: 0px;
  }
  section.ms_search .form-inline .input-group-btn.searchExtend,
  section.ms_search .form-inline #searchExtendDropdown,
  section.ms_search .form-inline .searchbutton,
  section.ms_search .form-inline .searchselect,
  section.ms_search .form-inline #searchPages {
    display: none !important;
  }
  section.ms_search input.searchfield {
    margin-right: 0px !important;
    width: 100%;
  }
  section.ms_search .searchExtend {
    width: 15%;
  }
  section.ms_search .searchExtend button#searchExtend {
    margin-right: 0px;
    margin-left: 15px;
    background-size: 25px 25px;
    background-position: left top;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    float: right;
  }
}
@media (max-width: 576px) {
  section.ms_search.navbar {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  section.ms_breadcrumb .breadcrumb {
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 15px;
    font-size: 12px;
  }
  section.ms_breadcrumb .breadcrumb .breadcrumb-item {
    display: none;
  }
  section.ms_breadcrumb .breadcrumb .breadcrumb-item:nth-last-of-type(-n + 2) {
    display: inline-block;
  }
  section.ms_breadcrumb .breadcrumb .breadcrumb-item:nth-last-of-type(2) {
    padding-left: 0;
  }
  section.ms_breadcrumb .breadcrumb .breadcrumb-item:nth-last-of-type(2):before {
    display: none;
  }
  section .searchFilter input.searchfield {
    margin-bottom: 15px;
  }
}
.contentBlock {
  padding-bottom: 0px;
  position: relative;
  /* Headlines */
  /* Hefte */
  /*Verlauf über Bilder*/
}
.contentBlock .row.header {
  margin-bottom: 5px;
}
.contentBlock .row.header .archive {
  text-align: right;
  text-transform: uppercase;
}
.contentBlock .row.header .archive a {
  font-size: 20px;
  text-decoration: underline;
  padding-right: 30px;
  background-image: url(../images/startseite/Pfeil-rechts.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 24px;
  display: block;
}
.contentBlock .row.header .blockHeadline {
  font-weight: 400;
  font-size: 22px;
  text-transform: uppercase;
}
.contentBlock .row.header .blockHeadline a,
.contentBlock .row.header .blockHeadline h3,
.contentBlock .row.header .blockHeadline h2,
.contentBlock .row.header .blockHeadline h1 {
  font-weight: 400;
  font-size: 22px !important;
  text-transform: none;
}
.contentBlock .row.header .blockHeadline h1.searchListHeading {
  text-transform: none !important;
}
.contentBlock .row.heftImage .second .h3 a {
  font-weight: 700;
  text-transform: none;
}
.contentBlock .row.heftImage .second .price {
  width: 100%;
  padding-top: 10px;
}
.contentBlock .row.heftImage .second .texte p:last-child,
.contentBlock .row.heftImage .second .texte ul:last-child,
.contentBlock .row.heftImage .second .texte li:last-child {
  margin-bottom: 0px;
}
.contentBlock .texte p.last-child {
  margin-bottom: 0px;
}
.contentBlock i.shadow:after {
  content: " ";
  position: absolute;
  top: 0px;
  left: 15px;
  right: 15px;
  bottom: 0px;
  z-index: 10;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 90%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 30%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 30%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}
.contentBlock .text i.shadow:after {
  display: none;
}
.contentBlock .icon.podcast {
  display: block;
  height: 35px;
  width: 35px;
  position: absolute;
  right: 15px;
  bottom: -32px;
  z-index: 200;
}
.contentBlock .icon.podcast a {
  display: block;
  background-image: url(../images/startseite/Podcast.svg);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: top right;
  width: 100%;
  height: 100%;
}
.contentBlock .icon.podcast a.scale:hover {
  width: 35px;
  height: 35px;
}
.contentBlock .computer_overlay {
  background-color: #c1cfdf;
  background-position: center 25px;
  background-size: 60%;
  width: auto;
  display: block;
}
.contentBlock .computer_overlay i:after {
  display: none;
}
/*Werbung rechte Spalte*/
.has-rightColumn .right {
  padding-right: 0px;
  padding-left: 40px;
}
/* Artikeldata */
.contentBlock .artikeldata ol li ul,
.contentBlock .artikeldata ul {
  padding-left: 0px;
  margin-left: 20px;
}
.contentBlock .artikeldata ol li ul li,
.contentBlock .artikeldata ul li {
  background: none;
  list-style: disc !important;
  display: list-item;
  margin-left: 0px;
  padding-left: 0px;
}
.contentBlock .artikeldata ol {
  padding-left: 0px;
  margin-left: 20px;
}
.contentBlock .artikeldata ol li {
  list-style-type: decimal !important;
  margin-left: 0px;
  padding-left: 0px;
}
.contentBlock .artikeldata table tr td {
  vertical-align: top;
  padding: 4px;
}
.contentBlock .artikeldata table tr td.head {
  font-weight: bold;
}
/*Copyright*/
.contentBlock .copyrightN,
.contentBlock .copyright a,
.contentBlock .copyright {
  font-size: 11px;
  color: #666666;
}
.contentBlock span.copyright {
  width: 100%;
  margin-top: 10px;
  position: absolute;
  left: 0px;
  bottom: -20px;
}
.contentBlock.archive span.copyright {
  position: static;
  bottom: 0px;
  left: 0px;
}
/*Bild links Bildunterschrift rechts mit Linie*/
.contentBlock.imgSublineRight .text {
  position: relative;
}
/*########################################################################*/
/*einzelne Content Blöcke*/
/*########################################################################*/
/*Bücher Content Starteite*/
.contentBlock.ms_books .image img,
.contentBlock.ms_books .book img {
  width: 100%;
  height: auto;
}
.contentBlock.ms_books .text img {
  height: 25px;
  width: auto;
  margin-bottom: 5px;
}
.contentBlock.ms_books .text h3 {
  font-weight: 400;
}
/*Bücher zum Kauf Trainerbuch*/
.contentBlock.ms_TBBooks .header h3 a {
  margin-bottom: 0px;
}
.contentBlock.ms_TBBooks .header h5 {
  margin: 0px;
  padding-bottom: 2px;
}
.contentBlock.ms_TBBooks .book img {
  width: 100%;
  height: auto;
}
.contentBlock.ms_TBBooks .text {
  padding-bottom: 55px !important;
}
.contentBlock.ms_TBBooks .text .content {
  height: 65%;
}
.contentBlock.ms_TBBooks .text .price {
  /*min-height: 35px;
			height: 35%;
			padding-top: 5px;*/
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding-right: 30px;
}
.contentBlock.ms_TBBooks .text .price .row {
  height: 100%;
}
.contentBlock.ms_TBBooks .text .price h3 {
  padding-top: 3px;
}
.contentBlock.ms_TBBooks .text .price h4 {
  margin: 0px;
  padding: 0px;
  font-weight: 600;
  white-space: nowrap;
}
.contentBlock.ms_TBBooks .text .price .text-right img {
  width: 30px;
  height: 30px;
}
.contentBlock.ms_TBBooks .text .price .text-right img.notInBasket {
  opacity: 0.4;
}
.contentBlock.ms_TBBooks .small2 {
  padding-top: 3px;
}
/*Artikel Übersicht */
.contentBlock.ms_article .header h1.headline,
.contentBlock.ms_article .header h2 {
  font-weight: 700;
  font-size: 25px;
  padding-bottom: 10px;
  text-transform: none;
}
.contentBlock.ms_article .header h3 {
  font-weight: 700;
  text-transform: none;
}
.contentBlock.ms_article .image {
  position: relative;
}
.contentBlock.ms_article .image .articleHeader {
  position: absolute;
  height: 80px;
  z-index: 3;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
.contentBlock.ms_article .image .articleHeader h3 {
  font-weight: 600;
  font-size: 23px;
}
.contentBlock.ms_article .image .articleHeader h3 a {
  font-weight: 600;
}
.contentBlock.ms_article .image .articleHeader h3,
.contentBlock.ms_article .image .articleHeader h5 {
  padding-left: 10px;
  padding-right: 10px;
}
.contentBlock.ms_article .image .articleHeader .background {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #ffffff;
  position: absolute;
  top: 0px;
  z-index: -1;
}
.contentBlock.ms_article .row.twoarticle .text {
  margin-top: 20px;
}
/*Podcasts*/
.contentBlock.podcasts .playpodcast {
  padding-left: 50%;
  position: absolute;
  bottom: -6px;
  right: 15px;
}
/*Blöcke z.B. Abo  Autoren */
.contentBlock.blocks h2 {
  margin-bottom: 20px;
}
.contentBlock.blocks h3 {
  font-size: 20px;
  margin-bottom: 15px;
  font-family: "Roboto";
}
.contentBlock.blocks h3,
.contentBlock.blocks h3 a,
.contentBlock.blocks h4,
.contentBlock.blocks h4 a {
  text-transform: none;
  font-weight: 700;
}
.contentBlock.blocks h3.icon {
  background-image: url(../images/Kontakt.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 35px;
}
.contentBlock.blocks p:last-child {
  margin-bottom: 0px;
}
.contentBlock.blocks .blockHeadline h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
  font-weight: 400;
  font-size: 22px;
  text-transform: none;
}
.contentBlock.blocks .abstand {
  margin-bottom: 10px;
}
.contentBlock.blocks .block p a {
  text-decoration: underline;
}
.contentBlock.blocks .block p:last-child {
  margin-bottom: 0px;
}
.contentBlock.blocks .block .images {
  width: 33%;
  float: left;
}
.contentBlock.blocks .block .images img {
  margin-bottom: 5px;
}
.contentBlock.blocks .block .texte {
  width: 63%;
  float: right;
}
.contentBlock.blocks .block .texte.buttonbottom {
  padding-bottom: 40px;
}
.contentBlock.blocks .block .texte.buttonbottom a.iconBG {
  position: absolute;
  bottom: 15px;
  right: 30px;
  width: auto;
  min-width: 40%;
  font-family: 'Roboto', sans-serif;
}
.contentBlock.blocks .block .texte.buttonbottom a.iconBG span.text {
  color: #ffffff;
  border-color: #eeeeee;
}
.contentBlock.blocks .block .texte.buttonbottom a.iconBG span.icons {
  border-color: #eeeeee;
  background-image: url(../images/iconBG_pfeil_rechts_weiss.svg);
}
.contentBlock.blocks .block.autor p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contentBlock.blocks .block:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}
.contentBlock.blocks .block.column {
  column-count: 2;
  column-gap: 30px;
}
.contentBlock.blocks.background .block {
  padding: 20px;
  padding-top: 23px;
  background-color: #eeeeee;
  font-family: "Roboto Condensed";
}
.contentBlock.blocks.background .row {
  margin-bottom: 30px;
}
.contentBlock.blocks.background .row .row {
  margin-bottom: 0px;
}
.contentBlock.blocks.background .row:last-child {
  margin-bottom: 0px;
}
/*
.teaserArticle .contentBlock.ms_article.blocks h3 {
	font-size: 20px;
	margin-bottom: 15px;
	font-family: "Roboto";
}*/
/*Formular Blöcke*/
.contentBlock.formBooks {
  margin-bottom: 40px;
}
.contentBlock.formBooks .block {
  background: #ffffff;
  margin-bottom: 10px;
}
.contentBlock.formBooks .block img {
  margin-bottom: 0px !important;
}
.contentBlock.formBooks .block .texte {
  padding: 5px;
  padding-left: 0px;
}
.contentBlock.formBooks .block .texte h3 {
  font-size: 18px;
  margin-bottom: 5px;
}
.contentBlock.formBooks .block .texte p {
  font-family: "Roboto Condensed";
  font-size: 15px;
  margin-bottom: 10px;
}
.contentBlock.formBooks .form-check {
  margin-bottom: 30px;
}
/* Profilbereich */
table.profiltab {
  font-size: 14px;
}
table.profiltab th,
table.profiltab td {
  padding-top: 2px;
}
table.profiltab th:not(:last-of-type),
table.profiltab td:not(:last-of-type) {
  padding-right: 8px;
}
table.profiltab th:last-of-type {
  padding-left: 4px;
}
table.profiltab td.priceU {
  width: 64px;
  text-align: right;
}
table.profiltab a {
  font-weight: 600;
}
table.profiltab td {
  vertical-align: top;
}
table.profiltab img.del {
  width: 14px;
  margin: 0px;
}
tr.msdownloads,
tr.msepaper,
tr.taepaper {
  display: none;
}
/* Abo ContentBlock*/
div.ms_article.blocks.contentBlock.line.ABO img {
  width: 60% !important;
}
div.ms_article.blocks.contentBlock.line.ABO h3 {
  margin-top: 20px;
}
ul.arrowleft li {
  background-image: url(/common/images/ms/Pfeil2_rechts.svg);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  display: block;
  padding-left: 20px;
}
div.buttons.ABO a.button {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  display: block;
  margin-bottom: 5px;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}
div.buttons.ABO a.button:hover {
  opacity: 1;
}
div.buttons.ABO a.button span {
  display: block;
}
.contentBlock.abo .form-check,
.contentBlock.abo .form-group,
.contentBlock.abo .form-check:last-child,
.contentBlock.abo .form-group:last-child {
  margin-bottom: 20px;
}
.contentBlock.abo .box {
  padding: 15px;
  background-color: #eeeeee;
  margin-bottom: 20px;
}
.contentBlock.abo .plzOrt label {
  display: block;
}
.contentBlock.abo .plzOrt .smallInput {
  width: 25%;
  display: inline-block;
  margin-right: 4%;
}
.contentBlock.abo .plzOrt .bigInput {
  width: 69%;
  float: right;
}
.contentBlock.abo div.form-group.aboheader {
  height: 35px;
}
.contentBlock.abo div.form-group.aboheader span.label-text {
  font-size: 12px;
  padding-left: 6px;
}
.contentBlock.abo div.buttons.ABO a.button {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  display: block;
  margin-bottom: 5px;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}
.contentBlock.abo div.buttons.ABO a.button:hover {
  opacity: 1;
}
.contentBlock.abo div.buttons.ABO a.button span {
  display: block;
}
.contentBlock.abo .choose_pr {
  cursor: pointer;
}
/* Anlese Preis */
.contentBlock.anlesePreis .second {
  padding-bottom: 40px;
}
.contentBlock.anlesePreis .second .price {
  position: absolute;
  bottom: 0px;
}
.contentBlock.anlesePreis .second .price p.big {
  margin-bottom: 0px;
  font-size: 27px;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}
/*umfrage ergebnis*/
.contentBlock.result .row .first,
.contentBlock.result .row .second,
.contentBlock.result .row .third {
  padding-bottom: 1em;
}
.contentBlock.result .row .third img {
  height: 25px;
}
.contentBlock.result .row:last-child .first,
.contentBlock.result .row:last-child .second,
.contentBlock.result .row:last-child .third {
  padding-bottom: 0;
}
/*Accordion*/
.contentBlock.accordion .card {
  border: none;
  border-radius: 0;
  margin-bottom: 20px;
}
.contentBlock.accordion .card .card-header {
  padding: 0;
  padding-top: 10px;
  margin-bottom: 0px;
  background-color: #ffffff;
  border-bottom: none;
  /*h3 .btn[aria-expanded ~ =true] {
					background-image: url(../images/ms/Minus.svg);
			}
			h3 .btn[aria-expanded ~ =false] {
				background-image: url(../images/ms/Plus.svg);
			}*/
}
.contentBlock.accordion .card .card-header h3 .btn {
  display: inline-block;
  font-weight: bold;
  text-align: left;
  white-space: normal;
  border: none;
  padding: 0;
  font-size: inherit;
  ine-height: inherit;
  border-radius: 0px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 35px;
}
.contentBlock.accordion .card .card-header .btn-link {
  color: inherit;
}
.contentBlock.accordion .card .contentBlock.accordion .card-body {
  padding: 0;
  padding-top: 10px;
  padding-left: 35px;
}
.contentBlock.accordion .card:last-child {
  margin-bottom: 0px;
}
/*tabs*/
.contentBlock.tabs {
  padding-bottom: 40px;
}
.contentBlock.tabs li.nav-item {
  width: auto;
  background: none;
  display: inline-block;
  padding-left: 0px;
  padding-right: 10px;
}
.contentBlock.tabs .nav-link {
  cursor: pointer;
  background-color: #aeadae;
  border-radius: 0px;
  margin-bottom: 15px;
}
.contentBlock.tabs ul.nav-pills li.nav-item {
  padding-right: 10px;
}
.contentBlock.tabs ul.nav-pills .nav-link.active,
.contentBlock.tabs ul.nav-pills .show > .nav-link {
  color: #ffffff !important;
  background-color: #413e3b;
  border-radius: 0px;
}
.contentBlock.tabs ul.nav-tabs li.nav-item {
  padding-right: 1px;
}
.contentBlock.tabs ul.nav-tabs .nav-link {
  border: none;
  background-color: #ffffff;
  color: #000000;
  margin-bottom: 0px;
}
.contentBlock.tabs ul.nav-tabs .nav-link.active,
.contentBlock.tabs ul.nav-tabs .show > .nav-link {
  color: #ffffff;
  background-color: #413e3b;
  border-radius: 0px;
}
.contentBlock.tabs .tab-pane .imageToggle {
  width: 30%;
  float: left;
  padding-right: 30px;
}
.contentBlock.tabs .tab-pane .textImg {
  width: 70%;
  float: right;
}
.contentBlock.tabs .tab-pane:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}
.contentBlock.tabs .link a {
  width: 100%;
  margin-bottom: 5px;
  background-image: url(../images/Pfeil2_rechts.svg);
  background-position: 0px 4px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  display: block;
  padding-left: 20px;
}
.contentBlock.tabs .data {
  margin-bottom: 20px;
}
.contentBlock.tabs .data:last-child {
  margin-bottom: 0px;
}
/*Blog*/
.blogmigration h2 {
  color: #316172;
  font-weight: 600;
  font-size: 22px;
}
@media (max-width: 1024px) {
  .blogmigration h2 {
    font-size: 19px !important;
  }
}
.blogmigration img {
  margin-top: 35px;
  margin-left: 0%;
  height: auto;
  max-width: 100%;
  margin-bottom: 5px;
  display: block;
  border: 1px solid lightgrey;
}
.blogmigration img.high {
  max-width: 50%;
}
.blogmigration img.quer {
  max-width: 80%;
}
.blogmigration .blogautor {
  margin-top: 35px;
}
.contentBlock.ms_blog {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #aeadae;
}
.contentBlock.ms_blog .blockInfos {
  font-weight: 400;
}
.contentBlock.ms_blog .blockHeadline h3,
.contentBlock.ms_blog .blockHeadline h3 a {
  font-weight: 600;
  text-transform: none;
  font-size: 26px;
}
.contentBlock.ms_blog .image img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
}
.contentBlock.ms_blog .text a.more {
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  background-image: url(../images/blog/Pfeil-rechts.svg);
  background-position: top right;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding-right: 30px;
  float: right;
  height: 20px;
}
.contentBlock.ms_blog .thirdImage .image {
  font-weight: 600;
}
.contentBlock.ms_blog .thirdImage .text h3 {
  font-weight: 600;
}
.contentBlock.ms_blog .thirdImage p {
  margin-bottom: 10px;
}
.contentBlock.ms_blog .halfImage {
  margin-left: -30px;
  margin-right: -30px;
}
.contentBlock.ms_blog .halfImage .first,
.contentBlock.ms_blog .halfImage .second {
  padding-right: 30px;
  padding-left: 30px;
}
.contentBlock.ms_blog .halfImage p {
  margin-bottom: 10px;
}
.contentBlock.ms_blog .halfImage .text {
  right: 30px !important;
}
.contentBlock.ms_blog .halfImage.twoThird {
  margin-left: -15px;
  margin-right: -15px;
}
.contentBlock.ms_blog .halfImage.twoThird .first,
.contentBlock.ms_blog .halfImage.twoThird .second {
  padding-right: 15px;
  padding-left: 15px;
}
.contentBlock.ms_blog:last-child {
  margin-bottom: 40px;
  border-bottom: none;
}
/*Blog Contentseite*/
.contentBlock.ms_blog .blog_imgText .blog_img {
  /*margin-right: 30px;
			float: left;*/
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #aeadae;
}
.contentBlock.ms_blog .blog_imgText .blog_img .copyright {
  text-align: right;
  font-size: 10pt;
  padding-bottom: 10px;
  width: 100%;
}
.contentBlock.ms_blog.detailAnlese .blog_imgText .blog_text .header {
  margin-left: 0px;
  margin-right: 0px;
}
.blog .blog_left .sideBlock {
  padding: 15px;
  background: #aeadae;
  margin-bottom: 20px;
}
.blog .blog_left .sideBlock .header {
  width: auto;
  border-bottom: 1px solid #aeadae;
  margin-bottom: 15px;
  text-align: center;
}
.blog .blog_left .sideBlock .header h3 {
  font-weight: 700;
  padding-bottom: 10px;
}
.blog .blog_left .sideBlock.blog_abo .social {
  text-align: center;
}
.blog .blog_left .sideBlock.blog_abo .social a {
  display: inline-block;
  width: 18%;
  text-align: center;
}
.blog .blog_left .sideBlock.blog_rubriken h3 {
  background-image: url(../images/blog/themen.svg);
  background-position: top left;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  padding-left: 40px;
  display: inline-block;
}
.blog .blog_left .blog .blog_left .sideBlock.blog_archiv h3 {
  background-image: url(../images/blog/archiv.svg);
  background-position: top left;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  padding-left: 40px;
  display: inline-block;
}
/*Pagination*/
.contentBlock.ms_pagination {
  width: 100%;
}
.contentBlock.ms_pagination .col-12 {
  min-height: 30px;
  text-align: right;
  padding-top: 5px;
  margin-bottom: 40px;
}
.contentBlock.ms_pagination a {
  height: 20px;
  display: inline-block;
  padding-left: 8px;
}
.contentBlock.ms_pagination a img {
  height: 15px;
  width: auto;
}
.contentBlock.ms_pagination a.active {
  text-decoration: underline;
}
.row.sorting:before {
  content: "";
  padding-top: 15px;
  margin-top: 20px;
  border-top: 1px solid #aeadae;
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
}
.row.sorting:after {
  content: "";
  border-bottom: 1px solid #aeadae;
  margin-bottom: 40px;
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
}
.row.sorting .left {
  text-align: left;
}
.row.sorting .right {
  text-align: right;
}
/*Anzahl der Artikel*/
.contentBlock.countArticles {
  padding-top: 8px;
}
/*Sortierer*/
.contentBlock.ms_sortBooks {
  display: inline-block;
  margin-right: -10px;
  padding-bottom: 10px;
}
.contentBlock.ms_sortBooks .label {
  margin-right: 10px;
}
.contentBlock.ms_sortBooks .dropdown-toggle {
  min-width: 190px;
}
.contentBlock.ms_sortBooks .dropdown-toggle .title {
  min-width: 150px;
  text-align: left;
}
/*einzelner Artikel Anlese*/
section.anlese .single_article .image {
  position: relative;
  margin-bottom: 5px;
  text-align: center;
  overflow: hidden;
  /*img {
				width: auto;
				height: 100%;
			}*/
}
section.anlese .single_article .image .articleHeader {
  position: absolute;
  height: 85px;
  z-index: 3;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
section.anlese .single_article .image .articleHeader h5 {
  padding-left: 10px;
  padding-right: 10px;
}
section.anlese .single_article .image .articleHeader h1 {
  padding-left: 10px;
  padding-right: 10px;
}
section.anlese .single_article .image .articleHeader .background {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #ffffff;
  position: absolute;
  top: 0px;
  z-index: -1;
}
section.anlese .single_article .text {
  font-weight: bold;
}
section.anlese .single_article .articleHeader h1 {
  font-weight: 600;
  font-size: 34px;
  margin-top: 2px;
}
section.anlese .single_article .articleHeader h5 {
  margin-bottom: 2px;
  font-size: 23px;
  font-weight: 400px;
}
section.anlese .single_article .articleHeader h1.headlineNoImage {
  margin-bottom: 30px;
}
section.anlese .single_article h3.rubrik {
  font-size: 23px;
  font-weight: 300;
}
@media (max-width: 776px) {
  section.anlese .single_article .image .articleHeader {
    height: 85px;
  }
}
/*Anlese Heft*/
section.anleseHeft .contentBlock {
  padding-bottom: 40px;
  border-bottom: 1px solid #aeadae;
  margin-bottom: 40px;
  /*
		&.dossiers{
			.second{
				padding-bottom:110px;
				.price{
					position: absolute;
					bottom: 0px;
					padding-right:30px;
				}
			}
		}
*/
}
section.anleseHeft .contentBlock .headline h3,
section.anleseHeft .contentBlock .headline h1 {
  font-weight: 700;
  font-size: 25px;
  padding-bottom: 10px;
  text-transform: none;
}
section.anleseHeft .contentBlock .price {
  width: 100%;
  /*position: absolute;
			bottom: 0px;
			padding-right:30px;*/
}
section.anleseHeft .contentBlock .price h3 {
  padding-bottom: 0px;
  font-size: 22px;
}
section.anleseHeft .row.buttons {
  padding-top: 15px;
}
section.anleseHeft.noBorder .contentBlock {
  padding-bottom: 0px;
  border-bottom: 0px;
}
/*allgemeine Styles für reine Artikel Blocks*/
.contentBlock.single_article h2,
.contentBlock.single_article h3,
.contentBlock.single_article h4 {
  font-family: "Roboto";
}
.contentBlock.single_article h3.rubrik {
  font-family: 'Roboto Condensed', sans-serif;
}
.contentBlock.single_article .copyright {
  text-align: left;
  font-size: 10pt;
  padding-bottom: 10px;
  width: 100%;
}
.contentBlock.textBlock h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #413e3b !important;
}
.contentBlock.textBlock .content.right h3 {
  padding-top: 10px;
}
.contentBlock.textBlock .imagetext.left h3 {
  font-size: 16px;
}
.contentBlock.textBlock .preview a {
  display: block;
  padding-bottom: 10px;
  background-image: url(../images/ms/iconBG_pfeil_rechts.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: -7px 0px;
  color: #000000 !important;
  text-indent: 15px;
}
.contentBlock.textBlock span.articleAutor {
  text-align: right;
  display: block;
  margin-bottom: 40px;
}
.contentBlock.textBlock.has-leftColumn .left {
  padding-bottom: 15px;
}
.contentBlock.textBlock.has-leftColumn .left .iconBG {
  margin-top: 10px;
}
.contentBlock.textBlock.has-leftColumn .left.imagetext {
  padding-bottom: 0px;
}
/*Zitat*/
.contentBlock.zitat .content {
  text-align: center;
  margin-bottom: 15px;
  position: relative;
}
.contentBlock.zitat .content h2 {
  font-family: 'Roboto';
  font-size: 1.5rem;
  padding-left: 20px;
  padding-right: 20px;
}
.contentBlock.zitat .content h5 {
  font-weight: bold;
  color: #aeadae;
  padding-left: 20%;
  padding-right: 20%;
  font-size: 14px;
  font-family: "Roboto";
}
.contentBlock.zitat .content a.social {
  position: absolute;
  /*bottom: 45px;*/
  right: 15px;
  height: 20px;
  padding-right: 25px;
  text-transform: uppercase;
  font-size: 14px;
  white-space: nowrap;
}
.contentBlock.zitat .content a.social img {
  height: 20px;
  position: absolute;
  right: 0px;
  width: 20px;
}
/*mit Bild Links*/
.contentBlock.hasLeftImg .content {
  margin-bottom: 15px;
  position: relative;
}
.contentBlock.hasLeftImg .content h5 {
  font-weight: bold;
  color: #000000;
  padding-right: 150px;
  font-size: 14px;
  font-family: "Roboto";
  text-align: left;
}
.contentBlock.hasLeftImg .content h2 {
  font-family: 'Roboto';
  font-size: 1.6rem;
  ine-height: 1.8rem;
}
.contentBlock.hasLeftImg .content .cImage img {
  border: 1px solid #ededed;
}
.contentBlock.hasLeftImg .content .cText a.iconBG {
  width: 33%;
  float: right;
}
.contentBlock.hasLeftImg .content a.social {
  position: absolute;
  bottom: 0px;
  right: 15px;
  height: 20px;
  padding-right: 25px;
  text-transform: uppercase;
  font-size: 14px;
}
.contentBlock.hasLeftImg .content a.social img {
  height: 20px;
  position: absolute;
  right: 0px;
  width: 20px;
}
/*Video*/
.contentBlock.videoBig video {
  margin-bottom: 40px;
}
.contentBlock.videoBig h2 {
  font-weight: 600;
  font-size: 34px;
}
.listvideo video {
  display: block;
}
/*Autoren*/
.contentBlock.autor .image,
.contentBlock.autor .text {
  padding-top: 15px;
}
/*traincamp & cube*/
.contentBlock.tc h5,
.contentBlock.cube h5 {
  margin-bottom: 5px;
  font-size: 1rem;
  color: #f08a00;
}
.contentBlock.tc h2,
.contentBlock.cube h2 {
  color: #f08a00;
  font-weight: 700;
  font-size: 22px;
}
.contentBlock.tc .h3,
.contentBlock.cube .h3 {
  font-size: 20px;
}
.contentBlock.tc .tc_form label,
.contentBlock.cube .tc_form label {
  margin-bottom: 0;
  display: block;
}
/*ppt*/
.contentBlock.ptt .image {
  position: relative;
}
.contentBlock.ptt .image .articleHeader {
  position: absolute;
  height: 80px;
  z-index: 3;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
.contentBlock.ptt .image .articleHeader .background {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #ffffff;
  position: absolute;
  top: 0px;
  z-index: -1;
}
.contentBlock.ptt .text a.more {
  color: black;
  display: block;
}
.contentBlock.ptt h5 {
  margin-bottom: 5px;
  font-size: 1rem;
  color: #68b42e;
}
.contentBlock.ptt h2 {
  color: #68b42e;
  font-weight: 700;
  font-size: 22px;
}
.contentBlock.ptt .ptt_form label {
  margin-bottom: 0;
  display: block;
}
.contentBlock.ptt .iconBG {
  width: unset;
  display: inline-block;
  max-width: unset!important;
}
.contentBlock.ptt .iconBG span.icons {
  background-color: #68b42e;
}
.contentBlock.ptt .iconBG span.text {
  background: #68b42e;
  color: white!important;
  text-transform: uppercase;
  font-weight: bold!important;
}
section.secbackkeyfactsptt {
  background: #e1f0d5;
  margin-top: 40px;
  margin-bottom: 40px;
}
section.secbackkeyfactsptt .card {
  text-align: center;
}
section.secbackkeyfactsptt .card-title {
  margin-bottom: 0;
}
section.secbackkeyfactsptt span.keyfactstext {
  color: black;
  font-size: 20px;
  font-weight: 400;
}
section.secbackkeyfactsptt span.keyfacts {
  color: #68b42e;
  font-size: 60px;
  font-weight: 600;
}
.price {
  width: 70%;
}
.price .buttons {
  margin-bottom: 10px;
  overflow: hidden;
  padding-bottom: 10px;
}
.price .buttons .button {
  text-align: center;
  padding: 8px;
  display: block;
  float: left;
  border: none;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
  height: 100%;
  vertical-align: top;
  border-right: 10px solid white;
  margin-bottom: 10px;
  margin-bottom: -400px;
  padding-bottom: 400px;
}
.price .buttons .button span {
  display: block;
  font-size: 90%;
}
.price .buttons .button.btnDownload,
.price .buttons .button.btnStick {
  width: 145px;
  height: 100%;
}
.price .buttons .button.btnBundle {
  width: 50%;
}
.price .buttons .button:hover {
  opacity: 1;
}
.price .buttons .button:last-child {
  border-right: none;
}
.price .iconBG {
  margin-bottom: 15px;
}
.price .iconBG span.text {
  height: 50px !important;
  max-width: 270px;
}
.price .iconBG span.text .textcell {
  padding-left: 15px;
  font-size: 18px;
  padding-top: 4px;
}
.price .iconBG span.icons {
  height: 50px !important;
  width: 50px !important;
  background-size: 32px 32px;
}
.price .iconBG:hover {
  opacity: 1;
}
.price div.small2 {
  color: #413e3b;
  display: block;
  clear: both;
}
@media (max-width: 1400px) {
  .price .buttons .button.btnDownload,
  .price .buttons .button.btnStick {
    width: unset;
  }
}
@media (max-width: 992px) {
  .price .buttons .button {
    margin-bottom: 0px;
    padding-bottom: 6px;
  }
  .price .buttons .button.btnDownload,
  .price .buttons .button.btnStick {
    width: 50%;
    margin-right: 0;
  }
  .price .buttons .button.btnStick {
    border-right: 0;
  }
  .price .buttons .button.btnBundle {
    width: 100%;
    margin-top: 10px;
  }
  .price .iconBG span.text .textcell {
    padding-left: 10px;
    font-size: 14px;
  }
}
/*Leadership*/
.leadership .moreContent {
  display: none;
}
.leadership .autor {
  padding-top: 0px;
  padding-bottom: 15px;
}
.leadership .anleseHeft .row.header {
  margin-bottom: 0px;
}
.leadership .anleseHeft .row.header h4 {
  font-weight: bold;
}
.leadership .anleseHeft .row.header h1 {
  padding-bottom: 0px;
}
.leadership .anleseHeft .text.second {
  min-height: 100%;
  position: relative;
  border-right: none;
}
.leadership .anleseHeft .text.second .texte {
  padding-bottom: 10px;
}
.leadership .anleseHeft .text.second .texte h4 {
  font-weight: 600;
}
.leadership .anleseHeft .text.second p {
  margin-bottom: 5px;
}
.leadership .anleseHeft .text.second p:last-child {
  margin-bottom: 0px;
}
.leadership .anleseHeft .text.second.bigPrice .price {
  width: 100%;
}
.leadership .leaderShipText .contentBlock.tabs {
  padding-bottom: 0px;
  padding-top: 2px;
}
.leadership .moreSlides.leaderShipMeinungen .slide,
.leadership .moreSlides.leaderShipMeinungen .slide.slick-slide {
  height: auto;
}
.leadership .moreSlides.leaderShipMeinungen .slide .lsmbBox {
  display: block;
  padding: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  background: #aeadae;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  min-height: 240px;
}
.leadership .moreSlides.leaderShipMeinungen .slide .lsmbBox br {
  height: 0px;
}
.leadership .moreSlides.leaderShipMeinungen .slide .lsmbBox br:first-child {
  display: none;
}
.leadership .moreSlides.leaderShipMeinungen .slide .lsmbBox h2 {
  font-family: 'Roboto', sans-serif !important;
  font-size: 24px;
  font-weight: 700;
}
.leadership .moreSlides.leaderShipMeinungen .slide .lsmbBox h3 {
  font-size: 17px;
  font-family: 'Roboto', sans-serif !important;
}
.leadership .moreSlides.leaderShipMeinungen .slide .lsmbBox p {
  margin-bottom: 0px;
  display: inline;
}
.leadership .resourcen {
  padding-bottom: 40px;
}
.leadership .resourcen .block {
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 0px;
  font-family: 'Roboto', sans-serif !important;
}
.leadership .resourcen .block h3,
.leadership .resourcen .block ul,
.leadership .resourcen .block p {
  font-family: 'Roboto', sans-serif !important;
}
.leadership .resourcen .block p {
  color: #000000 !important;
}
.leadership .slider .box.leftImageText .image img,
.leadership .slider .box.leftImageText.white .image img {
  max-height: 100%;
  height: auto !important;
}
section.anlese .contentBlock i.shadow:after {
  left: 0px;
  right: 0px;
}
section .single_article.contentBlock {
  margin-bottom: 20px;
}
section .single_article.contentBlock:last-child {
  margin-bottom: 20px;
}
.price.forDetail {
  position: static !important;
}
.bildVarianten_sel {
  length: 130px;
}
/*###### ta/ms Artikel imagewrapper etc...##################################################################*/
.xp_imagewrapper.zitat {
  padding-top: 40px;
  padding-bottom: 40px;
}
.xp_imagewrapper.zitat blockquote {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
  text-align: center;
  margin: 0;
}
.xp_imagewrapper.zitat .incimage blockquote {
  text-align: left !important;
}
.xp_imagewrapper.zitat .incimage .caption {
  margin-top: 6px;
}
.xp_imagewrapper.zitat figcaption {
  margin-top: 6px;
}
.xp_imagewrapper.zitat figcaption,
.xp_imagewrapper.zitat figcaption span.copyright {
  text-align: center !important;
}
.xp_imagewrapper.zitat .incimage figcaption span.copyright {
  text-align: left !important;
}
div.xp_imagewrapper span.copyright:before,
div.xp_imagewrapper div.copyright:before {
  content: "\00a9\00a0";
}
.xp_imagewrapper.images {
  padding-top: 40px;
  padding-bottom: 40px;
}
.xp_imagewrapper figure {
  margin: auto;
  width: 90%;
  max-width: 602px;
}
h2.mztSlider,
h2.heading,
.xp_imagewrapper h2 {
  font-size: 20px;
  line-height: 1.3;
}
h2.title {
  font-weight: 530;
}
h2.subheading,
h2.subtitle {
  margin-bottom: 0.8rem;
  font-size: 20px;
  font-weight: 530;
}
.workmarker h2.subtitle {
  font-size: 19px !important;
}
.workmarker h2.title {
  font-size: 22px !important;
}
div.forSections h2.section_subheading:before {
  content: "\a0\a0\a0";
}
h2.section_subheading {
  font-size: 16px !important;
  line-height: 1.45 !important;
  height: unset !important;
  margin-bottom: 0 !important;
  font-weight: 510 !important;
}
p + .workmarker {
  margin-top: 40px !important;
}
.xp_imagewrapper figure figcaption span.copyright {
  display: block;
  position: static;
  padding: 0px 0px 0px 0px !important;
}
.xp_imagewrapper.images .image,
.box_imagewrapper {
  text-align: center;
}
.xp_imagewrapper.images .image figure figcaption {
  margin-top: 14px;
  text-align: left !important;
}
.xp_imagewrapper.images .image figure figcaption .caption {
  margin-bottom: 7px;
}
.xp_imagewrapper ul {
  width: auto !important;
}
div.xp_imagewrapper.images,
div.xp_imagewrapper.zitat,
div.xp_imagewrapper.standardbox,
div.xp_imagewrapper.autoren {
  margin-bottom: 40px;
}
div.workmarker div.xp_imagewrapper.autoren.first {
  padding-top: 40px;
}
div.workmarker div.xp_imagewrapper.autoren.secnd {
  margin-top: -20px !important;
}
div.workmarker div.xp_imagewrapper.autoren.last {
  margin-bottom: 40px;
}
h3.previewHead {
  font-size: 16px !important;
}
div.forSections h2 {
  margin-bottom: 0.5rem;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  width: 96%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
}
.mztSlider .moreSlides {
  margin-bottom: 30px !important;
}
h2.mztSlider {
  margin-top: 0px;
}
div.boxsource {
  color: #666666;
  font-size: 10pt;
}
div.forSections h2.slider_sectionHead {
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: 0% 10%;
  padding-left: 40px;
  padding-bottom: 0px;
  margin-bottom: 15px;
  font-size: 20px;
  padding-top: 0px;
  height: unset !important;
}
div.forSections h2.section_subheading {
  margin-bottom: 1rem;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  padding-bottom: 1px;
  background-position: -1% 2px;
  overflow: visible;
  white-space: normal;
}
.xp_imagewrapper.standardbox {
  padding: 15px !important;
}
div.preview p {
  background-size: 15px 15px;
  background-repeat: no-repeat;
  padding-left: 18px;
  background-position: 0% 4px;
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
}
.fadeout {
  position: relative;
  margin-top: -150px;
  height: 160px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.paywall {
  padding: 25px;
  margin-bottom: 15px;
}
div.paywall_head {
  border-bottom: 1px solid #aeadae;
  margin-bottom: 20px;
}
div.paywall_head h3.pwc {
  padding: 0px !important;
  font-weight: 400;
}
div.paywall h3.paywall_intro {
  padding: 0px !important;
}
a.iconBG span.icons.person {
  background-image: url("/common/images/iconBG_person_weiss.svg") !important;
}
div.paywall p.pw_info {
  background-size: 15px 15px;
  background-repeat: no-repeat;
  padding-left: 18px;
  background-position: 0% 4px;
}
div.paywall a.iconBG span.icons.person {
  background-size: 34px 34px !important;
}
div.paywall a.iconBG span.text {
  background-color: #edeeef;
}
/*########################################################################*/
/*Mediaqueries/
/*########################################################################*/
@media (min-width: 1025px) {
  .contentBlock.ms_books,
  .contentBlock.ms_TBBooks,
  .contentBlock.ptt {
    font-size: 15px;
  }
}
@media (min-width: 577px) {
  .contentBlock.ms_article .price .iconBG {
    bottom: -10px;
  }
}
@media (max-width: 1024px) {
  .contentBlock .archive a {
    font-size: 18px !important;
  }
  .contentBlock.ms_books,
  .contentBlock.ms_TBBooks,
  .contentBlock.ms_article {
    font-size: 14px;
  }
  .contentBlock.ms_books .text img {
    height: 25px;
    max-width: 95%;
    margin-bottom: 5px;
  }
  .contentBlock.ms_blog .blockHeadline h3 {
    font-size: 22px !important;
  }
  /*Zitat*/
  .contentBlock.zitat .content {
    text-align: center;
    margin-bottom: 15px;
    position: relative;
  }
  .contentBlock.zitat .content h2 {
    font-size: 1.3rem !important;
  }
  .contentBlock.zitat .content h5 {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 25px;
  }
  /*mit Bild Links*/
  .contentBlock.hasLeftImg .content h2 {
    font-size: 1.3rem !important;
  }
  .contentBlock.hasLeftImg .content h5 {
    padding-right: 0px;
    padding-bottom: 25px;
  }
  .contentBlock.hasLeftImg .content .cText a.iconBG {
    width: 50%;
  }
  section.payContent .payOverlay .closer h3 {
    font-size: 21px !important;
    margin-bottom: 20px;
  }
  section.payContent .payOverlay .closer .right {
    padding-top: 20px;
  }
}
@media (min-width: 769px) {
  .contentBlock.ms_article .onearticle .image .articleHeader {
    display: none;
  }
}
@media (max-width: 768px) {
  .price.forDetail {
    width: 100% !important;
  }
  .price.forDetail .iconBG {
    max-width: none !important;
    width: 100% !important;
  }
  .price.forDetail .iconBG span.text {
    text-transform: none !important;
    width: 100% !important;
    max-width: none !important;
  }
  .contentBlock.ms_books .onebook.twoThird .first {
    margin-bottom: 0px;
  }
  .contentBlock.ms_books .onebook.twoThird .first:after {
    padding-top: 40px;
    bottom: 40px;
    height: 1px;
    left: 15px;
    right: 0px;
    display: block;
  }
  .contentBlock.ms_books .onebook.twoThird .second:after {
    left: 15px;
    right: 15px;
  }
  .contentBlock.ms_books:last-child .onebook.twoThird:last-child {
    margin-bottom: 30px;
  }
  .contentBlock.ms_books:last-child .onebook.twoThird:last-child .first:after {
    content: " ";
    display: none;
  }
  .contentBlock.ms_TBBooks {
    position: relative;
  }
  .contentBlock.ms_TBBooks .onebook:after {
    content: " ";
    margin-bottom: 40px;
    height: 40px;
    border-bottom: 1px solid #aeadae;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
  }
  .contentBlock.ms_TBBooks .onebook .price h4 {
    font-weight: 600;
  }
  .contentBlock.ms_TBBooks .onebook .header,
  .contentBlock.ms_TBBooks .onebook .price {
    width: 100%;
    padding-top: 0px;
  }
  .contentBlock.ms_TBBooks .price .text-right img {
    width: 30px;
    height: 30px;
  }
  .contentBlock.ms_article .image {
    position: relative;
  }
  .contentBlock.ms_article .onearticle .second {
    padding-top: 10px;
  }
  .contentBlock.ms_article .onearticle .second.withHeadline .articleHeader {
    display: block;
    margin-bottom: 10px;
  }
  .contentBlock.ms_article .image .articleHeader {
    padding-top: 0px;
    resize: vertical;
    overflow: auto;
    text-align: center;
    height: 90px !important;
  }
  .contentBlock.ms_article .image .articleHeader .headlines {
    position: absolute;
    width: 90%;
    transform: translate(-45%, -50%);
    top: 50%;
    left: 45%;
  }
  .contentBlock.ms_article .articleHeader h5,
  .contentBlock.ms_article .image .articleHeader h5 {
    margin-bottom: 2px;
    font-size: 17px !important;
  }
  .contentBlock.ms_article .articleHeader h3 {
    font-size: 17px !important;
    margin-bottom: 2px;
  }
  .contentBlock.ms_article .row.leftImage.smallGutter .first,
  .contentBlock.ms_article .row.leftImage.smallGutter .second,
  .contentBlock.ms_article .row.onearticle.smallGutter .first,
  .contentBlock.ms_article .row.onearticle.smallGutter .second {
    padding-left: 15px;
    padding-right: 15px;
  }
  .contentBlock.ms_article .row.leftImage.smallGutter .first .image,
  .contentBlock.ms_article .row.onearticle.smallGutter .first .image {
    margin-bottom: 10px;
  }
  .contentBlock.ms_article .second .price .iconBG {
    right: 0px;
  }
  .contentBlock.tvBeitraege .articleHeader h3 {
    font-weight: 600;
    font-size: 18px !important;
    margin-bottom: 0px;
  }
  .contentBlock.blocks .first {
    margin-bottom: 10px;
  }
  .contentBlock.blocks.background .first {
    margin-bottom: 30px;
  }
  .teaserArticle .contentBlock.ms_article.blocks .first {
    margin-bottom: 80px;
  }
  .contentBlock.ms_blog .text {
    padding-top: 20px;
  }
  .blog .blog_left .sideBlock.blog_abo .social a img {
    width: 50%;
  }
  .contentBlock.hasLeftImg .content .cText a.iconBG {
    width: 70%;
  }
  .contentBlock.ms_article .row.heftImage .second .texte {
    margin-bottom: 10px;
  }
  .contentBlock.books .row.heftImage .headline h3,
  .contentBlock.books .row.heftImage .second .texte {
    margin-bottom: 0px;
  }
  .contentBlock.ms_blog.detailAnlese .blog_imgText .blog_text .row.header {
    margin-left: -15px;
    margin-right: -15px;
  }
  .contentBlock.abo .row .form-check:last-child,
  .contentBlock.abo .row .form-group:last-child {
    margin-bottom: 20px;
  }
  .leadership .anleseHeft .text.second .price {
    width: 100%;
  }
  section.payContent section .container .closer {
    padding: 30px;
  }
  section.payContent section .container .closer .background img {
    width: auto;
    height: 100%;
  }
  section.anleseHeft .contentBlock .image {
    padding-bottom: 20px;
  }
}
@media (max-width: 640px) {
  .contentBlock .hasLeftImg .content .cText a.iconBG {
    width: 100%;
  }
  .contentBlock .icon.podcast {
    bottom: -30px;
  }
  .contentBlock.tvBeitraege .articleHeader h3 {
    font-size: 16px !important;
  }
  section.anlese .single_article .image img {
    width: 100%;
    height: auto;
    max-height: 100%;
    min-height: 100%;
  }
}
@media (max-width: 575px) {
  section.anlese .single_article .image .articleHeader {
    display: block;
    position: static;
    text-align: left;
    padding-left: 5px;
  }
  .contentBlock .header.archive a,
  h3 {
    font-size: 17px;
  }
  .contentBlock .header .archive a {
    font-size: 15px !important;
    text-decoration: underline;
    padding-right: 25px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 3px;
    min-height: 15px;
    display: block;
  }
  .contentBlock .header .blockHeadline h3,
  .contentBlock .header .blockHeadline h3 a {
    font-size: 16px;
  }
  .contentBlock .textCollapse .toggleText.column {
    column-count: 1;
    column-gap: 0px;
  }
  .contentBlock.ms_books,
  .contentBlock.ms_TBBooks,
  .contentBlock.ms_article {
    font-size: 14px;
  }
  .contentBlock.ms_books .book,
  .contentBlock.ms_TBBooks .book {
    padding-bottom: 15px;
  }
  .contentBlock.ms_books .onebook.twoThird .first {
    margin-bottom: 15px;
  }
  .contentBlock.ms_books .onebook.twoThird .first:after {
    content: " ";
    display: none;
  }
  .contentBlock.ms_books:last-child .onebook.twoThird:last-child {
    margin-bottom: 0px;
  }
  .contentBlock.ms_books .text img {
    margin-bottom: 5px;
  }
  /*	
	.contentBlock.ms_sortBooks.contentBlock .label {
		width: 38%;
		float: left;
		margin: 0px;
	}
	.contentBlock.ms_sortBooks.contentBlock .input-group {
		width: 62%;
		float: right;
		margin: 0px;
	}
	.contentBlock.ms_sortBooks.contentBlock .input-group.selectDown button {
		width: 100%;
	}
*/
  .contentBlock.books .autor {
    padding-bottom: 10px;
  }
  .contentBlock.ms_article .articleHeader h5,
  .contentBlock.ms_article .image .articleHeader h5 {
    margin-bottom: 2px;
    font-weight: normal;
    font-size: 16px !important;
  }
  .contentBlock.ms_article .articleHeader h3 {
    font-size: 16px !important;
  }
  .contentBlock.ms_article .row.heftImage .text.second .text-right,
  .contentBlock.ms_article .row.heftImage .text.second {
    margin-top: 10px;
  }
  .contentBlock.ms_article .row.heftImage .price .row {
    height: auto;
  }
  .contentBlock.ms_blog .text {
    padding-top: 20px;
  }
  .contentBlock.hasLeftImg .content .cText a.iconBG {
    width: 100%;
  }
  .contentBlock.hasLeftImg .content .cText a.iconBG .text {
    padding-left: 40px;
  }
  .contentBlock.textBlock .imagetext,
  .contentBlock.hasLeftImg .cImage {
    margin-bottom: 15px;
  }
  .contentBlock.zitat .content a.social {
    bottom: 15px;
  }
  .contentBlock.podcasts .playpodcast {
    padding-left: 25%;
  }
  .contentBlock.blocks .block .images,
  .contentBlock.blocks .block .texte {
    width: 100%;
    float: none;
  }
  .contentBlock.blocks .block.column {
    column-count: 1;
    column-gap: 0px;
  }
  .contentBlock.blocks .block .texte {
    padding-top: 10px;
  }
  .contentBlock.autoren .text.second {
    margin-top: 15px;
  }
  .row.sorting .right {
    text-align: left;
  }
  /*Anzahl der Artikel*/
  .contentBlock.countArticles {
    padding-top: 0px;
  }
  /*Sortierer*/
  .contentBlock.ms_sortBooks {
    display: block;
    padding-bottom: 15px;
    margin-right: 0px;
  }
  .contentBlock.ms_sortBooks .label {
    margin-right: 10px;
  }
  .leadership .anlese .contentBlock.ms_article .price .iconBG {
    bottom: -10px;
  }
  section.anlese .contentBlock.single_article .articleHeader h1 {
    font-size: 20px !important;
    margin-top: 3px;
  }
  section.anlese .contentBlock.single_article.heft {
    margin-top: 20px;
  }
  section.anleseHeft .contentBlock.dossiers .second {
    padding-bottom: 0px;
  }
  section.anleseHeft .contentBlock.dossiers .second .price {
    position: static;
  }
}
@media (max-width: 515px) {
  .leadership .anleseHeft .text.second .price .buttons {
    padding-bottom: 0px;
  }
  .leadership .anleseHeft .text.second .price .buttons .button {
    display: block;
    float: left;
  }
  .leadership .anleseHeft .text.second .price .buttons .button span {
    display: block;
    font-size: 90%;
  }
  .leadership .anleseHeft .text.second .price .buttons .button.btnDownload,
  .leadership .anleseHeft .text.second .price .buttons .button.btnStick {
    width: 50%;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .leadership .anleseHeft .text.second .price .buttons .button.btnStick {
    border-right: none;
  }
  .leadership .anleseHeft .text.second .price .buttons .button.btnBundle {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .contentBlock.ms_article .articleHeader h5,
  .contentBlock.ms_article .image .articleHeader h5 {
    font-size: 16px !important;
  }
  .contentBlock.ms_article .articleHeader h3 {
    font-size: 16px !important;
  }
  .row.buttons {
    padding-top: 15px;
  }
}
@media (max-width: 340px) {
  h3.rubrik,
  .contentBlock.ms_article .articleHeader h5,
  .contentBlock.ms_article .image .articleHeader h5 {
    font-size: 14px !important;
  }
  .contentBlock.ms_article .articleHeader h3 {
    font-size: 14px !important;
  }
}
/*Linien unterhalb des contnetBlocks
.contentBlock.line{	
	padding-bottom: 40px;
	border-bottom: 1px solid @colorLightDefault;
	margin-bottom:40px;
}
.contentBlock.line:last-child{
	padding-bottom: 0px;
	border-bottom:none;
}*/
.row.line {
  position: relative;
}
/*Linien innerhalb des contnetBlocks*/
.contentBlock .line {
  margin-bottom: 80px;
}
.contentBlock .line:after {
  content: " ";
  position: absolute;
  padding-top: 40px;
  bottom: -40px;
  height: 1px;
  border-bottom: 1px solid #aeadae;
  left: 15px;
  right: 15px;
}
.contentBlock .leftImage .line:after,
.contentBlock .onebook .line:after,
.contentBlock .onearticle .line:after {
  content: " ";
  position: absolute;
  padding-top: 40px;
  bottom: -40px;
  height: 1px;
  border-bottom: 1px solid #aeadae;
  left: 15px;
  right: 15px;
}
/*articelseiten artikle_closed
.contentBlock.line .content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.contentBlock.line .content:before {
	content: " ";
	border-top: 1px solid @colorLightDefault;
	height: 1px;
	display: block;
	position: absolute;
	top: 10px;
	left: 15px;
	right: 15px;
}
.contentBlock.line .content:after {
	content: " ";
	border-bottom: 1px solid @colorLightDefault;
	height: 1px;
	display: block;
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
}

.contentBlock.line:last-child .content:after {
	border-bottom: none;
}

.contentBlock.line .row.content{padding-top:0;padding-bottom:0;}
.contentBlock.line .row.content:after,
.contentBlock.line .row.content:before {
	content: " ";
	border: none;
	height: 0px;
	display: block;
	position: staitic;
	top: 0px;
	left: 50px;
	right: 50px;
}
*/
.contentBlock:last-child .onearticle:last-child .line,
.contentBlock:last-child .onebook:last-child .line,
.contentBlock:last-child .twoarticle:last-child .line,
.contentBlock:last-child .twobooks:last-child .line,
.contentBlock:last-child .leftImage:last-child .line {
  margin-bottom: 40px;
}
.contentBlock:last-child .onearticle:last-child .line:after,
.contentBlock:last-child .onebook:last-child .line:after,
.contentBlock:last-child .twoarticle:last-child .line:after,
.contentBlock:last-child .twobooks:last-child .line:after,
.contentBlock:last-child .leftImage:last-child .line:after {
  content: " ";
  display: none;
}
.contentBlock.ms_TBBooks .twobooks .line::after {
  content: " ";
  left: 15px;
  right: 15px;
}
.contentBlock.ms_TBBooks .onebook .line:after {
  content: " ";
  left: 15px;
  right: 15px;
}
.contentBlock.ms_article .row.twoarticle {
  margin-left: 0px;
  margin-right: 0px;
}
.contentBlock.ms_article .twoarticle:last-child .line.first:after {
  content: " ";
  right: -15px;
}
.contentBlock.ms_article .twoarticle:last-child .line.second:after {
  content: " ";
  left: -15px;
}
.contentBlock.ms_article .row.twoarticle .first.line {
  right: 15px;
}
.contentBlock.ms_article .row.twoarticle .second.line {
  left: 15px;
}
.contentBlock.ms_article .row.twoarticle .line:after {
  content: " ";
  left: 15px;
  right: 15px;
}
.contentBlock .row.leftImage.smallGutter .first.line:after,
.contentBlock .row.onearticle.smallGutter .first.line:after {
  right: 0px;
  left: 15px;
}
.contentBlock .row.leftImage.smallGutter .second.line:after,
.contentBlock .row.onearticle.smallGutter .second.line:after {
  left: 0px;
  right: 15px;
}
.contentBlock.ms_blog.noLine {
  padding-bottom: 0px;
  border-bottom: none;
}
/*.contentBlock.ms_article.blocks  .second.line,
.contentBlock.ms_article.blocks  .first.line {
	margin-bottom: 40px;

}*/
.contentBlock.ms_blog.noLine {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
}
/*.contentBlock.imgSublineRight.line .content:before, .contentBlock.imgSublineRight.line .content:after {
	content: " ";
	left: 0px;
	right: 0px;
}
*/
/*.contentBlock.umfrage .row:last-child .line:after {
	border: none;
}
.contentBlock.umfrage .row:last-child .line {
	margin-bottom: 40px;
}*/
/*#####*/
.contentBlock.lineTop {
  padding-top: 40px;
  border-top: 1px solid #aeadae;
}
/*Linien unterhalb des contnetBlocks*/
.contentBlock.line {
  padding-bottom: 40px;
  border-bottom: 1px solid #aeadae;
  margin-bottom: 40px;
}
.contentBlock.line:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
/*Linien innerhalb des contnetBlocks*/
.contentBlock .line {
  margin-bottom: 80px;
}
.contentBlock .line:after {
  content: " ";
  position: absolute;
  padding-top: 40px;
  bottom: -40px;
  height: 1px;
  border-bottom: 1px solid #aeadae;
  left: 15px;
  right: 15px;
}
.contentBlock:last-child .row:last-child .line {
  margin-bottom: 40px;
}
.contentBlock:last-child .row:last-child .line:after {
  content: " ";
  display: none;
}
.contentBlock.blocks:last-child .row:last-child .line {
  margin-bottom: 80px;
}
.contentBlock.blocks:last-child .row:last-child .line:after {
  content: " ";
  display: block;
}
.contentBlock.ms_pagination.line {
  border-bottom: 1px solid #aeadae;
  border-top: 1px solid #aeadae;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.contentBlock.ms_pagination.line .col-12 {
  margin-bottom: 0px;
}
section.anlese .line {
  padding-bottom: 80px;
}
section.anlese .line::after {
  content: " ";
  position: absolute;
  padding-top: 40px;
  height: 1px;
  border-bottom: 1px solid #aeadae;
  left: 15px;
  right: 15px;
}
section.payContent .payOverlay a.iconBG span.icons {
  border-bottom: 1px solid #aeadae;
}
section.payContent .payOverlay a.iconBG span.text {
  border-bottom: 1px solid #aeadae;
}
img.hasBorder {
  border: 1px solid lightgrey;
}
.innerline {
  margin-top: 0px;
  margin-bottom: 20px;
}
.innerline hr {
  border-top: 1px solid #aeadae;
}
/*########################################################################*/
/*Mediaqueries/
/*########################################################################*/
@media (min-width: 769px) {
  /*section Linien und Abstände */
  .contentBlock .onearticle:last-child .line.first:after,
  .contentBlock .onebook:last-child .line.first:after,
  .contentBlock .twoarticle:last-child .line.first:after,
  .contentBlock .twobooks:last-child .line.first:after,
  .contentBlock .imageLeft:last-child .line.first:after {
    right: 0px;
  }
  .contentBlock .onearticle:last-child .line.second:after,
  .contentBlock .onebook:last-child .line.second:after,
  .contentBlock .twoarticle:last-child .line.second:after,
  .contentBlock .twobooks:last-child .line.second:after,
  .contentBlock .imageLeft:last-child .line.second:after {
    left: 0px;
  }
  .contentBlock:last-child .onearticle:last-child .line,
  .contentBlock:last-child .onebook:last-child .line,
  .contentBlock:last-child .twoarticle:last-child .line,
  .contentBlock:last-child .twobooks:last-child .line,
  .contentBlock:last-child .imageLeft:last-child .line {
    margin-bottom: 40px;
  }
  .contentBlock:last-child .onearticle:last-child .line:after,
  .contentBlock:last-child .onebook:last-child .line:after,
  .contentBlock:last-child .twobooks:last-child .line:after,
  .contentBlock:last-child .imageLeft:last-child .line:after {
    content: " ";
    display: none;
  }
  .contentBlock .onebook.twoThird:last-child .line.first:after {
    left: 15px;
  }
  .contentBlock .onebook.twoThird:last-child .line.second:after {
    right: 15px;
  }
  /*.contentBlock .gap15 .line.first:after,
	.contentBlock .gap15 .line.right:after{left:15px; right:15px;} 
	
	.contentBlock .gap30 .line.first{padding-right:30px;}
	.contentBlock .gap30 .line.second{padding-left:30px;}
	.contentBlock .gap30 .line.first:after{right:30px;} 
	.contentBlock .gap30 .line.second:after{left:30px;} */
}
@media (max-width: 768px) {
  /*section Linien und Abstände */
  .contentBlock.ms_books:last-child .onebook:last-child .first,
  .contentBlock .onearticle .first,
  .contentBlock .leftImage .first,
  .contentBlock.ms_books .onebook .first {
    margin-bottom: 15px;
  }
  .contentBlock .onearticle .first:after,
  .contentBlock .leftImage .first:after,
  .contentBlock.ms_books .onebook .first:after,
  .contentBlock.ms_books .imageLeft .first:after {
    content: " ";
    display: none;
  }
  .contentBlock:last-child .twoarticle:last-child .line.first,
  .contentBlock:last-child .twobooks:last-child .line.first {
    margin-bottom: 80px;
  }
  .contentBlock:last-child .twoarticle:last-child .line.first:after,
  .contentBlock:last-child .twobooks:last-child .line.first:after {
    content: " ";
    display: block;
  }
  .contentBlock:last-child .twoarticle:last-child .line.second,
  .contentBlock:last-child .twobooks:last-child .line.second {
    margin-bottom: 40px;
  }
  .contentBlock:last-child .twoarticle:last-child .line.second:after,
  .contentBlock:last-child .twobooks:last-child .line.second:after {
    content: " ";
    display: none;
  }
  .contentBlock.ms_TBBooks .onebook .line:after {
    content: " ";
    display: none;
  }
  .contentBlock.ms_TBBooks .onebook .line {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .contentBlock .row.leftImage.smallGutter .second.line:after {
    margin-bottom: 10px;
  }
  .contentBlock .row.onearticle.smallGutter .second.line:after {
    content: " ";
    left: 15px;
    right: 15px;
  }
  /*###############################
	
	.contentBlock .row:last-child .first, 
	.contentBlock .first{
		margin-bottom: 15px;
	}
	
	.contentBlock .row .first.line:after {
		content: " ";
		display: none;
	}*/
}
@media (max-width: 768px) {
  .contentBlock.ms_article .row.twoarticle {
    margin-left: -15px;
    margin-right: -15px;
  }
  .contentBlock.ms_article .twoarticle:last-child .line.first:after,
  .contentBlock.ms_article .twoarticle:last-child .line.second:after {
    content: " ";
    left: 15px;
    right: 15px;
  }
  .contentBlock.ms_article .row.twoarticle .first.line,
  .contentBlock.ms_article .row.twoarticle .second.line {
    left: 0px;
    right: 0px;
  }
}
@media (min-width: 577px) {
  .ms_article.detail .row .line:last-child,
  .ms_article.detail .row .line:nth-last-child(2) {
    margin-bottom: 35px !important;
  }
  .ms_article.detail .row .line:last-child:after,
  .ms_article.detail .row .line:nth-last-child(2):after {
    margin-bottom: 0px;
    border: 0px !important;
  }
}
@media (max-width: 576px) {
  .ms_article.detail .row .line:last-child {
    margin-bottom: 35px !important;
  }
  .ms_article.detail .row .line:last-child:after {
    margin-bottom: 0px;
    border: 0px !important;
  }
}
/*Bigimage*/
.contentBlock .bigImage .image .articleHeader .background {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #ffffff;
  position: absolute;
  top: 0px;
  z-index: -1;
}
.contentBlock .bigImage .image i {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
}
.contentBlock .bigImage .image img {
  height: 100%;
  width: auto;
}
.contentBlock .bigImage .image span.copyright {
  position: absolute;
  bottom: -20px;
  left: 15px;
}
/*Listview*/
.contentBlock.listview .second {
  padding-left: 15px;
}
.contentBlock.listview .second .header h3 {
  margin-bottom: 2px;
}
.contentBlock.listview .second .header .autor {
  font-size: 18px;
  padding-bottom: 5px;
}
.contentBlock.listview .second .headlines .autor {
  font-size: 18px;
  margin-top: -10px;
  padding-bottom: 15px;
}
.contentBlock.listview .second .price {
  width: 100%;
  position: absolute;
  bottom: 0px;
  padding-right: 30px;
}
.contentBlock.listview .second .price div.small2 {
  color: #413e3b !important;
}
.contentBlock.listview .second .price div.small2 a {
  color: #413e3b !important;
}
.contentBlock.listview .first {
  padding-right: 15px;
}
.contentBlock.listview .first a {
  display: block;
  text-align: center;
}
.contentBlock.listview .first a img {
  max-width: 100%;
  width: auto;
  object-fit: contain;
}
.contentBlock.listview .first span.copyright {
  position: static;
  text-align: left;
}
.contentBlock.listview .first span.copyrightN {
  position: absolute;
  margin-top: 3px;
  text-align: left;
}
.contentBlock.listview .heftImage img {
  margin-left: 0px;
}
.contentBlock.listview.ausgaben .second {
  padding-bottom: 110px;
}
.contentBlock.listview.ausgaben .second .price {
  position: absolute !important;
}
.contentBlock.listview.dossiers .second {
  padding-bottom: 105px;
}
.contentBlock.listview.dossiers .second .price {
  position: absolute !important;
}
.contentBlock.listview.books .second {
  padding-bottom: 90px;
}
.contentBlock.listview.books .second .price {
  position: absolute !important;
}
.contentBlock.listview.stick .second {
  padding-bottom: 90px;
}
.contentBlock.listview.stick .second .price {
  position: absolute !important;
}
.contentBlock.listview.video .second {
  padding-bottom: 90px;
}
.contentBlock.listview.video .second .price {
  position: absolute !important;
}
/*##################################################*/
/*Mediaqueries*/
/*##################################################*/
@media (max-width: 1024px) {
  .contentBlock.listview .second .header .autor {
    font-size: 16px;
    padding-bottom: 5px;
  }
  .contentBlock.listview .second .headlines .autor {
    font-size: 16px;
    padding-bottom: 10px;
  }
}
@media (max-width: 768px) {
  /*.bigImage*/
  .contentBlock .bigImage .articleHeader h3 {
    font-weight: 600;
    font-size: 24px !important;
    margin-bottom: 2px;
  }
  .contentBlock .bigImage .image {
    position: relative;
  }
  .contentBlock .bigImage .image .articleHeader {
    padding-top: 10px;
    resize: vertical;
    overflow: auto;
    text-align: center;
    height: 90px !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
  }
  .contentBlock .bigImage .image .articleHeader .headlines {
    position: absolute;
    width: 90%;
    transform: translate(-45%, -50%);
    top: 50%;
    left: 45%;
    z-index: 1;
  }
  .contentBlock .bigImage .image .articleHeader .headlines h5 {
    margin-bottom: 2px;
    font-size: 17px !important;
  }
  .contentBlock .bigImage .image .articleHeader .background {
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: #ffffff;
    position: absolute;
    top: 0px;
    z-index: -1;
  }
  .contentBlock .bigImage .second {
    padding-top: 30px;
  }
  .contentBlock .bigImage .second.withHeadline .articleHeader {
    display: block;
    margin-bottom: 10px;
  }
  .contentBlock.tv .bigImage .image {
    height: auto !important;
  }
  .contentBlock.tv .bigImage .image .articleHeader {
    padding-top: 10px;
    overflow: auto;
    text-align: left;
    height: auto !important;
    position: static;
  }
  .contentBlock.tv .bigImage .image .articleHeader .headlines {
    position: static;
    width: 90%;
    transform: translate(0, 0);
    top: 50%;
    left: 45%;
    z-index: 1;
  }
  .contentBlock.tv .bigImage .image .articleHeader .headlines h5 {
    margin-bottom: 2px;
    font-size: 17px !important;
  }
  .contentBlock.tv .bigImage .image .articleHeader .background {
    width: 100%;
    height: 0px;
    opacity: 0.8;
    background: none;
    position: static;
  }
  .contentBlock.tv .bigImage .second {
    padding-top: 10px;
  }
  .contentBlock.listview .first {
    padding-left: 15px;
    padding-right: 15px;
    max-height: none !important;
  }
  .contentBlock.listview .first a img {
    max-height: none !important;
  }
  .contentBlock.listview .second {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
  }
  .contentBlock.listview .heftImage .second {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .contentBlock.listview.mdFolded .headlines h5 {
    font-size: 16px !important;
  }
  .contentBlock.listview.mdFolded .headlines h3 {
    font-size: 20px !important;
  }
  .contentBlock.listview.mdFolded div.row div.image.first {
    padding-bottom: 38px !important;
    margin-top: 10px !important;
  }
  .contentBlock.listview.mdFolded div.row div.text.second {
    padding-top: 0px !important;
  }
  .contentBlock.tv.listview.mdFolded div.row div.image.first {
    padding-bottom: 18px !important;
  }
}
@media (max-width: 576px) {
  .contentBlock.listview.podcasts .second.text a.iconBG,
  .contentBlock.listview.umfragen .second.text a.iconBG {
    width: 100%;
    margin-top: 10px;
  }
  .contentBlock.listview .heftImage .second {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*########################################################################*/
/*Slider Theme*/
/*########################################################################*/
.slick-slider {
  /* Arrows */
  /* Dots */
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  overflow: hidden;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 38px;
  height: 38px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 900;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-prev:focus,
.slick-slider .slick-next:hover,
.slick-slider .slick-next:focus {
  color: transparent;
  outline: none;
  opacity: 0.5;
}
.slick-slider .slick-prev.slick-disabled,
.slick-slider .slick-next.slick-disabled {
  opacity: 0.25;
}
.slick-slider .slick-prev {
  left: -50px;
  background-image: url(../images/startseite/Pfeil-links.svg);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}
.slick-slider .slick-next {
  right: -50px;
  background-image: url(../images/startseite/Pfeil-rechts.svg);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 2px 1px;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  color: black;
}
.slick-slider .slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.slick-slider .slick-dots {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-slider .slick-dots li button {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #413e3b;
  background: #ffffff;
  padding: 5px;
  opacity: 1;
  text-indent: 3000px;
  overflow: hidden;
}
.slick-slider .slick-dots li.slick-active button {
  background: #413e3b;
}
.slick-slider .slick-slide {
  margin: 0px;
  transition: all ease-in-out 0.3s;
  opacity: 0.2;
}
.slick-slider .slick-slide img {
  width: 100%;
  height: auto;
}
.slick-slider .slick-active {
  opacity: 1;
}
.slick-slider .slick-current {
  opacity: 1;
}
.slick-slider .moreSlides {
  margin-left: -15px;
  margin-right: -15px;
}
.slick-loading .slick-list {
  background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}
.contentBlock.sBorderImage .slick-prev,
.contentBlock.sBorderImage .slick-next {
  top: 40%;
  -webkit-transform: translate(0, -40%);
  -ms-transform: translate(0, -40%);
  transform: translate(0, -40%);
}
/*########################################################################*/
/*Mediaqueries/
/*########################################################################*/
/* Teaser also slider layout minimal anders */
div.row.teaser {
  margin-bottom: 35px;
}
div.row.teaser div.box {
  margin: 0px !important;
}
@media (max-width: 768px) {
  div.row.teaser {
    margin-bottom: 0px;
  }
}
/*########################################################################*/
/*Slider Boxen*/
/*########################################################################*/
.slider {
  /*Box mit Border und Logo*/
  /*Box mit Icon und Text*/
  /*Box mit Bild und Headline*/
  /*Box mit Bild links und Hintergrundsfarbe*/
  /*Box mit Bild links und Hintergrundsfarbe Weiss ohne paddings*/
  /*Box mit Hintergrundbild und Schrift darüber*/
  /*Box mit Hintergrundbild und Schrift in Box darüber*/
  /*Box mit Bild oben Text in weissem Feld unten*/
  /*Box Weisser Hintergrund*/
  /*Box Lesetips*/
  /*Box mit header text und/oder Bild*/
  /*Box mit File-Icon Vergrößerungslink und  Bild*/
}
.slider .box.borderLogo {
  border: 1px solid #aeadae;
  background: #ffffff;
  padding: 10px;
  margin: 0px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  font-size: 14px;
  height: 92%;
}
.slider .box.borderLogo a {
  font-weight: normal;
}
.slider .box.borderLogo p {
  padding-top: 5px;
  margin-bottom: 0px;
}
.slider .box.borderLogo .image {
  width: 100%;
  height: 30px;
  text-align: center;
}
.slider .box.borderLogo .image img {
  height: 25px;
}
.slider .box.iconText {
  background: #aeadae;
  margin: 15px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  height: 100%;
}
.slider .box.iconText a {
  font-weight: normal;
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px;
  padding-bottom: 14px;
  padding-top: 15px;
}
.slider .box.iconText a h5 {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 2px;
}
.slider .box.iconText a h3 {
  font-size: 17px;
  margin-bottom: 2px;
}
.slider .box.iconText a p {
  font-size: 15px;
  margin-bottom: 3px;
}
.slider .box.iconText a .image {
  margin-bottom: 10px;
}
.slider .box.iconText a .image img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}
.slider .box.iconText a .imageIcon {
  margin-bottom: 10px;
}
.slider .box.iconText a .imageIcon span {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.slider .box.iconText a:hover {
  opacity: 1;
}
.slider .box.iconText :hover a,
.slider .box.iconText a:hover h3,
.slider .box.iconText a:hover h4,
.slider .box.iconText a:hover h5 {
  color: #ffffff;
  opacity: 1;
}
.slider .box.iconText a:hover .imageIcon .characters {
  background-image: url(../images/characters_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .testgelesen {
  background-image: url(../images/testgelesen_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .fuehrungCoaching {
  background-image: url(../images/fuehrungCoaching_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .hirnrissig {
  background-image: url(../images/hirnrissigg_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .speakerscorner {
  background-image: url(../images/speakerscorner_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .cd {
  background-image: url(../images/cd_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .ebooks {
  background-image: url(../images/ebooks_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .cschaeppchen {
  background-image: url(../images/cschaeppchen_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .twitter {
  background-image: url(../images/twitter_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .facebook {
  background-image: url(../images/facebook_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .newsletter {
  background-image: url(../images/newsletter_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .archiv {
  background-image: url(../images/archiv_weiss.svg) !important;
}
.slider .box.iconText a:hover .imageIcon .themen {
  background-image: url(../images/themen_weiss.svg) !important;
}
.slider .box.borderImage {
  margin: 15px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  height: 100%;
}
.slider .box.borderImage a {
  font-weight: normal;
}
.slider .box.borderImage a h3 {
  font-size: 16px;
}
.slider .box.borderImage .image {
  margin-bottom: 10px;
}
.slider .box.borderImage .image img {
  width: 100%;
  border: 1px solid #eeeeee;
}
.slider .box.leftImageText {
  background: #dddddd;
  padding: 15px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 15px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  height: 100%;
  position: relative;
}
.slider .box.leftImageText .image {
  float: left;
}
.slider .box.leftImageText .image img {
  max-height: 95%;
}
.slider .box.leftImageText .text {
  float: right;
  text-align: left;
  height: 100%;
  /*display: table;*/
}
.slider .box.leftImageText .text .content {
  width: 100%;
  height: 62%;
}
.slider .box.leftImageText .text h5 {
  font-size: 15px;
  margin-bottom: 2px;
}
.slider .box.leftImageText .text h3 {
  font-size: 17px !important;
}
.slider .box.leftImageText .text .price {
  width: 100%;
  margin-top: 3%;
  height: 35%;
  display: table;
}
.slider .box.leftImageText .text .price .euro {
  display: table-cell;
  vertical-align: top;
}
.slider .box.leftImageText .text .price .euro h4 {
  margin: 0px;
  padding: 0px;
  font-weight: 600;
}
.slider .box.leftImageText .text .price .basketIcon {
  width: 40px;
  display: table-cell;
  vertical-align: top;
}
.slider .box.leftImageText .text .price .basketIcon img {
  width: 30px;
  height: 30px;
  float: right;
}
.slider .box.leftImageText .text.headtext h3 {
  font-size: 20px;
}
.slider .box.leftImageText .text.headtext p {
  font-family: 'Roboto Condensed', sans-serif;
}
.slider .box.leftImageText .text.buttonbottom {
  padding-bottom: 40px;
  position: static;
}
.slider .box.leftImageText .text.buttonbottom a.iconBG {
  position: absolute;
  bottom: 5px;
  width: 50%;
  min-width: 40%;
  font-family: 'Roboto', sans-serif;
}
.slider .box.leftImageText .text.buttonbottom a.iconBG span.icons {
  border: 3px solid #dddddd;
  background-image: url(../images/iconBG_pfeil_rechts_weiss.svg);
}
.slider .box.leftImageText .text.buttonbottom a.iconBG span.text {
  width: 100%;
  color: #ffffff;
  border: 3px solid #dddddd;
}
.slider .box.leftImageText:after {
  content: "";
  display: table;
  clear: both;
}
.slider .box.leftImageText.white {
  background-color: #ffffff !important;
  padding: 0px;
}
.slider .box.leftImageText.white .image {
  padding: 0px;
  height: auto !important;
  width: 38% !important;
}
.slider .box.leftImageText.white .text {
  padding: 10px;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  width: 62% !important;
}
.slider .box.leftImageText.white .text h3 {
  font-size: 16px !important;
  margin-bottom: 5px;
}
.slider .box.leftImageText.white .text p {
  margin-bottom: 5px;
}
.slider .box.imageTextOverlay {
  margin: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
}
.slider .box.imageTextOverlay a .image {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.slider .box.imageTextOverlay a .image img {
  min-height: 78px;
}
.slider .box.imageTextOverlay a .image .articleHeader {
  position: absolute;
  z-index: 3;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  color: #ffffff;
}
.slider .box.imageTextOverlay a .image .articleHeader h3 {
  font-size: 22px;
}
.slider .box.imageTextOverlay a .image .articleHeader h5 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 2px;
}
.slider .box.articleTeaser {
  position: relative;
  margin: 15px;
}
.slider .box.articleTeaser .articleHeader {
  position: absolute;
  height: 80px;
  z-index: 3;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
.slider .box.articleTeaser h5 {
  margin-bottom: 2px;
  font-size: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.slider .box.articleTeaser h3 {
  font-weight: 600;
  font-size: 18px;
  padding-left: 10px;
  padding-right: 10px;
}
.slider .box.articleTeaser .background {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #ffffff;
  position: absolute;
  top: 0px;
  z-index: -1;
}
.slider .box.imgTop {
  background: #ffffff;
}
.slider .box.imgTop .image {
  height: 150px;
  overflow: hidden;
}
.slider .box.imgTop .text {
  background: #ffffff;
  padding: 15px;
  text-align: center;
  /*height:150px;*/
}
.slider .slider .box.whiteBackground {
  background: #ffffff;
  padding: 20px;
  text-align: center;
}
.slider .slider .box.whiteBackground h3 {
  font-weight: bold;
  padding-bottom: 15px;
  font-size: 130%;
}
.slider .slider .box.whiteBackground .text ul,
.slider .slider .box.whiteBackground .text .text p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 110%;
}
.slider .slider .box.whiteBackground .text ul li {
  margin-bottom: 15px;
}
.slider .slider .box.whiteBackground .text .iconBG {
  margin-top: 15px;
}
.slider .slider .box.whiteBackground .text img {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.slider .box.whiteBackground.center {
  text-align: center;
}
.slider .box.whiteBackground.center .text ul {
  text-align: left;
}
.slider .box.lesetips {
  background-color: #dddddd;
  padding: 15px;
}
.slider .box.lesetips h3 {
  font-weight: bold;
  font-size: 130%;
  padding-bottom: 10px;
}
.slider .box.lesetips a.linkArticle,
.slider .box.lesetips .a.linkAusgabe {
  display: block;
  color: #000000;
  padding-bottom: 5px;
}
.slider .box.lesetips a.linkArticle {
  font-weight: bold;
  font-size: 110%;
  padding-left: 20px;
  background-image: url(../images/ms/iconBG_pfeil_rechts.svg);
  background-position: -10px 0px;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
.slider .box.lesetips img.icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 10px;
}
.slider .box.headMediaText {
  background-color: #eeeeee;
  padding: 15px;
  font-family: "Roboto Condensed";
  font-size: 15px;
}
.slider .box.headMediaText h4,
.slider .box.headMediaText h3 {
  font-weight: bold;
}
.slider .box.headMediaText h3.icon.kontakt {
  background-image: url(../images/Kontakt.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 35px;
  min-height: 26px;
}
.slider .box.headMediaText .row {
  margin-bottom: 10px;
}
.slider .box.headMediaText .row:last-child {
  margin-bottom: 0px;
}
.slider .box.headMediaText li {
  padding-bottom: 8px;
}
.slider .box.headMediaText .texte {
  text-align: left;
}
.slider .box.headMediaText .texte.buttonbottom {
  padding-bottom: 40px;
}
.slider .box.headMediaText .texte.buttonbottom a.iconBG {
  position: absolute;
  bottom: -5px;
  width: auto;
  min-width: 40%;
  font-family: 'Roboto', sans-serif;
}
.slider .box.headMediaText .texte.buttonbottom a.iconBG .icons {
  border-color: #eeeeee;
  background-color: #413e3b;
  background-image: url(../images/iconBG_pfeil_rechts_weiss.svg);
}
.slider .box.headMediaText .texte.buttonbottom a.iconBG .text {
  border-color: #eeeeee;
  color: #ffffff;
  background-color: #413e3b;
}
.slider .box.filesshow {
  position: relative;
  border: 2px solid #aeadae;
}
.slider .box.filesshow .icon {
  position: absolute;
  z-index: 1;
  left: -2px;
  top: -2px;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  background-position: 0px 0px;
  background-size: 31px 31px;
  background-repeat: no-repeat;
}
.slider .box.filesshow .icon.ppt {
  background-image: url(../images/file_ppt.png);
}
.slider .box.filesshow .icon.pdf {
  background-image: url(../images/file_pdf.png);
}
.slider .box.filesshow .icon.txt {
  background-image: url(../images/file_txt.png);
}
/*Slider Container*/
.ms_twoBoxesSlider .slider .box.leftImageText {
  margin-top: 0px;
  margin-bottom: 0px;
}
.ms_twoBoxesSlider .slider .box.leftImageText .image {
  width: 25%;
}
.ms_twoBoxesSlider .slider .box.leftImageText .text {
  width: 72%;
  height: 100%;
}
.ms_threeBoxesSlider .slider .box.leftImageText .image {
  width: 30%;
  text-align: right;
}
.ms_threeBoxesSlider .slider .box.leftImageText .text {
  width: 65%;
}
.ms_threeBoxesSlider .slider .ms_threeBoxesSlider .slider .box.leftImageText.white .image {
  width: 35%;
}
.ms_fourBoxesSlider .slider .box.borderImage {
  margin: 0px;
  margin-left: 30px;
  margin-right: 30px;
}
.contentBlock.noPrev .slick-prev.slick-arrow {
  display: none !important;
}
.contentBlock .moreSlides {
  margin-bottom: 80px;
}
.contentBlock .moreSlides:after {
  content: " ";
  position: absolute;
  padding-top: 40px;
  bottom: -40px;
  height: 1px;
  border-bottom: 1px solid #aeadae;
  left: 15px;
  right: 15px;
}
.contentBlock:last-child .moreSlides:last-child {
  margin-bottom: 40px;
}
.contentBlock:last-child .moreSlides:last-child:after {
  content: " ";
  display: none;
}
section.secBackground .contentBlock .moreSlides {
  margin-bottom: 40px;
}
section.secBackground .contentBlock .moreSlides:after {
  content: " ";
  display: none;
}
.contentBlock .noBottomLine:after {
  content: " ";
  display: none;
}
.single_article.ms_oneBoxSlider .moreSlides::after {
  content: " ";
  display: none;
  padding-top: 0px;
  bottom: 0px;
  height: 1px;
  border-bottom: none;
  left: 15px;
  right: 15px;
}
/*########################################################################*/
/*Mediaqueries/
/*########################################################################*/
@media (max-width: 1010px) {
  .slider .box.headMediaText .col-lg-8 .col-md-12.col-8.text,
  .slider .box.headMediaText .col-lg-4.col-md-12.col-4.image {
    text-align: center;
  }
  .slider .box.headMediaText .col-lg-4.col-md-12.col-4.image {
    padding-bottom: 10px;
  }
  .slider .box.headMediaText .col-lg-4.col-md-12.col-4.image img {
    width: 40%;
    display: inline;
  }
}
@media (max-width: 1024px) {
  .slider .box.iconText {
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
  }
  .slider .box.iconText a h5 {
    font-size: 14px !important;
  }
  .slider .box.iconText h3 {
    font-size: 16px !important;
  }
  .slider .box.iconText p {
    font-size: 14px !important;
  }
  .slider .box.borderImage a h3 {
    font-size: 15px !important;
  }
  .slider .box.leftImageText .text h5 {
    font-size: 14px !important;
  }
  .slider .box.leftImageText .text h3 {
    font-size: 16px !important;
  }
  .slider .box.leftImageText.bigFont .text h3 {
    font-size: 22px !important;
  }
  .slider .box.leftImageText .text .price h4 {
    font-size: 16px !important;
  }
  .slider .box.imageTextOverlay {
    font-size: 15px !important;
  }
  .slider .box.imageTextOverlay a .image .articleHeader h3 {
    font-size: 18px !important;
  }
  .slider .box.imageTextOverlay a .image .articleHeader h5 {
    font-size: 16px !important;
  }
  .ms_twoBoxesSlider .slider .box.leftImageText .image {
    width: 35%;
  }
  .ms_twoBoxesSlider .slider .box.leftImageText .text {
    width: 63%;
  }
}
@media (max-width: 768px) {
  .slider .box.imageTextOverlay a .image .articleHeader h3 {
    font-size: 21px;
  }
  .slider .box.leftImageText .text .content {
    height: 65%;
  }
  .slider .box.leftImageText .text .price {
    width: 100%;
    margin-top: 3%;
    height: 35%;
    display: table;
  }
  .slider .box.leftImageText .text .price .basketIcon {
    width: 40px;
    display: block;
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
  }
  .slider .box.leftImageText .text .price .euro {
    display: none;
  }
  .slider .box.headMediaText .image {
    padding-bottom: 20px;
  }
  .slider .box.headMediaText .col-lg-8 .col-md-12.col-8.text,
  .slider .box.headMediaText .col-lg-4.col-md-12.col-4.image {
    text-align: left;
  }
  .slider .box.headMediaText .col-lg-4.col-md-12.col-4.image {
    padding-bottom: 0px;
  }
  .slider .box.headMediaText .col-lg-4.col-md-12.col-4.image img {
    width: 100%;
    display: block;
  }
}
@media (max-width: 640px) {
  .slider .box.leftImageText .text h5 {
    font-size: 16px !important;
  }
  .slider .box.leftImageText .text h3 {
    font-size: 18px !important;
  }
  .slider .box.leftImageText .text .price h4 {
    font-size: 16px !important;
  }
  .slider .box.leftImageText .text {
    float: right;
    text-align: left;
    height: 100%;
  }
  .slider .box.leftImageText .text .content {
    height: 62%;
  }
  .slider .box.leftImageText .text .price {
    margin-top: 3%;
    height: 35%;
    display: table;
  }
  .slider .box.leftImageText .text .price .euro {
    display: table-cell;
    vertical-align: bottom;
  }
  .slider .box.leftImageText .text .price .basketIcon {
    width: 40px;
    display: table-cell;
    vertical-align: bottom;
  }
}
@media (max-width: 576px) {
  .slider {
    /*Box mit Border und Logo*/
    /*Box mit Icon und Text*/
    /*Box mit Bild links und Hintergrundsfarbe*/
    /*Box mit Hintergrundbild und Schrift darüber*/
  }
  .slider .box.borderLogo {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
  }
  .slider .box.borderLogo p {
    padding-top: 0px;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .slider .box.iconText {
    padding: 10px;
    padding-top: 17px;
  }
  .slider .box.leftImageText {
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .slider .box.leftImageText .text .price {
    width: 100%;
    height: 35%;
    vertical-align: bottom;
    display: table-row;
    position: relative;
  }
  .slider .box.leftImageText .text .price .basketIcon {
    width: 30px;
  }
  .slider .box.leftImageText .text .price .basketIcon img {
    width: 30px;
    height: 30px;
  }
  .slider .box.imageTextOverlay {
    padding: 15px;
    padding-top: 0px;
    margin-top: 0px;
    font-size: 16px;
  }
  .slider .box.imageTextOverlay a .image .articleHeader h3 {
    font-size: 17px;
  }
  .slider .box.imageTextOverlay a .image .articleHeader h5 {
    font-size: 16px;
  }
  section .ms_twoBoxesSlider .slider .box.leftImageText {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .contentBlock.noPrev .slick-prev.slick-arrow {
    display: inline-block !important;
  }
}
@media (max-width: 480px) {
  .slider .box.leftImageText .text .content {
    height: 100%;
  }
  .slider .box.leftImageText .text .price {
    display: none;
  }
}
.nachlese_slider .slide {
  background: #68b42e;
  color: white;
  margin-left: 15px;
  margin-right: 15px;
}
.nachlese_slider h3,
.nachlese_slider h5 {
  text-align: center;
  color: white;
}
.nachlese_slider h5 {
  margin-bottom: 0;
}
.nachlese_slider p {
  color: white;
  font-size: 14px;
  margin-bottom: 0;
}
.nachlese_slider .content {
  color: white;
  padding: 10px;
  font-size: 14px;
}
#abovorteile_slider .box {
  background-color: #e4e4e2;
  min-height: 204px;
}
#abovorteile_slider .box .h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}
#abovorteile_slider .box .h4 > span {
  font-weight: 400;
}
.managerseminare #abovorteile_slider .h4 {
  color: #00477f;
}
.ta #abovorteile_slider .h4 {
  color: #f08a00;
}
@media (max-width: 992px) {
  #abovorteile_slider .slick-slider .slick-slide img {
    width: auto;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 776px) {
  #abovorteile_slider .slick-slider .slick-slide img {
    width: 100%;
    height: auto;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* SW Teaser slider */
.sw_slider .box:hover,
.sw_slider .box {
  background-color: #e4e4e2 !important;
  min-height: 270px;
}
.sw_slider .slick-slider .slick-slide .h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  width: 96%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
}
.sw_slider .slick-slider .slick-slide div.forimg_highN {
  max-height: 179px !important;
  overflow: hidden;
}
.sw_slider .slick-slider .slick-slide img.play {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sw_slider .slick-slider .slick-slide div.tvcontent {
  position: relative;
  display: inline-block;
  width: 100%;
}
.sw_slider .slick-slider .slick-slide .textBlock {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.sw_slider a {
  color: #413e3b !important;
}
.sw_slider .slick-slider .slick-slide img.swcontent {
  width: 100%;
  margin: 0px;
}
.sw_slider .slick-slider .slick-slide figure.swcontent span.copyright {
  position: static !important;
}
@media (max-width: 992px) {
  .sw_slider .slick-slider .slick-slide figure.swcontent,
  .sw_slider .slick-slider .slick-slide img.swcontent {
    width: auto;
    width: 100%;
    height: auto;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
  div.h4 {
    font-size: 20px !important;
    line-height: 26px;
  }
  .sw_slider .slick-slider .slick-slide .textBlock.imgQ {
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 776px) {
  .sw_slider .slick-slider .slick-slide img.swcontent {
    width: auto !important;
    max-width: none !important;
    max-height: 140px !important;
    margin-left: auto;
    margin-right: auto;
  }
  .sw_slider .slick-slider .slick-slide img.highN {
    max-height: none;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .sw_slider .slick-slider .slick-slide .textBlock.imgQ {
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 720px) {
  .sw_slider .slick-slider .slick-slide .textBlock.imgQ {
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 770px) {
  .sw_slider .slick-slider .slick-slide img.highN {
    max-height: 180px !important;
    width: auto !important;
    margin: 0px;
  }
  .sw_slider .slick-slider .slick-slide .textBlock {
    -webkit-line-clamp: 9;
  }
}
/* Fehler */
.Error {
  color: red;
  font-weight: bold;
}
/* listloader */
#listloader {
  opacity: 0.4;
  height: 700px;
  width: 100%;
  background: #efefef url('/common/images/img_loading.gif') no-repeat 50% 20%;
  background-size: 120px 120px;
}
/*social buttons*/
.social {
  margin-top: 10px;
  margin-bottom: 5px;
  width: 100%;
  text-align: right;
}
.social a,
.social a img {
  height: 20px;
  display: inline-block;
  width: auto;
}
/*runde social buttons*/
.social.round {
  margin-bottom: 15px;
  width: 100%;
  text-align: right;
  min-height: 40px;
}
.social.round a {
  width: 18.3%;
  display: block;
  max-width: 40px;
  float: left;
  height: 100%;
  margin-right: 2%;
}
.social.round a:hover {
  opacity: 0.7;
}
.social.round a:last-child {
  margin-right: 0px;
}
.social.round a span {
  width: 100%;
  /*	border-radius: 50%;/*
/*	background-color: transparent;*/
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  /*	background-size: 20px; */
  position: relative;
  height: auto;
  padding-top: 100%;
}
.social.round a span.facebook {
  background-image: url(/common/images/social_facebook.svg);
}
.social.round a:hover span.facebook {
  background-image: url(/common/images/social_facebook_hover.svg);
}
.social.round a span.twitter {
  background-image: url(/common/images/social_twitter.svg);
}
.social.round a:hover span.twitter {
  background-image: url(/common/images/social_twitter_hover.svg);
}
.social.round a span.email {
  background-image: url(/common/images/social_email.svg);
}
.social.round a:hover span.email {
  background-image: url(/common/images/social_email_hover.svg);
}
.social.round a span.xing {
  background-image: url(/common/images/social_xing.svg);
}
.social.round a:hover span.xing {
  background-image: url(/common/images/social_xing_hover.svg);
}
.social.round a span.in {
  background-image: url(/common/images/social_in.svg);
}
.social.round a:hover span.in {
  background-image: url(/common/images/social_in_hover.svg);
}
.social.round a span img {
  height: auto;
  width: 20px;
  margin-top: 2px;
}
.shariff {
  margin-bottom: 5px;
  width: 100%;
  text-align: right;
  min-height: 40px;
  margin-top: 5px;
}
.shariff ul {
  list-style-type: none;
  height: 100%  !important;
  min-height: 40px;
  padding-left: 0;
}
.shariff ul li {
  background-image: none!important;
  padding-left: 0px!important;
  min-width: unset!important;
  width: 18.3%;
  height: 40px  !important;
  float: left;
  display: inline-block;
  margin-right: 1.7%;
  max-width: 40px;
}
.shariff .share_text {
  display: none!important;
}
.shariff a {
  background: transparent;
  background-color: transparent!important;
  width: 100%;
  position: relative;
  height: 100%!important;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}
.shariff .facebook a {
  background-image: url(/common/images/social_facebook.svg) !important;
}
.shariff .facebook a:hover {
  background-image: url(/common/images/social_facebook_hover.svg) !important;
}
.shariff .twitter a {
  background-image: url(/common/images/social_twitter.svg) !important;
}
.shariff .twitter a:hover {
  background-image: url(/common/images/social_twitter_hover.svg) !important;
}
.shariff .mail a {
  background-image: url(/common/images/social_email.svg) !important;
}
.shariff .mail a:hover {
  background-image: url(/common/images/social_email_hover.svg) !important;
}
.shariff .xing a {
  background-image: url(/common/images/social_xing.svg) !important;
}
.shariff .xing a:hover {
  background-image: url(/common/images/social_xing_hover.svg) !important;
}
.shariff .linkedin a {
  background-image: url(/common/images/social_in.svg) !important;
}
.shariff .linkedin a:hover {
  background-image: url(/common/images/social_in_hover.svg) !important;
}
section.anleseHeft .shariff ul,
section.anleseHeft .shariff {
  margin-bottom: 0px !important;
}
/*Tabellen*/
table {
  width: 100%;
}
/*Tabelle mit Rand*/
table.borders {
  border: 1px solid #aeadae;
}
table.borders tr td {
  vertical-align: top;
  padding: 10px;
  border-bottom: 1px solid #aeadae;
  border-right: 1px solid #aeadae;
}
table.borders tr td:last-child {
  border-right: none;
}
table.borders tr:last-child td {
  border-bottom: none;
}
/* Und noch Image border*/
img.imgshd {
  border: 1px solid #cccccc;
}
/* Skycraper */
div.sky img {
  max-width: 200px !important;
  width: 100% !important;
}
div.sky {
  right: 0px;
  position: absolute;
  padding: 0 !important;
  margin-top: 75px;
  z-index: 10;
}
@media (max-width: 1460px) {
  div.sky img {
    max-width: 165px !important;
  }
}
@media (max-width: 1270px) {
  #s_add {
    display: none !important;
  }
}
.confirm_wrap {
  z-index: 999999;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.confirm_wrap .clearfix::before,
.confirm_wrap .clearfix::after {
  content: " ";
  display: table;
}
.confirm_wrap .clearfix::after {
  clear: both;
}
.confirm_wrap .clearfix {
  *zoom: 1;
  /* Für den IE6 und IE7 */
}
footer.footer_with_cookie_banner {
  padding-bottom: 225px!important;
}
#COK_wrap {
  display: none;
}
.confirm_box {
  overflow: hidden;
  background: #929495;
  padding: 20px 0 80px 0;
  font-size: 16px;
  line-height: 24px;
  color: #FFF;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(30, 30, 30, 0.6);
  -moz-box-shadow: 0px 0px 6px 0px rgba(30, 30, 30, 0.6);
  box-shadow: 0px 0px 6px 0px rgba(30, 30, 30, 0.6);
}
.confirm_box .confirm_x {
  position: relative;
  top: 2px;
  right: 2px;
}
.confirm_box .confirm_btn,
.confirm_box .confirm_btn:visited,
.confirm_box .confirm_btn:focus,
.confirm_box .confirm_btn:active {
  display: inline-block;
  color: white;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  background-color: #413e3b;
  margin-top: 10px;
  text-decoration: none;
  padding: 0px 10px;
}
.confirm_box .confirm_btn:hover {
  background-color: white;
  color: #413e3b;
  transition: 0.3s all;
}
.confirm_box a {
  color: #FFF;
  font-weight: bold;
}
.confirm_box p {
  display: block;
  margin: 0;
  padding: 0;
}
.confirm_box p a.link {
  text-decoration: none;
}
@media (max-width: 776px) {
  .confirm_box {
    padding-bottom: 50px;
  }
}
#back-to-top-wrap {
  display: none;
  z-index: 999;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: white;
  text-align: center;
  cursor: pointer;
  border: 1px #413e3b solid;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(30, 30, 30, 0.6);
  -moz-box-shadow: 0px 0px 6px 0px rgba(30, 30, 30, 0.6);
  box-shadow: 0px 0px 6px 0px rgba(30, 30, 30, 0.6);
  font-size: 12px;
  border-radius: 5px;
  padding: 3px 10px;
}
#back-to-top-wrap .text {
  vertical-align: top;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 30px;
}
#back-to-top-wrap img {
  height: 22px;
  padding-top: 6px;
  display: inline-block;
  width: auto;
  vertical-align: super;
}
@media (max-width: 776px) {
  #back-to-top-wrap {
    padding: 0px 10px;
    bottom: 5px;
    right: 5px;
  }
}
#contact-footer-box {
  background: white;
  position: fixed;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(30, 30, 30, 0.6);
  -moz-box-shadow: 0px 0px 6px 0px rgba(30, 30, 30, 0.6);
  box-shadow: 0px 0px 6px 0px rgba(30, 30, 30, 0.6);
  bottom: 10px;
  left: 10px;
  border-radius: 5px;
  width: 270px;
  padding: 7px 15px 7px 15px;
  border: 1px #413e3b solid;
}
#contact-footer-box:not(.active) .hide_icon {
  display: none;
}
#contact-footer-box.active .show_icon {
  display: none;
}
#contact-footer-box.active {
  padding-bottom: 15px;
}
#contact-footer-box .heading {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: #413e3b;
  cursor: pointer;
}
#contact-footer-box .heading img {
  height: 30px;
  width: unset;
  float: right;
}
#contact-footer-box .content {
  margin-top: 20px;
  display: none;
}
#contact-footer-box .response-feedback .alert {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  #contact-footer-box {
    width: 210px;
    padding: 10px;
  }
  #contact-footer-box .heading {
    font-size: 16px;
    line-height: 24px;
  }
  #contact-footer-box .heading img {
    height: 24px;
  }
}
@media (max-width: 776px) {
  #contact-footer-box {
    max-height: 80vh;
    overflow-y: scroll;
    bottom: 5px;
    left: 5px;
    width: 220px;
    padding: 5px 10px;
  }
  #contact-footer-box .heading {
    font-size: 15px;
    line-height: 22px;
  }
  #contact-footer-box .heading img {
    height: 22px;
  }
}
#abo_videos_ctr {
  display: flex;
  margin-top: 10px;
}
#abo_videos_ctr > div {
  width: 49%;
}
#abo_videos_ctr > div:first-of-type {
  margin-right: 2%;
}
#abo_videos_ctr div > img {
  width: 100%;
  cursor: pointer;
}
#videoOverlay {
  margin-top: 100px;
}
#videoOverlay .modal-dialog {
  max-width: 700px;
}
@media (max-width: 768px) {
  #videoOverlay {
    padding: 0!important;
  }
  #videoOverlay .modal-dialog {
    max-width: unset;
    margin: 0;
  }
}
.assignment_type_1 .box:hover,
.assignment_type_1 .box {
  background-color: #e4e4e2 !important;
  min-height: 250px;
}
.assignment_type_1 .textBlock {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  color: inherit;
}
.assignment_type_1 a .textBlock {
  color: #413e3b;
}
.assignment_type_2 {
  margin-bottom: 20px;
}
.assignment_type_2 div.tkBildBlock {
  border: 1px solid #aeadae;
  margin-top: 0;
  position: relative;
  overflow: hidden;
  padding-top: 107%;
}
.assignment_type_2 div.tkBildBlock div.imgAr {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  cursor: pointer;
}
details.tk_tipps {
  padding: 10px 0px;
  border-bottom: 1px solid #aeadae;
  margin-bottom: 40px;
}
details.tk_tipps .content {
  border-top: 1px solid #aeadae;
  padding: 10px 0px 10px 0;
  margin-top: 0px;
}
details.tk_tipps .content ul.link_list {
  list-style-type: none;
  padding: 0!important;
  background: none !important;
  margin: 0;
}
details.tk_tipps .content ul.link_list li {
  padding-left: 0!important;
  background: none !important;
  padding: 3px 0;
}
details.tk_tipps .content ul.link_list li a {
  color: #c3242d;
}
details.tk_tipps summary {
  font-size: 22px;
  color: #c3242d;
  font-weight: 600;
  list-style: none;
  position: relative;
  padding-bottom: 10px;
  padding-right: 20px;
}
details.tk_tipps summary::-webkit-details-marker {
  display: none;
}
details.tk_tipps summary::after {
  color: #c3242d;
  content: " ▼";
  position: absolute;
  top: 0;
  right: 0;
}
details.tk_tipps[open] summary:after {
  content: " ▲";
}
.tktipps_content h2,
.tktipps_content h3,
.tktipps_content h4,
.tktipps_content h5,
.tktipps_content h6 {
  color: #413E3B !important;
}
.tktipps_content .h2,
.tktipps_content .h3,
.tktipps_content .h4,
.tktipps_content .h5,
.tktipps_content .h6 {
  color: #413E3B !important;
}
.tlbr_block,
.trbl_block,
.t_block,
.b_block,
.tl1_3_br2_3_block,
.tr2_3_bl1_3_block {
  margin-bottom: 30px;
}
.tlbr_block,
.trbl_block,
.tl1_3_br2_3_block,
.tr2_3_bl1_3_block {
  display: flex;
  flex-wrap: wrap;
}
.tlbr_block > .text-wrapper,
.trbl_block > .text-wrapper,
.tl1_3_br2_3_block > .text-wrapper,
.tr2_3_bl1_3_block > .text-wrapper {
  width: 100%;
  order: 2;
}
.tlbr_block > .image-wrapper,
.trbl_block > .image-wrapper,
.tl1_3_br2_3_block > .image-wrapper,
.tr2_3_bl1_3_block > .image-wrapper {
  width: 100%;
  order: 1;
  margin-bottom: 20px;
}
.text-wrapper .text_bild {
  width: auto;
}
@media (min-width: 768px) {
  .tlbr_block > .text-wrapper {
    width: 50%;
    order: 1;
  }
  .tlbr_block > .image-wrapper {
    width: calc(50% - 30px);
    order: 2;
    margin-left: 30px;
    margin-bottom: 0px;
  }
  .trbl_block > .text-wrapper {
    width: 50%;
    order: 2;
  }
  .trbl_block > .image-wrapper {
    width: calc(50% - 30px);
    order: 1;
    margin-bottom: 0;
    margin-right: 30px;
  }
  .tl1_3_br2_3_block > .text-wrapper {
    width: 50%;
    order: 1;
  }
  .tl1_3_br2_3_block > .image-wrapper {
    width: calc(50% - 30px);
    order: 2;
    margin-left: 30px;
    margin-bottom: 0px;
  }
  .tr2_3_bl1_3_block > .text-wrapper {
    width: 50%;
    order: 2;
  }
  .tr2_3_bl1_3_block > .image-wrapper {
    width: calc(50% - 30px);
    order: 1;
    margin-bottom: 0;
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  .tlbr_block > .text-wrapper,
  .trbl_block > .text-wrapper {
    width: 65%;
  }
  .tlbr_block > .image-wrapper,
  .trbl_block > .image-wrapper {
    width: calc(35% - 30px);
  }
  .tl1_3_br2_3_block > .text-wrapper,
  .tr2_3_bl1_3_block > .text-wrapper {
    width: calc(35% - 30px);
  }
  .tl1_3_br2_3_block > .image-wrapper,
  .tr2_3_bl1_3_block > .image-wrapper {
    width: 65%;
  }
}
.label {
  padding: 3px 7px;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.kat_links h3 {
  font-weight: 400;
}
.assigned_tutorial {
  border-top: 1px solid #413e3b;
  border-bottom: 1px solid #413e3b;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.assigned_tutorial h3 {
  color: #00477f !important;
  font-weight: 400;
}
.assigned_tutorial a.iconBG span.text {
  width: unset;
}
.assigned_tutorial a.iconBG span.icons {
  background-image: url(../images/iconBG_pfeil_rechts_weiss.svg);
}
.assigned_printanzeige {
  border-top: 1px solid #413e3b;
  border-bottom: 1px solid #413e3b;
  display: block;
  padding: 30px 0;
  margin: 30px 0;
}
.assigned_printanzeige .link {
  color: #00477f;
}
.assigned_printanzeige .info {
  color: #666666;
  text-transform: uppercase;
  font-size: 10pt;
  margin-bottom: 5px;
}
.assigned_printanzeige .wrapper {
  display: flex;
}
.assigned_printanzeige .wrapper > div {
  width: 50%;
  background: #E4E4E2;
}
.assigned_printanzeige .wrapper .text_wrapper {
  padding: 10px;
  font-size: 15px;
  line-height: 1.45;
  color: #413e3b;
}
.assigned_printanzeige .wrapper .text_wrapper .heading {
  font-weight: bold;
}
@media (max-width: 992px) {
  .assigned_printanzeige .wrapper > div {
    width: 100%;
  }
  .assigned_printanzeige .wrapper {
    flex-direction: column;
  }
}
/*##############
Buttons mit rundem Icon davor*/
button.iconBG {
  border: none;
  background: none;
  width: auto !important;
  display: inline-block;
}
a.iconBG {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 776px) {
  a.iconBG {
    max-width: 225px;
  }
}
/* einfache Submit bzw. Buttons: */
.sendForm {
  width: 160px;
  border: none;
  height: 40px;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 5px;
}
button.iconBG span.icons,
a.iconBG span.icons {
  background-color: #423f3c;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 3px solid #ffffff;
  height: 44px;
  width: 44px;
  padding: 2px;
  vertical-align: middle;
  position: absolute;
  background-image: url(../images/Pfeil2_rechts.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 29px 29px;
}
a.iconBG span.icons {
  background-size: 25px 25px;
}
a.iconBG.merkenBtn.doMerkzettel span.text {
  border: 3px solid #ffffff;
}
button.iconBG span.text,
a.iconBG span.text {
  background-color: #413e3b;
  border: 3px solid #ffffff;
  height: 44px !important;
  width: 100%;
  font-size: 14px !important;
  margin-left: 20px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  display: inline-block !important;
  float: none !important;
  font-weight: normal !important;
}
button.iconBG span.text .textcell,
a.iconBG span.text .textcell {
  vertical-align: middle;
  display: table-cell;
  height: 40px;
}
button.iconBG span.text .textcell {
  color: #ffffff;
}
button.iconBG:hover,
.contentBlock.tabs .nav-pills .nav-link:hover,
a.iconBG:hover {
  opacity: 1;
}
section.payContent .payOverlay section a.iconBG span.icons.einkaufswagen {
  background-image: url(../images/iconBG_einkaufswagen_weiss.svg);
}
section.payContent .payOverlay section a.iconBG span.icons.person {
  background-image: url(../images/iconBG_person_weiss.svg);
}
section.payContent .payOverlay section a.iconBG span.text .textcell {
  color: #ffffff;
}
/*##############
Auf und Zuklappen: */
/*weniger - mehr*/
span.more {
  cursor: pointer;
  font-weight: bold;
  font-style: normal !important;
  position: relative;
  padding-right: 20px;
  white-space: nowrap;
}
span.more:after {
  position: absolute;
  right: 0px;
  top: 5px;
}
span.more.closed::after {
  content: "";
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 12px 7.5px 0 7.5px;
  border-color: #aeadae transparent transparent transparent;
}
span.more.open:after {
  content: "";
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 7.5px 12px 7.5px;
  border-color: transparent transparent #aeadae transparent;
}
.openToggleText {
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
  text-decoration: underline;
}
.openToggleText .caret {
  background-image: url(/common/images/Pfeil2_oben.svg);
  background-position: 2px 5px;
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
  display: inline-block;
}
.openToggleText.collapsed .caret {
  background-image: url(/common/images/Pfeil2_unten.svg);
  background-position: 2px 5px;
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
  display: inline-block;
}
.textCollapse .collapsingParts {
  margin-bottom: 40px;
}
.textCollapse h3 {
  font-weight: bold;
  margin-bottom: 20px;
}
.textCollapse .toggleText {
  margin-bottom: 40px;
  padding-left: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.textCollapse .toggleText.column {
  column-count: 2;
  column-gap: 30px;
}
.textCollapse .toggleText.column p {
  orphans: 2;
  /*widows: 2;*/
}
.textCollapse .toggleText a {
  font-weight: bold;
}
.textCollapse .toggleText .box {
  background-color: #eeeeee;
  padding: 15px;
}
.toggleText .imageToggle {
  width: 30%;
  margin-right: 30px;
  float: left;
}
a.black,
h3.black {
  color: black !important;
}
ol.bestseller {
  color: black;
  padding-left: 25px;
}
h3.bestseller {
  border: 1px solid #cccccc;
  text-align: center;
  margin: 0px;
  padding: 10px;
  background: white;
  width: 100%;
}
table.bestseller {
  border-collapse: collapse;
  table-layout: fixed;
}
table.bestseller td {
  border: 1px solid #cccccc;
}
table.bestseller tr:first-of-type td {
  border-top: 0px;
}
table.bestseller td {
  padding: 5px;
  height: 100px;
}
table.bestseller td.number {
  text-align: center;
  width: 30px;
  color: white;
  font-size: 18px;
}
table.bestseller td.forImage {
  width: 75px;
}
table.bestseller td.forImage img {
  object-fit: scale-down;
  max-width: 65px;
  max-height: 89px;
}
table.bestseller td span.autor {
  font-size: 13px;
  height: 20px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  div.ms_article.contentBlock.line {
    padding-bottom: 0px !important;
  }
}
@media (min-width: 768px) {
  table.bestseller.left td {
    border-right: 0px;
  }
}
/*########################################################################*/
/*Websitesuche */
/*########################################################################*/
div.searchBlock h4 {
  padding-top: 15px !important;
  font-weight: bold !important;
}
div.searchBlock .searchResultBody ul {
  margin-bottom: 0px !important;
}
div.searchBlock .searchResultBody {
  margin-bottom: 1rem !important;
}
div.searchBlock .searchResultBody a.moreResults {
  font-weight: 550 !important;
}
/* Filter Chip Styles */
.filter-chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.filter-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: flex-end;
}
.filter-action-link {
  color: #00477f;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s ease;
}
.filter-action-link:hover {
  color: #00477f;
  text-decoration: underline;
}
.filter-action-separator {
  color: #6c757d;
  font-size: 14px;
}
.filter-chip {
  display: inline-flex;
  background-color: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 25px;
  padding: 8px 16px;
  margin: 0;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  font-weight: 500;
  color: #413e3b;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  min-width: fit-content;
}
.filter-chip:hover {
  background-color: #e9ecef;
  border-color: #dee2e6;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.filter-chip:has(input[type="checkbox"]:checked):not(.disabled) {
  background-color: #00477f;
  border-color: #00477f;
  color: white;
}
.filter-chip:has(input[type="checkbox"]:checked):not(.disabled):hover {
  background-color: #00345c;
  border-color: #00345c;
}
.filter-chip.disabled {
  background-color: #f1f3f4;
  border-color: #e9ecef;
  color: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}
.filter-chip.disabled:hover {
  background-color: #f1f3f4;
  border-color: #e9ecef;
  transform: none;
  box-shadow: none;
}
.filter-chip.disabled .chip-count {
  opacity: 0.5;
}
.filter-chip .chip-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.filter-chip .chip-count {
  font-weight: 400;
  opacity: 0.8;
}
.filter-chip .chip-dismiss {
  display: none;
}
.filter-chip:has(input[type="checkbox"]:checked):not(.disabled) .chip-dismiss {
  display: inline;
}
/* Loading Spinner Styles */
.loading-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-spinner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2px);
}
.loading-spinner-content {
  position: relative;
  background: white;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  text-align: center;
  z-index: 1;
}
.spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto 15px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #00477f;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-spinner p {
  margin: 0;
  color: #413e3b;
  font-size: 16px;
  font-weight: 500;
}
/* Prevent scrolling when loading */
body.loading {
  overflow: hidden;
}
@media (max-width: 776px) {
  html {
    overflow-x: hidden;
  }
}
/*########################################################################*/
/* MediaQueries*/
/*########################################################################*/
/* Containerbreiten #######################*/
.container {
  max-width: 1500px;
}
@media (min-width: 1448px) {
  section .ad img {
    margin-right: -15px;
  }
}
@media (max-width: 1300px) {
  .container {
    max-width: 1100px;
  }
  .container {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  /*.container {max-width: 1060px;}*/
}
@media (max-width: 1140px) {
  /*.container {max-width: 920px;}*/
}
@media (max-width: 1024px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 84%;
  }
  #searchExtendDropdown .container {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .container {
    max-width: 100%;
  }
  #searchExtendDropdown .container {
    max-width: 100%;
    width: 100%;
  }
}
/* Containerbreiten ENDE  #######################*/
/* Sliderbreiten und Abstände #############################*/
@media (min-width: 1025px) {
  .deskSpace60px .moreSlides {
    margin-left: -30px;
    margin-right: -30px;
  }
  .deskSpace60px .moreSlides .line::after {
    content: " ";
    left: 30px;
    right: 30px;
  }
  .deskSpace60px .moreSlides .slick-prev {
    left: -30px;
  }
  .deskSpace60px .moreSlides .slick-next {
    right: -30px;
  }
  .deskSpace60px .moreSlides .box {
    margin-left: 30px;
    margin-right: 30px;
  }
  .deskSpace30px .moreSlides {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deskSpace30px .moreSlides .slick-prev {
    left: -45px;
  }
  .deskSpace30px .moreSlides .slick-next {
    right: -45px;
  }
  .deskSpace30px .moreSlides .box {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 1024px) {
  .deskSpace60px .moreSlides {
    margin-left: -30px;
    margin-right: -30px;
  }
  .deskSpace60px .moreSlides .slick-prev {
    left: -30px;
  }
  .deskSpace60px .moreSlides .slick-next {
    right: -30px;
  }
  .deskSpace30px .moreSlides {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deskSpace30px .moreSlides .slick-prev {
    left: -45px;
  }
  .deskSpace30px .moreSlides .slick-next {
    right: -45px;
  }
  .deskSpace30px .moreSlides .box {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 768px) {
  .tablSpace60px .moreSlides {
    margin-left: -30px;
    margin-right: -30px;
  }
  .tablSpace60px .moreSlides::after {
    content: " ";
    left: 30px;
    right: 30px;
  }
  .tablSpace60px .moreSlides .slick-prev {
    left: -30px;
  }
  .tablSpace60px .moreSlides .slick-next {
    right: -30px;
  }
  .tablSpace60px .moreSlides .box {
    margin-left: 30px;
    margin-right: 30px;
  }
  .tablSpace30px .moreSlides {
    margin-left: -15px;
    margin-right: -15px;
  }
  .tablSpace30px .moreSlides::after {
    content: " ";
    left: 15px;
    right: 15px;
  }
  .tablSpace30px .moreSlides .slick-prev {
    left: -45px;
  }
  .tablSpace30px .moreSlides .slick-next {
    right: -45px;
  }
  .tablSpace30px .moreSlides .box {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 640px) {
  .tablSpace60px .moreSlides {
    margin-left: -30px;
    margin-right: -30px;
  }
  .tablSpace60px .moreSlides .slick-prev {
    left: -30px;
  }
  .tablSpace60px .moreSlides .slick-next {
    right: -30px;
  }
  .tablSpace60px .moreSlides .box {
    margin-left: 30px;
    margin-right: 30px;
  }
  .tablSpace30px .moreSlides {
    margin-left: -15px;
    margin-right: -15px;
  }
  .tablSpace30px .moreSlides .slick-prev {
    left: -45px;
  }
  .tablSpace30px .moreSlides .slick-next {
    right: -45px;
  }
  .tablSpace30px .moreSlides .box {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 577px) {
  /*Slider im Contentbereich auf Artikelseiten */
  .single_article.ms_oneBoxSlider .moreSlides {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 0px;
  }
  .single_article.ms_oneBoxSlider .moreSlides .slick-prev {
    left: -50px;
  }
  .single_article.ms_oneBoxSlider .moreSlides .slick-next {
    right: -50px;
  }
  /*Slider Meinungen im Contentbereich auf Leadership*/
  .single_article.ms_oneBoxSlider .moreSlides.leaderShipMeinungen {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 576px) {
  .mobSpace60px .moreSlides {
    margin-left: -30px;
    margin-right: -30px;
  }
  .mobSpace60px .moreSlides .slick-prev {
    left: 5px;
  }
  .mobSpace60px .moreSlides .slick-next {
    right: 5px;
  }
  .mobSpace60px .moreSlides .box {
    margin-left: 30px;
    margin-right: 30px;
  }
  .mobSpace30px .moreSlides {
    margin-left: -15px;
    margin-right: -15px;
  }
  .mobSpace30px .moreSlides .slick-prev {
    left: 5px;
  }
  .mobSpace30px .moreSlides .slick-next {
    right: 5px;
  }
  .mobSpace30px .moreSlides .box {
    margin-left: 0px;
    margin-right: 0px;
  }
  .mobSpace0px .moreSlides {
    margin-left: -15px;
    margin-right: -15px;
  }
  .mobSpace0px .moreSlides .slick-prev {
    left: -30px;
  }
  .mobSpace0px .moreSlides .slick-next {
    right: -30px;
  }
  .mobSpace0px .moreSlides .box {
    margin-left: 0px;
    margin-right: 0px;
  }
  /*Slider im Contentbereich auf Artikelseiten */
  .single_article.ms_oneBoxSlider .moreSlides {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .single_article.ms_oneBoxSlider .moreSlides .slick-prev {
    left: -50px;
  }
  .single_article.ms_oneBoxSlider .moreSlides .slick-next {
    right: -50px;
  }
  .contentBlock.result .row .third {
    padding-bottom: 1em;
  }
  .contentBlock.result .row:last-child .first,
  .contentBlock.result .row:last-child .second,
  .contentBlock.result .row .first,
  .contentBlock.result .row .second {
    padding-bottom: 5px;
  }
  .contentBlock.result:last-child .row .third,
  .contentBlock.result .row .third {
    padding-bottom: 1em;
  }
}
@media (max-width: 480px) {
  .mobSpace60px .moreSlides .slick-prev {
    left: -10px;
  }
  .mobSpace60px .moreSlides .slick-next {
    right: -10px;
  }
  .mobSpace30px .moreSlides .slick-prev {
    left: 5px;
  }
  .mobSpace30px .moreSlides .slick-next {
    right: 5px;
  }
  .mobSpace0px .moreSlides .slick-prev {
    left: 5px;
  }
  .mobSpace0px .moreSlides .slick-next {
    right: 5px;
  }
  .single_article.ms_oneBoxSlider .moreSlides .slick-prev {
    left: -40px;
  }
  .single_article.ms_oneBoxSlider .moreSlides .slick-next {
    right: -40px;
  }
}
/* Sliderbreiten ENDe #######################*/
/*# sourceMappingURL=theme.css.map */