/* Fehler bei der Verkleinerung. Der Inhalt wird unverkleinert zurückgegeben.
(2419,53): run-time error CSS1030: Expected identifier, found '*'
(2419,54): run-time error CSS1031: Expected selector, found ')'
(2419,54): run-time error CSS1025: Expected comma or open brace, found ')'
(2426,55): run-time error CSS1030: Expected identifier, found '*'
(2426,56): run-time error CSS1031: Expected selector, found ')'
(2426,56): run-time error CSS1025: Expected comma or open brace, found ')'
(2431,53): run-time error CSS1030: Expected identifier, found '*'
(2431,54): run-time error CSS1031: Expected selector, found ')'
(2431,54): run-time error CSS1025: Expected comma or open brace, found ')'
(2447,55): run-time error CSS1030: Expected identifier, found '*'
(2447,56): run-time error CSS1031: Expected selector, found ')'
(2447,56): run-time error CSS1025: Expected comma or open brace, found ')'
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
header,footer,div,span,p,ul,li,a,figure,h1,h2,h3,h4,h5,h6,input,textarea,select,time,nav { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing:border-box; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

pre { white-space:normal }

sup {
	vertical-align: baseline;
    position: relative;
    top: -8px;
    font-size: smaller;
}

sub {
	vertical-align: baseline;
    position: relative;
    bottom: -8px;
    font-size: smaller;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
@media screen and (max-width: 900px) {
  html.advent-calendar1 .m1 > .image:first-child img,
  html.advent-calendar2 .m1 > .image:first-child img,
  html.advent-calendar3 .m1 > .image:first-child img {
    max-width: 100% !important;
    height: auto !important;
  }
}
html.advent-calendar1 .blog-items,
html.advent-calendar2 .blog-items,
html.advent-calendar3 .blog-items {
  max-width: 900px;
  counter-reset: section;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto !important;
}
html.advent-calendar1 .blog-items .blog-item,
html.advent-calendar2 .blog-items .blog-item,
html.advent-calendar3 .blog-items .blog-item {
  padding-bottom: 30px !important;
  flex: 50% !important;
  overflow: unset !important;
}
@media screen and (min-width: 760px) {
  html.advent-calendar1 .blog-items .blog-item,
  html.advent-calendar2 .blog-items .blog-item,
  html.advent-calendar3 .blog-items .blog-item {
    flex: 30% !important;
  }
}
@media screen and (min-width: 1024px) {
  html.advent-calendar1 .blog-items .blog-item,
  html.advent-calendar2 .blog-items .blog-item,
  html.advent-calendar3 .blog-items .blog-item {
    flex: 25% !important;
  }
}
html.advent-calendar1 .blog-items .blog-item a[href='#'],
html.advent-calendar2 .blog-items .blog-item a[href='#'],
html.advent-calendar3 .blog-items .blog-item a[href='#'] {
  pointer-events: none;
}
html.advent-calendar1 .blog-items .blog-item.upcoming,
html.advent-calendar2 .blog-items .blog-item.upcoming,
html.advent-calendar3 .blog-items .blog-item.upcoming {
  cursor: not-allowed;
  opacity: 0.5;
}
html.advent-calendar1 .blog-items .blog-item figure,
html.advent-calendar2 .blog-items .blog-item figure,
html.advent-calendar3 .blog-items .blog-item figure {
  height: 200px;
  width: 100% !important;
  background: url(/content/css/activebeauty-at/i/advent-calendar/1.svg) no-repeat center bottom;
  transition: all ease-in-out 300ms;
}
html.advent-calendar1 .blog-items .blog-item figure picture,
html.advent-calendar2 .blog-items .blog-item figure picture,
html.advent-calendar3 .blog-items .blog-item figure picture,
html.advent-calendar1 .blog-items .blog-item figure img,
html.advent-calendar2 .blog-items .blog-item figure img,
html.advent-calendar3 .blog-items .blog-item figure img,
html.advent-calendar1 .blog-items .blog-item figure .video,
html.advent-calendar2 .blog-items .blog-item figure .video,
html.advent-calendar3 .blog-items .blog-item figure .video {
  display: none;
}
html.advent-calendar1 .blog-items .blog-item .content-container,
html.advent-calendar2 .blog-items .blog-item .content-container,
html.advent-calendar3 .blog-items .blog-item .content-container {
  display: none;
}
html.advent-calendar1 .blog-items .blog-item a:before,
html.advent-calendar2 .blog-items .blog-item a:before,
html.advent-calendar3 .blog-items .blog-item a:before {
  counter-increment: section;
  content: counter(section);
  font-family: Paralines;
  font-size: 130px;
  position: absolute;
  top: 0;
  left: 10%;
  line-height: 100%;
  color: black;
  z-index: 10;
  transition: all ease-in-out 300ms;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(1) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(1) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(1) a:before {
  left: 30%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(2) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(2) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(2) a:before {
  top: 88px;
  left: auto;
  right: -20px;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(2) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(2) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(2) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/2.svg);
  background-size: auto 86%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(3) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(3) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(3) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(26) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(26) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(26) a:before {
  left: auto;
  right: -24px;
  top: 0;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(3) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(3) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(3) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(26) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(26) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(26) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/3.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(26) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(26) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(26) a:before {
  top: 96px;
  right: -42px;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(4) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(4) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(4) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(27) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(27) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(27) a:before {
  top: 18%;
  left: auto;
  right: 0;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(4) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(4) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(4) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(27) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(27) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(27) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/4.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(5) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(5) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(5) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(28) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(28) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(28) a:before {
  top: 80px;
  left: auto;
  right: 10%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(5) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(5) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(5) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(28) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(28) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(28) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/5.svg);
  background-size: auto 86%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(6) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(6) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(6) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(29) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(29) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(29) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(38) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(38) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(38) a:before {
  left: 20%;
  right: auto;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(6) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(6) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(6) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(29) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(29) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(29) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(38) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(38) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(38) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/6.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(7) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(7) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(7) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(30) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(30) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(30) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(39) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(39) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(39) a:before {
  left: auto;
  right: 8%;
  top: 80px;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(7) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(7) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(7) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(30) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(30) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(30) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(39) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(39) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(39) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/7.svg);
  background-size: auto 110%;
  background-position: center -7px;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(8) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(8) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(8) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(31) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(31) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(31) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(44) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(44) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(44) a:before {
  left: auto;
  right: 10%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(8) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(8) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(8) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(20) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(20) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(20) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(31) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(31) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(31) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(44) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(44) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(44) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/8.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(31) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(31) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(31) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(44) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(44) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(44) a:before {
  right: -24px;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(9) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(9) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(9) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(22) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(22) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(22) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(32) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(32) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(32) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(37) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(37) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(37) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/9.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(22) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(22) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(22) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(32) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(32) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(32) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(37) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(37) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(37) a:before {
  left: 0px;
  top: 52px;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(10) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(10) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(10) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(33) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(33) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(33) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(40) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(40) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(40) a:before {
  top: 90px;
  right: -20px;
  left: auto;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(10) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(10) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(10) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(33) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(33) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(33) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(40) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(40) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(40) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/10.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(11) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(11) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(11) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(23) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(23) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(23) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(34) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(34) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(34) a:before {
  left: 34%;
  top: 50%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(11) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(11) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(11) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(23) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(23) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(23) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(34) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(34) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(34) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/11.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(12) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(12) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(12) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(35) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(35) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(35) a:before {
  left: auto;
  right: 0;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(12) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(12) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(12) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(35) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(35) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(35) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/12.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(13) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(13) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(13) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(41) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(41) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(41) a:before {
  left: auto;
  right: 0;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(13) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(13) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(13) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(41) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(41) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(41) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/13.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(14) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(14) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(14) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(42) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(42) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(42) a:before {
  left: auto;
  right: 0;
  top: 38%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(14) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(14) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(14) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(42) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(42) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(42) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/14.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(43) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(43) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(43) a:before {
  left: 7%;
  right: auto;
  top: auto;
  bottom: -25px;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(43) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(43) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(43) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/15.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(45) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(45) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(45) a:before {
  left: auto;
  right: -8px;
  top: 18%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(45) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(45) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(45) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/16.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(46) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(46) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(46) a:before {
  left: auto;
  right: -10px;
  top: 46%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(46) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(46) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(46) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/17.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(18) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(18) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(18) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(47) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(47) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(47) a:before {
  left: auto;
  right: 0;
  top: 0;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(18) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(18) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(18) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(47) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(47) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(47) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/18.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(19) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(19) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(19) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(48) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(48) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(48) a:before {
  left: auto;
  right: 26%;
  top: 45%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(19) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(19) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(19) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(48) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(48) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(48) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/19.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(21) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(21) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(21) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(49) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(49) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(49) a:before {
  left: auto;
  right: 26%;
  top: 45%;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(21) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(21) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(21) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(49) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(49) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(49) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/21.svg);
}
html.advent-calendar1 .blog-items .blog-item:nth-child(24) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(24) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(24) a:before,
html.advent-calendar1 .blog-items .blog-item:nth-child(50) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(50) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(50) a:before {
  left: auto;
  right: -60px;
  top: 20px;
}
html.advent-calendar1 .blog-items .blog-item:nth-child(24) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(24) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(24) figure,
html.advent-calendar1 .blog-items .blog-item:nth-child(50) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(50) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(50) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar/24.svg);
}
html.advent-calendar1 .blog-items .blog-item:hover a:before,
html.advent-calendar2 .blog-items .blog-item:hover a:before,
html.advent-calendar3 .blog-items .blog-item:hover a:before,
html.advent-calendar1 .blog-items .blog-item:focus a:before,
html.advent-calendar2 .blog-items .blog-item:focus a:before,
html.advent-calendar3 .blog-items .blog-item:focus a:before {
  font-size: 200px;
  transform: rotate(10deg);
}
html.advent-calendar1 .blog-items .blog-item:hover figure,
html.advent-calendar2 .blog-items .blog-item:hover figure,
html.advent-calendar3 .blog-items .blog-item:hover figure,
html.advent-calendar1 .blog-items .blog-item:focus figure,
html.advent-calendar2 .blog-items .blog-item:focus figure,
html.advent-calendar3 .blog-items .blog-item:focus figure {
  opacity: 0.8;
}
html.advent-calendar1.page-2 body,
html.advent-calendar2.page-2 body,
html.advent-calendar3.page-2 body,
html.advent-calendar1.page-2 .header1,
html.advent-calendar2.page-2 .header1,
html.advent-calendar3.page-2 .header1,
html.advent-calendar1.page-2 #m,
html.advent-calendar2.page-2 #m,
html.advent-calendar3.page-2 #m {
  background: #d4edf4;
}
html.advent-calendar1.page-2 header,
html.advent-calendar2.page-2 header,
html.advent-calendar3.page-2 header {
  opacity: 0.1;
}
html.advent-calendar1.page-2 #m:before,
html.advent-calendar2.page-2 #m:before,
html.advent-calendar3.page-2 #m:before {
  content: 'Tag';
  font-family: 'Nickainley', 'Times New Roman';
  color: #027e77;
  /*green*/
  top: -80px;
  left: 30px;
  font-size: 48px;
  font-weight: normal;
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 760px) {
  html.advent-calendar1.page-2 #m:before,
  html.advent-calendar2.page-2 #m:before,
  html.advent-calendar3.page-2 #m:before {
    top: -100px;
    font-size: 78px;
  }
}
@media screen and (min-width: 1024px) {
  html.advent-calendar1.page-2 #m:before,
  html.advent-calendar2.page-2 #m:before,
  html.advent-calendar3.page-2 #m:before {
    left: 0;
    top: -180px;
    font-size: 98px;
  }
}
html.advent-calendar1.page-2 #m:after,
html.advent-calendar2.page-2 #m:after,
html.advent-calendar3.page-2 #m:after {
  content: attr(data-blogdetail-index);
  font-family: 'Paralines';
  color: #e51842;
  /*orange*/
  font-size: 58px;
  font-weight: normal;
  position: absolute;
  top: -40px;
  left: 30px;
  width: 80px;
  text-align: center;
  z-index: 20;
}
@media screen and (min-width: 760px) {
  html.advent-calendar1.page-2 #m:after,
  html.advent-calendar2.page-2 #m:after,
  html.advent-calendar3.page-2 #m:after {
    top: -50px;
    font-size: 70px;
    width: 100px;
  }
}
@media screen and (min-width: 1024px) {
  html.advent-calendar1.page-2 #m:after,
  html.advent-calendar2.page-2 #m:after,
  html.advent-calendar3.page-2 #m:after {
    left: 0;
    top: -120px;
    font-size: 98px;
    width: 160px;
  }
}
html.advent-calendar1.page-2 .m1.page2:before,
html.advent-calendar2.page-2 .m1.page2:before,
html.advent-calendar3.page-2 .m1.page2:before {
  content: 'KALENDER';
  position: absolute;
  z-index: 30;
  top: -20px;
  right: 24px;
  color: #e51842;
  /*orange*/
  font-size: 13px;
  font-family: 'Myriad Pro', DMBrand, sans-serif;
}
@media screen and (min-width: 1180px) {
  html.advent-calendar1.page-2 .m1.page2:before,
  html.advent-calendar2.page-2 .m1.page2:before,
  html.advent-calendar3.page-2 .m1.page2:before {
    position: fixed;
    top: auto;
    bottom: 52px;
    font-size: 26px;
  }
}
html.advent-calendar1.page-2 .blog-entries .article-content time,
html.advent-calendar2.page-2 .blog-entries .article-content time,
html.advent-calendar3.page-2 .blog-entries .article-content time {
  display: none;
}
html.advent-calendar1.page-2 .blog-entries:before,
html.advent-calendar2.page-2 .blog-entries:before,
html.advent-calendar3.page-2 .blog-entries:before {
  position: absolute;
  top: -80px;
  right: 74px;
  content: 'Mein';
  font-family: 'Nickainley', 'Times New Roman';
  color: #027e77;
  /*green*/
  font-size: 34px;
  font-weight: normal;
  z-index: 22;
}
@media screen and (min-width: 1180px) {
  html.advent-calendar1.page-2 .blog-entries:before,
  html.advent-calendar2.page-2 .blog-entries:before,
  html.advent-calendar3.page-2 .blog-entries:before {
    position: fixed;
    font-size: 68px;
    top: auto;
    bottom: 146px;
    right: 108px;
  }
}
html.advent-calendar1.page-2 .blog-entries:after,
html.advent-calendar2.page-2 .blog-entries:after,
html.advent-calendar3.page-2 .blog-entries:after {
  content: "Advent";
  font-family: 'Paralines';
  color: #e51842;
  /*orange*/
  font-size: 34px;
  position: absolute;
  top: -56px;
  right: 16px;
  width: 190px;
  word-break: break-word;
  text-align: center;
  line-height: 80%;
  z-index: 20;
  text-align: right;
}
@media screen and (min-width: 1180px) {
  html.advent-calendar1.page-2 .blog-entries:after,
  html.advent-calendar2.page-2 .blog-entries:after,
  html.advent-calendar3.page-2 .blog-entries:after {
    position: fixed;
    top: auto;
    bottom: 62px;
    font-size: 60px;
    width: 330px;
  }
}
@media screen and (min-width: 1024px) {
  html.advent-calendar1 footer .dm,
  html.advent-calendar2 footer .dm,
  html.advent-calendar3 footer .dm {
    display: none;
  }
}
html.advent-calendar2 body,
html.advent-calendar2.page-2 body,
html.advent-calendar3 body,
html.advent-calendar3.page-2 body,
html.advent-calendar2 .header1,
html.advent-calendar2.page-2 .header1,
html.advent-calendar3 .header1,
html.advent-calendar3.page-2 .header1,
html.advent-calendar2 #m,
html.advent-calendar2.page-2 #m,
html.advent-calendar3 #m,
html.advent-calendar3.page-2 #m {
  background: #fff5e0;
}
html.advent-calendar2 .blog-items,
html.advent-calendar2.page-2 .blog-items,
html.advent-calendar3 .blog-items,
html.advent-calendar3.page-2 .blog-items {
  max-width: 600px !important;
}
html.advent-calendar2 .blog-items .blog-item,
html.advent-calendar2.page-2 .blog-items .blog-item,
html.advent-calendar3 .blog-items .blog-item,
html.advent-calendar3.page-2 .blog-items .blog-item {
  flex: 93% !important;
  margin: 5% 7%;
}
@media screen and (min-width: 760px) {
  html.advent-calendar2 .blog-items .blog-item,
  html.advent-calendar2.page-2 .blog-items .blog-item,
  html.advent-calendar3 .blog-items .blog-item,
  html.advent-calendar3.page-2 .blog-items .blog-item {
    flex: 36% !important;
    margin: 2% 7%;
  }
}
html.advent-calendar2 .blog-items .blog-item a:before,
html.advent-calendar2.page-2 .blog-items .blog-item a:before,
html.advent-calendar3 .blog-items .blog-item a:before,
html.advent-calendar3.page-2 .blog-items .blog-item a:before {
  font-family: 'Harriet';
  font-weight: 400;
  font-style: italic;
  font-size: 6.2rem;
  color: #df2e38;
  left: auto !important;
  top: 120px !important;
}
@media screen and (min-width: 760px) {
  html.advent-calendar2 .blog-items .blog-item a:before,
  html.advent-calendar2.page-2 .blog-items .blog-item a:before,
  html.advent-calendar3 .blog-items .blog-item a:before,
  html.advent-calendar3.page-2 .blog-items .blog-item a:before {
    top: auto !important;
    bottom: 10px !important;
  }
}
html.advent-calendar2 .blog-items .blog-item a figure,
html.advent-calendar2.page-2 .blog-items .blog-item a figure,
html.advent-calendar3 .blog-items .blog-item a figure,
html.advent-calendar3.page-2 .blog-items .blog-item a figure {
  background-size: auto 100% !important;
}
html.advent-calendar2 .blog-items .blog-item:nth-child(1) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(1) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(1) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(1) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(5) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(5) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(5) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(5) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(9) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(9) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(9) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(9) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(13) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(13) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(13) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(13) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(17) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(21) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(21) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(21) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(21) a:before {
  top: 0px !important;
  bottom: auto !important;
  left: 0 !important;
}
html.advent-calendar2 .blog-items .blog-item:nth-child(1) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(1) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(1) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(1) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(5) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(5) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(5) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(5) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(9) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(9) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(9) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(9) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(13) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(13) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(13) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(13) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(17) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(21) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(21) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(21) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(21) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar2/1.png);
}
html.advent-calendar2 .blog-items .blog-item:nth-child(2) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(2) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(2) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(2) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(6) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(6) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(6) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(6) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(10) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(10) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(10) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(10) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(14) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(14) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(14) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(14) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(18) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(18) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(18) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(18) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(22) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(22) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(22) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(22) a:before {
  top: 100px !important;
  bottom: auto !important;
  left: 8px !important;
}
html.advent-calendar2 .blog-items .blog-item:nth-child(2) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(2) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(2) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(2) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(6) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(6) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(6) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(6) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(10) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(10) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(10) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(10) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(14) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(14) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(14) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(14) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(18) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(18) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(18) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(18) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(22) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(22) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(22) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(22) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar2/2.png);
}
html.advent-calendar2 .blog-items .blog-item:nth-child(3) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(3) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(3) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(3) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(7) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(7) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(7) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(7) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(11) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(11) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(11) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(11) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(15) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(19) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(19) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(19) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(19) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(23) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(23) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(23) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(23) a:before {
  top: 24px !important;
  bottom: auto !important;
  left: 0 !important;
  right: auto !important;
}
html.advent-calendar2 .blog-items .blog-item:nth-child(3) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(3) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(3) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(3) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(7) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(7) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(7) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(7) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(11) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(11) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(11) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(11) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(15) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(19) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(19) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(19) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(19) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(23) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(23) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(23) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(23) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar2/3.png);
}
html.advent-calendar2 .blog-items .blog-item:nth-child(4) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(4) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(4) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(4) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(8) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(8) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(8) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(8) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(12) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(12) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(12) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(12) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(16) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(20) a:before,
html.advent-calendar2 .blog-items .blog-item:nth-child(24) a:before,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(24) a:before,
html.advent-calendar3 .blog-items .blog-item:nth-child(24) a:before,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(24) a:before {
  top: 90px !important;
  bottom: auto !important;
  left: 0px !important;
}
html.advent-calendar2 .blog-items .blog-item:nth-child(4) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(4) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(4) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(4) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(8) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(8) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(8) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(8) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(12) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(12) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(12) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(12) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(16) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(20) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(20) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(20) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(20) figure,
html.advent-calendar2 .blog-items .blog-item:nth-child(24) figure,
html.advent-calendar2.page-2 .blog-items .blog-item:nth-child(24) figure,
html.advent-calendar3 .blog-items .blog-item:nth-child(24) figure,
html.advent-calendar3.page-2 .blog-items .blog-item:nth-child(24) figure {
  background-image: url(/content/css/activebeauty-at/i/advent-calendar2/4.png);
}
html.advent-calendar2.page-2 #m:before,
html.advent-calendar2.page-2.page-2 #m:before,
html.advent-calendar3.page-2 #m:before,
html.advent-calendar3.page-2.page-2 #m:before {
  content: 'Tag';
  font-family: 'Nickainley', 'Times New Roman';
  color: #df2e38;
}
html.advent-calendar2.page-2 #m:after,
html.advent-calendar2.page-2.page-2 #m:after,
html.advent-calendar3.page-2 #m:after,
html.advent-calendar3.page-2.page-2 #m:after {
  font-family: 'Harriet';
}
html.advent-calendar2.page-2 #m .blog-entries:before,
html.advent-calendar2.page-2.page-2 #m .blog-entries:before,
html.advent-calendar3.page-2 #m .blog-entries:before,
html.advent-calendar3.page-2.page-2 #m .blog-entries:before {
  color: #df2e38;
}
html.advent-calendar2.page-2 #m .blog-entries:after,
html.advent-calendar2.page-2.page-2 #m .blog-entries:after,
html.advent-calendar3.page-2 #m .blog-entries:after,
html.advent-calendar3.page-2.page-2 #m .blog-entries:after {
  font-family: 'Harriet';
  font-size: 46px;
}
html.advent-calendar3 body,
html.advent-calendar3.page-2 body,
html.advent-calendar3 .header1,
html.advent-calendar3.page-2 .header1,
html.advent-calendar3 #m,
html.advent-calendar3.page-2 #m {
  background: #f0dccd;
}
html.advent-calendar3 .blog-items .blog-item a:before,
html.advent-calendar3.page-2 .blog-items .blog-item a:before {
  color: #c81446;
}
html.advent-calendar3.page-2 #m:before,
html.advent-calendar3.page-2.page-2 #m:before {
  color: #c81446;
}
html.advent-calendar3.page-2 #m .blog-entries:before,
html.advent-calendar3.page-2.page-2 #m .blog-entries:before {
  color: #c81446;
}
/*HEADER BILD*/

.image.Adventcalendar {
  overflow: hidden;
  position: relative;
}
.image.Adventcalendar img {
  height: 500px;
  object-fit: cover;
  object-position: center center;
}
.image.Adventcalendar .text {
  position: absolute;
  right: 5%;
  bottom: 5%;
  z-index: 10;
  font-size: 0.8em;
  color: #df2e38;
  text-align: right;
}
@media screen and (min-width: 760px) {
  .image.Adventcalendar .text {
    font-size: 2.1em;
    bottom: 20%;
    right: 10%;
  }
}
.image.Adventcalendar .text b {
  font-family: 'Nickainley', 'Times New Roman';
  color: #df2e38;
  font-size: 1.4em;
  font-weight: normal;
  z-index: 20;
  display: block;
  position: absolute;
}
@media screen and (min-width: 760px) {
  .image.Adventcalendar .text b {
    font-size: 2.1em;
  }
}
.image.Adventcalendar .text span {
  padding-top: 8px;
  font-family: 'Harriet';
  font-style: italic;
  display: block;
  font-size: 2em;
  line-height: 80%;
  word-break: break-all;
  margin-bottom: 8px;
  letter-spacing: 1.1px;
}
@media screen and (min-width: 760px) {
  .image.Adventcalendar .text span {
    font-size: 2.2em;
    padding-top: 32px;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.banner-container {
  display: none;
}
.banner-container.loaded {
  display: flex;
  justify-content: center;
}
.banner-inner {
  position: relative;
}
.banner-inner a {
  display: block;
}
.banner-inner img {
  max-width: 100%;
}
.home-half-page .banner-disclaimer {
  background: #000;
  color: #fff;
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
  display: block;
  font-size: 0.9em;
}
.blog-sitebar {
  position: absolute;
  right: -15px;
  display: none !important;
  transform: translateX(100%);
  top: 45px;
}
.blog-sitebar .banner-disclaimer {
  margin-top: 10px;
  font-size: 0.9em;
}
.blog-sitebar.fixed {
  position: fixed;
  top: 51px;
  width: auto;
  transform: none !important;
  right: 0;
}
.blog-sitebar.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media screen and (min-width: 1100px) {
  .blog-sitebar {
    display: block !important;
    right: 5px;
  }
}
@media screen and (min-width: 1600px) {
  .blog-sitebar {
    right: 5px;
  }
}
@media screen and (min-width: 1740px) {
  .blog-sitebar {
    right: -15px;
  }
}
@media screen and (max-width: 1088px) {
  .blog-billboard {
    margin-left: -20px;
  }
}
@media screen and (max-width: 1024px) {
  .blog-billboard {
    display: none !important;
  }
}
.home-half-page {
  margin-bottom: 80px;
}
@media screen and (min-width: 640px) {
  .home-half-page {
    max-width: 370px;
    margin-bottom: 0;
  }
}
.blog-sitebar-mobile.loaded ~ .blog-billboard-mobile.loaded {
  margin-top: 2rem;
}
.home-pre-roll,
.blog-medium-rectangle {
  position: fixed;
  display: none !important;
  top: 50%;
  left: 50%;
  z-index: 5000;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  background: #fff;
  padding: 40px 10px 10px 10px;
  max-width: calc(100vw - 15px);
  max-height: calc(100vh - 15px);
}
@media screen and (max-width: 640px) {
  .home-pre-roll,
  .blog-medium-rectangle {
    left: 10px;
    right: 10px;
    transform: translate(0, -50%);
    padding: 40px 10px 20px 10px;
  }
}
.home-pre-roll.loaded.show,
.blog-medium-rectangle.loaded.show {
  display: block !important;
}
.home-pre-roll .banner-innner,
.blog-medium-rectangle .banner-innner {
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}
.home-pre-roll .video-container,
.blog-medium-rectangle .video-container {
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .home-pre-roll .video-container,
  .blog-medium-rectangle .video-container {
    width: 100% !important;
    height: auto !important;
  }
}
.home-pre-roll .video-container video,
.blog-medium-rectangle .video-container video {
  height: 100%;
}
@media screen and (max-width: 640px) {
  .home-pre-roll .video-container video,
  .blog-medium-rectangle .video-container video {
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
    max-width: 320px;
    max-height: 70vh;
  }
}
@media screen and (max-width: 340px) {
  .home-pre-roll .video-container video,
  .blog-medium-rectangle .video-container video {
    max-width: 100%;
  }
}
.home-pre-roll .volume,
.blog-medium-rectangle .volume {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  box-sizing: content-box;
  cursor: pointer;
  fill: #fff;
  padding: 10px;
  position: absolute;
  transition: background-color 0.3s ease;
  z-index: 10;
  right: 10px;
  bottom: 60px;
}
@media screen and (max-width: 640px) {
  .home-pre-roll .volume,
  .blog-medium-rectangle .volume {
    left: 50%;
    right: auto;
    bottom: -14px;
    transform: translateX(-50%);
  }
}
.home-pre-roll .volume:not(.toggled) svg.volumeon,
.blog-medium-rectangle .volume:not(.toggled) svg.volumeon {
  display: none;
}
.home-pre-roll .volume.toggled svg.volumeoff,
.blog-medium-rectangle .volume.toggled svg.volumeoff {
  display: none;
}
.home-pre-roll .volume svg,
.blog-medium-rectangle .volume svg {
  fill: #000;
  display: block;
  height: 20px;
  width: 20px;
}
.home-pre-roll .banner-close,
.blog-medium-rectangle .banner-close {
  position: absolute;
  right: 0;
  top: -35px;
  width: 12px;
  height: 12px;
  display: block;
  background-image: url(/content/css/activebeauty-at/i/banner-close.svg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10px;
  margin-top: 5px;
  margin-right: 10px;
}
@media screen and (min-width: 1100px) {
  .blog-medium-rectangle,
  .blog-medium-rectangle.show,
  .blog-medium-rectangle.show.loaded,
  .blog-billboard-mobile,
  .blog-billboard-mobile.show,
  .blog-billboard-mobile.show.loaded,
  .blog-sitebar-mobile,
  .blog-sitebar-mobile.show,
  .blog-sitebar-mobile.show.loaded {
    display: none !important;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.blog-entries:after {
  content: '';
  clear: both;
  margin-bottom: 20px;
  display: block;
}
.blog-entries .main-img {
  margin-bottom: 40px;
}
.blog-entries .main-img .video {
  padding-bottom: 40px;
}
.blog-entries .main-img .video iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 340px;
}
@media screen and (min-width: 760px) {
  .blog-entries .main-img .video iframe {
    min-height: 500px;
  }
}
@media screen and (min-width: 1024px) {
  .blog-entries .main-img .video iframe {
    min-height: 650px;
  }
}
.blog-entries .main-img .video .controls {
  display: none;
}
.blog-entries .article-content {
  max-width: 800px;
  margin: 0;
  position: relative;
}
@media screen and (min-width: 400px) {
  .blog-entries .article-content {
    padding: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .blog-entries .article-content {
    max-width: 740px;
  }
}
@media screen and (min-width: 1180px) {
  .blog-entries .article-content {
    max-width: 800px;
  }
}
@media screen and (min-width: 1300px) {
  .blog-entries .article-content {
    max-width: 900px;
  }
}
@media screen and (min-width: 1580px) {
  .blog-entries .article-content {
    max-width: 900px;
    margin: 0 auto;
  }
}
.blog-entries .article-content .blogitemmeta-info {
  margin-bottom: 42px;
}
@media screen and (min-width: 640px) {
  .blog-entries .article-content .blogitemmeta-info {
    display: flex;
  }
}
@media screen and (min-width: 640px) {
  .blog-entries .article-content .blogitemmeta-info .author {
    margin-right: 20px;
  }
}
@media screen and (min-width: 640px) {
  .blog-entries .article-content .blogitemmeta-info time {
    display: inline-block;
    margin-right: 20px;
  }
}
.blog-entries .article-content h1 {
  margin-bottom: 15px;
}
@media screen and (min-width: 400px) {
  .blog-entries .article-content h1 {
    margin-bottom: 40px;
    font-size: 3.13rem;
  }
}
.blog-entries .article-content h1 i {
  font-style: normal;
  display: block;
}
.blog-entries .article-content .sub-title {
  text-transform: uppercase;
  font-size: 1.3rem;
  margin-bottom: 18px;
  display: block;
  font-family: 'Harriet', 'Times New Roman';
}
.blog-entries .article-content .intro {
  font-size: 1.6rem;
  line-height: 140%;
  margin-bottom: 0px;
  font-family: 'Harriet', 'Times New Roman';
  font-weight: 200;
}
@media screen and (min-width: 400px) {
  .blog-entries .article-content .intro {
    margin-bottom: 20px;
  }
}
.blog-entries .article-content h2,
.blog-entries .article-content h3,
.blog-entries .article-content h4,
.blog-entries .article-content h5,
.blog-entries .article-content h6 {
  text-align: left;
}
.blog-entries .article-content a:link,
.blog-entries .article-content a:visited {
  text-decoration: underline;
}
.blog-entries .article-content .content-item {
  line-height: 160%;
}
.blog-entries .article-content .content-item h3 {
  font-family: 'Harriet', 'Times New Roman';
  margin-bottom: 30px;
  font-weight: 500;
}
.blog-entries .article-content .content-item p {
  margin-bottom: 30px;
}
.blog-entries .article-content .content-item .row {
  margin-bottom: 20px;
}
.blog-entries .article-content .content-item .row .cmsmodul.text img {
  width: 100%;
  max-width: 100% !important;
  height: auto !important;
}
.blog-entries .article-content .content-item .row .col-item {
  padding-left: 0;
}
.blog-entries .article-content .content-item .row .col-item .text ul {
  margin: 10px 10px 0 10px !important;
}
.blog-entries .article-content .content-item .row .col-item ul,
.blog-entries .article-content .content-item .row .col-item ol {
  list-style-type: disc;
  padding-left: 30px;
  margin-bottom: 30px;
}
.blog-entries .article-content .content-item .row .col-item ul li,
.blog-entries .article-content .content-item .row .col-item ol li {
  padding-bottom: 12px;
}
.blog-entries .article-content .content-item .row .col-item ol {
  list-style-type: decimal;
  padding-left: 26px;
}
.blog-entries .article-content .content-item .row .col-item ol li h3 {
  padding-left: 12px;
  margin: 0;
}
.blog-entries .article-content .content-item .row .col-item .listicle,
.blog-entries .article-content .content-item .row .col-item .listcounter {
  list-style-type: none;
}
.blog-entries .article-content .content-item .row .col-item .listicle ol:not([start]),
.blog-entries .article-content .content-item .row .col-item .listcounter ol:not([start]) {
  counter-reset: listicle;
  margin: 0;
  padding: 0;
}
.blog-entries .article-content .content-item .row .col-item .listicle ol:not([start]) li,
.blog-entries .article-content .content-item .row .col-item .listcounter ol:not([start]) li {
  border-bottom: #000 1px solid;
  min-height: 2em;
  padding-left: 10%;
  padding-right: 10%;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  list-style: none;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "dmsupport-light", sans-serif;
}
.blog-entries .article-content .content-item .row .col-item .listicle ol:not([start]) li:before,
.blog-entries .article-content .content-item .row .col-item .listcounter ol:not([start]) li:before {
  content: counter(listicle) ".";
  counter-increment: listicle;
  font-size: 2.2rem;
  left: 0;
  position: absolute;
  top: 5px;
}
.blog-entries .article-content .content-item .row .col-item h2 {
  font-size: 2.4rem;
  margin-bottom: 30px;
}
.blog-entries .article-content .content-item .row .col-item h4 {
  font-size: 1.3rem;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.blog-entries .article-content .content-item .row .col-item .video .ppVideoWrapper,
.blog-entries .article-content .content-item .row .col-item .video iframe {
  max-height: 500px;
}
.blog-entries .article-content .content-item .row:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
}
.blog-entries .article-content .content-item .produktteaser {
  border-bottom: 1px solid #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 400px) {
  .blog-entries .article-content .content-item .produktteaser {
    padding: 25px;
  }
}
.blog-entries .article-content .content-item .produktteaser .col-item {
  padding: 10px;
  float: none;
}
@media screen and (min-width: 400px) {
  .blog-entries .article-content .content-item .produktteaser .col-item {
    padding: 20px;
  }
}
.blog-entries .article-content .content-item .produktteaser .col-item .image {
  max-width: 300px;
}
.blog-entries .article-content .content-item .produktteaser .col-item .text h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.blog-entries .article-content .content-item .produktteaser .col-item .text a {
  text-decoration: none !important;
  font-weight: bold;
}
.blog-entries .article-content .content-item .produktteaser .col-item .text a:before {
  content: "\25BA";
  margin-right: 10px;
}
.blog-entries .article-content .content-item .produktteaser:nth-of-type(2n) {
  flex-flow: row-reverse;
}
.blog-entries .article-content .content-item .produktteaser:after {
  content: none;
}
.blog-entries .article-content .content-item .fazit-tipp_title {
  display: flex;
}
.blog-entries .article-content .content-item .fazit-tipp_title h2 {
  font-size: 2.4rem;
  display: flex;
  font-weight: 700;
  margin-bottom: 30px;
}
.blog-entries .article-content .content-item .fazit-tipp_title svg {
  height: 30px;
  width: auto;
  top: -10px;
  margin-left: 10px;
  transform: translateY(-10px);
}
.blog-entries .article-content .content-item ul {
  margin: 0 0 30px 30px;
  list-style-type: disc;
}
.blog-entries .article-content .content-item ul.firstletter,
.blog-entries .article-content .content-item ol.firstletter {
  list-style-type: none !important;
  margin-left: 60px;
}
.blog-entries .article-content .content-item ul.firstletter li,
.blog-entries .article-content .content-item ol.firstletter li {
  padding-bottom: 28px !important;
}
.blog-entries .article-content .content-item ul.dottedborder {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block;
}
.blog-entries .article-content .content-item ul.dottedborder li {
  border-bottom: 1px dotted #888888;
  padding: 10px 8px 6px 2px !important;
}
.blog-entries .article-content .content-item div.firstletter:first-letter,
.blog-entries .article-content .content-item ul.firstletter li:first-letter,
.blog-entries .article-content .content-item ol.firstletter li:first-letter {
  font-size: 90px;
  margin: 0 6px 0 -56px;
  font-family: 'Harriet', 'Times New Roman';
  font-weight: 100;
  vertical-align: top;
}
.blog-entries .article-content .content-item .tipp {
  font-weight: 700;
}
.blog-entries .article-content .content-item .tipp:after {
  display: inline-block;
  vertical-align: top;
  width: 34px;
  height: 30px;
  content: '';
  background: url(/content/css/activebeauty-at/i/tipp.svg) no-repeat;
  background-size: cover;
  margin-left: 8px;
}
.blog-entries .text-footer {
  clear: both;
  margin: 0;
  padding: 20px 0 10px 0;
  position: relative;
}
@media screen and (min-width: 1300px) {
  .blog-entries .text-footer {
    max-width: 900px;
  }
}
@media screen and (min-width: 1580px) {
  .blog-entries .text-footer {
    max-width: 900px;
    margin: 0 auto;
  }
}
.blog-entries .text-footer .back-overview {
  display: none;
}
.blog-entries .text-footer .info > span.text {
  border-right: 1px solid #000000;
  padding-right: 6px;
}
.blog-entries .text-footer .tags {
  margin-top: 8px;
}
.blog-entries .text-footer .tags .tags-desc {
  font-size: 0.95rem;
}
.blog-entries .text-footer .tags a {
  text-transform: uppercase;
  font-size: 0.9rem;
}
.blog-entries .text-footer a {
  font-weight: bold;
  text-decoration: underline;
}
.blog-entries .text-footer a:hover,
.blog-entries .text-footer a:focus {
  opacity: 0.8;
}
.blog-entries .text-footer .post-share {
  margin: 20px 0 40px 0;
}
@media screen and (min-width: 400px) {
  .blog-entries .text-footer .post-share {
    margin: 40px 0 5rem 0;
  }
}
.blog-entries .text-footer .post-share span {
  vertical-align: middle;
  margin-right: 14px;
}
.blog-entries .text-footer .post-share span:first-child {
  font-size: 0.95rem;
}
.blog-entries .text-footer .post-share span.post {
  width: 22px;
  height: 22px;
  display: inline-block;
  background-repeat: no-repeat;
}
.blog-entries .text-footer .post-share span.post.post-linkedin {
  display: none;
}
.blog-entries .text-footer .post-share span.post.post-facebook {
  background-image: url(/content/css/activebeauty-at/i/fb_share.svg);
}
.blog-entries .text-footer .post-share span.post.post-whatsapp {
  background-image: url(/content/css/activebeauty-at/i/whatsapp_share.svg);
}
.blog-entries .text-footer .post-share span.post.post-pinterest {
  background-image: url(/content/css/activebeauty-at/i/pinterest.svg);
}
.blog-entries .text-footer .post-share span.post.post-twitter {
  background-image: url(/content/css/activebeauty-at/i/twitter.svg);
}
.blog-entries .text-footer .post-share span.post.post-copy-url {
  background-image: url(/content/css/activebeauty-at/i/icon-copy.svg);
  cursor: pointer;
}
.blog-entries .text-footer .post-share span.post a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.blog-entries .similiar-items {
  padding: 30px 20px 20px 20px;
}
@media screen and (min-width: 400px) {
  .blog-entries .similiar-items {
    padding: 40px 20px 40px 20px;
  }
}
@media screen and (min-width: 1300px) {
  .blog-entries .similiar-items {
    padding-left: 0;
    padding-right: 0;
  }
}
.blog-entries .similiar-items .similiar-items-title {
  font-size: 1.4rem;
  padding-bottom: 20px;
}
@media screen and (min-width: 760px) {
  .blog-entries .similiar-items .similiar-items-container {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .blog-entries .similiar-items .similiar-items-container.c2 .similiar-item {
    width: 48%;
  }
  .blog-entries .similiar-items .similiar-items-container.c3 .similiar-item {
    width: 31%;
  }
  .blog-entries .similiar-items .similiar-items-container.c4 .similiar-item {
    width: 22%;
  }
}
.blog-entries .similiar-items .similiar-items-container .similiar-item {
  text-decoration: none;
  font-weight: normal;
}
.blog-entries .similiar-items .similiar-items-container .similiar-item figure {
  height: 140px;
}
@media screen and (min-width: 640px) {
  .blog-entries .similiar-items .similiar-items-container .similiar-item figure {
    height: 160px;
  }
}
.blog-entries .similiar-items .similiar-items-container .similiar-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-entries .similiar-items .similiar-items-container .similiar-item .subtitle {
  margin: 8px 0;
}
.blog-entries .similiar-items .similiar-items-container .similiar-item .title {
  font-family: "dmsupport-medium", sans-serif;
  font-size: 1.2em;
  line-height: 110%;
  word-break: break-word;
  margin-bottom: 1rem;
}
@media screen and (min-width: 640px) {
  .blog-entries .similiar-items .similiar-items-container .similiar-item .title {
    font-size: 1.5rem;
  }
}
.blog-entries .wp-caption {
  width: auto !important;
}
.blog-entries .cmsmodul.text img {
  height: auto;
}
.blog-entries .tableofcontest {
  margin: 60px 0;
  width: 100%;
}
.blog-entries .tableofcontest .tableofcontest-container {
  padding: 30px 0 26px 0;
  border-top: 1px dashed #888888;
  border-bottom: 1px dashed #888888;
}
.blog-entries .tableofcontest .tableofcontest-container:empty {
  display: none;
}
.blog-entries .tableofcontest .tableofcontest-container h3 {
  font-family: 'Harriet', 'Times New Roman';
  position: relative;
  cursor: pointer;
  margin: 0;
}
.blog-entries .tableofcontest .tableofcontest-container h3:after {
  background: url(/content/css/activebeauty-at/i/arrow-down.svg) no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 8px;
  content: '';
}
.blog-entries .tableofcontest .tableofcontest-container ul {
  margin: 30px 0 0 0 !important;
  padding: 0 !important;
  font-size: 1.1em;
  line-height: 130%;
  list-style-type: none !important;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
  opacity: 1;
}
.blog-entries .tableofcontest .tableofcontest-container ul li a {
  position: relative;
  padding-left: 26px;
  display: block;
}
.blog-entries .tableofcontest .tableofcontest-container ul li a:before {
  content: '↗';
  display: inline-block;
  position: absolute;
  left: 0;
}
.blog-entries .tableofcontest .tableofcontest-container ul li.level-3 {
  margin-left: 22px;
}
.blog-entries .tableofcontest .tableofcontest-container ul li.level-4 {
  margin-left: 44px;
}
.blog-entries .tableofcontest.collapsed ul {
  max-height: 0;
  margin: 0 !important;
  opacity: 0;
}
.blog-entries .expertenwissen,
.blog-entries .tipp-redaktion {
  border: 1px dashed #888888;
  padding: 20px;
  position: relative;
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
@media screen and (min-width: 640px) {
  .blog-entries .expertenwissen,
  .blog-entries .tipp-redaktion {
    padding: 35px 20px;
    display: flex;
    align-items: center;
  }
}
.blog-entries .expertenwissen:before,
.blog-entries .tipp-redaktion:before {
  content: 'Expertenwissen';
  text-transform: uppercase;
  background: #FFFFFF;
  display: inline-block;
  padding: 4px 10px;
  line-height: 100%;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Harriet', 'Times New Roman';
  font-size: 1.1em;
  white-space: nowrap;
}
.blog-entries .expertenwissen:after,
.blog-entries .tipp-redaktion:after {
  display: none !important;
}
.blog-entries .expertenwissen .col-item,
.blog-entries .tipp-redaktion .col-item {
  vertical-align: middle;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .blog-entries .expertenwissen .col-item,
  .blog-entries .tipp-redaktion .col-item {
    padding: 0 40px;
  }
}
@media screen and (min-width: 640px) {
  .blog-entries .expertenwissen .col-item.has-img,
  .blog-entries .tipp-redaktion .col-item.has-img {
    width: 200px;
  }
}
.blog-entries .expertenwissen .cmsmodul.image img,
.blog-entries .tipp-redaktion .cmsmodul.image img {
  width: 170px !important;
  height: 170px;
  border-radius: 300px;
  object-fit: cover;
  object-position: center center !important;
}
.blog-entries .tipp-redaktion {
  max-width: 407px;
  margin: 0 auto;
}
.blog-entries .tipp-redaktion:before {
  content: 'Tipp der Redaktion';
  padding-left: 27px;
  background: #FFFFFF url(/content/css/activebeauty-at/i/star.svg) no-repeat 6px 3px;
}
.blog-entries .buchtipp {
  border: 1px dashed #888888;
  padding: 20px;
  position: relative;
  margin-bottom: 0px !important;
}
@media screen and (min-width: 640px) {
  .blog-entries .buchtipp {
    display: flex;
    padding: 35px;
    align-items: start;
  }
}
.blog-entries .buchtipp:before {
  content: 'Buchtipp';
  background: #FFFFFF url(/content/css/activebeauty-at/i/book.svg) no-repeat 6px 1px;
  text-transform: uppercase;
  display: inline-block;
  padding: 4px 10px 4px 36px;
  line-height: 100%;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Harriet', 'Times New Roman';
  font-size: 1.1em;
  white-space: nowrap;
}
.blog-entries .buchtipp:after {
  display: none !important;
}
.blog-entries .buchtipp .col-item {
  vertical-align: middle;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .blog-entries .buchtipp .col-item {
    padding: 0 40px;
  }
}
@media screen and (min-width: 640px) {
  .blog-entries .buchtipp .col-item.has-img {
    width: 40%;
  }
}
.blog-entries .buchtipp .col-item .image img {
  height: 300px;
  object-fit: contain;
  object-position: center center;
}
.blog-entries .buchtipp + .buchtipp {
  border-top: 1px solid white;
  margin-top: -1px !important;
  padding-top: 0;
}
.blog-entries .buchtipp + .buchtipp:before {
  display: none;
}
.blog-entries .buchtipp + .buchtipp .col-item {
  border-top: 1px dashed #888888;
  padding-top: 40px;
}
.blog-entries .empfehlung {
  margin: 60px 0 !important;
}
@media screen and (min-width: 640px) {
  .blog-entries .empfehlung {
    display: flex;
    gap: 40px;
  }
}
.blog-entries .empfehlung:after {
  display: none !important;
}
.blog-entries .empfehlung .col-item:not(:empty):has(*) {
  outline: 1px dashed #888888;
  padding: 20px !important;
  position: relative;
  margin-bottom: 40px !important;
}
@media screen and (min-width: 640px) {
  .blog-entries .empfehlung .col-item:not(:empty):has(*) {
    padding: 35px !important;
    align-items: start;
  }
}
.blog-entries .empfehlung .col-item:not(:empty):has(*):before {
  content: 'Empfehlung';
  background: #FFFFFF;
  text-transform: uppercase;
  display: inline-block;
  padding: 4px 10px 4px;
  line-height: 100%;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Harriet', 'Times New Roman';
  font-size: 1.1em;
  white-space: nowrap;
}
@media screen and (min-width: 640px) {
  .blog-entries .empfehlung .col-item:not(:empty):has(*) .cmsmodul.image img {
    width: 275px !important;
    height: 275px;
    margin: 0 auto 40px auto;
    object-fit: cover;
    object-position: center center;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.blog-entries .blog-items.count1 .slick-dots {
  display: none !important;
}
@media screen and (min-width: 760px) {
  .blog-entries:not(.carousel) .blog-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px;
  }
}
.blog-entries:not(.carousel) .blog-items .blog-item {
  position: relative;
  padding-bottom: 40px;
}
.blog-entries:not(.carousel) .blog-items .blog-item.t-7 figure:before {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #000000;
  color: #FFFFFF;
  content: 'Anzeige';
  padding: 6px 10px;
  font-size: 0.8rem;
  line-height: 100%;
  z-index: 10;
}
@media screen and (min-width: 760px) {
  .blog-entries:not(.carousel) .blog-items .blog-item {
    padding: 0 15px;
    flex: 50%;
    margin-bottom: 30px;
    align-items: flex-start;
    max-width: 425px;
  }
}
@media screen and (min-width: 1024px) {
  .blog-entries:not(.carousel) .blog-items .blog-item {
    flex: 25%;
  }
}
.blog-entries:not(.carousel) .blog-items .blog-item a {
  display: block;
  clear: both;
  overflow: hidden;
}
.blog-entries:not(.carousel) .blog-items .blog-item a figure {
  float: left;
  padding: 0;
  width: 50%;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 760px) {
  .blog-entries:not(.carousel) .blog-items .blog-item a figure {
    padding: 0 0 12px 0;
    float: none;
    width: 100%;
  }
}
.blog-entries:not(.carousel) .blog-items .blog-item a figure img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 210px;
  display: block;
  transition: transform 2s ease;
}
.blog-entries:not(.carousel) .blog-items .blog-item a figure .video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 Verhältnis = 9/16 = 0.5625 */
  height: 0;
  overflow: hidden;
}
.blog-entries:not(.carousel) .blog-items .blog-item a figure .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.blog-entries:not(.carousel) .blog-items .blog-item a figure .video .controls {
  display: none;
}
.blog-entries:not(.carousel) .blog-items .blog-item a .content-container {
  width: 50%;
  float: left;
  padding-left: 20px;
}
@media screen and (min-width: 760px) {
  .blog-entries:not(.carousel) .blog-items .blog-item a .content-container {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
.blog-entries:not(.carousel) .blog-items .blog-item a .content-container h3 {
  font-size: 13px;
  font-family: 'dmsupport-regular', sans-serif;
  margin: 4px 0;
  text-align: center;
}
.blog-entries:not(.carousel) .blog-items .blog-item a .content-container h2 {
  font-size: 1.3rem;
  text-align: center;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media screen and (min-width: 760px) {
  .blog-entries:not(.carousel) .blog-items .blog-item a .content-container h2 {
    font-size: 25px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
.blog-entries:not(.carousel) .blog-items .blog-item a .content-container time {
  display: none;
}
.blog-entries:not(.carousel) .blog-items .blog-item a .content-container .shorttext {
  font-size: 0.8rem;
  display: block;
  line-height: 130%;
  padding-top: 8px;
}
@media screen and (min-width: 760px) {
  .blog-entries:not(.carousel) .blog-items .blog-item a .content-container .shorttext {
    font-size: 0.9rem;
  }
}
.blog-entries:not(.carousel) .blog-items .blog-item.upcoming a {
  cursor: not-allowed;
  pointer-events: none;
}
.blog-entries:not(.carousel) .blog-items li:hover img,
.blog-entries:not(.carousel) .blog-items li:focus img {
  transform: scale(1.1);
}
.blog-entries:not(.carousel) .pagination {
  text-align: center;
  margin-top: 40px;
  clear: both;
}
.blog-entries:not(.carousel) .pagination .load-more {
  font-size: 1.4rem;
  padding: 16px 40px 12px !important;
  background: #000000 !important;
  color: #FFFFFF !important;
  border: 1px solid #000000 !important;
  max-width: 96%;
  border: 1px solid #000000;
  display: inline-block;
  position: relative;
  font-family: 'Harriet', 'Times New Roman';
  text-transform: none !important;
  font-weight: 300 !important;
  font-size: 2em !important;
}
@media screen and (min-width: 760px) {
  .blog-entries:not(.carousel) .pagination .load-more {
    min-width: 500px;
  }
}
.blog-entries:not(.carousel) .pagination .load-more.loader {
  color: #000 !important;
}
.blog-entries:not(.carousel) .pagination .load-more.loader:before {
  content: '';
  display: block;
  background: #000000 url(/content/css/activebeauty-at/i/loader.gif) no-repeat center center !important;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
}
@media (hover: hover) {
  .blog-entries:not(.carousel) .pagination .load-more:hover {
    background: #FFFFFF !important;
    color: #000000 !important;
  }
  .blog-entries:not(.carousel) .pagination .load-more:hover:before {
    background-color: #EFF4F3 !important;
  }
}
@media screen and (min-width: 760px) {
  .blog-entries.Hochformat li,
  .blog-entries.Hochformat_Text_unten li {
    flex: auto !important;
    max-width: none !important;
  }
  .blog-entries.Hochformat li a,
  .blog-entries.Hochformat_Text_unten li a {
    display: flex !important;
    flex-direction: column;
  }
  .blog-entries.Hochformat li a figure,
  .blog-entries.Hochformat_Text_unten li a figure {
    height: 400px;
    order: 2;
    width: 100%;
  }
  .blog-entries.Hochformat li a figure img,
  .blog-entries.Hochformat_Text_unten li a figure img {
    height: 100% !important;
  }
  .blog-entries.Hochformat li a .content-container,
  .blog-entries.Hochformat_Text_unten li a .content-container {
    order: 1;
    margin-bottom: 12px;
  }
  .blog-entries.Hochformat li a .content-container h4,
  .blog-entries.Hochformat_Text_unten li a .content-container h4 {
    font-size: 1.8rem;
  }
  .blog-entries.Hochformat li a .content-container .shorttext,
  .blog-entries.Hochformat_Text_unten li a .content-container .shorttext {
    font-size: 1rem;
  }
}
@media screen and (min-width: 760px) {
  .blog-entries.Hochformat_Text_unten figure {
    order: 1 !important;
    height: 600px !important;
  }
  .blog-entries.Hochformat_Text_unten figure img {
    height: 100% !important;
  }
  .blog-entries.Hochformat_Text_unten .content-container {
    order: 2 !important;
    margin-bottom: 0;
    margin-top: 12px;
  }
}
.blog-entries.Videobox {
  background: #000;
  color: #fff;
}
.blog-entries.Videobox .blog-items {
  margin: 0;
}
.blog-entries.Videobox .blog-items .blog-item {
  flex: auto;
  max-width: none;
  padding: 0;
  margin: 0;
}
.blog-entries.Videobox .blog-items .blog-item a {
  display: block;
  height: 100%;
  overflow: hidden;
}
.blog-entries.Videobox .blog-items .blog-item a figure {
  margin: 0;
  float: none;
  width: 100%;
  height: 100%;
  padding: 0;
}
@media screen and (min-width: 760px) {
  .blog-entries.Videobox .blog-items .blog-item a figure {
    float: right;
    width: 70%;
  }
}
.blog-entries.Videobox .blog-items .blog-item a figure img {
  height: 100%;
}
.blog-entries.Videobox .blog-items .blog-item a figure .video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 Verhältnis = 9/16 = 0.5625 */
  height: 0;
  overflow: hidden;
}
.blog-entries.Videobox .blog-items .blog-item a figure .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.blog-entries.Videobox .blog-items .blog-item a .content-container {
  padding: 20px;
  float: none;
  width: 100%;
  color: #fff;
}
@media screen and (min-width: 760px) {
  .blog-entries.Videobox .blog-items .blog-item a .content-container {
    float: left !important;
    width: 30% !important;
  }
}
.blog-entries.Videobox .blog-items .blog-item a .content-container h2 {
  padding: 0;
}
@media screen and (min-width: 760px) {
  .blog-entries.Themen2 .blog-item:nth-child(2) {
    flex: 50%;
    max-width: none;
  }
  .blog-entries.Themen2 .blog-item:nth-child(2) a {
    display: flex !important;
    flex-direction: column;
  }
  .blog-entries.Themen2 .blog-item:nth-child(2) a figure {
    order: 2;
    margin-top: 25px;
  }
  .blog-entries.Themen2 .blog-item:nth-child(2) a figure img {
    height: 300px;
  }
  .blog-entries.Themen2 .blog-item:nth-child(2) a .content-container {
    order: 1;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.blog-items-filter {
  overflow: auto;
  white-space: nowrap;
}
.blog-items-filter ul {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.blog-items-filter ul li {
  display: inline-block;
  margin-right: 5px;
}
.blog-items-filter ul li label {
  border: 1px solid #000000;
  display: inline-block;
  padding: 14px 20px 10px 20px;
  border-radius: 3px;
  line-height: 100%;
  cursor: pointer;
}
.blog-items-filter ul li label.sel {
  background: #000000;
  color: #FFFFFF;
}
.blog-items-filter ul li label input {
  vertical-align: middle;
  margin: 0 0 2px 0;
  display: none;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
@media screen and (min-width: 760px) {
  html.b-ie .blog-entries:not(.carousel) .blog-items .blog-item {
    padding: 0 15px;
    flex: 45%;
    margin-bottom: 30px;
    align-items: flex-start;
    max-width: 400px;
  }
}
@media screen and (min-width: 1024px) {
  html.b-ie .blog-entries:not(.carousel) .blog-items .blog-item {
    flex: 22%;
  }
}
html.b-ie .blog-entries:not(.carousel) .blog-items .blog-item img {
  width: auto !important;
}
html.b-ie .blog-entries.carousel img {
  height: auto !important;
}



/*effect start*/
.Weich_einblenden { }
.Klein_gross { }
.Links { }
.Rechts {}
/*effect end*/


/*all start*/
.AbstandOben_40px { margin-top:40px!important;}
.AbstandUnten_40px { margin-bottom:40px!important;}
.AbstandObenUnten_40px { margin-bottom:40px!important;margin-top:40px!important;}
.AbstandObenUnten_80px { margin-bottom:80px!important;margin-top:80px!important;}
.AbstandLinks_40px { margin-left:40px!important;}
.AbstandRechts_40px { margin-right:40px!important;}
.AbstandLinksRechts_40px { margin-left:40px!important;margin-right:40px!important;}
.AbstandObenUntenLinksRechts_40px { margin:40px!important}
.ReducedWith { width:85%; margin:0 auto;}
.MaxWidth_220 { max-width:220px; margin:0 auto;}
.BoxMainColor {}
.BoxMainColorQuotation { }
.BoxGreenIdeas {}
.produktteaser {}
.listcounter {}
.expertenwissen {}
.tipp-redaktion {}
.buchtipp {}
.rahmenpunkte {}
.empfehlung {}
.showonlyonemptyblogpage { display:none;}
/*all end*/

/*1 start*/
.RahmenObenUnten { border-top:1px solid #000; border-bottom:1px solid #000; padding-top:14px; padding-bottom:12px; }
.SchwarzerHintergrundAbstandUnten { background:#000; padding-top:14px; padding-bottom:10px; color:white; }
/*1 end*/

/*2 start*/
.intro {}
.article-text {}
/*2 end*/

/*3 start*/
.Overlay_Links_Unten {}
.gallery {}
.MagazinBox {}
.MagazinBox2 {}
.Summercalendar {}
.Adventcalendar {}
.Valentinscalendar {}
.Valentinscalendar3 {}
.Height350Contain {}
.Height350Cover {}
/*3 end*/

/*19 start*/
.carousel {}
.Hochformat {}
.Hochformat_Text_unten {}
.Videobox {}
.Themen2 {}
/*19 end*/

/*94 start*/
.ohneFilter {}
.bigger {}
/*94 end*/

.cmsmodul.container.cols.AbstandUnten_40px {
    margin-bottom:40px;
}

p {
        margin-bottom:30px;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.cmsmodul.container.cols {
  width: auto !important;
}
@media screen and (min-width: 760px) {
  .cmsmodul.container.cols {
    margin: 0 -15px;
  }
}
.cmsmodul.container.cols:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.cmsmodul.container.cols .col-item,
.row .col-item {
  padding: 15px 0;
  min-height: 1px;
  vertical-align: top;
}
@media screen and (min-width: 760px) {
  .cmsmodul.container.cols .col-item,
  .row .col-item {
    float: left;
    padding: 0 15px;
  }
}
.cmsmodul.container.cols .col-item:last-child,
.row .col-item:last-child {
  padding-right: 0;
}
.cmsmodul.container.cols .col-item .cms-section,
.cmsmodul.container.cols .col-item .cmsmodul {
  height: 100%;
}
.cmsmodul.container.cols.Selbe_Hoehe {
  display: table;
  width: 100%;
  height: 100%;
}
.cmsmodul.container.cols.Selbe_Hoehe .col-item {
  float: none;
  display: table-cell;
  height: 1em;
}
@media screen and (min-width: 760px) {
  .sm1.c1 {
    width: 100%;
  }
  .sm2.c1 {
    width: 50%;
  }
  .sm3.c1 {
    width: 33.33%;
  }
  .sm4.c1 {
    width: 25%;
  }
  .sm5.c1 {
    width: 20%;
  }
  .sm6.c1 {
    width: 16.66%;
  }
  .sm7.c1 {
    width: 14.28%;
  }
  .sm8.c1 {
    width: 12.5%;
  }
  .sm9.c1 {
    width: 11.11%;
  }
  .sm10.c1 {
    width: 10%;
  }
  .sm11.c1 {
    width: 9.09%;
  }
  .sm12.c1 {
    width: 8.33%;
  }
  .sm13.c1 {
    width: 7.69%;
  }
  .sm14.c1 {
    width: 7.14%;
  }
  .sm15.c1 {
    width: 6.66%;
  }
  .sm16.c1 {
    width: 6.25%;
  }
  .sm17.c1 {
    width: 5.88%;
  }
  .sm18.c1 {
    width: 5.55%;
  }
  .sm19.c1 {
    width: 5.26%;
  }
  .sm20.c1 {
    width: 5%;
  }
  .sm21.c1 {
    width: 4.76%;
  }
  .sm22.c1 {
    width: 4.54%;
  }
  .sm23.c1 {
    width: 4.34%;
  }
  .sm24.c1 {
    width: 4.16%;
  }
  .sm25.c1 {
    width: 4%;
  }
  .sm26.c1 {
    width: 3.84%;
  }
  .sm27.c1 {
    width: 3.7%;
  }
  .sm28.c1 {
    width: 3.57%;
  }
  .sm29.c1 {
    width: 3.44%;
  }
  .sm30.c1 {
    width: 3.33%;
  }
  .sm31.c1 {
    width: 3.22%;
  }
  .sm32.c1 {
    width: 3.12%;
  }
  .sm33.c1 {
    width: 3.03%;
  }
  .sm34.c1 {
    width: 2.94%;
  }
  .sm35.c1 {
    width: 2.85%;
  }
  .sm36.c1 {
    width: 2.77%;
  }
  .sm37.c1 {
    width: 2.7%;
  }
  .sm38.c1 {
    width: 2.63%;
  }
  .sm39.c1 {
    width: 2.56%;
  }
  .sm40.c1 {
    width: 2.5%;
  }
  .sm41.c1 {
    width: 2.43%;
  }
  .sm42.c1 {
    width: 2.38%;
  }
  .sm43.c1 {
    width: 2.32%;
  }
  .sm44.c1 {
    width: 2.27%;
  }
  .sm3.c3 {
    width: 100%;
  }
  .sm4.c3 {
    width: 75%;
  }
  .sm5.c3 {
    width: 60%;
  }
  .sm6.c3 {
    width: 50%;
  }
  .sm7.c3 {
    width: 42.85%;
  }
  .sm8.c3 {
    width: 37.5%;
  }
  .sm9.c3 {
    width: 33.33%;
  }
  .sm10.c3 {
    width: 30%;
  }
  .sm11.c3 {
    width: 27.27%;
  }
  .sm12.c3 {
    width: 22%;
  }
  .sm13.c3 {
    width: 23.07%;
  }
  .sm14.c3 {
    width: 21.42%;
  }
  .sm15.c3 {
    width: 20%;
  }
  .sm16.c3 {
    width: 18.75%;
  }
  .sm17.c3 {
    width: 17.64%;
  }
  .sm18.c3 {
    width: 16.66%;
  }
  .sm19.c3 {
    width: 15.78%;
  }
  .sm20.c3 {
    width: 15%;
  }
  .sm21.c3 {
    width: 14.28%;
  }
  .sm22.c3 {
    width: 13.63%;
  }
  .sm23.c3 {
    width: 13.04%;
  }
  .sm24.c3 {
    width: 12.5%;
  }
  .sm25.c3 {
    width: 12%;
  }
  .sm26.c3 {
    width: 11.53%;
  }
  .sm27.c3 {
    width: 11.11%;
  }
  .sm28.c3 {
    width: 10.71%;
  }
  .sm29.c3 {
    width: 10.34%;
  }
  .sm30.c3 {
    width: 10%;
  }
  .sm31.c3 {
    width: 9.67%;
  }
  .sm32.c3 {
    width: 9.37%;
  }
  .sm33.c3 {
    width: 9.09%;
  }
  .sm34.c3 {
    width: 8.82%;
  }
  .sm35.c3 {
    width: 8.57%;
  }
  .sm36.c3 {
    width: 8.33%;
  }
  .sm37.c3 {
    width: 8.1%;
  }
  .sm38.c3 {
    width: 7.89%;
  }
  .sm39.c3 {
    width: 7.69%;
  }
  .sm40.c3 {
    width: 7.5%;
  }
  .sm41.c3 {
    width: 7.31%;
  }
  .sm42.c3 {
    width: 7.14%;
  }
  .sm43.c3 {
    width: 6.97%;
  }
  .sm44.c3 {
    width: 6.81%;
  }
  .sm5.c5 {
    width: 100%;
  }
  .sm6.c5 {
    width: 83.33%;
  }
  .sm7.c5 {
    width: 71.42%;
  }
  .sm8.c5 {
    width: 62.5%;
  }
  .sm9.c5 {
    width: 55.55%;
  }
  .sm10.c5 {
    width: 50%;
  }
  .sm11.c5 {
    width: 45.45%;
  }
  .sm12.c5 {
    width: 41.66%;
  }
  .sm13.c5 {
    width: 38.46%;
  }
  .sm14.c5 {
    width: 35.71%;
  }
  .sm15.c5 {
    width: 33.33%;
  }
  .sm16.c5 {
    width: 31.25%;
  }
  .sm17.c5 {
    width: 29.41%;
  }
  .sm18.c5 {
    width: 27.77%;
  }
  .sm19.c5 {
    width: 26.31%;
  }
  .sm20.c5 {
    width: 25%;
  }
  .sm21.c5 {
    width: 23.8%;
  }
  .sm22.c5 {
    width: 22.72%;
  }
  .sm23.c5 {
    width: 21.73%;
  }
  .sm24.c5 {
    width: 20.83%;
  }
  .sm25.c5 {
    width: 20%;
  }
  .sm26.c5 {
    width: 19.23%;
  }
  .sm27.c5 {
    width: 18.51%;
  }
  .sm28.c5 {
    width: 17.85%;
  }
  .sm29.c5 {
    width: 17.24%;
  }
  .sm30.c5 {
    width: 16.66%;
  }
  .sm31.c5 {
    width: 16.12%;
  }
  .sm32.c5 {
    width: 15.62%;
  }
  .sm33.c5 {
    width: 15.15%;
  }
  .sm34.c5 {
    width: 14.7%;
  }
  .sm35.c5 {
    width: 14.28%;
  }
  .sm36.c5 {
    width: 13.88%;
  }
  .sm37.c5 {
    width: 13.51%;
  }
  .sm38.c5 {
    width: 13.15%;
  }
  .sm39.c5 {
    width: 12.82%;
  }
  .sm40.c5 {
    width: 12.5%;
  }
  .sm41.c5 {
    width: 12.19%;
  }
  .sm42.c5 {
    width: 11.9%;
  }
  .sm43.c5 {
    width: 11.62%;
  }
  .sm44.c5 {
    width: 11.36%;
  }
  .sm7.c7 {
    width: 100%;
  }
  .sm8.c7 {
    width: 87.5%;
  }
  .sm9.c7 {
    width: 77.77%;
  }
  .sm10.c7 {
    width: 70%;
  }
  .sm11.c7 {
    width: 63.63%;
  }
  .sm12.c7 {
    width: 58.33%;
  }
  .sm13.c7 {
    width: 53.84%;
  }
  .sm14.c7 {
    width: 50%;
  }
  .sm15.c7 {
    width: 46.66%;
  }
  .sm16.c7 {
    width: 43.75%;
  }
  .sm17.c7 {
    width: 41.17%;
  }
  .sm18.c7 {
    width: 38.88%;
  }
  .sm19.c7 {
    width: 36.84%;
  }
  .sm20.c7 {
    width: 35%;
  }
  .sm21.c7 {
    width: 33.33%;
  }
  .sm22.c7 {
    width: 31.81%;
  }
  .sm23.c7 {
    width: 30.43%;
  }
  .sm24.c7 {
    width: 29.16%;
  }
  .sm25.c7 {
    width: 28%;
  }
  .sm26.c7 {
    width: 26.92%;
  }
  .sm27.c7 {
    width: 25.92%;
  }
  .sm28.c7 {
    width: 25%;
  }
  .sm29.c7 {
    width: 24.13%;
  }
  .sm30.c7 {
    width: 23.33%;
  }
  .sm31.c7 {
    width: 22.58%;
  }
  .sm32.c7 {
    width: 21.87%;
  }
  .sm33.c7 {
    width: 21.21%;
  }
  .sm34.c7 {
    width: 20.58%;
  }
  .sm35.c7 {
    width: 20%;
  }
  .sm36.c7 {
    width: 19.44%;
  }
  .sm37.c7 {
    width: 18.91%;
  }
  .sm38.c7 {
    width: 18.42%;
  }
  .sm39.c7 {
    width: 17.94%;
  }
  .sm40.c7 {
    width: 17.5%;
  }
  .sm41.c7 {
    width: 17.07%;
  }
  .sm42.c7 {
    width: 16.66%;
  }
  .sm43.c7 {
    width: 16.27%;
  }
  .sm44.c7 {
    width: 15.9%;
  }
  .sm9.c9 {
    width: 100%;
  }
  .sm10.c9 {
    width: 90%;
  }
  .sm11.c9 {
    width: 81.81%;
  }
  .sm12.c9 {
    width: 78%;
  }
  .sm13.c9 {
    width: 69.23%;
  }
  .sm14.c9 {
    width: 64.28%;
  }
  .sm15.c9 {
    width: 60%;
  }
  .sm16.c9 {
    width: 56.25%;
  }
  .sm17.c9 {
    width: 52.94%;
  }
  .sm18.c9 {
    width: 50%;
  }
  .sm19.c9 {
    width: 47.36%;
  }
  .sm20.c9 {
    width: 45%;
  }
  .sm21.c9 {
    width: 42.85%;
  }
  .sm22.c9 {
    width: 40.9%;
  }
  .sm23.c9 {
    width: 39.13%;
  }
  .sm24.c9 {
    width: 37.5%;
  }
  .sm25.c9 {
    width: 36%;
  }
  .sm26.c9 {
    width: 34.61%;
  }
  .sm27.c9 {
    width: 33.33%;
  }
  .sm28.c9 {
    width: 32.14%;
  }
  .sm29.c9 {
    width: 31.03%;
  }
  .sm30.c9 {
    width: 30%;
  }
  .sm31.c9 {
    width: 29.03%;
  }
  .sm32.c9 {
    width: 28.12%;
  }
  .sm33.c9 {
    width: 27.27%;
  }
  .sm34.c9 {
    width: 26.47%;
  }
  .sm35.c9 {
    width: 25.71%;
  }
  .sm36.c9 {
    width: 25%;
  }
  .sm37.c9 {
    width: 24.32%;
  }
  .sm38.c9 {
    width: 23.68%;
  }
  .sm39.c9 {
    width: 23.07%;
  }
  .sm40.c9 {
    width: 22.5%;
  }
  .sm41.c9 {
    width: 21.95%;
  }
  .sm42.c9 {
    width: 21.42%;
  }
  .sm43.c9 {
    width: 20.93%;
  }
  .sm44.c9 {
    width: 20.45%;
  }
}
@media screen and (max-width: 1024px) {
  .cmsmodul.container.cols .col-item,
  .cmsmodul.container.cols .col-item:first-of-type,
  .cmsmodul.container.cols .col-item:last-of-type {
    padding: 1%;
  }
  .sm20.c5 {
    width: 50%;
  }
  .col-item.c1.sm8 .cmsmodul.image {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .cmsmodul.container.cols {
    display: block !important;
  }
  .cmsmodul.container.cols .col-item {
    float: none !important;
    display: block !important;
    padding: 0;
    min-height: 1px;
    margin: 0 0 12px 0;
    width: auto;
    height: auto !important;
  }
  .cmsmodul.container.cols .col-item.c1.sm7 {
    width: 15%;
    float: left;
  }
  .cmsmodul.container.cols .col-item.c5.sm7 {
    width: 70%;
    float: left;
    padding-left: 5%;
  }
  .cmsmodul.container.cols .col-item:first-of-type,
  .cmsmodul.container.cols .col-item:last-of-type {
    padding: inherit;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.BoxMainColorQuotation {
  background: #000;
  color: #fff;
  padding: 30px;
  position: relative;
  text-align: center;
}
.BoxMainColorQuotation a {
  color: #fff !important;
  text-decoration: none !important;
}
.BoxMainColorQuotation h3 {
  font-size: 1.8rem;
  line-height: 110%;
  margin-bottom: 10px;
  font-family: 'Harriet', 'Times New Roman';
}
.BoxMainColorQuotation .author {
  font-size: 1.2em;
}
.BoxMainColorQuotation:before {
  /*background: url(/content/css/activebeauty-at/i/quote-up.svg) no-repeat;*/
  content: '';
  width: 100%;
  height: 57px;
  display: block;
  margin-bottom: 12px;
}
.BoxMainColorQuotation:after {
  /*background: url(/content/css/activebeauty-at/i/quote-down.svg) no-repeat;*/
  background-position: right center;
  content: '';
  width: 100%;
  height: 57px;
  display: block;
  margin-top: 8px;
}
.BoxMainColor {
  background: #000;
  color: #fff;
  padding: 30px;
}
.tipps {
  padding: 0;
  overflow: hidden;
}
.tipps .content-container {
  padding: 30px;
}
@media screen and (min-width: 760px) {
  .tipps .content-container {
    width: 30%;
    float: left;
  }
}
.tipps .content-container h5 {
  margin-bottom: 4px;
}
.tipps .content-container h3 {
  margin-bottom: 14px;
}
.tipps iframe {
  width: 100%;
}
@media screen and (min-width: 760px) {
  .tipps iframe {
    width: 70%;
    float: left;
  }
}
.Overlay_Links_Unten {
  position: relative;
}
@media screen and (min-width: 760px) {
  .Overlay_Links_Unten {
    max-height: 640px;
  }
}
.Overlay_Links_Unten .text {
  padding: 20px;
  display: block;
}
@media screen and (min-width: 760px) {
  .Overlay_Links_Unten .text {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000000;
    max-width: 450px;
    color: #FFFFFF;
    text-align: left;
  }
  .Overlay_Links_Unten .text h5,
  .Overlay_Links_Unten .text span:first-child {
    font-family: 'Harriet', 'Times New Roman';
    font-weight: 300;
    font-size: 1.6em;
    margin-bottom: 8px;
  }
}
.Overlay_Links_Unten .text br {
  display: none;
}
.Overlay_Links_Unten .text h2 {
  margin-bottom: 12px;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .Overlay_Links_Unten .text h2 {
    font-size: 3rem;
  }
}
.MagazinBox {
  background: #000;
  color: #fff;
  padding: 20px;
}
.MagazinBox h5 {
  color: #fff;
}
.MagazinBox .text {
  padding-top: 4px;
  display: block;
  color: #fff;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.MagazinBox .text span {
  text-transform: none;
  display: block;
  font-size: 1.6rem;
  font-family: "dmsupport-medium", sans-serif;
  padding-top: 8px;
  line-height: 100%;
}
.MagazinBox2 {
  background: none;
  text-align: center;
  color: #000;
}
.MagazinBox2 a {
  display: block;
}
.MagazinBox2 .text {
  color: #000;
  font-size: 1.2em;
  font-family: 'Harriet', 'Times New Roman';
  font-weight: 600;
  margin-top: 8px;
  display: block;
}
.MagazinBox2 .text span {
  font-size: 2rem;
  font-weight: 300;
  display: block;
  padding: 8px 1% 4px 1%;
  line-height: 110%;
}
.MagazinBox2 figure {
  max-width: 200px;
  margin: 0 auto;
}
.BoxGreenIdeas {
  background: #8bb739;
  color: #FFFFFF;
  padding: 128px 20px 68px 20px;
  position: relative;
  text-align: center;
}
.BoxGreenIdeas a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.BoxGreenIdeas h3 {
  font-size: 1.8rem;
  line-height: 110%;
  margin-bottom: 10px;
  font-family: 'Harriet', 'Times New Roman';
}
.BoxGreenIdeas .author {
  font-size: 1.2em;
}
.BoxGreenIdeas:before {
  content: '';
  display: block;
  width: 120px;
  height: 120px;
  background: url(/content/css/activebeauty-at/i/green-ideas.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: -20px;
  left: calc(50% - 60px);
}
.rahmenpunkte {
  border: 1px dashed #888888;
  padding: 20px;
}
@media screen and (min-width: 640px) {
  .rahmenpunkte {
    padding: 30px;
  }
}
.zitat {
  font-family: 'Harriet', 'Times New Roman';
  font-style: italic;
  max-width: 628px;
  margin: 0 auto 10px auto !important;
  display: block;
  font-size: 1.2rem;
  line-height: 130%;
  font-weight: 200;
  text-align: center;
}
@media screen and (min-width: 760px) {
  .zitat {
    font-size: 1.4rem;
  }
}
.title-heart,
.title-suitecase,
.title-plus,
.title-flower {
  font-family: 'Harriet', 'Times New Roman';
  text-transform: uppercase;
  font-size: 1rem;
}
.title-heart:before,
.title-suitecase:before,
.title-plus:before,
.title-flower:before {
  content: '';
  background: url(/content/css/activebeauty-at/i/heart.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 4px;
}
.title-suitecase:before {
  background-image: url(/content/css/activebeauty-at/i/suitcase.svg);
}
.title-plus:before {
  background-image: url(/content/css/activebeauty-at/i/plus.svg);
}
.title-flower:before {
  background-image: url(/content/css/activebeauty-at/i/flower.svg);
  width: 25px;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
#cookie-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 2px solid #a8a8af;
  background: #f6f6f7;
  padding: 30px calc(50% - 650px);
  z-index: 90000;
  font-size: 1.1em;
  line-height: 130%;
  color: #525260;
  font-size: 0.9em;
}
#cookie-bar .msg {
  margin-bottom: 12px;
  padding: 0 12px;
}
#cookie-bar a:link,
#cookie-bar a:visited {
  text-decoration: underline;
  color: #525260;
}
#cookie-bar .cb-policy {
  display: none;
}
#cookie-bar .cb-enable:link,
#cookie-bar .cb-enable:visited {
  background: #002878;
  border-radius: 25px;
  padding: 12px 10px 10px 10px;
  display: block;
  max-width: 240px;
  margin-bottom: 14px;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  margin-left: 12px;
}
#cookie-bar .cb-enable:hover,
#cookie-bar .cb-enable:focus {
  background: #e5e9f1;
  color: #002878;
}
#cookie-bar .cb-disable {
  margin-right: 16px;
  margin-left: 12px;
}
@media screen and (max-width: 740px) {
  #cookie-bar {
    padding-bottom: 80px;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.csr-submitform .requiredfields {
  text-align: right;
}
.csr-submitform .row {
  padding: 4px 0 8px 0;
}
@media screen and (min-width: 760px) {
  .csr-submitform .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.csr-submitform .row .col {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 760px) {
  .csr-submitform .row.r2b .col {
    width: 80%;
  }
  .csr-submitform .row.r2b .col:first-child {
    width: 20%;
  }
}
.csr-submitform .row:after {
  content: none !important;
}
.csr-submitform .row label {
  font-weight: bold;
}
.csr-submitform .row div[data-type='5'] label {
  width: auto;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 140%;
  display: block;
}
.csr-submitform .row div[data-type='5'] label input[type=checkbox] {
  margin-right: 8px !important;
  vertical-align: middle;
  zoom: 1.3;
}
.csr-submitform .row textarea {
  height: 320px;
}
.csr-submitform .err-msg {
  position: absolute;
  left: 0;
  top: 50px;
}
.csr-submitform .finished {
  background: #000;
  color: #fff;
  padding: 20px;
  margin: 20px 0;
}
.csr-submitform .upload .drop {
  background-color: #EFF4F3;
  padding: 40px 50px;
  border-radius: 3px;
  text-align: center;
  text-transform: uppercase;
}
.csr-submitform .upload .drop input {
  display: none;
}
.csr-submitform .upload .drop .watermark {
  display: block;
  opacity: 0.4;
  font-weight: 100;
  font-style: italic;
  margin-bottom: 20px;
}
.csr-submitform .upload .drop a {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.csr-submitform .upload .drop a:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.ondrop .csr-submitform .upload .drop {
  outline: 2px dashed #888888;
}
.csr-submitform .upload ul {
  list-style: none;
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  background: #000000;
}
.csr-submitform .upload ul li {
  position: relative;
  list-style-type: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 0 8px 0 !important;
}
.csr-submitform .upload ul li input {
  display: none;
}
.csr-submitform .upload ul li > div:first-child {
  width: 60px;
  padding: 5px 12px;
}
.csr-submitform .upload ul li p {
  overflow: hidden;
  padding: 0;
  margin: 10px !important;
  text-align: center;
  font-size: 0.9em;
  width: 100%;
  line-height: 110%;
}
.csr-submitform .upload ul li i {
  display: block;
  padding-top: 4px;
}
.csr-submitform .upload ul li li canvas {
  bottom: -6px;
  left: -4px;
  position: absolute;
  transform: scale(0.4);
}
.csr-submitform .upload ul li span {
  width: 22px;
  height: 22px;
  min-width: 22px;
  max-width: 22px;
  min-height: 22px;
  max-height: 22px;
  margin: 0 8px 16px 8px;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
  background: #888888;
}
.csr-submitform .upload ul li span:before {
  content: 'x';
}
.csr-submitform .upload ul li span:hover {
  background: #FFFFFF;
  color: #000000;
}
.csr-submitform .upload ul li.working span {
  height: 16px;
  background-position: 0 -12px;
}
.csr-submitform .upload ul li.error p {
  color: red;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
/*Datepicker*/

.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #333;
  font-size: 13px;
  line-height: 18px;
}
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
  padding: 4px 5px;
}
.datepicker table {
  border: 0;
  margin: 0;
  width: auto;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 12px;
  padding: 4px 8px;
  cursor: pointer;
}
.datepicker td {
  background: #fff;
}
.datepicker td span.active,
.datepicker td.active.day,
.datepicker td.active.year {
  background: #2ba6cb;
}
.datepicker td.new,
.datepicker td.old {
  color: #999;
}
.datepicker td.day.disabled {
  color: #eee;
}
.datepicker td:hover {
  background: #f3f3f3;
}
.datepicker th {
  background: #fff;
}
.datepicker th span.active,
.datepicker th.active.day,
.datepicker th.active.year {
  background: #2ba6cb;
}
.datepicker th.date-switch {
  width: 145px;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker-dropdown:after,
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  position: absolute;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.datepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 6px;
}
.datepicker-dropdown:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -6px;
  left: 7px;
}
.datepicker-dropdown::after,
.datepicker-dropdown::before,
.datepicker > div {
  display: none;
}
.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker .prev:before {
  content: '<';
}
.datepicker .next:before {
  content: '>';
}
/*TIMEPICKER*/

.stwtimepicker-popup {
  display: block;
  width: 430px;
  background: #fff;
  border: 1px solid #888;
  position: absolute;
  z-index: 50;
}
.stwtimepicker-popup span {
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  width: 10%;
  padding: 6px 0;
  text-align: center;
  border-right: 1px solid #888;
  font-size: 0.8em;
}
.stwtimepicker-popup span:nth-child(10n+10) {
  border-right: none;
}
.stwtimepicker-popup span:hover {
  background: #eee;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
/*HTML editor inline CSS*/

body.cke_editable {
  padding: 0;
  line-height: 150%;
}
body.cke_editable.intro {
  font-size: 25.5px;
}
body.cke_editable a:link,
body.cke_editable a:visited {
  text-decoration: underline;
}
body.cke_editable h2 {
  text-align: left;
  margin-bottom: 30px;
}
body.cke_editable h2.zitat {
  font-family: 'Harriet', 'Times New Roman';
  font-style: italic;
  max-width: 628px;
  margin: 0 auto;
  font-size: 3rem;
}
body.cke_editable.produktteaser a:link,
body.cke_editable.produktteaser a:visited {
  font-weight: bold;
  text-decoration: none;
}
body.cke_editable.produktteaser a:link:before,
body.cke_editable.produktteaser a:visited:before {
  content: "\25BA";
  margin-right: 10px;
}
body.cke_editable .fazit-tipp_title {
  display: flex;
}
body.cke_editable .fazit-tipp_title h2 {
  font-size: 2.4rem;
  display: flex;
  font-weight: 700;
  margin-bottom: 30px;
}
body.cke_editable .fazit-tipp_title svg {
  height: 30px;
  width: auto;
  top: -10px;
  margin-left: 10px;
  transform: translateY(-10px);
}
body.cke_editable .tipp {
  font-weight: 700;
}
body.cke_editable .tipp:after {
  display: inline-block;
  vertical-align: top;
  width: 34px;
  height: 30px;
  content: '';
  background: url(/content/css/activebeauty-at/i/tipp.svg) no-repeat;
  background-size: cover;
  margin-left: 8px;
}
body.cke_editable ul {
  margin: 0 0 30px 30px;
  list-style-type: disc;
}
body.cke_editable ul.firstletter,
body.cke_editable ol.firstletter {
  list-style-type: none !important;
  margin-left: 30px;
}
body.cke_editable ul.firstletter li,
body.cke_editable ol.firstletter li {
  padding-bottom: 28px !important;
}
body.cke_editable div.firstletter:first-letter,
body.cke_editable ul.firstletter li:first-letter,
body.cke_editable ol.firstletter li:first-letter {
  font-size: 90px;
  float: left;
  line-height: 40px;
  margin-right: 6px;
  font-family: 'Harriet', 'Times New Roman';
  font-weight: 100;
}
body.cke_editable ul.dottedborder {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block;
}
body.cke_editable ul.dottedborder li {
  border-bottom: 1px dotted #888888;
  padding: 10px 8px 6px 2px !important;
}
body.cke_editable .title-heart,
body.cke_editable .title-suitecase,
body.cke_editable .title-plus,
body.cke_editable .title-flower {
  font-family: 'Harriet', 'Times New Roman';
  text-transform: uppercase;
  font-size: 1rem;
}
body.cke_editable .title-heart:before,
body.cke_editable .title-suitecase:before,
body.cke_editable .title-plus:before,
body.cke_editable .title-flower:before {
  content: '';
  background: url(/content/css/activebeauty-at/i/heart.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 4px;
}
body.cke_editable .title-suitecase:before {
  background-image: url(/content/css/activebeauty-at/i/suitcase.svg);
}
body.cke_editable .title-plus:before {
  background-image: url(/content/css/activebeauty-at/i/plus.svg);
}
body.cke_editable .title-flower:before {
  background-image: url(/content/css/activebeauty-at/i/flower.svg);
  width: 25px;
}

[data-scrolleffectclass] { -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out; transform: translateZ(0); -webkit-transform: translateZ(0); }
html.cmsmodul-dragging [data-scrolleffectclass] {-webkit-transition:none!important; -moz-transition:none!important; -o-transition:none!important;transition:none!important }

.cmsmodul.Weich_einblenden { opacity:0; -webkit-transition-duration:600ms; -moz-transition-duration:600ms; -o-transition-duration:600ms;transition-duration:600ms; }
.cmsmodul.Weich_einblenden.effect-active { opacity:1 }

.cmsmodul.Klein_gross { transform:scale(0.4); -webkit-transform:scale(0.4); opacity:0; }
.cmsmodul.Klein_gross.effect-active {transform:scale(1); -webkit-transform:scale(1); opacity:1 }

.cmsmodul.Links { -webkit-transform: translate(-100px);transform: translate(-100px); opacity:0; }
.cmsmodul.Links.effect-active {-webkit-transform: translate(0);transform: translate(0); opacity:1 }

.cmsmodul.Rechts { -webkit-transform: translate(100px);transform: translate(100px); opacity:0; }
.cmsmodul.Rechts.effect-active {-webkit-transform: translate(0); transform: translate(0); opacity:1 }

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.is404 {
  background: url(/content/css/activebeauty-at/i/404_abo.jpg) no-repeat;
  height: 100vh;
  display: flex;
  width: 100%;
  background-repeat: no-repeat;
  align-items: center;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.is404 .content-404 {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1rem;
  text-align: left;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
@media screen and (min-width: 760px) {
  .is404 .content-404 {
    width: 40%;
    margin-left: 10%;
  }
}
.is404 .content-404 p {
  width: 100% !important;
  margin: 0 !important;
  font-size: 1.4rem;
  line-height: 120%;
}
.is404 .content-404 p a {
  text-decoration: underline;
}
.is404 .content-404 h2 {
  width: 100% !important;
  font-weight: 700 !important;
  text-align: left;
  font-size: 66px;
  padding-bottom: 1.5rem;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.flipbooks .filter {
  text-align: center;
}
.flipbooks .filter ul {
  display: block;
  flex-wrap: wrap;
  margin: 0 auto 20px auto;
  overflow: auto;
  white-space: nowrap;
}
.flipbooks .filter ul li {
  padding-right: 20px;
  display: inline-block;
}
.flipbooks .filter ul li .selected {
  color: #000;
  font-weight: bold;
}
.flipbooks .items ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.flipbooks .items ul li {
  margin-bottom: 40px;
  display: block;
}
@media screen and (min-width: 640px) {
  .flipbooks .items ul li {
    width: 50%;
  }
}
@media screen and (min-width: 760px) {
  .flipbooks .items ul li {
    width: 33%;
  }
}
@media screen and (min-width: 1024px) {
  .flipbooks .items ul li {
    width: 25%;
  }
}
@media screen and (min-width: 1300px) {
  .flipbooks .items ul li {
    width: 20%;
  }
}
.flipbooks .items ul li img {
  height: 320px;
  width: 100%;
  object-fit: contain;
}
.flipbooks.ohneFilter .filter {
  display: none;
}
.flipbooks.ohneFilter .items ul {
  display: block;
}
.flipbooks.ohneFilter .items ul li {
  width: 100%;
}
.flipbooks.bigger .filter {
  display: none;
}
.flipbooks.bigger ul li {
  width: 100%;
}
.flipbooks.bigger ul li img {
  height: 390px;
}
.flipbook-play {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  z-index: 19050;
  display: none;
  text-align: center;
}
.flipbook-play.active {
  display: block;
}
.flipbook-play .close {
  position: fixed;
  right: 0;
  top: 0;
  color: #FFFFFF;
  padding: 13px 18px;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: bold;
}
.flipbook-play .close:hover {
  background: #000;
  color: #fff;
}
.flipbook-play .book {
  margin: 0 auto;
}
.wowbook-book-container {
  margin-top: 6px;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
@font-face {
  font-family: 'dmbrand-medium';
  src: url(/content/css/activebeauty-at/f/DMBrand-Medium.eot);
  src: url(/content/css/activebeauty-at/f/DMBrand-Medium.eot?#iefix) format('embedded-opentype'), url(/content/css/activebeauty-at/f/DMBrand-Medium.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'dmbrand-bold';
  src: url(/content/css/activebeauty-at/f/DMBrand-Bold.eot), url(/content/css/activebeauty-at/fonts/DMBrandBG-Bold.eot);
  src: url(/content/css/activebeauty-at/f/DMBrand-Bold.eot?#iefix) format('embedded-opentype'), url(/content/css/activebeauty-at/f/DMBrand-Bold.woff) format('woff'), url(/content/css/activebeauty-at/f/DMBrandBG-Bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'dmbrand-regular';
  src: url(/content/css/activebeauty-at/f/DMBrand-Regular.eot), url(/content/css/activebeauty-at/f/DMBrandBG-Regular.eot);
  src: url(/content/css/activebeauty-at/f/DMBrand-Regular.woff) format("woff"), url(/content/css/activebeauty-at/f/DMBrandBG-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "dmbrand-light";
  src: url(/content/css/activebeauty-at/f/DMBrand-Light.eot#) format("eot"), url(/content/css/activebeauty-at/f/DMBrand-Light.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'dmsupport-light';
  src: url(/content/css/activebeauty-at/f/DMSupport-Light.eot);
  src: url(/content/css/activebeauty-at/f/DMSupport-Light.eot?#iefix) format('embedded-opentype'), url(/content/css/activebeauty-at/f/DMSupport-Light.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'dmsupport-regular';
  src: url(/content/css/activebeauty-at/f/DMSupport-Regular.eot), url(/content/css/activebeauty-at/f/DMSupport-Regular.eot);
  src: url(/content/css/activebeauty-at/f/DMSupport-Regular.eot?#iefix) format('embedded-opentype'), url(/content/css/activebeauty-at/f/DMSupport-Regular.woff) format('woff'), url(/content/css/activebeauty-at/f/DMSupport-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'dmsupport-medium';
  src: url(/content/css/activebeauty-at/f/DMSupport-Medium.eot);
  src: url(/content/css/activebeauty-at/f/DMSupport-Medium.eot?#iefix) format('embedded-opentype'), url(/content/css/activebeauty-at/f/DMSupport-Medium.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'dmsupport-bold';
  src: url(/content/css/activebeauty-at/f/DMSupport-Bold.eot);
  src: url(/content/css/activebeauty-at/f/DMSupport-Bold.eot?#iefix) format('embedded-opentype'), url(/content/css/activebeauty-at/f/DMSupport-Bold.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Paralines';
  src: url(/content/css/activebeauty-at/f/SociumFree-Regular.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nickainley';
  src: url(/content/css/activebeauty-at/f/Nickainley-Normal.otf) format("opentype"), url(/content/css/activebeauty-at/f/Nickainley-Normal.ttf) format("truetype"), url(/content/css/activebeauty-at/f/Nickainley-Normal.eot) format('embedded-opentype'), url(/content/css/activebeauty-at/f/Nickainley-Normal.woff) format('woff'), url(/content/css/activebeauty-at/f/Nickainley-Normal.woff2) format('woff2');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Harriet';
  src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Thin.otf) format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Harriet';
  src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Thin-Italic.otf) format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Harriet';
  src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Regular.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Harriet';
  src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Regular-Italic.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/*
@font-face {
    font-family: 'Harriet';
    src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Medium.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet';
    src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Medium-Italic.otf) format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}*/

@font-face {
  font-family: 'Harriet';
  src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Bold.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Harriet';
  src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Bold-Italic.otf) format("opentype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
@font-face {
    font-family: 'Folio';
    src: url(/content/css/activebeauty-at/f/Folio-Std-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Folio';
    src: url(/content/css/activebeauty-at/f/Folio-Std-Medium.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'QuestaGrande';
    font-style: normal;
    font-weight: 400;
    src: url(/content/css/activebeauty-at/f/QuestaGrande-Regular.woff) format("woff");
    font-display: swap;
}
*/

/*
@font-face {
    font-family: Icons;    
    src: url(/wp-content/themes/wdk-activebeauty/dist/resources/fonts/icons/Icons.woff?x39603) format("woff"), url(/wp-content/themes/wdk-activebeauty/dist/resources/fonts/icons/Icons.ttf?x39603) format("truetype"),
}
*/


/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
footer {
  clear: both;
  font-size: 0.7rem;
  margin: 80px auto 20px auto !important;
  padding: 50px 10px 20px 10px;
  border-top: 1px solid #000000;
  line-height: 130%;
  position: relative;
}
@media screen and (min-width: 640px) {
  footer {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 1300px) {
  footer {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 760px) {
  footer figure.activebeauty {
    max-width: 450px;
  }
}
footer figure.activebeauty img {
  margin-bottom: 16px;
  max-width: 260px;
}
@media screen and (min-width: 760px) {
  footer figure.activebeauty img {
    max-width: 360px;
  }
}
footer figure.dm {
  text-align: center;
}
footer figure.dm img {
  width: 90px;
  height: 62px;
  margin: 30px auto;
}
@media screen and (min-width: 760px) {
  footer figure.dm {
    position: absolute;
    right: 0;
    bottom: 24px;
  }
}
footer .social {
  position: relative;
  width: 150px;
  margin: 40px auto 8px auto;
}
@media screen and (min-width: 760px) {
  footer .social {
    margin: 40px 0 0 -6px;
  }
}
footer .social a {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #FFFFFF;
  border-radius: 30px;
}
footer .social a:hover,
footer .social a:focus {
  border-color: #888888;
  opacity: 0.7;
}
footer nav {
  text-align: center;
  font-size: 1em;
}
@media screen and (min-width: 760px) {
  footer nav {
    text-align: left;
    padding-top: 20px;
  }
}
footer nav li {
  display: inline-block;
}
footer nav li a {
  display: inline-block;
  padding: 4px 6px;
  text-decoration: underline !important;
}
footer nav li:first-child a {
  padding-left: 0;
}
footer .copy {
  border-top: 1px solid #000000;
  margin-top: 20px;
  padding-top: 8px;
  font-size: 0.7rem;
}
#scrolltop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: url(/content/css/activebeauty-at/i/scrolltop.svg) no-repeat;
}
html.navstick #scrolltop {
  display: block;
}
html.footer-in-view footer .social a.instagram {
  background-image: url(/content/css/activebeauty-at/i/instagram.svg);
}
html.footer-in-view footer .social a.facebook {
  background-image: url(/content/css/activebeauty-at/i/facebook.svg);
}
html.footer-in-view footer .social a.youtube {
  background-image: url(/content/css/activebeauty-at/i/youtube.svg);
}
html.footer-in-view footer .social a.mein-dm-app {
  background-image: url(/content/css/activebeauty-at/i/mein_dm.png);
}
html.footer-in-view footer .social a.dmat {
  background-image: url(/content/css/activebeauty-at/i/dm_at.svg);
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
#m select,
#m input[type=text],
#m input[type=search],
#m input[type=email],
#m textarea {
  border: 1px solid #000000;
  background: #FFFFFF;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.428;
  color: #000000;
  font-weight: bold;
  width: 100%;
}
#m .button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
  padding: 20px 60px 16px 60px;
  font-size: 1.3rem;
  margin: 40px 0 20px 0;
}
#m .button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
#m .err-msg {
  color: #ab0000;
  display: none;
}
#m .err-msg.active {
  display: block;
}
#m .error-summary {
  background: #ab0000;
  color: #FFFFFF;
  padding: 20px;
  border-radius: 4px;
  display: none;
  margin: 10px 0 20px 0;
}
#m .error-summary.active {
  display: block;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
header {
  position: relative;
  font-family: 'Harriet', 'Times New Roman';
  font-weight: 300;
}
header .meta1,
header .search {
  display: none;
}
@media screen and (min-width: 1024px) {
  header .meta1,
  header .search {
    display: block;
    float: left;
    padding: 12px 0 40px;
  }
  header .meta1 {
    margin-top: 20px;
    position: absolute;
  }
  header .meta1 ul li {
    display: inline;
    margin-right: 12px;
  }
  header .meta1 ul li.sel > a {
    font-weight: 700;
  }
  header .meta1 ul li:not(.sel):hover > a {
    text-shadow: 0 0 0.65px #333, 0 0 0.65px #333;
  }
  header .search {
    position: absolute;
    right: 0;
    padding: 20px 0;
  }
  header .search input {
    font-weight: 300;
    max-width: 100%;
    padding: 10px;
    color: #000000;
    background: #eff4f3;
    border: none;
    outline: none;
    resize: none;
    background: #FFFFFF;
    width: 200px;
    font-size: 1.1rem;
    padding: 6px 40px 6px 6px;
    font-family: Harriet;
  }
  header .search input:focus-visible {
    outline: 2px solid #000000;
    outline-offset: 6px;
    border-radius: 3px;
  }
  header .search input::placeholder {
    color: #333;
    font-style: italic;
    font-size: 1.2em;
  }
  header .search .searchbutton {
    background: url(/content/css/activebeauty-at/i/search.svg) no-repeat;
    width: 28px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -28px;
  }
  header .search:after {
    width: 100%;
    height: 3px;
    display: block;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    font-family: Arial;
    content: '...........................';
    position: absolute;
  }
}
header .lg {
  display: block;
  clear: both;
  margin: 0 auto;
  max-width: 60%;
  position: relative;
  z-index: 20;
}
@media screen and (min-width: 400px) {
  header .lg {
    max-width: 300px;
  }
}
@media screen and (min-width: 1024px) {
  header .lg {
    max-width: 500px;
    margin-bottom: 12px;
  }
}
header .header1 {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  header .header1 {
    position: relative;
    background: #FFFFFF;
  }
}
header .header1 nav {
  display: none;
}
header .header1 .search-mobile {
  margin-top: 4px;
  float: right;
  margin-right: 10px;
}
header .header1 .search-mobile button {
  background: url(/content/css/activebeauty-at/i/search.svg) no-repeat;
  border: none;
  padding: 0;
  margin: 0;
  width: 28px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
}
@media screen and (min-width: 1024px) {
  header .header1 {
    padding: 10px 40px 10px 50px;
  }
  header .header1 .search-mobile {
    display: none;
  }
  header .header1 .burger-nav {
    position: absolute;
    left: 0;
    top: 14px;
  }
  header .header1 nav {
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
    display: block;
  }
  header .header1 nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header .header1 nav ul > li {
    margin: 0 0.5%;
  }
  header .header1 nav ul > li:nth-child(even) {
    font-style: italic;
  }
  header .header1 nav ul > li a {
    display: block;
    padding: 8px 8px 7px 8px;
  }
  header .header1 nav ul > li a:hover,
  header .header1 nav ul > li a:focus {
    text-shadow: 0 0 0.65px #333, 0 0 0.65px #333;
  }
  header .header1 nav ul > li.sel a {
    font-weight: bold;
  }
  header .header1 nav ul > li.bgcolor {
    background: #000;
  }
  header .header1 nav ul > li.bgcolor a {
    color: #fff;
  }
  header .header1 nav ul > li.bgcolor a:hover,
  header .header1 nav ul > li.bgcolor a:focus {
    text-shadow: none;
    background-color: #000000;
  }
  header .header1 nav ul > li ul {
    display: none;
  }
}
header .header1 .burger-nav {
  display: inline-block;
  width: 34px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 10px;
}
header .header1 .burger-nav span {
  display: block;
  height: 2px;
  width: 100%;
  background: #000000;
  margin: 6px 0;
}
header .header1 .burger-nav span:nth-child(2) {
  width: 74%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
header .header1 .burger-nav:hover span:nth-child(2),
header .header1 .burger-nav:focus span:nth-child(2) {
  width: 100%;
}
html.navstick header {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: -40px;
  max-width: none;
  margin: 0 auto;
  padding: 0 calc(50% - 640px) 5px;
  z-index: 4000;
  background: #FFFFFF;
  box-shadow: 0 0 8px #EFF4F3;
}
@media screen and (min-width: 250px) {
  html.navstick header {
    top: -50px;
  }
}
@media screen and (min-width: 270px) {
  html.navstick header {
    top: -60px;
  }
}
@media screen and (min-width: 320px) {
  html.navstick header {
    top: -72px;
  }
}
@media screen and (min-width: 350px) {
  html.navstick header {
    top: -82px;
  }
}
@media screen and (min-width: 400px) {
  html.navstick header {
    top: -101px;
  }
}
@media screen and (min-width: 1024px) {
  html.navstick header {
    top: -232px;
  }
}
html.navstick header .lg {
  visibility: hidden;
}
html.navstick .header1 {
  background: #FFFFFF;
  bottom: -5px;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
/*
    horoscope1 = Monat
    horoscope2 = Jahr
*/

html.horoscope1 #m .blog-items,
html.horoscope2 #m .blog-items {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 400px) {
  html.horoscope1 #m .blog-items,
  html.horoscope2 #m .blog-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 400px) {
  html.horoscope1 #m .blog-items .blog-item,
  html.horoscope2 #m .blog-items .blog-item {
    margin-bottom: 60px;
    align-items: flex-start;
  }
}
html.horoscope1 #m .blog-items .blog-item figure,
html.horoscope2 #m .blog-items .blog-item figure {
  float: none;
  width: 100%;
  text-align: center;
  padding: 0 0 12px 0;
}
html.horoscope1 #m .blog-items .blog-item figure img,
html.horoscope2 #m .blog-items .blog-item figure img {
  object-fit: fill;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
@media screen and (min-width: 400px) {
  html.horoscope1 #m .blog-items .blog-item figure img,
  html.horoscope2 #m .blog-items .blog-item figure img {
    width: 150px;
    height: 150px;
  }
}
@media screen and (min-width: 760px) {
  html.horoscope1 #m .blog-items .blog-item figure img,
  html.horoscope2 #m .blog-items .blog-item figure img {
    width: 200px;
    height: 200px;
  }
}
html.horoscope1 #m .blog-items .blog-item .content-container,
html.horoscope2 #m .blog-items .blog-item .content-container {
  width: 100%;
  float: none;
}
html.horoscope1 #m .blog-items .blog-item h3,
html.horoscope2 #m .blog-items .blog-item h3 {
  display: none;
}
html.horoscope1 #m .blog-items .blog-item h2,
html.horoscope2 #m .blog-items .blog-item h2 {
  text-align: center;
}
html.horoscope1 #m .blog-items .blog-item:hover img,
html.horoscope2 #m .blog-items .blog-item:hover img,
html.horoscope1 #m .blog-items .blog-item:focus img,
html.horoscope2 #m .blog-items .blog-item:focus img {
  transform: rotate(40deg);
}
@media screen and (min-width: 400px) {
  html.horoscope1 #m .blog-items .blog-item,
  html.horoscope2 #m .blog-items .blog-item {
    flex: 50%;
  }
}
@media screen and (min-width: 640px) {
  html.horoscope1 #m .blog-items .blog-item,
  html.horoscope2 #m .blog-items .blog-item {
    flex: 33%;
  }
}
@media screen and (min-width: 760px) {
  html.horoscope1 #m .blog-items .blog-item,
  html.horoscope2 #m .blog-items .blog-item {
    flex: 33%;
  }
}
html.horoscope2 #m .blog-items .blog-item figure img {
  height: auto;
}
html.horoscope2 #m .blog-items .blog-item .content-container h2 {
  max-width: 280px;
  text-align: center;
  word-break: normal;
  margin: 0 auto;
}
html.horoscope1.page-2 .main-img,
html.horoscope2.page-2 .main-img {
  display: none;
}
html.horoscope1.page-2 .article-content,
html.horoscope2.page-2 .article-content {
  text-align: center;
  margin-top: 120px;
  padding-top: 50px;
  font-size: 1.15em;
  display: flex;
  flex-direction: column;
  border: 1px dotted #888888;
}
@media screen and (min-width: 640px) {
  html.horoscope1.page-2 .article-content,
  html.horoscope2.page-2 .article-content {
    margin-top: 100px;
  }
}
html.horoscope1.page-2 .article-content .blogitemmeta-info,
html.horoscope2.page-2 .article-content .blogitemmeta-info {
  position: absolute;
  top: -106px;
  left: 0;
  font-size: 1rem;
  text-align: left;
}
@media screen and (min-width: 640px) {
  html.horoscope1.page-2 .article-content .blogitemmeta-info,
  html.horoscope2.page-2 .article-content .blogitemmeta-info {
    top: -60px;
  }
}
html.horoscope1.page-2 .article-content h1,
html.horoscope2.page-2 .article-content h1 {
  order: 1;
  margin-bottom: 8px;
}
html.horoscope1.page-2 .article-content .sub-title,
html.horoscope2.page-2 .article-content .sub-title {
  text-align: center;
  order: 2;
  font-size: 1.1em;
}
html.horoscope1.page-2 .article-content .text,
html.horoscope2.page-2 .article-content .text {
  max-width: 623px;
  margin: 0 auto;
}
html.horoscope1.page-2 .article-content .content-item,
html.horoscope2.page-2 .article-content .content-item {
  order: 3;
}
html.horoscope2.page-2 .blog-entries .main-img {
  display: block;
  max-width: 240px;
  margin: 20px auto 40px auto;
}
.search-items img[src*='Horoskop/Jahr'],
.similiar-item img[src*='Horoskop/Jahr'],
.search-items img[src*='Horoskop/20'],
.similiar-item img[src*='Horoskop/20'],
.search-items img[src*='jahreshoroskop'],
.similiar-item img[src*='jahreshoroskop'] {
  object-fit: contain !important;
}
html.horoscope1 .blog-entries .blog-item figure img {
  max-width: 100px;
  max-height: 100px;
}
@media screen and (min-width: 400px) {
  html.horoscope1 .blog-entries .blog-item figure img {
    max-width: 150px;
    max-height: 150px;
  }
}
html.horoscope1 .blog-entries .content-item img[src*='Horoskop/Jahr'],
html.horoscope1 .blog-entries .content-item img[src*='Horoskop/20'],
html.horoscope1 .blog-entries .content-item img[src*='jahreshoroskop'] {
  object-fit: contain !important;
  max-width: 290px;
  margin: 20px auto 40px auto;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.cmsmodul.image a {
  display: block;
}
.cmsmodul.image figure img {
  display: block;
}
.cmsmodul.image .share-me {
  text-align: center;
}
.cmsmodul.image .share-me .button {
  font-weight: normal !important;
}
.cmsmodul.image.Height350Contain img,
.cmsmodul.image.Height350Cover img {
  height: 350px;
  object-fit: contain;
  object-position: center center;
}
.cmsmodul.image.Height350Cover img {
  object-fit: cover;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
/*Imagegallery modul*/

.imagegallery,
.blog-entries.carousel {
  margin: 0;
  position: relative;
  /*Item*/

  /*Paging*/

  /*Prev Next*/

  /*Text positions*/

  /*Designs*/

}
.imagegallery .slick-list,
.blog-entries.carousel .slick-list {
  max-height: 100%;
}
@media screen and (min-width: 1024px) {
  .imagegallery .slick-list,
  .blog-entries.carousel .slick-list {
    overflow: hidden;
  }
}
.imagegallery figure img,
.blog-entries.carousel figure img,
.imagegallery figure picture,
.blog-entries.carousel figure picture {
  width: 100%;
}
.imagegallery .item,
.blog-entries.carousel .item,
.imagegallery .blog-item,
.blog-entries.carousel .blog-item {
  position: relative;
  display: none;
}
@media screen and (min-width: 1024px) {
  .imagegallery .item,
  .blog-entries.carousel .item,
  .imagegallery .blog-item,
  .blog-entries.carousel .blog-item {
    height: 500px;
  }
}
.imagegallery .item:first-child,
.blog-entries.carousel .item:first-child,
.imagegallery .blog-item:first-child,
.blog-entries.carousel .blog-item:first-child,
.imagegallery .item.slick-slide,
.blog-entries.carousel .item.slick-slide,
.imagegallery .blog-item.slick-slide,
.blog-entries.carousel .blog-item.slick-slide {
  display: block;
}
.imagegallery .item:focus-visible,
.blog-entries.carousel .item:focus-visible,
.imagegallery .blog-item:focus-visible,
.blog-entries.carousel .blog-item:focus-visible {
  border: 2px solid #000000;
}
.imagegallery .item a,
.blog-entries.carousel .item a,
.imagegallery .blog-item a,
.blog-entries.carousel .blog-item a {
  position: relative;
  display: block;
  height: 100%;
}
.imagegallery .item figure,
.blog-entries.carousel .item figure,
.imagegallery .blog-item figure,
.blog-entries.carousel .blog-item figure {
  z-index: 5;
  position: relative;
  display: block;
  height: 100%;
}
.imagegallery .item figure img,
.blog-entries.carousel .item figure img,
.imagegallery .blog-item figure img,
.blog-entries.carousel .blog-item figure img {
  object-fit: cover;
  min-height: 300px;
  height: 100%;
}
.imagegallery .item figure .credits,
.blog-entries.carousel .item figure .credits,
.imagegallery .blog-item figure .credits,
.blog-entries.carousel .blog-item figure .credits {
  position: absolute;
  right: 18px;
  bottom: 32px;
  color: #fff;
  font-size: 11px;
  text-shadow: 0 0 3px #000;
}
.imagegallery .item .content-container,
.blog-entries.carousel .item .content-container,
.imagegallery .blog-item .content-container,
.blog-entries.carousel .blog-item .content-container {
  line-height: 120%;
  max-width: 360px;
  padding: 20px;
  z-index: 10;
  font-size: 1.3em;
  font-family: 'Harriet', 'Times New Roman';
  position: relative;
}
@media screen and (min-width: 1024px) {
  .imagegallery .item .content-container,
  .blog-entries.carousel .item .content-container,
  .imagegallery .blog-item .content-container,
  .blog-entries.carousel .blog-item .content-container {
    left: 0;
    bottom: 0;
    font-size: 3em;
    max-width: 460px;
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #000000;
    color: #FFFFFF;
  }
}
.imagegallery .item .content-container:empty,
.blog-entries.carousel .item .content-container:empty,
.imagegallery .blog-item .content-container:empty,
.blog-entries.carousel .blog-item .content-container:empty {
  display: none;
}
.imagegallery .item .content-container span,
.blog-entries.carousel .item .content-container span,
.imagegallery .blog-item .content-container span,
.blog-entries.carousel .blog-item .content-container span {
  font-size: 0.5em;
  display: block;
  margin-bottom: 8px;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .imagegallery .item .content-container span,
  .blog-entries.carousel .item .content-container span,
  .imagegallery .blog-item .content-container span,
  .blog-entries.carousel .blog-item .content-container span {
    font-size: 0.3em;
  }
}
.imagegallery .item .content-container h2,
.blog-entries.carousel .item .content-container h2,
.imagegallery .blog-item .content-container h2,
.blog-entries.carousel .blog-item .content-container h2,
.imagegallery .item .content-container .bdy,
.blog-entries.carousel .item .content-container .bdy,
.imagegallery .blog-item .content-container .bdy,
.blog-entries.carousel .blog-item .content-container .bdy {
  font-size: 1.3rem;
  margin-bottom: 0;
  text-align: left;
  font-family: 'Harriet', 'Times New Roman';
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .imagegallery .item .content-container h2,
  .blog-entries.carousel .item .content-container h2,
  .imagegallery .blog-item .content-container h2,
  .blog-entries.carousel .blog-item .content-container h2,
  .imagegallery .item .content-container .bdy,
  .blog-entries.carousel .item .content-container .bdy,
  .imagegallery .blog-item .content-container .bdy,
  .blog-entries.carousel .blog-item .content-container .bdy {
    font-size: 2.2rem;
  }
  .imagegallery .item .content-container h2 i,
  .blog-entries.carousel .item .content-container h2 i,
  .imagegallery .blog-item .content-container h2 i,
  .blog-entries.carousel .blog-item .content-container h2 i,
  .imagegallery .item .content-container .bdy i,
  .blog-entries.carousel .item .content-container .bdy i,
  .imagegallery .blog-item .content-container .bdy i,
  .blog-entries.carousel .blog-item .content-container .bdy i {
    display: block;
  }
}
.imagegallery .item .content-container h3,
.blog-entries.carousel .item .content-container h3,
.imagegallery .blog-item .content-container h3,
.blog-entries.carousel .blog-item .content-container h3,
.imagegallery .item .content-container .txt,
.blog-entries.carousel .item .content-container .txt,
.imagegallery .blog-item .content-container .txt,
.blog-entries.carousel .blog-item .content-container .txt {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 8px;
  font-family: 'Harriet', 'Times New Roman';
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .imagegallery .item .content-container h3,
  .blog-entries.carousel .item .content-container h3,
  .imagegallery .blog-item .content-container h3,
  .blog-entries.carousel .blog-item .content-container h3,
  .imagegallery .item .content-container .txt,
  .blog-entries.carousel .item .content-container .txt,
  .imagegallery .blog-item .content-container .txt,
  .blog-entries.carousel .blog-item .content-container .txt {
    font-size: 1.3rem;
  }
}
.imagegallery .item .content-container .bdy,
.blog-entries.carousel .item .content-container .bdy,
.imagegallery .blog-item .content-container .bdy,
.blog-entries.carousel .blog-item .content-container .bdy {
  order: 2;
  line-height: 110%;
}
.imagegallery .item .content-container .txt,
.blog-entries.carousel .item .content-container .txt,
.imagegallery .blog-item .content-container .txt,
.blog-entries.carousel .blog-item .content-container .txt {
  order: 1;
}
.imagegallery .item .content-container time,
.blog-entries.carousel .item .content-container time,
.imagegallery .blog-item .content-container time,
.blog-entries.carousel .blog-item .content-container time,
.imagegallery .item .content-container .shorttext,
.blog-entries.carousel .item .content-container .shorttext,
.imagegallery .blog-item .content-container .shorttext,
.blog-entries.carousel .blog-item .content-container .shorttext {
  display: none;
}
.imagegallery .item .content-container .more-button,
.blog-entries.carousel .item .content-container .more-button,
.imagegallery .blog-item .content-container .more-button,
.blog-entries.carousel .blog-item .content-container .more-button {
  background: #fff;
  color: #000;
}
.imagegallery .item.rechts_oben .content-container,
.blog-entries.carousel .item.rechts_oben .content-container {
  left: auto;
  bottom: auto;
  right: 8%;
  top: 10%;
}
.imagegallery .item.rechts_unten .content-container,
.blog-entries.carousel .item.rechts_unten .content-container {
  left: auto;
  bottom: auto;
  right: 8%;
  bottom: 10%;
}
.imagegallery .item.links_oben .content-container,
.blog-entries.carousel .item.links_oben .content-container {
  bottom: auto;
  left: 8%;
  top: 10%;
}
.imagegallery .item.links_unten .content-container,
.blog-entries.carousel .item.links_unten .content-container {
  bottom: 10%;
  left: 8%;
}
.imagegallery .paging.pages,
.blog-entries.carousel .paging.pages {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
  padding: 20px;
}
.imagegallery .slick-dots,
.blog-entries.carousel .slick-dots {
  right: 14px;
  bottom: -20px;
}
.imagegallery .paging.pages li,
.blog-entries.carousel .paging.pages li {
  display: inline;
}
.imagegallery .paging.pages a,
.blog-entries.carousel .paging.pages a {
  background: #fff;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 20px;
  margin: 0 6px;
  font-size: 0;
  border: 2px solid transparent;
  vertical-align: middle;
}
.imagegallery .paging.pages .slick-active a,
.blog-entries.carousel .paging.pages .slick-active a {
  width: 20px;
  height: 20px;
}
.imagegallery .imagegallery.Header .slick-next,
.blog-entries.carousel .imagegallery.Header .slick-next,
.imagegallery .imagegallery.Header .slick-prev,
.blog-entries.carousel .imagegallery.Header .slick-prev {
  display: block;
}
.imagegallery .item.left_top .bdy,
.blog-entries.carousel .item.left_top .bdy,
.imagegallery .item.left_top_dark .bdy,
.blog-entries.carousel .item.left_top_dark .bdy {
  right: auto;
  left: 7%;
}
.imagegallery .item.left_bottom .bdy,
.blog-entries.carousel .item.left_bottom .bdy,
.imagegallery .item.left_bottom_dark .bdy,
.blog-entries.carousel .item.left_bottom_dark .bdy {
  right: auto;
  left: 7%;
  top: auto;
  bottom: 7%;
}
.imagegallery .item.right_bottom .bdy,
.blog-entries.carousel .item.right_bottom .bdy,
.imagegallery .item.right_bottom_dark .bdy,
.blog-entries.carousel .item.right_bottom_dark .bdy {
  top: auto;
  bottom: 7%;
}
.imagegallery .item.right_top_dark .bdy,
.blog-entries.carousel .item.right_top_dark .bdy,
.imagegallery .item.left_top_dark .bdy,
.blog-entries.carousel .item.left_top_dark .bdy,
.imagegallery .item.left_bottom_dark .bdy,
.blog-entries.carousel .item.left_bottom_dark .bdy,
.imagegallery .item.right_bottom_dark .bdy,
.blog-entries.carousel .item.right_bottom_dark .bdy {
  background: rgba(0, 0, 0, 0.7);
  padding: 2%;
  color: #fff;
}
.imagegallery .imagegallery.Header,
.blog-entries.carousel .imagegallery.Header,
.imagegallery .imagegallery.Header .item,
.blog-entries.carousel .imagegallery.Header .item {
  max-height: 440px;
  overflow: hidden;
}
.imagegallery .imagegallery.Nebeneinander_Menu figure,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu figure {
  max-height: 240px;
  margin-bottom: 6px;
  overflow: hidden;
}
.imagegallery .imagegallery.Nebeneinander,
.blog-entries.carousel .imagegallery.Nebeneinander,
.imagegallery .imagegallery.Nebeneinander_Menu,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu {
  margin: 0 60px 40px 60px;
}
.imagegallery .col-item .imagegallery.Nebeneinander,
.blog-entries.carousel .col-item .imagegallery.Nebeneinander,
.imagegallery .col-item .imagegallery.Nebeneinander_Menu,
.blog-entries.carousel .col-item .imagegallery.Nebeneinander_Menu {
  margin-bottom: 0;
}
.imagegallery .imagegallery.Nebeneinander .item,
.blog-entries.carousel .imagegallery.Nebeneinander .item,
.imagegallery .imagegallery.Nebeneinander_Menu .item,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .item {
  padding: 0 12px;
}
.imagegallery .imagegallery.Nebeneinander .item figure,
.blog-entries.carousel .imagegallery.Nebeneinander .item figure {
  max-height: 280px;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
}
.imagegallery .imagegallery.Nebeneinander .item .bdy,
.blog-entries.carousel .imagegallery.Nebeneinander .item .bdy,
.imagegallery .imagegallery.Nebeneinander_Menu .item .bdy,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .item .bdy {
  position: static;
  left: auto;
  bottom: auto;
  right: auto;
  top: auto;
  max-width: none;
  padding: 0 0 0 5px;
  background: none;
  color: #777;
  line-height: 130%;
}
.imagegallery .imagegallery.Nebeneinander .paging.pages,
.blog-entries.carousel .imagegallery.Nebeneinander .paging.pages,
.imagegallery .imagegallery.Nebeneinander_Menu .paging.pages,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .paging.pages,
.imagegallery .imagegallery.Marken .paging.pages,
.blog-entries.carousel .imagegallery.Marken .paging.pages {
  bottom: -30px;
  top: auto;
  right: auto;
  left: 0;
  margin-top: 8px;
  margin-left: 0;
  width: 100%;
  text-align: center;
  padding: 0;
}
.imagegallery .imagegallery.Nebeneinander .paging.pages a,
.blog-entries.carousel .imagegallery.Nebeneinander .paging.pages a,
.imagegallery .imagegallery.Nebeneinander_Menu .paging.pages a,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .paging.pages a,
.imagegallery .imagegallery.Marken .paging.pages a,
.blog-entries.carousel .imagegallery.Marken .paging.pages a {
  background: #d1d2d4;
  margin: 0 4px;
}
.imagegallery .imagegallery.Nebeneinander .paging.pages .slick-active a,
.blog-entries.carousel .imagegallery.Nebeneinander .paging.pages .slick-active a,
.imagegallery .imagegallery.Nebeneinander_Menu .paging.pages .slick-active a,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .paging.pages .slick-active a {
  background: #9fc4cd;
  width: 12px;
  height: 12px;
}
.imagegallery .imagegallery.Nebeneinander .slick-arrow,
.blog-entries.carousel .imagegallery.Nebeneinander .slick-arrow,
.imagegallery .imagegallery.Nebeneinander_Menu .slick-arrow,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .slick-arrow,
.imagegallery .imagegallery.Marken .slick-arrow,
.blog-entries.carousel .imagegallery.Marken .slick-arrow {
  z-index: 50;
  width: 32px;
  height: 50px;
  background: url(/content/css/activebeauty-at/i/s.png) no-repeat;
  background-size: 40px;
  top: 50%;
  margin-top: -25px;
}
.imagegallery .imagegallery.Nebeneinander .slick-arrow:hover,
.blog-entries.carousel .imagegallery.Nebeneinander .slick-arrow:hover,
.imagegallery .imagegallery.Nebeneinander_Menu .slick-arrow:hover,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .slick-arrow:hover,
.imagegallery .imagegallery.Marken .slick-arrow:hover,
.blog-entries.carousel .imagegallery.Marken .slick-arrow:hover {
  opacity: 0.5;
}
.imagegallery .imagegallery.Nebeneinander .slick-arrow:before,
.blog-entries.carousel .imagegallery.Nebeneinander .slick-arrow:before,
.imagegallery .imagegallery.Nebeneinander_Menu .slick-arrow:before,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .slick-arrow:before,
.imagegallery .imagegallery.Marken .slick-arrow:before,
.blog-entries.carousel .imagegallery.Marken .slick-arrow:before {
  content: '';
}
.imagegallery .imagegallery.Nebeneinander .slick-prev,
.blog-entries.carousel .imagegallery.Nebeneinander .slick-prev,
.imagegallery .imagegallery.Nebeneinander_Menu .slick-prev,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .slick-prev {
  left: -40px;
}
.imagegallery .imagegallery.Nebeneinander .slick-next,
.blog-entries.carousel .imagegallery.Nebeneinander .slick-next,
.imagegallery .imagegallery.Nebeneinander_Menu .slick-next,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu .slick-next {
  right: -40px;
  transform: rotate(-180deg);
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe {
  margin: 0 60px 40px 60px;
}
.imagegallery .col-item .imagegallery.Nebeneinander_selbe_Hoehe,
.blog-entries.carousel .col-item .imagegallery.Nebeneinander_selbe_Hoehe {
  margin-bottom: 0;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .item,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .item {
  padding: 0 12px;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .item figure,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .item figure {
  max-height: 280px;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .item figure img,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .item figure img,
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .item figure picture,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .item figure picture {
  width: auto;
  height: 275px;
  margin: 0 auto;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .item .bdy,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .item .bdy {
  position: static;
  left: auto;
  bottom: auto;
  right: auto;
  top: auto;
  max-width: none;
  padding: 0 0 0 5px;
  background: none;
  color: #777;
  line-height: 130%;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .paging.pages,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .paging.pages {
  bottom: -30px;
  top: auto;
  right: auto;
  left: 0;
  margin-top: 8px;
  margin-left: 0;
  width: 100%;
  text-align: center;
  padding: 0;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .paging.pages a,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .paging.pages a {
  background: #d1d2d4;
  margin: 0 4px;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .paging.pages .slick-active a,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .paging.pages .slick-active a {
  background: #9fc4cd;
  width: 12px;
  height: 12px;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .slick-arrow,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .slick-arrow {
  z-index: 50;
  width: 32px;
  height: 50px;
  background: url(/content/css/activebeauty-at/i/s.png) no-repeat;
  background-size: 40px;
  top: 50%;
  margin-top: -25px;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .slick-arrow:hover,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .slick-arrow:hover {
  opacity: 0.5;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .slick-arrow:before,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .slick-arrow:before {
  content: '';
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .slick-prev,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .slick-prev {
  left: -40px;
}
.imagegallery .imagegallery.Nebeneinander_selbe_Hoehe .slick-next,
.blog-entries.carousel .imagegallery.Nebeneinander_selbe_Hoehe .slick-next {
  right: -40px;
  transform: rotate(-180deg);
}
.imagegallery .imagegallery.Nebeneinander_Menu,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu {
  margin: 0 20px 90px 20px;
}
.imagegallery .imagegallery.Nebeneinander_Menu a .txt,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu a .txt {
  font-size: 1.1em;
  position: relative;
  padding: 2px 0 0 18px;
  display: block;
  line-height: 120%;
}
.imagegallery .imagegallery.Nebeneinander_Menu a .txt:before,
.blog-entries.carousel .imagegallery.Nebeneinander_Menu a .txt:before {
  display: block;
  width: 12px;
  height: 12px;
  background: url(/content/css/activebeauty-at/i/s.png) no-repeat -50px 0;
  content: '';
  position: absolute;
  left: 2px;
  top: 3px;
}
.imagegallery .imagegallery.Marken,
.blog-entries.carousel .imagegallery.Marken {
  margin-bottom: 80px;
}
.imagegallery .imagegallery.Marken .item,
.blog-entries.carousel .imagegallery.Marken .item {
  margin: 0 1px;
  background: #fff;
  padding: 8px;
}
.imagegallery .imagegallery.Marken .item figure,
.blog-entries.carousel .imagegallery.Marken .item figure {
  vertical-align: middle;
  height: 180px;
  text-align: center;
}
.imagegallery .imagegallery.Marken .item figure img,
.blog-entries.carousel .imagegallery.Marken .item figure img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.imagegallery .imagegallery.Marken .slick-next,
.blog-entries.carousel .imagegallery.Marken .slick-next {
  transform: rotate(-180deg);
}
.imagegallery .imagegallery.Marken .slick-arrow,
.blog-entries.carousel .imagegallery.Marken .slick-arrow {
  display: none !important;
}
.imagegallery .imagegallery.Marken:hover .slick-arrow,
.blog-entries.carousel .imagegallery.Marken:hover .slick-arrow {
  display: block !important;
}
.blog-entries.carousel {
  margin-bottom: 40px;
}
@media screen and (min-width: 760px) {
  .blog-entries.carousel {
    margin-bottom: 80px;
  }
}
.blog-entries.carousel .content-container {
  opacity: 0;
}
.blog-entries.carousel .content-container.active {
  opacity: 1;
  transition: opacity linear 0.3s;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 5045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 5044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 5046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; 
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.divpopup {
  position: relative; background: #FFF; padding: 20px; width:auto; min-height:90%; max-width:90%; margin: 20px auto; border-radius:20px
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
#main1 {
  position: fixed;
  top: 0;
  left: -120%;
  z-index: 5000;
  background: #FFFFFF;
  height: 100vh;
  width: 100%;
  text-align: center;
  padding: 26px 10px 0 10px;
  overflow: auto;
  line-height: 170%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
@media screen and (min-width: 760px) {
  #main1 {
    width: 80%;
    max-width: 400px;
  }
}
#main1 .close {
  position: sticky;
  left: 85%;
  top: 0;
  width: 25px;
  height: 25px;
  background: url(/content/css/activebeauty-at/i/close.svg) no-repeat;
  background-size: cover;
  z-index: 90000;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
}
#main1 ul {
  max-width: 280px;
  margin: 0 auto;
  font-size: 1.1rem;
}
#main1 ul a {
  display: block;
  padding: 3px;
}
#main1 ul .sep1 {
  border-top: 1px solid #000000;
  margin-top: 12px;
  padding-top: 12px;
}
#main1 ul .sep2 {
  border-bottom: 1px solid #000000;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
#main1 ul .small {
  font-size: 0.7rem;
  display: inline;
}
#main1 ul .small a {
  display: inline-block;
  margin: 0 8px;
}
#main1 img.dm {
  margin: 20px 0;
  width: 75px;
}
html.navopen body:before {
  content: '';
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 4500;
}
html.navopen #main1 {
  left: 0;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
/*
    bg              #b4b3df
    schriftfarbe    #440099
    hell violoett   #a584ff
	hell gelb 		#ffcf9c
*/

html.november-calendar body,
html.november-calendar .header1,
html.november-calendar #m,
html.november-calendar .search input {
  background: #b4b3df !important;
}
html.november-calendar #m h1 {
  color: #440099;
}
html.november-calendar.navstick header {
  background: #b4b3df !important;
  box-shadow: 0 0 8px #440099;
}
@media screen and (min-width: 760px) {
  html.november-calendar.navstick.page-1 #m .m1 > .image {
    position: fixed;
    top: 100px;
    margin-top: -40px;
    transition: margin ease-in-out 0.5s;
  }
  html.november-calendar.navstick.page-1.footer-in-view #m .m1 > .image {
    top: -500px;
    transition: all ease-in-out 0.8s;
  }
}
@media screen and (min-width: 760px) {
  html.november-calendar.page-1 #m {
    max-width: none;
    padding-left: 40%;
    padding-right: 5%;
  }
  html.november-calendar.page-1 #m .m1 > .image {
    position: absolute;
    width: 38%;
    top: 20px;
    left: 0;
    float: left;
  }
  html.november-calendar.page-1 #m .m1 > .image img {
    object-fit: cover;
    object-position: center center;
    height: 100vh;
    width: 100%;
  }
  html.november-calendar.page-1 #m .text {
    padding-left: 2%;
  }
}
html.november-calendar .cmsmodul.text {
  max-width: 900px;
  margin: 0 auto;
}
html.november-calendar .blog-items {
  clear: both;
  max-width: 900px;
  counter-reset: section;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto !important;
}
html.november-calendar .blog-items .blog-item {
  flex: 50% !important;
  overflow: unset !important;
  padding: 0 20px 60px 20px !important;
}
@media screen and (min-width: 1180px) {
  html.november-calendar .blog-items .blog-item {
    flex: 30% !important;
  }
}
@media screen and (min-width: 1580px) {
  html.november-calendar .blog-items .blog-item {
    flex: 25% !important;
  }
}
html.november-calendar .blog-items .blog-item a[href='#'] {
  pointer-events: none;
}
html.november-calendar .blog-items .blog-item.upcoming {
  cursor: not-allowed;
  opacity: 0.5;
}
html.november-calendar .blog-items .blog-item figure {
  height: 200px;
  width: 100% !important;
  background: url(/content/css/activebeauty-at/i/november-calendar/1.png) no-repeat center center;
  background-size: contain;
  transition: all ease-in-out 300ms;
}
html.november-calendar .blog-items .blog-item figure picture,
html.november-calendar .blog-items .blog-item figure img {
  display: none;
}
html.november-calendar .blog-items .blog-item .content-container {
  display: none;
}
html.november-calendar .blog-items .blog-item a:before {
  counter-increment: section;
  content: counter(section);
  font-family: Harriet;
  font-weight: bold;
  font-style: italic;
  font-size: 100px;
  position: absolute;
  top: -8px;
  left: 0;
  line-height: 100%;
  color: #440099;
  z-index: 10;
  transition: all ease-in-out 300ms;
}
html.november-calendar .blog-items .blog-item:nth-child(even) a:before {
  left: auto;
  top: auto;
  right: 0px;
  color: #ffcf9c;
}
@media screen and (min-width: 760px) {
  html.november-calendar .blog-items .blog-item:nth-child(even) a:before {
    bottom: -8px;
    top: auto;
  }
}
html.november-calendar .blog-items .blog-item:nth-child(2) figure,
html.november-calendar .blog-items .blog-item:nth-child(15) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/2.png);
}
html.november-calendar .blog-items .blog-item:nth-child(3) figure,
html.november-calendar .blog-items .blog-item:nth-child(15) figure,
html.november-calendar .blog-items .blog-item:nth-child(26) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/3.png);
}
html.november-calendar .blog-items .blog-item:nth-child(4) figure,
html.november-calendar .blog-items .blog-item:nth-child(16) figure,
html.november-calendar .blog-items .blog-item:nth-child(27) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/4.png);
}
html.november-calendar .blog-items .blog-item:nth-child(5) figure,
html.november-calendar .blog-items .blog-item:nth-child(17) figure,
html.november-calendar .blog-items .blog-item:nth-child(28) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/5.png);
}
html.november-calendar .blog-items .blog-item:nth-child(6) figure,
html.november-calendar .blog-items .blog-item:nth-child(18) figure,
html.november-calendar .blog-items .blog-item:nth-child(29) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/6.png);
}
html.november-calendar .blog-items .blog-item:nth-child(7) figure,
html.november-calendar .blog-items .blog-item:nth-child(19) figure,
html.november-calendar .blog-items .blog-item:nth-child(30) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/7.png);
}
html.november-calendar .blog-items .blog-item:nth-child(8) figure,
html.november-calendar .blog-items .blog-item:nth-child(20) figure,
html.november-calendar .blog-items .blog-item:nth-child(31) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/8.png);
}
html.november-calendar .blog-items .blog-item:nth-child(9) figure,
html.november-calendar .blog-items .blog-item:nth-child(21) figure,
html.november-calendar .blog-items .blog-item:nth-child(32) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/9.png);
}
html.november-calendar .blog-items .blog-item:nth-child(10) figure,
html.november-calendar .blog-items .blog-item:nth-child(22) figure,
html.november-calendar .blog-items .blog-item:nth-child(33) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/10.png);
}
html.november-calendar .blog-items .blog-item:nth-child(11) figure,
html.november-calendar .blog-items .blog-item:nth-child(23) figure,
html.november-calendar .blog-items .blog-item:nth-child(34) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/11.png);
}
html.november-calendar .blog-items .blog-item:nth-child(12) figure,
html.november-calendar .blog-items .blog-item:nth-child(24) figure,
html.november-calendar .blog-items .blog-item:nth-child(35) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/12.png);
}
html.november-calendar .blog-items .blog-item:nth-child(13) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/13.png);
}
html.november-calendar .blog-items .blog-item:nth-child(14) figure {
  background-image: url(/content/css/activebeauty-at/i/november-calendar/14.png);
}
html.november-calendar .blog-items .blog-item:hover a:before,
html.november-calendar .blog-items .blog-item:focus a:before {
  font-size: 150px;
  transform: rotate(10deg);
}
html.november-calendar .blog-items .blog-item:hover figure,
html.november-calendar .blog-items .blog-item:focus figure {
  opacity: 0.8;
}
html.november-calendar.page-2 body,
html.november-calendar.page-2 .header1,
html.november-calendar.page-2 #m {
  background: #fffdbf;
}
html.november-calendar.page-2 header {
  opacity: 0.1;
}
html.november-calendar.page-2 #m:before {
  content: 'Tag';
  font-family: 'Nickainley', 'Times New Roman';
  color: #440099;
  top: -80px;
  left: 30px;
  font-size: 48px;
  font-weight: normal;
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 760px) {
  html.november-calendar.page-2 #m:before {
    top: -100px;
    font-size: 78px;
  }
}
@media screen and (min-width: 1024px) {
  html.november-calendar.page-2 #m:before {
    left: 0;
    top: -180px;
    font-size: 98px;
  }
}
html.november-calendar.page-2 #m:after {
  content: attr(data-blogdetail-index);
  font-family: 'Harriet';
  color: #a584ff;
  font-size: 58px;
  font-weight: normal;
  position: absolute;
  top: -40px;
  left: 30px;
  width: 80px;
  text-align: center;
  z-index: 20;
}
@media screen and (min-width: 760px) {
  html.november-calendar.page-2 #m:after {
    top: -50px;
    font-size: 70px;
    width: 100px;
  }
}
@media screen and (min-width: 1024px) {
  html.november-calendar.page-2 #m:after {
    left: 0;
    top: -100px;
    font-size: 98px;
    width: 160px;
  }
}
html.november-calendar.page-2 .m1.page2:before {
  content: 'GEWINNSPIEL';
  position: absolute;
  z-index: 30;
  top: -20px;
  right: 24px;
  color: #a584ff;
  font-size: 13px;
  font-family: 'Myriad Pro', DMBrand, sans-serif;
}
@media screen and (min-width: 1180px) {
  html.november-calendar.page-2 .m1.page2:before {
    position: fixed;
    top: auto;
    bottom: 52px;
    font-size: 26px;
  }
}
html.november-calendar.page-2 .blog-entries .article-content time {
  display: none;
}
html.november-calendar.page-2 .blog-entries:before {
  position: absolute;
  top: -98px;
  right: 20px;
  content: 'Mein';
  font-family: 'Nickainley', 'Times New Roman';
  color: #440099;
  font-size: 34px;
  font-weight: normal;
  z-index: 22;
}
@media screen and (min-width: 1180px) {
  html.november-calendar.page-2 .blog-entries:before {
    position: fixed;
    font-size: 68px;
    top: auto;
    bottom: 208px;
  }
}
html.november-calendar.page-2 .blog-entries:after {
  content: "November";
  font-family: 'Harriet';
  color: #a584ff;
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase;
  position: absolute;
  top: -74px;
  right: 16px;
  width: 100px;
  word-break: break-word;
  text-align: center;
  line-height: 80%;
  z-index: 20;
}
@media screen and (min-width: 1180px) {
  html.november-calendar.page-2 .blog-entries:after {
    position: fixed;
    top: auto;
    bottom: 64px;
    font-size: 60px;
    width: 190px;
  }
}
html.november-calendar #m[data-blogdetail-index='2']:after,
html.november-calendar #m[data-blogdetail-index='4']:after,
html.november-calendar #m[data-blogdetail-index='6']:after,
html.november-calendar #m[data-blogdetail-index='8']:after,
html.november-calendar #m[data-blogdetail-index='10']:after,
html.november-calendar #m[data-blogdetail-index='12']:after,
html.november-calendar #m[data-blogdetail-index='14']:after,
html.november-calendar #m[data-blogdetail-index='16']:after,
html.november-calendar #m[data-blogdetail-index='18']:after,
html.november-calendar #m[data-blogdetail-index='20']:after {
  color: #ffcf9c;
}
@media screen and (min-width: 1024px) {
  html.november-calendar footer .dm {
    display: none;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
html {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}
body {
  font-family: 'dmsupport-regular', sans-serif;
  font-weight: 300;
  color: #000000;
  background: #FFFFFF;
  margin: 0;
  padding: 8px 0 10px 0;
  font-size: 1rem;
  box-sizing: border-box;
  min-height: 100%;
}
@media screen and (min-width: 1300px) {
  body {
    padding: 10px 0;
  }
}
a:link,
a:visited {
  text-decoration: none;
  color: #000000;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transform: translateZ(0);
}
a:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 5px;
  border-radius: 3px;
}
b,
strong {
  font-family: 'dmbrand-bold';
}
em {
  font-style: italic;
}
header,
#m,
footer {
  max-width: 1280px;
  margin: 0 auto;
}
img[width][height] {
  width: 100%;
  height: auto;
}
#m {
  line-height: 140%;
  clear: both;
  min-height: 300px;
  /*position: relative; wenn es gesetzt wird ist pre-roal banner nicht über header*/
  z-index: 10;
  background: #FFFFFF;
  padding: 10px 10px 20px 10px;
}
@media screen and (min-width: 1300px) {
  #m {
    padding: 10px 0 20px 0;
  }
}
#m img {
  width: 100%;
}
#m p {
  margin-bottom: 30px;
}
#m .m1 > .cmsmodul.text {
  margin-top: 40px !important;
}
#m .text a {
  text-decoration: underline;
}
#m .text a[href=''] {
  text-decoration: none;
  pointer-events: none;
}
#m .text a.button-arrow {
  margin-left: 20px;
}
#m .text a.button-arrow:before {
  content: '→';
  position: absolute;
  left: 0;
}
#m .text ul {
  margin: 0 0 30px 30px;
  list-style-type: disc;
}
#m .text ul li {
  padding-bottom: 8px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "dmsupport-medium", sans-serif;
  line-height: 110%;
}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i {
  font-style: italic;
}
h1 {
  font-size: 1.6rem;
  font-family: 'Harriet', 'Times New Roman';
  margin-bottom: 30px;
}
@media screen and (min-width: 760px) {
  h1 {
    font-size: 2.8rem;
  }
}
.RahmenObenUnten h1 {
  text-align: center;
  margin-bottom: 0;
}
h2 {
  text-align: center;
  font-size: 1.4rem;
  font-family: 'Harriet', 'Times New Roman';
}
@media screen and (min-width: 760px) {
  h2 {
    font-size: 2.5rem;
  }
}
h3 {
  font-size: 1.5rem;
}
@media screen and (min-width: 760px) {
  h3 {
    font-size: 1.6rem;
  }
}
h4 {
  font-size: 1.4rem;
}
@media screen and (min-width: 760px) {
  h4 {
    font-size: 1.5rem;
  }
}
h5 {
  font-size: 0.8rem;
  font-family: 'dmsupport-regular', sans-serif;
}
@media screen and (min-width: 760px) {
  h5 {
    font-size: 0.9rem;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.persons-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.persons-list .person {
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .persons-list .person {
    width: 49%;
  }
}
@media screen and (min-width: 760px) {
  .persons-list .person {
    width: 32%;
  }
}
@media screen and (min-width: 1024px) {
  .persons-list .person {
    width: 24%;
  }
}
.persons-list .person figure {
  height: 200px;
  margin-bottom: 20px;
}
.persons-list .person figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.persons-list .person-detail {
  text-align: center;
  margin-top: 80px;
  width: 100%;
}
.persons-list .person-detail > figure img {
  max-height: 600px;
  object-fit: contain;
}
.persons-list .person-detail .description {
  text-align: left;
  max-width: 800px;
  margin: 40px auto;
}
.persons-list .person-detail .description a {
  text-decoration: underline;
}
.persons-list .person-detail .blog-items {
  text-align: left;
  margin-top: 80px;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
@media print {
  header nav,
  footer {
    display: none;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
html.progress body:before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100vh;
  content: '';
}
html.progress body:after {
  position: fixed;
  z-index: 9010;
  top: 50%;
  left: 45%;
  width: 134px;
  height: 20px;
  background: url(/content/css/activebeauty-at/i/loader.gif) no-repeat;
  content: '';
}
div.progress:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100vh;
  content: '';
}
div.progress:after {
  position: absolute;
  z-index: 9010;
  top: 50%;
  left: 45%;
  width: 134px;
  height: 20px;
  background: url(/content/css/activebeauty-at/i/loader.gif) no-repeat;
  content: '';
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.searchsuggestion-result {
  position: fixed;
  background: #E5EBF0;
  left: 0;
  top: 80px;
  max-height: calc(100vh - 100px);
  width: 100%;
  z-index: 150;
  display: none;
  overflow: auto;
  min-height: 100px;
  box-shadow: 0 8px 12px #777;
}
.searchsuggestion-result.active {
  display: block;
}
.searchsuggestion-result .close {
  position: absolute;
  right: 20px;
  top: 0;
  background: #000000;
  display: flex;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  z-index: 999900;
}
.searchsuggestion-result .close:hover,
.searchsuggestion-result .close:focus {
  opacity: 0.6;
}
.searchsuggestion-result .result-items {
  padding: 10px;
  max-width: 1360px;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .searchsuggestion-result .result-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
  }
}
.searchsuggestion-result .result-items .search-item {
  margin: 1% 1% 30px 1%;
  background: #FFFFFF;
}
@media screen and (min-width: 640px) {
  .searchsuggestion-result .result-items .search-item {
    width: 48%;
  }
}
@media screen and (min-width: 760px) {
  .searchsuggestion-result .result-items .search-item {
    width: 31%;
  }
}
@media screen and (min-width: 1024px) {
  .searchsuggestion-result .result-items .search-item {
    width: 23%;
  }
}
.searchsuggestion-result .result-items .search-item figure {
  height: 130px;
}
.searchsuggestion-result .result-items .search-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.searchsuggestion-result .result-items .search-item .title {
  padding: 10px 4px 8px 8px;
  display: block;
}
.searchsuggestion-result .result-items .search-item:hover,
.searchsuggestion-result .result-items .search-item:focus {
  background: #000000;
}
.searchsuggestion-result .result-items .search-item:hover .title,
.searchsuggestion-result .result-items .search-item:focus .title {
  color: #FFFFFF;
}
.searchsuggestion-result .nothing-found {
  padding: 20px;
}
.searchsuggestion-result .nothing-found span {
  display: block;
  text-align: center;
  padding: 8px;
}
.searchsuggestion-result .nothing-found span.title {
  font-size: 1.3rem;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.search:not(.suggestion) form {
  background: #E5EBF0;
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.search:not(.suggestion) form label {
  margin-right: 8px;
}
.search:not(.suggestion) form input {
  padding: 8px;
  font-weight: bold;
  max-width: 400px !important;
  margin-bottom: 8px;
}
@media screen and (min-width: 640px) {
  .search:not(.suggestion) form input {
    margin-bottom: 0;
    margin-right: 8px;
  }
}
.search:not(.suggestion) form button {
  padding: 13px 20px !important;
  margin: 0 !important;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .search:not(.suggestion) form button {
    width: auto;
  }
}
.search:not(.suggestion) .search-items {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  min-height: 100px;
  position: relative;
}
.search:not(.suggestion) .search-items a {
  display: block;
  margin: 12px 25px 30px 0;
}
@media screen and (min-width: 760px) {
  .search:not(.suggestion) .search-items a {
    flex: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .search:not(.suggestion) .search-items a {
    flex: 25%;
    max-width: 350px;
  }
}
@media screen and (min-width: 1300px) {
  .search:not(.suggestion) .search-items a {
    flex: 20%;
  }
}
.search:not(.suggestion) .search-items a figure {
  height: 200px;
  margin-bottom: 8px;
}
.search:not(.suggestion) .search-items a figure img,
.search:not(.suggestion) .search-items a figure .video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search:not(.suggestion) .search-items a h5 {
  font-size: 1.3rem;
}
.search:not(.suggestion).progressx .search-items:before {
  display: block;
  content: '';
  background: url(/content/css/activebeauty-at/i/loader.gif) no-repeat center center;
  position: absolute;
  width: 100%;
  height: 80px;
  z-index: 90;
}
.search:not(.suggestion) .nothing-found {
  padding: 20px;
}
.search:not(.suggestion) .nothing-found span {
  display: block;
  text-align: center;
  padding: 8px;
}
.search:not(.suggestion) .nothing-found span.title {
  font-size: 1.4rem;
  font-family: 'dmbrand-bold';
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */

.slick-loading .slick-list {
  background: #fff;
}
/* Arrows */

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: -40px;
  display: none !important;
  width: 20px;
  height: 28px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
@media screen and (min-width: 1500px) {
  .slick-prev,
  .slick-next {
    display: block !important;
  }
}
.slick-prev {
  background: url(/content/css/activebeauty-at/i/arrow-left.svg) no-repeat;
}
.slick-next {
  background: url(/content/css/activebeauty-at/i/arrow-right.svg) no-repeat;
  right: -40px;
  left: auto;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  opacity: 0.7;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Dots */

.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -35px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: right;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 20px;
  margin: 0 4px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li.slick-active {
  width: 20px;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 2px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  content: '';
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  background: black;
  text-align: center;
  border: 1px solid black;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.slick-dots li.slick-active button:before {
  border-color: black;
  background: white;
  width: 20px;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.sb nav {
  text-align: center;
  background: #EFF4F3;
  padding: 8px;
  margin-bottom: 8px;
}

/*Version 2*/

html.summer-calendar2.page-2 #m .blog-entries:after,
html.summer-calendar5.page-2 #m .blog-entries:after {
  content: 'Sommer-Gewinnspiel' !important;
}
/*Version 3*/

html.summer-calendar3.page-2 #m .blog-entries:after {
  content: 'Jubiläums-Gewinnspiel';
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
html.summer-calendar1 .blog-items {
  max-width: 900px;
  counter-reset: section;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto !important;
}
html.summer-calendar1 .blog-items .blog-item {
  padding-bottom: 30px !important;
  flex: 50% !important;
  overflow: unset !important;
}
@media screen and (min-width: 760px) {
  html.summer-calendar1 .blog-items .blog-item {
    flex: 30% !important;
  }
}
@media screen and (min-width: 1024px) {
  html.summer-calendar1 .blog-items .blog-item {
    flex: 25% !important;
  }
}
html.summer-calendar1 .blog-items .blog-item a[href='#'] {
  pointer-events: none;
}
html.summer-calendar1 .blog-items .blog-item.upcoming {
  cursor: not-allowed;
  opacity: 0.5;
}
html.summer-calendar1 .blog-items .blog-item figure {
  height: 200px;
  width: 100% !important;
  background: url(/content/css/activebeauty-at/i/summer-calendar/1.svg) no-repeat center bottom;
  transition: all ease-in-out 300ms;
}
html.summer-calendar1 .blog-items .blog-item figure picture,
html.summer-calendar1 .blog-items .blog-item figure img {
  display: none;
}
html.summer-calendar1 .blog-items .blog-item .content-container {
  display: none;
}
html.summer-calendar1 .blog-items .blog-item a:before {
  counter-increment: section;
  content: counter(section);
  font-family: Paralines;
  font-size: 130px;
  position: absolute;
  top: 0;
  left: 10%;
  line-height: 100%;
  color: black;
  z-index: 10;
  transition: all ease-in-out 300ms;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(1) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(13) a:before {
  left: auto;
  right: 10%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(2) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(14) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(15) a:before {
  top: 80px;
  left: auto;
  right: 10%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(2) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(14) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(15) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/2.svg);
  background-size: auto 86%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(3) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(15) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(26) a:before {
  left: auto;
  right: 10%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(3) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(15) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(26) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/3.svg);
}
html.summer-calendar1 .blog-items .blog-item:nth-child(4) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(16) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(27) a:before {
  top: 30%;
  left: auto;
  right: 5%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(4) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(16) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(27) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/4.svg);
}
html.summer-calendar1 .blog-items .blog-item:nth-child(5) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(17) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(28) a:before {
  top: 80px;
  left: auto;
  right: 10%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(5) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(17) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(28) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/5.svg);
  background-size: auto 86%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(6) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(18) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(29) a:before {
  left: auto;
  right: 10%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(6) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(18) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(29) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/6.svg);
}
html.summer-calendar1 .blog-items .blog-item:nth-child(7) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(19) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(30) a:before {
  left: auto;
  right: 8%;
  top: 80px;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(7) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(19) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(30) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/7.svg);
  background-size: auto 110%;
  background-position: center -7px;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(8) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(20) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(31) a:before {
  left: auto;
  right: 10%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(8) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(20) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(31) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/8.svg);
}
html.summer-calendar1 .blog-items .blog-item:nth-child(9) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(21) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(32) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/9.svg);
}
html.summer-calendar1 .blog-items .blog-item:nth-child(10) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(22) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(33) a:before {
  top: 80px;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(10) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(22) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(33) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/10.svg);
}
html.summer-calendar1 .blog-items .blog-item:nth-child(11) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(23) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(34) a:before {
  left: 20%;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(11) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(23) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(34) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/11.svg);
}
html.summer-calendar1 .blog-items .blog-item:nth-child(12) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(24) a:before,
html.summer-calendar1 .blog-items .blog-item:nth-child(35) a:before {
  left: auto;
  right: 0;
}
html.summer-calendar1 .blog-items .blog-item:nth-child(12) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(24) figure,
html.summer-calendar1 .blog-items .blog-item:nth-child(35) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar/12.svg);
}
html.summer-calendar1 .blog-items .blog-item:hover a:before,
html.summer-calendar1 .blog-items .blog-item:focus a:before {
  font-size: 150px;
  transform: rotate(8deg);
}
html.summer-calendar1 .blog-items .blog-item:hover figure,
html.summer-calendar1 .blog-items .blog-item:focus figure {
  opacity: 0.8;
}
html.summer-calendar1.page-2 body,
html.summer-calendar1.page-2 .header1,
html.summer-calendar1.page-2 #m {
  background: #fffdbf;
}
html.summer-calendar1.page-2 header {
  opacity: 0.1;
}
html.summer-calendar1.page-2 #m:before {
  content: 'Tag';
  font-family: 'Nickainley', 'Times New Roman';
  color: #69c0ac;
  /*green*/
  top: -80px;
  left: 30px;
  font-size: 48px;
  font-weight: normal;
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 760px) {
  html.summer-calendar1.page-2 #m:before {
    top: -100px;
    font-size: 78px;
  }
}
@media screen and (min-width: 1024px) {
  html.summer-calendar1.page-2 #m:before {
    left: 0;
    top: -180px;
    font-size: 98px;
  }
}
html.summer-calendar1.page-2 #m:after {
  content: attr(data-blogdetail-index);
  font-family: 'Paralines';
  color: #f39325;
  /*orange*/
  font-size: 58px;
  font-weight: normal;
  position: absolute;
  top: -40px;
  left: 30px;
  width: 80px;
  text-align: center;
  z-index: 20;
}
@media screen and (min-width: 760px) {
  html.summer-calendar1.page-2 #m:after {
    top: -50px;
    font-size: 70px;
    width: 100px;
  }
}
@media screen and (min-width: 1024px) {
  html.summer-calendar1.page-2 #m:after {
    left: 0;
    top: -100px;
    font-size: 98px;
    width: 160px;
  }
}
html.summer-calendar1.page-2 .m1.page2:before {
  content: 'KALENDER';
  position: absolute;
  z-index: 30;
  top: -20px;
  right: 24px;
  color: #f39325;
  /*orange*/
  font-size: 13px;
  font-family: 'Myriad Pro', DMBrand, sans-serif;
}
@media screen and (min-width: 1180px) {
  html.summer-calendar1.page-2 .m1.page2:before {
    position: fixed;
    top: auto;
    bottom: 52px;
    font-size: 26px;
  }
}
html.summer-calendar1.page-2 .blog-entries .article-content time {
  display: none;
}
html.summer-calendar1.page-2 .blog-entries:before {
  position: absolute;
  top: -88px;
  right: 20px;
  content: 'Mein';
  font-family: 'Nickainley', 'Times New Roman';
  color: #69c0ac;
  /*green*/
  font-size: 34px;
  font-weight: normal;
  z-index: 22;
}
@media screen and (min-width: 1180px) {
  html.summer-calendar1.page-2 .blog-entries:before {
    position: fixed;
    font-size: 68px;
    top: auto;
    bottom: 208px;
  }
}
html.summer-calendar1.page-2 .blog-entries:after {
  content: "SOMMER";
  font-family: 'Paralines';
  color: #f39325;
  /*orange*/
  font-size: 34px;
  font-weight: normal;
  position: absolute;
  top: -74px;
  right: 16px;
  width: 80px;
  word-break: break-word;
  text-align: center;
  line-height: 80%;
  z-index: 20;
}
@media screen and (min-width: 1180px) {
  html.summer-calendar1.page-2 .blog-entries:after {
    position: fixed;
    top: auto;
    bottom: 64px;
    font-size: 70px;
    width: 140px;
  }
}
@media screen and (min-width: 1024px) {
  html.summer-calendar1 footer .dm {
    display: none;
  }
}
/*HEADER BILD*/

.image.Summercalendar {
  overflow: hidden;
  position: relative;
}
.image.Summercalendar img {
  height: 500px;
  object-fit: cover;
  object-position: center center;
}
.image.Summercalendar .text {
  position: absolute;
  right: 10%;
  bottom: 20%;
  z-index: 10;
  font-size: 38px;
  color: #f39325;
  /*orange*/
  width: 200px;
}
.image.Summercalendar .text b {
  font-family: 'Nickainley', 'Times New Roman';
  color: #69c0ac;
  /*green*/
  font-size: 98px;
  font-weight: normal;
  z-index: 20;
  display: block;
  position: absolute;
}
.image.Summercalendar .text span {
  padding-top: 20px;
  font-family: 'Paralines';
  display: block;
  font-size: 100px;
  line-height: 80%;
  word-break: break-all;
  margin-bottom: 20px;
  letter-spacing: 1.1px;
}
/*Version 2*/

html.summer-calendar2 body,
html.summer-calendar2 .header1,
html.summer-calendar2 #m,
html.summer-calendar2 .search input {
  background: #ffedda !important;
}
html.summer-calendar2.page-2 #m:before,
html.summer-calendar2.page-2 #m:after {
  font-family: 'Harriet';
  font-weight: 100;
  color: #f39327;
}
html.summer-calendar2.page-2 #m .blog-entries:before {
  display: none;
}
html.summer-calendar2.page-2 #m .blog-entries:after {
  font-family: 'Harriet';
  font-weight: 300;
  color: #f39327;
  font-size: 26px;
  text-align: right;
  bottom: 36px;
  width: 160px;
  line-height: 105%;
}
html.summer-calendar2.page-2 .m1.page2:before {
  display: none;
}
/*Version 3*/

html.summer-calendar3 body,
html.summer-calendar3 header,
html.summer-calendar3 .header1,
html.summer-calendar3 #m,
html.summer-calendar3 .search input {
  background: #fdffd3 !important;
}
html.summer-calendar3 h1,
html.summer-calendar3 h2 {
  color: #e8418c;
}
html.summer-calendar3 .blog-items .blog-item figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(21) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/1.png);
  background-size: contain !important;
}
html.summer-calendar3 .blog-items .blog-item:nth-child(2) figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(22) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/2.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(3) figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(23) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/3.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(4) figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(24) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/4.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(5) figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(25) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/5.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(6) figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(26) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/6.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(7) figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(27) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/7.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(8) figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(28) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/8.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(9) figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(29) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/9.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(10) figure,
html.summer-calendar3 .blog-items .blog-item:nth-child(30) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/10.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(11) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/11.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(12) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/12.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(13) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/13.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(14) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/14.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(15) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/15.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(16) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/16.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(17) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/17.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(18) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/18.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(19) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/19.png);
}
html.summer-calendar3 .blog-items .blog-item:nth-child(20) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar3/20.png);
}
html.summer-calendar3 .blog-items .blog-item a:before {
  font-family: 'Harriet';
  font-weight: 700;
  font-style: italic;
  font-size: 4.4rem;
  color: #f3df82;
  right: 15px !important;
  left: auto !important;
  top: 120px !important;
}
@media screen and (min-width: 760px) {
  html.summer-calendar3 .blog-items .blog-item a:before {
    top: auto !important;
    bottom: 10px !important;
  }
}
html.summer-calendar3 .blog-items .blog-item:nth-child(odd) a:before {
  color: #e8418c;
  right: auto !important;
  left: 15px !important;
  top: 0px !important;
}
@media screen and (min-width: 760px) {
  html.summer-calendar3 .blog-items .blog-item:nth-child(odd) a:before {
    top: 10px !important;
  }
}
html.summer-calendar3.page-2 #m:before,
html.summer-calendar3.page-2 #m:after {
  font-family: 'Harriet';
  font-weight: 100;
  color: #f3df82;
}
html.summer-calendar3.page-2 #m .blog-entries:before {
  display: none;
}
html.summer-calendar3.page-2 #m .blog-entries:after {
  font-family: 'Harriet';
  font-weight: 300;
  color: #f3df82;
  font-size: 26px;
  text-align: right;
  bottom: 36px;
  width: 160px;
  line-height: 105%;
}
html.summer-calendar3.page-2 #m .blog-entries h1,
html.summer-calendar3.page-2 #m .blog-entries .intro,
html.summer-calendar3.page-2 #m .blog-entries .sub-title {
  color: #e8418c;
}
html.summer-calendar3.page-2 #m .blog-entries h2 {
  color: #000000;
}
html.summer-calendar3.page-2 .m1.page2:before {
  display: none;
}
/*Version4*/

html.summer-calendar4 body,
html.summer-calendar4 header,
html.summer-calendar4 .header1,
html.summer-calendar4 #m,
html.summer-calendar4 .search input {
  background: #dbeff2 !important;
}
/*Version5*/

html.summer-calendar5 body,
html.summer-calendar5 header,
html.summer-calendar5 .header1,
html.summer-calendar5 #m,
html.summer-calendar5 .search input {
  background: white !important;
}
html.summer-calendar5 body h1,
html.summer-calendar5 header h1,
html.summer-calendar5 .header1 h1,
html.summer-calendar5 #m h1,
html.summer-calendar5 .search input h1,
html.summer-calendar5 body h3,
html.summer-calendar5 header h3,
html.summer-calendar5 .header1 h3,
html.summer-calendar5 #m h3,
html.summer-calendar5 .search input h3,
html.summer-calendar5 body .blog-items .blog-item a:before,
html.summer-calendar5 header .blog-items .blog-item a:before,
html.summer-calendar5 .header1 .blog-items .blog-item a:before,
html.summer-calendar5 #m .blog-items .blog-item a:before,
html.summer-calendar5 .search input .blog-items .blog-item a:before,
html.summer-calendar5 body .blog-entries:after,
html.summer-calendar5 header .blog-entries:after,
html.summer-calendar5 .header1 .blog-entries:after,
html.summer-calendar5 #m .blog-entries:after,
html.summer-calendar5 .search input .blog-entries:after,
html.summer-calendar5 body .sub-title,
html.summer-calendar5 header .sub-title,
html.summer-calendar5 .header1 .sub-title,
html.summer-calendar5 #m .sub-title,
html.summer-calendar5 .search input .sub-title {
  color: #2b6cb0 !important;
}
html.summer-calendar5 .blog-items .blog-item figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(21) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/1.png);
  background-size: contain !important;
}
html.summer-calendar5 .blog-items .blog-item:nth-child(2) figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(22) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/2.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(3) figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(23) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/3.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(4) figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(24) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/4.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(5) figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(25) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/5.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(6) figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(26) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/6.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(7) figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(27) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/7.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(8) figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(28) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/8.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(9) figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(29) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/9.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(10) figure,
html.summer-calendar5 .blog-items .blog-item:nth-child(30) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/10.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(11) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/11.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(12) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/12.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(13) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/13.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(14) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/14.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(15) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/15.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(16) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/16.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(17) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/17.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(18) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/18.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(19) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/19.png);
}
html.summer-calendar5 .blog-items .blog-item:nth-child(20) figure {
  background-image: url(/content/css/activebeauty-at/i/summer-calendar5/20.png);
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.ticker {
  margin: 80px 0 40px 0;
  position: relative;
  color: #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: none;
  padding: 0 0 10px 0;
  line-height: 140%;
  min-height: 44px;
  font-family: 'Harriet', 'Times New Roman';
}
@media screen and (min-width: 640px) {
  .ticker {
    margin-top: 40px;
  }
}
.ticker span {
  display: block;
  padding: 16px 14px 10px 14px;
  color: #FFFFFF;
  background: #000;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  position: absolute;
  top: -50px;
  left: calc(50% - 75px);
}
@media screen and (min-width: 640px) {
  .ticker span {
    display: block;
    left: 0;
    top: 0;
    z-index: 10;
    text-align: left;
  }
}
.ticker marquee {
  font-size: 1.3rem;
  display: block;
  padding-top: 15px;
}
.ticker marquee a {
  display: inline-block;
  border-bottom: 1px solid #888888;
  font-style: italic;
}
body.cke_editable .ticker {
  padding: 0;
  font-size: 1.3rem;
  display: block;
}
body.cke_editable .ticker a {
  display: inline-block;
  border-bottom: 1px solid #888888;
  color: #888888;
  font-style: italic;
}
body.cke_editable .ticker span {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}



/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
@font-face {
  font-family: 'Harriet';
  src: local('Harriet'), url(/content/css/activebeauty-at/f/Harriet-v2-Display-Bold.otf) format("opentype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Harriet';
  src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Bold-Italic.otf) format("opentype");
  font-style: italic;
  font-display: swap;
}
html.valentins-calendar1 body,
html.valentins-calendar1 .header1,
html.valentins-calendar1 #m,
html.valentins-calendar1 .search input {
  background: #f8dbe4;
}
@media screen and (max-width: 900px) {
  html.valentins-calendar1 .m1 > .image:first-child img {
    max-width: 100% !important;
    height: auto !important;
  }
}
html.valentins-calendar1 .blog-items {
  max-width: 900px;
  counter-reset: section;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto !important;
}
html.valentins-calendar1 .blog-items .blog-item {
  padding-bottom: 30px !important;
  flex: 50% !important;
  overflow: unset !important;
}
@media screen and (min-width: 760px) {
  html.valentins-calendar1 .blog-items .blog-item {
    flex: 30% !important;
  }
}
html.valentins-calendar1 .blog-items .blog-item a {
  height: 250px;
}
html.valentins-calendar1 .blog-items .blog-item a[href='#'] {
  pointer-events: none;
}
html.valentins-calendar1 .blog-items .blog-item.upcoming {
  cursor: not-allowed;
  opacity: 0.5;
}
html.valentins-calendar1 .blog-items .blog-item figure {
  height: 250px;
  width: 100% !important;
  background: url(/content/css/activebeauty-at/i/valentins-calendar/1.png) no-repeat center bottom;
  background-size: contain;
  transition: all ease-in-out 300ms;
}
html.valentins-calendar1 .blog-items .blog-item figure picture,
html.valentins-calendar1 .blog-items .blog-item figure img,
html.valentins-calendar1 .blog-items .blog-item figure .video {
  display: none;
}
html.valentins-calendar1 .blog-items .blog-item .content-container {
  display: none;
}
html.valentins-calendar1 .blog-items .blog-item a:before {
  counter-increment: section;
  content: counter(section);
  font-family: Harriet;
  font-style: italic;
  font-weight: bold;
  font-size: 88px;
  color: #e2044d;
  position: absolute;
  top: 0;
  left: 10%;
  line-height: 100%;
  z-index: 10;
  transition: all ease-in-out 300ms;
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(3n+2) a:before {
  color: #6fb4bc;
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(2) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/2.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(2) a:before {
  top: auto;
  bottom: 0px;
  left: auto;
  right: 15%;
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(3) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/3.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(3) a:before {
  top: -10%;
  left: auto;
  right: 10%;
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(4) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/4.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(5) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/5.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(5) a:before {
  top: auto;
  bottom: 5%;
  left: auto;
  right: 10%;
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(6) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/6.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(7) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/7.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(8) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/8.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(8) a:before {
  top: auto;
  bottom: -20px;
  left: auto;
  right: 10%;
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(9) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/9.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(10) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/10.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(10) a:before {
  top: auto;
  bottom: 5%;
  left: auto;
  right: 10%;
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(11) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/11.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(12) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/12.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(12) a:before {
  top: auto;
  bottom: 0;
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(13) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/13.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(13) a:before {
  top: auto;
  bottom: 10%;
  left: auto;
  right: 15%;
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(14) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/14.png);
}
html.valentins-calendar1 .blog-items .blog-item:nth-child(14) a:before {
  top: auto;
  bottom: 8%;
  left: auto;
  right: 20%;
}
html.valentins-calendar1 .blog-items .blog-item:hover a:before,
html.valentins-calendar1 .blog-items .blog-item:focus a:before {
  font-size: 200px;
  transform: rotate(10deg);
}
html.valentins-calendar1 .blog-items .blog-item:hover figure,
html.valentins-calendar1 .blog-items .blog-item:focus figure {
  opacity: 0.8;
}
html.valentins-calendar1.page-2 body,
html.valentins-calendar1.page-2 .header1,
html.valentins-calendar1.page-2 #m {
  background: #f8dbe4;
}
html.valentins-calendar1.page-2 header {
  opacity: 0.1;
}
html.valentins-calendar1.page-2 #m:before {
  content: 'Tag';
  font-family: 'Harriet', 'Times New Roman';
  color: #6fb4bc;
  /*green*/
  top: -80px;
  left: 30px;
  font-size: 48px;
  font-weight: bold;
  font-style: italic;
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 760px) {
  html.valentins-calendar1.page-2 #m:before {
    top: -100px;
    font-size: 78px;
  }
}
@media screen and (min-width: 1024px) {
  html.valentins-calendar1.page-2 #m:before {
    left: 0;
    top: -180px;
    font-size: 98px;
  }
}
html.valentins-calendar1.page-2 #m:after {
  content: attr(data-blogdetail-index);
  font-family: 'Harriet';
  color: #e2044d;
  /*rot*/
  font-size: 58px;
  font-weight: normal;
  position: absolute;
  top: -40px;
  left: 30px;
  width: 80px;
  text-align: center;
  z-index: 20;
}
@media screen and (min-width: 760px) {
  html.valentins-calendar1.page-2 #m:after {
    top: -50px;
    font-size: 70px;
    width: 100px;
  }
}
@media screen and (min-width: 1024px) {
  html.valentins-calendar1.page-2 #m:after {
    left: 0;
    top: -120px;
    font-size: 98px;
    width: 160px;
  }
}
html.valentins-calendar1.page-2 .blog-entries .article-content time {
  display: none;
}
html.valentins-calendar1.page-2 .blog-entries:before {
  position: absolute;
  top: -64px;
  right: 8px;
  content: 'Valentinstags-';
  font-family: Harriet, Calibri;
  color: #6fb4bc;
  /*green*/
  font-size: 24px;
  font-weight: normal;
  z-index: 22;
}
@media screen and (min-width: 1180px) {
  html.valentins-calendar1.page-2 .blog-entries:before {
    position: fixed;
    font-size: 38px;
    top: auto;
    bottom: 104px;
    right: 10px;
  }
}
html.valentins-calendar1.page-2 .blog-entries:after {
  content: "Kalender";
  font-family: 'Harriet', Calibri;
  color: #6fb4bc;
  /*orange*/
  font-size: 24px;
  font-weight: normal;
  position: absolute;
  top: -37px;
  right: 15px;
  width: 190px;
  word-break: break-word;
  text-align: center;
  line-height: 80%;
  z-index: 20;
  text-align: right;
}
@media screen and (min-width: 1180px) {
  html.valentins-calendar1.page-2 .blog-entries:after {
    position: fixed;
    top: auto;
    bottom: 42px;
    right: 22px;
    font-size: 38px;
    width: 330px;
  }
}
@media screen and (min-width: 1024px) {
  html.valentins-calendar1 footer .dm {
    display: none;
  }
}
/*HEADER BILD*/

.image.Valentinscalendar {
  overflow: hidden;
  position: relative;
}
.image.Valentinscalendar img {
  height: 500px;
  object-fit: cover;
  object-position: center center;
}
.image.Valentinscalendar .text {
  position: absolute;
  left: 4%;
  bottom: 6%;
  z-index: 10;
  font-family: 'Harriet', Calibri;
  font-size: 2.5em;
  color: #FFFFFF;
  text-align: left;
  line-height: 110%;
}
@media screen and (min-width: 760px) {
  .image.Valentinscalendar .text {
    font-size: 4em;
  }
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
@font-face {
  font-family: 'Harriet';
  src: local('Harriet'), url(/content/css/activebeauty-at/f/Harriet-v2-Display-Bold.otf) format("opentype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Harriet';
  src: url(/content/css/activebeauty-at/f/Harriet-v2-Display-Bold-Italic.otf) format("opentype");
  font-style: italic;
  font-display: swap;
}
html.valentins-calendar2 body,
html.valentins-calendar3 body,
html.valentins-calendar2 .header1,
html.valentins-calendar3 .header1,
html.valentins-calendar2 #m,
html.valentins-calendar3 #m,
html.valentins-calendar2 .search input,
html.valentins-calendar3 .search input,
html.valentins-calendar2 header,
html.valentins-calendar3 header {
  background: #e4d5d3;
}
@media screen and (max-width: 900px) {
  html.valentins-calendar2 .m1 > .image:first-child img,
  html.valentins-calendar3 .m1 > .image:first-child img {
    max-width: 100% !important;
    height: auto !important;
  }
}
html.valentins-calendar2 .blog-items,
html.valentins-calendar3 .blog-items {
  max-width: 900px;
  counter-reset: section;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto !important;
}
html.valentins-calendar2 .blog-items .blog-item,
html.valentins-calendar3 .blog-items .blog-item {
  padding-bottom: 30px !important;
  flex: 50% !important;
  overflow: unset !important;
}
@media screen and (min-width: 760px) {
  html.valentins-calendar2 .blog-items .blog-item,
  html.valentins-calendar3 .blog-items .blog-item {
    flex: 30% !important;
  }
}
html.valentins-calendar2 .blog-items .blog-item a,
html.valentins-calendar3 .blog-items .blog-item a {
  height: 250px;
}
html.valentins-calendar2 .blog-items .blog-item a[href='#'],
html.valentins-calendar3 .blog-items .blog-item a[href='#'] {
  pointer-events: none;
}
html.valentins-calendar2 .blog-items .blog-item.upcoming,
html.valentins-calendar3 .blog-items .blog-item.upcoming {
  cursor: not-allowed;
  opacity: 0.5;
}
html.valentins-calendar2 .blog-items .blog-item figure,
html.valentins-calendar3 .blog-items .blog-item figure {
  height: 250px;
  width: 100% !important;
  background: url(/content/css/activebeauty-at/i/valentins-calendar/1.png) no-repeat center bottom;
  background-size: contain;
  transition: all ease-in-out 300ms;
}
html.valentins-calendar2 .blog-items .blog-item figure picture,
html.valentins-calendar3 .blog-items .blog-item figure picture,
html.valentins-calendar2 .blog-items .blog-item figure img,
html.valentins-calendar3 .blog-items .blog-item figure img,
html.valentins-calendar2 .blog-items .blog-item figure .video,
html.valentins-calendar3 .blog-items .blog-item figure .video {
  display: none;
}
html.valentins-calendar2 .blog-items .blog-item .content-container,
html.valentins-calendar3 .blog-items .blog-item .content-container {
  display: none;
}
html.valentins-calendar2 .blog-items .blog-item a:before,
html.valentins-calendar3 .blog-items .blog-item a:before {
  counter-increment: section;
  content: counter(section);
  font-family: Harriet;
  font-style: italic;
  font-weight: bold;
  font-size: 88px;
  color: #861f41;
  position: absolute;
  top: 0;
  left: 10%;
  line-height: 100%;
  z-index: 10;
  transition: all ease-in-out 300ms;
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(3n+2) a:before,
html.valentins-calendar3 .blog-items .blog-item:nth-child(3n+2) a:before {
  color: #861f41;
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(2) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(2) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/2.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(2) a:before,
html.valentins-calendar3 .blog-items .blog-item:nth-child(2) a:before {
  top: auto;
  bottom: 0px;
  left: auto;
  right: 15%;
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(3) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(3) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/6.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(3) a:before,
html.valentins-calendar3 .blog-items .blog-item:nth-child(3) a:before {
  top: -10%;
  left: auto;
  right: 10%;
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(4) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(4) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/5.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(5) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(5) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/3.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(5) a:before,
html.valentins-calendar3 .blog-items .blog-item:nth-child(5) a:before {
  top: auto;
  bottom: 5%;
  left: auto;
  right: 10%;
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(6) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(6) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/7.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(7) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(7) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/8.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(8) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(8) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/9.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(8) a:before,
html.valentins-calendar3 .blog-items .blog-item:nth-child(8) a:before {
  top: auto;
  bottom: -20px;
  left: auto;
  right: 10%;
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(9) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(9) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/10.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(10) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(10) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/11.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(10) a:before,
html.valentins-calendar3 .blog-items .blog-item:nth-child(10) a:before {
  top: auto;
  bottom: 5%;
  left: auto;
  right: 10%;
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(11) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(11) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/12.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(12) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(12) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/13.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(12) a:before,
html.valentins-calendar3 .blog-items .blog-item:nth-child(12) a:before {
  top: auto;
  bottom: 0;
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(13) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(13) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/14.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(13) a:before,
html.valentins-calendar3 .blog-items .blog-item:nth-child(13) a:before {
  top: auto;
  bottom: 10%;
  left: auto;
  right: 15%;
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(14) figure,
html.valentins-calendar3 .blog-items .blog-item:nth-child(14) figure {
  background-image: url(/content/css/activebeauty-at/i/valentins-calendar/4.png);
}
html.valentins-calendar2 .blog-items .blog-item:nth-child(14) a:before,
html.valentins-calendar3 .blog-items .blog-item:nth-child(14) a:before {
  top: auto;
  bottom: 8%;
  left: auto;
  right: 20%;
}
html.valentins-calendar2 .blog-items .blog-item:hover a:before,
html.valentins-calendar3 .blog-items .blog-item:hover a:before,
html.valentins-calendar2 .blog-items .blog-item:focus a:before,
html.valentins-calendar3 .blog-items .blog-item:focus a:before {
  font-size: 200px;
  transform: rotate(10deg);
}
html.valentins-calendar2 .blog-items .blog-item:hover figure,
html.valentins-calendar3 .blog-items .blog-item:hover figure,
html.valentins-calendar2 .blog-items .blog-item:focus figure,
html.valentins-calendar3 .blog-items .blog-item:focus figure {
  opacity: 0.8;
}
html.valentins-calendar2.page-2 body,
html.valentins-calendar3.page-2 body,
html.valentins-calendar2.page-2 .header1,
html.valentins-calendar3.page-2 .header1,
html.valentins-calendar2.page-2 #m,
html.valentins-calendar3.page-2 #m {
  background: #e4d5d3;
}
html.valentins-calendar2.page-2 header,
html.valentins-calendar3.page-2 header {
  opacity: 0.1;
}
html.valentins-calendar2.page-2 #m:before,
html.valentins-calendar3.page-2 #m:before {
  content: 'Tag';
  font-family: 'Harriet', 'Times New Roman';
  color: #861f41;
  /*green*/
  top: -80px;
  left: 30px;
  font-size: 48px;
  font-weight: bold;
  font-style: italic;
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 760px) {
  html.valentins-calendar2.page-2 #m:before,
  html.valentins-calendar3.page-2 #m:before {
    top: -100px;
    font-size: 78px;
  }
}
@media screen and (min-width: 1024px) {
  html.valentins-calendar2.page-2 #m:before,
  html.valentins-calendar3.page-2 #m:before {
    left: 0;
    top: -180px;
    font-size: 98px;
  }
}
html.valentins-calendar2.page-2 #m:after,
html.valentins-calendar3.page-2 #m:after {
  content: attr(data-blogdetail-index);
  font-family: 'Harriet';
  color: #861f41;
  /*rot*/
  font-size: 58px;
  font-weight: normal;
  position: absolute;
  top: -40px;
  left: 30px;
  width: 80px;
  text-align: center;
  z-index: 20;
}
@media screen and (min-width: 760px) {
  html.valentins-calendar2.page-2 #m:after,
  html.valentins-calendar3.page-2 #m:after {
    top: -50px;
    font-size: 70px;
    width: 100px;
  }
}
@media screen and (min-width: 1024px) {
  html.valentins-calendar2.page-2 #m:after,
  html.valentins-calendar3.page-2 #m:after {
    left: 0;
    top: -120px;
    font-size: 98px;
    width: 160px;
  }
}
html.valentins-calendar2.page-2 .blog-entries .article-content time,
html.valentins-calendar3.page-2 .blog-entries .article-content time {
  display: none;
}
html.valentins-calendar2.page-2 .blog-entries:before,
html.valentins-calendar3.page-2 .blog-entries:before {
  position: absolute;
  top: -64px;
  right: 8px;
  content: 'Valentinstags-';
  font-family: Harriet, Calibri;
  color: #861f41;
  /*green*/
  font-size: 24px;
  font-weight: normal;
  z-index: 22;
}
@media screen and (min-width: 1180px) {
  html.valentins-calendar2.page-2 .blog-entries:before,
  html.valentins-calendar3.page-2 .blog-entries:before {
    position: fixed;
    font-size: 38px;
    top: auto;
    bottom: 104px;
    right: 10px;
  }
}
html.valentins-calendar2.page-2 .blog-entries:after,
html.valentins-calendar3.page-2 .blog-entries:after {
  content: "Kalender";
  font-family: 'Harriet', Calibri;
  color: #861f41;
  /*orange*/
  font-size: 24px;
  font-weight: normal;
  position: absolute;
  top: -37px;
  right: 15px;
  width: 190px;
  word-break: break-word;
  text-align: center;
  line-height: 80%;
  z-index: 20;
  text-align: right;
}
@media screen and (min-width: 1180px) {
  html.valentins-calendar2.page-2 .blog-entries:after,
  html.valentins-calendar3.page-2 .blog-entries:after {
    position: fixed;
    top: auto;
    bottom: 42px;
    right: 22px;
    font-size: 38px;
    width: 330px;
  }
}
@media screen and (min-width: 1024px) {
  html.valentins-calendar2 footer .dm,
  html.valentins-calendar3 footer .dm {
    display: none;
  }
}
html.valentins-calendar3 body,
html.valentins-calendar3 .header1,
html.valentins-calendar3 #m,
html.valentins-calendar3 .search input,
html.valentins-calendar3 header {
  background: #f9f9f9 !important;
}
html.valentins-calendar3 .blog-items .blog-item a:before {
  color: #e5658a !important;
}
html.valentins-calendar3.page-2 #m:before,
html.valentins-calendar3.page-2 #m:after,
html.valentins-calendar3.page-2 #m .blog-entries:before,
html.valentins-calendar3.page-2 #m .blog-entries:after {
  color: #e5658a !important;
}
/*HEADER BILD*/

.image.Valentinscalendar,
.image.Valentinscalendar3 {
  overflow: hidden;
  position: relative;
}
.image.Valentinscalendar img,
.image.Valentinscalendar3 img {
  height: 500px;
  object-fit: cover;
  object-position: center center;
}
.image.Valentinscalendar .text,
.image.Valentinscalendar3 .text {
  position: absolute;
  left: 4%;
  bottom: 6%;
  z-index: 10;
  font-family: 'Harriet', Calibri;
  font-size: 1.5em;
  color: #FFFFFF;
  text-align: left;
  line-height: 110%;
}
@media screen and (min-width: 760px) {
  .image.Valentinscalendar .text,
  .image.Valentinscalendar3 .text {
    font-size: 4em;
  }
}
.image.Valentinscalendar3 .text {
  color: #e5658a;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.ppVideoWrapper {
  position: relative;
  overflow: hidden;
  background: url(/content/css/activebeauty-at/i/loader.gif) center center no-repeat;
  max-width: 100%;
}
.ppVideoWrapper video,
.ppVideoWrapper iframe {
  width: 100%;
  height: 100%;
  position: relative;
}
body.fullscreen .ppVideoWrapper {
  position: fixed;
  z-index: 50000;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 0;
  height: 100%;
  overflow: none;
}
.ppVideoWrapper .controls {
  position: absolute;
  display: table;
  table-layout: fixed;
  height: 35px;
  width: 100%;
  bottom: 0;
  background-color: #191919;
}
.ppVideoWrapper .controls .button {
  padding: 10px !important;
  margin: 0 !important;
  background: none !important;
  display: table-cell !important;
}
.ppVideoWrapper .controls .button:hover {
  background: #444;
}
/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {
  .ppVideoWrapper .controls {
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transition: transform 500ms;
    -moz-transition: -moz-transform 500ms;
    -webkit-transition: -webkit-transform 500ms;
    -o-transition: -o-transform 500ms;
    -ms-transition: -ms-transform 500ms;
  }
  .ppVideoWrapper:hover .controls {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
  }
}
.ppVideoWrapper .controls > div {
  display: table-row;
}
.ppVideoWrapper .controls > div > * {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 35px;
}
.ppVideoWrapper .controls > div > .button {
  width: 32px;
}
.ppVideoWrapper .controls button {
  width: 16px;
  height: 16px;
  border: 0;
  cursor: pointer;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  background-image: url(/content/css/activebeauty-at/i/videoicon.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 128px 32px;
  -webkit-background-size: 128px 32px;
}
.ppVideoWrapper .controls button.play {
  background-position: 0 0;
}
.ppVideoWrapper .controls button.pause {
  background-position: 0 -16px;
  display: none;
}
.ppVideoWrapper .controls button.unmute {
  background-position: -16px 0px;
  display: none;
}
.ppVideoWrapper .controls button.mute {
  background-position: -16px -16px;
}
.ppVideoWrapper .controls .quality {
  font-size: 0.917em;
  color: white;
  width: 90px;
}
.ppVideoWrapper .controls .quality select {
  border-radius: 5px 5px 0 0;
  border: 0;
  padding: 2px 5px;
  background-color: #555555;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.7);
  color: white;
  width: auto;
  height: auto;
  margin: 0;
}
.ppVideoWrapper .controls button.enterFullscreen {
  background-position: -32px 0px;
}
.ppVideoWrapper .controls button.leaveFullscreen {
  background-position: -32px -16px;
  display: none;
}
.ppVideoWrapper .controls .timer {
  font-size: 0.917em;
  color: white;
  width: 120px;
}
.ppVideoWrapper .controls .progressBar {
  display: block;
  width: 100%;
  height: 16px;
  background: #333333 url(/content/css/activebeauty-at/i/progress-bg.png) 0 0 repeat-x;
  cursor: col-resize;
}
:root .ppVideoWrapper .controls .progressBar {
  border-radius: 3px;
  background-image: linear-gradient(top, #1e1e1e 3%, #333333 52%);
  background-image: -o-linear-gradient(top, #1e1e1e 3%, #333333 52%);
  background-image: -moz-linear-gradient(top, #1e1e1e 3%, #333333 52%);
  background-image: -webkit-linear-gradient(top, #1e1e1e 3%, #333333 52%);
  background-image: -ms-linear-gradient(top, #1e1e1e 3%, #333333 52%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #1e1e1e), color-stop(0.52, #333333));
  border: 1px solid #aaaaaa;
}
.ppVideoWrapper .controls .progressBar > div {
  pointer-events: none;
  height: 100%;
  width: 0%;
  background: #000 url(/content/css/activebeauty-at/i/progress-bg.png) 0 -16px repeat-x;
}
:root .ppVideoWrapper .controls .progressBar > div {
  border-radius: 3px;
  background-image: linear-gradient(top, #ffffff 3%, #aaaaaa 52%);
  background-image: -o-linear-gradient(top, #ffffff 3%, #aaaaaa 52%);
  background-image: -moz-linear-gradient(top, #ffffff 3%, #aaaaaa 52%);
  background-image: -webkit-linear-gradient(top, #ffffff 3%, #aaaaaa 52%);
  background-image: -ms-linear-gradient(top, #ffffff 3%, #aaaaaa 52%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #ffffff), color-stop(0.52, #aaaaaa));
}
:-webkit-full-screen .ppVideoWrapper {
  width: 100%;
}
:-moz-full-screen .ppVideoWrapper {
  display: none;
}
/* LeanBack Player - no HTML5, no Flash */

.leanback-player-html-fallback {
  position: relative;
  text-align: center;
  font: 13px/1.231 arial, helvetica, sans-serif !important;
  color: #000 !important;
  z-index: 1002;
}
.leanback-player-html-fallback img {
  border: 1px solid #555;
  z-index: 1000;
}
.leanback-player-html-fallback div {
  position: absolute;
  width: auto;
  min-width: 220px;
  height: 20px;
  bottom: -2px;
  left: 0;
  right: -2px;
  margin: 0;
  border: 1px solid #555;
  padding: 5px 5px 0;
  background: #fff;
  z-index: 1001;
}
.leanback-player-html-fallback a {
  font-size: 12px;
  color: #000 !important;
  text-decoration: none;
}
.leanback-player-html-fallback a:hover {
  border-bottom: dotted 1px #000;
}
.leanback-player-audio .leanback-player-html-fallback {
  position: relative;
  min-width: 220px !important;
  height: 20px !important;
}
.leanback-player-audio .leanback-player-html-fallback div {
  bottom: auto;
  left: auto;
  right: auto;
}
/************************************/

/* LeanBack Player - Flash Fallback */

.leanback-player-flash-fallback {
  position: absolute;
  margin: auto;
  text-align: center;
  border: 1px solid #555;
  z-index: 1003;
}
/*******************/

/* IFrame Settings */

iframe.h5_lb_player_smallscreen::-webkit-scrollbar,
iframe.h5_lb_player_fullscreen::-webkit-scrollbar {
  display: none;
}
iframe.h5_lb_player_fullscreen {
  position: absolute !important;
  top: 0;
  left: 0;
  border: 0;
  z-index: 9999;
}
iframe.h5_lb_player_smallscreen {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  z-index: 1000;
}
body.h5_lb_iframe {
  position: absolute !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: -2px !important;
  bottom: 0 !important;
}
/*******************/

/* LeanBack Player */

.leanback-player-video,
.leanback-player-audio {
  /* fix: prevent button to be focused on Android */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.h5_lb_player {
  cursor: pointer;
  direction: ltr;
}
.h5_lb_player .h5_lb_video {
  border: 1px solid #000;
  background: #000;
  cursor: pointer;
  z-index: 1000;
  outline: 0;
}
.h5_lb_player .h5_lb_audio {
  cursor: pointer;
  outline: 0;
}
.h5_lb_player audio {
  display: none !important;
  height: 0 !important;
}
.h5_lb_smallscreen {
  position: relative;
}
.h5_lb_fullscreen {
  position: fixed !important;
  top: 0;
  left: 0;
  margin: auto;
  text-align: center;
  border: 0;
  background: #000;
  z-index: 9999;
}
.h5_lb_fullscreen .h5_lb_video {
  border: 0;
}
.h5_lb_unfocused {
  opacity: 0.7;
}
.h5_lb_unfocused:hover {
  opacity: 1;
}
/*******************/

/* Big Play Button */

.h5_lb_player .big_play_button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  vertical-align: baseline;
  border: 1px solid #1a1b1a;
  cursor: pointer !important;
  display: block;
  z-index: 1002;
  /* Radius */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  /* Background */
  background: #4b4b4b;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADfSURBVHjaYvDy8gIIIKb///8DBBAIAwQQCAMEEAgDBBAIAwQQCAMEEAgDBBAIAwQQ03+G/wABBKIBAgiEAQIIhAECCIQBAgiEAQIIhAECCIQBAgiEAQKIieE/A0AAgWiAAAJhgABi+vf/H0AAgWiAAAKJAQQQiAYIIBAGCCAQBgggEAYIIBAGCCAQBgggEAYIIBAGCCAQBgggEAYIIJAdAAEEogECCIQBAgiEAQIIhAECCIQBAgiEAQIIhAECCIQBAgiEAQIIhAECCIQBAgiEAQIIhAECCIQBAgiEAQIMADV0jbLIoYBgAAAAAElFTkSuQmCC) repeat-x;
}
.h5_lb_player .big_play_button:hover {
  border: 1px solid #747474;
  /* Background */
  background: #747474;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADkSURBVHjaYrh16xZAADH9/fsXIICY/v37BxBAIAwQQCA2QACBaIAAAtEAAQSiAQIIhAECCMQGCCAQDRBAIBoggEA0QACBMEAAgdgAAQSiAQIIRAMEEIgGCCAQBgggpj9//gAEEAgDBBBIDCCAmH7//g0QQCAxgAAC8QECCIQBAggkBhBAIBoggEAYIIBAGCCAQHIAAQQSAwggEA0QQCAMEEAgNkAAgWiAAALRAAEEogECCIQBAgjEBgggEA0QQCAaIIBANEAAgTBAAIHYAAEEogECCEQDBBCIBgggEAYIIBAbIMAA0hOUZfQjygYAAAAASUVORK5CYII=) repeat-x;
}
.h5_lb_player .big_play_button div {
  margin: 13px 0 0 14px;
  padding: 0;
  height: 0;
  width: 0;
  font-size: 0px;
  line-height: 0%;
  border-top: 12px solid transparent;
  border-left: 24px solid #fff;
  border-bottom: 12px solid transparent;
}
/*******************/

/* Loading Spinner */

.h5_lb_player .h5_lb_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -5px;
  width: 0;
  height: 0;
  z-index: 1003;
}
.h5_lb_player .h5_lb_spinner div {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  /* Border Radius */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
/******************/

/* Logo */

.h5_lb_player img.logo {
  position: absolute;
  height: auto;
  width: auto;
  margin: 0;
  top: 12px;
  left: 12px;
  border: 1px solid transparent;
  display: block;
  z-index: 1000;
}
/******************/

/* Poster, Object */

.h5_lb_player img.poster {
  position: absolute;
  margin: 0;
  top: 0;
  left: auto;
  right: auto;
  border: 1px solid transparent;
  display: block;
  z-index: 1002;
}
.h5_lb_fullscreen img.poster {
  border: 0;
}
/***************/

/* Control Bar */

.h5_lb_controls {
  position: absolute;
  top: auto;
  right: -1px;
  bottom: -1px;
  left: 1px;
  height: 29px;
  cursor: default;
  z-index: 1001;
  /* Border */
  border-top: 1px solid #000;
  /* Disable selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* Background */
  background: #646464;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACbSURBVHjaYvDwcAcIIGZOLk6AAGL68eMHQAAxAQFAADH9//8fIICYGBgYAAIIiP8DBBDTv3//AAIIxAcIIBAGCCAQBgggEAYIIBAGCCAQBgggEAYIIJA8QAAx/Wf4DxBATP///gcIIBAfIICAbAaAAAKJAQQQSD9AAIH4AAEEwgABBGIDBBCIBgggEAYIIBAGCCAQBgggEAYIMAB1v0PS0+tkpgAAAABJRU5ErkJggg==) repeat-x;
}
.h5_lb_controls_below {
  right: -2px;
  bottom: -31px;
  left: 0;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.h5_lb_fullscreen .h5_lb_controls {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0 !important;
}
.h5_lb_player:hover .h5_lb_controls {
  display: block;
}
.h5_lb_controls_audio {
  position: relative !important;
  margin: auto !important;
  bottom: auto !important;
  /* Border */
  border: 1px solid #000 !important;
}
/********************/

/*  Control Buttons */

.h5_lb_controls > div {
  float: left;
  text-align: center !important;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 28px;
}
/*****************/

/* Control Items */

.h5_lb_controls div.h5_lb_play_control {
  cursor: pointer;
  display: block;
}
.h5_lb_controls div.h5_lb_pause_control {
  cursor: pointer;
  display: none;
}
.h5_lb_controls div.h5_lb_stop_control {
  display: block;
}
.h5_lb_controls div.h5_lb_progress_control {
  display: block;
  width: 0;
}
/* width is calculated dynamically at runtime */

.h5_lb_controls div.h5_lb_timer_control {
  display: block;
  width: 120px;
  cursor: default !important;
}
.h5_lb_controls div.h5_lb_volume_control {
  display: block;
  width: auto;
  padding: 0 6px 0 2px;
}
.h5_lb_controls div.h5_lb_playback_control {
  cursor: pointer;
  display: block;
  width: 40px;
}
.h5_lb_controls div.h5_lb_subtitle_control {
  cursor: pointer;
  display: block;
  width: 50px;
}
.h5_lb_controls div.h5_lb_sources_control {
  cursor: pointer;
  display: block;
  width: 50px;
}
.h5_lb_controls div.h5_lb_fullscreen_control {
  display: block;
  width: 36px;
  padding: 0 6px;
}
/****************************/

/* Play Control: Inner Item */

.h5_lb_controls div.h5_lb_play_control div {
  margin: 8px 0 0 11px;
  font-size: 0px;
  line-height: 0%;
  cursor: pointer;
  width: 17px;
  height: 18px;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEoSURBVHjaYlBTV26YMWPG/v///zOQggECiIkBCPT19R1ev379/9ChQw0MRAKAAAJr/PXrF8P169dBzHpiDQAIIJBGSZBGGL548SKIJmgAQADBbUTHp0+fZvjy5QtOAwACCKzx58+fOPGRI0cY3r59i2EAQACxgIjv378TDIzdu3eDwwDoknqg+kaAAAJplCJGIwxcunSJ4dOnT/UAAUS0jTBw7NgxhrPnTjEABBDRGs+fPw/WcOvm3efABCAFEEBgjT9+/MCpARS/yBpg4gABBNLIAwp+dHD37l2G02dOMdy5jaoBBgACCGzj79+/4QKPHj1iOH/hHMON6zexaoABgABigSWAFy9eMFy+conhyuWreDXAAEAAMQBzx34g/g9kPyMldwAEGABTqBT+tIEPeAAAAABJRU5ErkJggg==) no-repeat;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEASURBVHjaYpgxY8b+////M5CCAQKISVNT0+H06dP/Dx061MBAJAAIIMZTp079Rxb4/v17o52dHV4DAAKI8eDBg//RBTk5OfFqBgggxiNHjvzHZSIbGxtWzQABxLh3797/hPzAy8uLohkggBi3bt36n9gAEBUVBWsGCCAWIEGsHoZHjx6BcD1AALF8+/aNaE3bt29nOHvuFANAABGlCRjCYMW3bt4FRS4jQADh1QSMdBTFMHGAAMKq6erVqwynz5xiuHMbVTEMAAQQiqb79+8znL9wjuHG9ZtYFcMAQACBNb18+ZLh8pVLDFcuX8WrGAYAAohBTV0ZFE//SUnlAAEGAGKVyiyiT8feAAAAAElFTkSuQmCC) no-repeat;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEKSURBVHjaYpgxY8b+////M5CCAQKI8fr16/8/f/7M8P3790Y7O7sGBiIAQAAxXrt27T+M8+XLF6I0AwQQiiZiNQMEEOOFCxf+4zLx169fWDUDBBDjmdNn/hPyw7///1A0AwQQ4+HDh/8zEAnY2dnBmgECiAVIEKsHpIHhypUr9QABxPL502eiNa1Zu4bh7LlTDAABxPLp8yeCinft2gVWfOvmXVDkMgIEEMvHjx9xKj558iSKYpg4QACxgOIEHVy9epXh9JlTDHduoyqGAYAAYvn27Rucc//+fYbzF84x3Lh+E6tiGAAIILCmly9fMly+conhyuWreBXDAEAAMaipK4Pi6T8pqRwgwABM+9n3+5s7rgAAAABJRU5ErkJggg==) no-repeat;
  /*background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAENSURBVHjaYpgxY8b+////M5CCAQKISV9f3+H169f/Dx061MBAJAAIIKZfv34xXL9+HcSuJ1YzQACBNcHwxYsXQTRBzQABhKIJhk+fPs3w5csXnJoBAojp58+fDLjwkSNHGN6+fYuhGSCAGJcuXfqf2ABQVVVl+P79eyNAALEACWL1MFy6dInh06dP9QABRJKmY8eOMZw9d4oBIICI0nT+/Hmw4ls374IilxEggFh+/PiBUzEo/pAVw8QBAogFFMTo4O7duwynz5xiuHMbVTEMAAQQy+/fv+GcR48eMZy/cI7hxvWbWBXDAEAAgW168eIFw+UrlxiuXL6KVzEMAAQQg5q6Miie/pOSygECDAAhGgie5t/bTwAAAABJRU5ErkJggg==) no-repeat;*/

}
/*****************************/

/* Pause Control: Inner Item */

.h5_lb_controls div.h5_lb_pause_control div {
  height: 13px;
  width: 5px;
  float: left;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  /* Background */
  background: #f1f1f1;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAIAAADntZOlAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABNSURBVHjaYjh+/DhAADH9+vULIIBAGCCAQBgggJh+/vwJEEBM379/BwggEAYIIBAGCCAQBgggph8/fgAEEEgOIICYfv/+DRBAIBogwAC/IyVsa3L9ogAAAABJRU5ErkJggg==) repeat-x;
}
.h5_lb_controls div.h5_lb_pause_control div:nth-child(1) {
  margin: 9px 0 0 11px;
}
.h5_lb_controls div.h5_lb_pause_control div:nth-child(2) {
  margin: 9px 0 0 2px;
}
/***************************/

/* Stop Control: Inner Item */

.h5_lb_controls div.h5_lb_stop_control div {
  margin: 9px 0 0 9px;
  height: 13px;
  width: 13px;
  cursor: pointer;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  /* Background */
  background: #f1f1f1;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAIAAADntZOlAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABNSURBVHjaYjh+/DhAADH9+vULIIBAGCCAQBgggJh+/vwJEEBM379/BwggEAYIIBAGCCAQBgggph8/fgAEEEgOIICYfv/+DRBAIBogwAC/IyVsa3L9ogAAAABJRU5ErkJggg==) repeat-x;
}
/********************************/

/* Progress Control: Inner Item */

.h5_lb_controls div.h5_lb_progress_control .progress_bar_bg {
  position: absolute;
  margin: 9px 7px 0;
  height: 11px;
  background: #272826;
  cursor: pointer;
  z-Index: 1000;
  border-style: solid;
  border-width: 1px;
  border-color: #f1f1f1 #c1c1c1 #c1c1c1 #f1f1f1;
}
.h5_lb_controls div.h5_lb_progress_control .progress_bar_buffered {
  position: absolute;
  margin: 10px 8px 0;
  height: 11px;
  cursor: pointer;
  z-Index: 1001;
  /* Background */
  background: #666666;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAALCAIAAAAx7HC4AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABFSURBVHjaYjh48CBAADH9+vULIIBAGCCAmH7+/AkQQEzfv38HCCAQBgggEAYIIBAGCCCmHz9+AAQQSA4ggJh+//4NEGAAp5AfekadfZoAAAAASUVORK5CYII=) repeat-x;
}
.h5_lb_controls div.h5_lb_progress_control .progress_bar_played {
  position: absolute;
  margin: 10px 8px 0;
  height: 11px;
  cursor: pointer;
  z-Index: 1002;
  /* Background */
  background: #f1f1f1;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAALCAIAAAAx7HC4AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABJSURBVHjaYnCYcBMggJj+/vkBEEBMf/78AQggJqY/vwECCEQDBBATw+8vAAHE9O/fP4AAYmL89Q0ggEA0QAAB+V8BAggkDhBgAEoNG0hmL6RlAAAAAElFTkSuQmCC) repeat-x;
}
.h5_lb_controls div.h5_lb_progress_control div.progress_bar_time {
  position: absolute;
  margin: 11px 0 0 8px;
  height: 8px;
  border: 1px solid transparent;
  background: transparent;
  z-Index: 1003;
  display: none;
}
.progress_bar_time div.progress_bar_time_line {
  position: absolute;
  top: -11px;
  margin: 0 0 0 -9px;
  width: 0;
  height: 0;
  cursor: pointer;
  display: none;
  font-size: 0px;
  line-height: 0%;
  border-top: 10px solid #f1f1f1;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.h5_lb_controls_below .progress_bar_time div.progress_bar_time_line {
  margin: 0 0 0 -10px !important;
}
.progress_bar_time div.progress_bar_time_txt {
  position: absolute;
  top: -29px;
  margin: 0 0 0 -4px;
  padding: 4px 5px;
  height: 12px;
  color: #f1f1f1;
  border: 1px solid #f1f1f1;
  font: 9px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px #000000;
  display: none;
  /* Background */
  background: #7a7a7a;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAZCAIAAACUxWgrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWUlEQVQImTWNwQnEQBDDZHCzW3PSSGB3dI/kXgZh2VlrAb3vC+g+G+nMIHUUe+aE/OHMhHTvt3mGvAL0eZ4vklR0LAJ0fDcVKSJ2nJACatXvKKSI8ROSBPgBKfBOodJK2ZEAAAAASUVORK5CYII=) repeat-x;
}
.h5_lb_controls_below .progress_bar_time div.progress_bar_time_txt {
  margin: 0 0 0 -4px !important;
}
.progress_bar_time:hover .progress_bar_time_line,
.progress_bar_time:hover .progress_bar_time_txt {
  z-Index: 1004;
  display: block;
}
/*****************************/

/* Timer Control: Inner Item */

.h5_lb_timer_control div {
  margin: 9px 0 0;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-align: center;
  text-shadow: 1px 1px 1px #000000;
  color: #fff;
}
/*************************/

/* Volume Control: Items */

/* Mute Items */

.h5_lb_controls div.h5_lb_volume_control .h5_lb_mute div {
  position: absolute;
}
.h5_lb_mute div:nth-child(1),
.h5_lb_mute div:nth-child(2),
.h5_lb_mute div:nth-child(3),
.h5_lb_mute div:nth-child(4) {
  cursor: pointer;
}
.h5_lb_mute div:nth-child(1) {
  margin: 13px 0 0 2px;
  height: 6px;
  width: 5px;
  z-index: 1001;
}
.h5_lb_mute div:nth-child(2) {
  margin: 12px 0 0 7px;
  height: 8px;
  width: 1px;
  z-index: 1000;
}
.h5_lb_mute div:nth-child(3) {
  margin: 10px 0 0 8px;
  height: 12px;
  width: 2px;
}
.h5_lb_mute div:nth-child(4) {
  margin: 9px 0 0 10px;
  height: 14px;
  width: 2px;
}
.h5_lb_mute div:nth-child(5),
.h5_lb_mute div:nth-child(6),
.h5_lb_mute div:nth-child(7) {
  border-top: 1px solid #a7a7a7;
  border-right: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
  /* Border Radius */
  -moz-border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}
.h5_lb_mute div:nth-child(5) {
  margin: 14px 0 0 12px;
  height: 2px;
  width: 1px;
}
.h5_lb_mute div:nth-child(6) {
  margin: 12px 0 0 13px;
  height: 6px;
  width: 2px;
}
.h5_lb_mute div:nth-child(7) {
  margin: 10px 0 0 14px;
  height: 10px;
  width: 3px;
}
.h5_lb_mute div:nth-child(1).is {
  /* Background */
  background: #2b5880;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAGCAIAAABmRdhlAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA4SURBVHjaYrRuOc7AwAgQQCx//vwBUgABxMLw+wuQAgggln///gEpgABiYfz1DUgBBBADBAAEGAAgaAtrhB6FIgAAAABJRU5ErkJggg==) repeat-x;
}
.h5_lb_mute div:nth-child(1).isnot {
  /* Background */
  background: #7a7a7a;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAIAAACNcmNmAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAApSURBVHjaYti6dStAADH9/PkTIICYvn//DhBAIAwQQCAMEEAMQAAQYAC6jg3CIVqLFwAAAABJRU5ErkJggg==) repeat-x;
}
.h5_lb_mute div:nth-child(2).is {
  /* Background */
  background: #2b5880;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA5SURBVHjaYrDsOAMQQExMf34DBBDTnz9/AAKIieH3F4AAYvr37x9AADEx/voGEEAgGiCAGIAAIMAAEhoQW8nnhqAAAAAASUVORK5CYII=) no-repeat;
}
.h5_lb_mute div:nth-child(2).isnot {
  /* Background */
  background: #7a7a7a;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA0SURBVHjaYti9ezdAADH9+vULIICYfv78CRBATN+/fwcIIBAGCCAQBgggEAYIIAYgAAgwAFoTE6suonVGAAAAAElFTkSuQmCC) no-repeat;
}
.h5_lb_mute div:nth-child(3).is {
  /* Background */
  background: #2b5880;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABwSURBVHjaYv7//z/DQcGo/wABxLyPN/D//39/GQACiOXPnz8MDAyMDAABxML05zeYARBAcBGAAGJh+P0FzAAIIJZ///6BGQABxML46xuYARBAcBGAAAKq+QpmAAQQkGD4b5Ax+z9AADGArABxAAIMAKRFJT7sjSGzAAAAAElFTkSuQmCC) no-repeat;
}
.h5_lb_mute div:nth-child(3).isnot {
  /* Background */
  background: #7a7a7a;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABkSURBVHjaYvj//z/D8ePH/wMEEMuhQ4f+MwABQACx/Pr1C0QzAAQQnAEQQCw/f/4EMwACiOX79+9gBkAAwRkAAQRnAAQQnAEQQCw/fvwAMwACCIT+19TU/AcIIAaQFSAOQIABADaWKGzcwrYdAAAAAElFTkSuQmCC) no-repeat;
}
.h5_lb_mute div:nth-child(4).is {
  /* Background */
  background: #2b5880;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOCAIAAACKFloIAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABrSURBVHjaYnCadJOBgQEggJj+/fsPpAACiOnvnx9ACiCAmP78+QOkAAKIienPbyAFEEBQHkAAMTH8/gKkAAIIqPIfkAIIICbGX9+AFEAAQXkAAQSU+wqkAAIIqhIggID6fgEpgACCIoAAAwDZrSBDp6p1TAAAAABJRU5ErkJggg==) no-repeat;
}
.h5_lb_mute div:nth-child(4).isnot {
  /* Background */
  background: #7a7a7a;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOCAIAAACKFloIAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABdSURBVHjaYjh+/DgDAwNAADH9+vULSAEEEJQCCCAoBRBATD9//gRSAAHE9P37dyAFEEBQCiCAoBRAAEEpgABi+vHjB5ACCCCoBoAAYvr9+zeQAgggKA8ggKAIIMAAzIglbCTl8h8AAAAASUVORK5CYII=) no-repeat;
}
/* Volume Items */

.h5_lb_controls div.h5_lb_volume_control .h5_lb_volume {
  margin: 0 0 0 28px;
}
.h5_lb_controls div.h5_lb_volume_control .h5_lb_volume div {
  position: relative;
  margin: 9px 0 0 0;
  width: 4px;
  height: 13px;
  float: left;
  background: #3e3e3e;
  cursor: pointer;
  border: 1px solid #000;
  border-width: 0 1px 1px 0;
}
.h5_lb_controls div.h5_lb_volume_control .h5_lb_volume div.is {
  /* Background */
  background: #2b5880;
  /* Background - URL */
  background: transparent url(data:image/png;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wgARCAAQAAEDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAME/8QAFAEBAAAAAAAAAAAAAAAAAAAABf/aAAwDAQACEAMQAAABkxEjv//EABUQAQEAAAAAAAAAAAAAAAAAAAAS/9oACAEBAAEFAqU//8QAFREBAQAAAAAAAAAAAAAAAAAAABL/2gAIAQMBAT8Bh//EABURAQEAAAAAAAAAAAAAAAAAAAAS/9oACAECAQE/Abf/xAAUEAEAAAAAAAAAAAAAAAAAAAAQ/9oACAEBAAY/Aj//xAAUEAEAAAAAAAAAAAAAAAAAAAAQ/9oACAEBAAE/IT//2gAMAwEAAgADAAAAEMf/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/ED//xAAVEAEBAAAAAAAAAAAAAAAAAAAAcf/aAAgBAQABPxClP//Z) repeat-x;
}
.h5_lb_controls div.h5_lb_volume_control .h5_lb_volume div.isnot {
  /* Background */
  background: #7a7a7a;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAIAAADntZOlAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABNSURBVHjaYjh+/DhAADH9+vULIIBAGCCAQBgggJh+/vwJEEBM379/BwggEAYIIBAGCCAQBgggph8/fgAEEEgOIICYfv/+DRBAIBogwAC/IyVsa3L9ogAAAABJRU5ErkJggg==) repeat-x;
}
/*********************************/

/* Playback Control: Inner Items */

.h5_lb_controls div.h5_lb_playback_control div {
  text-align: center !important;
  margin: 9px 0 0;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px #000000;
  color: #fff;
}
.h5_lb_controls div.h5_lb_playback_control div.playback_nav {
  position: absolute;
  width: 40px;
  margin: 0 0 3px -4px;
  padding: 0;
  display: none;
  border: 1px solid #000;
  border-bottom: 0;
  /* Background Fallback for web browsers doesn't support gradient */
  background: #0e0f0d;
  /* Background-Gradient */
  background: -ms-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: -moz-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0e0e0e), to(#222222));
  background: -webkit-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: -o-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
}
.h5_lb_controls div.h5_lb_playback_control:hover div.playback_nav {
  display: block;
  padding: 2px;
}
.h5_lb_controls div.h5_lb_playback_control .playback_nav div {
  border-top: 1px solid transparent;
  color: #fff;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  height: 15px;
  padding: 2px 4px 0;
  margin: 0;
}
.h5_lb_controls div.h5_lb_playback_control .playback_nav div:hover {
  color: #000;
  color: #ffffff;
  background: #f1f1f1;
  background: rgba(255, 255, 255, 0.1);
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-shadow: 1px 1px 1px #000;
  display: block;
  z-index: 1001;
}
/*********************************/

/* Subtitle Control: Inner Items */

.h5_lb_controls div.h5_lb_subtitle_control div {
  text-align: center !important;
  padding: 9px 0 0;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px #000000;
  color: #fff;
  text-transform: uppercase;
}
.h5_lb_controls div.h5_lb_subtitle_control div.subtitle_nav {
  position: absolute;
  width: 57px;
  margin: 0 0 0 -8px;
  padding: 2px;
  display: none;
  border: 1px solid #000;
  border-bottom: 0;
  /* Background Fallback for web browsers doesn't support gradient */
  background: #0e0f0d;
  /* Background-Gradient */
  background: -ms-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: -moz-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0e0e0e), to(#222222));
  background: -webkit-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: -o-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
}
/*.h5_lb_controls div.h5_lb_subtitle_control:hover div.subtitle_nav {padding: 2px;}*/

.h5_lb_controls div.h5_lb_subtitle_control .subtitle_nav div {
  border-top: 1px solid transparent;
  color: #fff;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  height: 15px;
  padding: 2px 4px 0;
  margin: 0;
  text-transform: none;
}
.h5_lb_controls div.h5_lb_subtitle_control .subtitle_nav div:hover {
  color: #000;
  color: #ffffff;
  background: #f1f1f1;
  background: rgba(255, 255, 255, 0.1);
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-shadow: 1px 1px 1px #000;
  display: block;
  z-index: 1001;
}
/*********************************/

/* Sources Control: Inner Items */

.h5_lb_controls div.h5_lb_sources_control div {
  text-align: center !important;
  padding: 9px 0 0;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px #000000;
  color: #fff;
}
.h5_lb_controls div.h5_lb_sources_control div.sources_nav {
  position: absolute;
  width: 62px;
  margin: 0 0 3px -9px;
  padding: 0;
  display: none;
  border: 1px solid #000;
  border-bottom: 0;
  /* Background Fallback for web browsers doesn't support gradient */
  background: #0e0f0d;
  /* Background - Gradient */
  background: -ms-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: -moz-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0e0e0e), to(#222222));
  background: -webkit-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: -o-linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
  background: linear-gradient(bottom, #222222, #1e1e1e, #131415, #0e0e0e 65%, #1e1e1e 95%);
}
.h5_lb_controls div.h5_lb_sources_control:hover div.sources_nav {
  display: block;
  padding: 2px;
}
.h5_lb_controls div.h5_lb_sources_control div.sources_nav div {
  border-top: 1px solid transparent;
  color: #fff;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  height: 16px;
  padding: 2px 4px 0;
  margin: 0;
}
.h5_lb_controls div.h5_lb_sources_control div.sources_nav div span {
  vertical-align: text-top;
  font-weight: lighter;
  font: 8px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  padding: 0;
}
.h5_lb_controls div.h5_lb_sources_control .sources_nav div:hover {
  color: #000;
  color: #ffffff;
  background: #f1f1f1;
  background: rgba(255, 255, 255, 0.1);
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-shadow: 1px 1px 1px #000;
  display: block;
  z-index: 1003;
}
/***********************************/

/* Fullscreen Control: Inner Items */

.h5_lb_controls div.h5_lb_fullscreen_control div {
  position: absolute;
  border: 1px solid #f1f1f1;
  cursor: pointer;
}
.h5_lb_controls div.h5_lb_fullscreen_control div.h5_lb_fullscreen_control_fs1 {
  margin: 11px 0 0 6px;
  height: 7px;
  width: 14px;
  z-index: 1000;
  /* Background */
  background: #7a7a7a;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAIAAADntZOlAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABNSURBVHjaYti9ezdAADH9+vULIICYfv78CRBATN+/fwcIIBAGCCAQBgggEAYIIKYfP34ABBBIDiCAmH7//g0QQCAaIIBAGCCAQBggwAC2yyVIH487bgAAAABJRU5ErkJggg==) repeat-x;
}
.h5_lb_controls div.h5_lb_fullscreen_control div.h5_lb_fullscreen_control_fs2 {
  margin: 9px 0 0 4px;
  height: 11px;
  width: 20px;
  z-index: 1001;
  display: none;
  /* Background */
  background: #2b5880;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAALCAIAAAAx7HC4AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABJSURBVHjaYnCYcBMggJj+/vkBEEBMf/78AQggJqY/vwECCEQDBBATw+8vAAHE9O/fP4AAYmL89Q0ggEA0QAAB+V8BAggkDhBgAEoNG0hmL6RlAAAAAElFTkSuQmCC) repeat-x;
}
.h5_lb_controls div.h5_lb_fullscreen_control:hover div.h5_lb_fullscreen_control_fs2 {
  display: block;
}
/*********************/

/* In-video Subtitle */

.h5_lb_player .h5_lb_subtitles {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  text-align: center;
  display: none;
  z-index: 1000;
}
.h5_lb_player .h5_lb_subtitles .plain {
  display: inline-block;
  position: absolute;
  top: auto;
  right: -1px;
  bottom: 45px !important;
  left: 1px;
  margin: 0;
  padding: 0;
  z-index: 1000;
}
.h5_lb_player .h5_lb_subtitles_controls_below .plain {
  bottom: 15px !important;
}
.h5_lb_player .h5_lb_subtitles .vtt {
  position: absolute;
  font: 12px/1.231 arial, helvetica, sans-serif !important;
}
.h5_lb_player .h5_lb_subtitles .vtt div {
  display: inline-block;
  position: relative !important;
}
.h5_lb_player .h5_lb_subtitles .plain div {
  display: inline-block;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.5);
  white-space: normal;
}
.h5_lb_fullscreen .h5_lb_subtitles .plain {
  font: 22px/1.231 arial, helvetica, sans-serif;
}
.h5_lb_smallscreen .h5_lb_subtitles .plain {
  font: 12px/1.231 arial, helvetica, sans-serif;
}
/***********************/

/* Embedding Code/Link */

.h5_lb_player .h5_lb_embed {
  position: absolute;
  top: 5px;
  right: 5px;
  margin: 5px;
  width: auto;
  height: 40px;
  text-align: right;
  display: none;
  z-index: 1001;
}
.h5_lb_fullscreen .h5_lb_embed {
  visibility: hidden;
}
.h5_lb_player .h5_lb_embed .h5_lb_embed_inner {
  margin: 0 0 3px auto;
  padding: 5px;
  border: 1px solid #000;
  text-align: center !important;
  width: auto;
  height: auto;
  line-height: normal !important;
  color: #fff;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  /* Background Fallback for web browsers doesn't support RGBa */
  background: #000;
  /* RGBa with 0.4 opacity */
  background: rgba(0, 0, 0, 0.4);
}
.h5_lb_player .h5_lb_embed .h5_lb_embed_inner:hover {
  /* Background RGBa with 0.7 opacity */
  background: rgba(0, 0, 0, 0.7);
}
.h5_lb_player div.h5_lb_embed_code {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 55px;
  left: 20px;
  padding: 10px 10px 0;
  text-align: center;
  z-index: 1005;
  cursor: default;
  display: none;
  border: 1px solid #4a4a4a;
  /* Background Fallback for web browsers doesn't support gradient */
  background: #1d1e1b;
}
.h5_lb_player div.h5_lb_embed_code textarea.h5_lb_embed_code_user {
  margin: 0 -10px 5px -10px;
  padding: 5px;
  width: 98%;
  height: 175px;
  line-height: normal !important;
  vertical-align: baseline;
  background: #303030;
  border: 1px solid #303030;
  color: #fff;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  overflow: auto;
  cursor: default;
}
.h5_lb_player div.h5_lb_embed_code div.h5_lb_embed_code_txt {
  line-height: normal !important;
  vertical-align: baseline;
  color: #fff;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  cursor: default;
  text-align: center !important;
}
.h5_lb_player div.h5_lb_embed_code button.h5_lb_embed_code_btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin: 0;
  padding: 0px 5px 2px;
  height: 20px;
  z-index: 1003;
}
/*********************/

/* Info Control Item */

.h5_lb_controls div.h5_lb_info_control {
  display: block;
  width: 1px;
  cursor: pointer;
}
.h5_lb_controls div.h5_lb_info_control div {
  text-align: center !important;
  height: 30px;
  margin: 9px 0 0;
  /* Background - Gradients - "LEANBACK PLAYER" LOGO */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAOCAYAAAA45qw5AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAF5SURBVHjaYvz//z8DDNy4cQPBIQCePHnCKCMjQ7R6DQ0NRmQ+QAAxIXNAjiAWu7q6/idFPSMj4xkgAbYHyGYACCAWZIt//frFQAogUb0xMgcggFAs/vz5M0kWk6oeGQAEEIrF379/J0kzqeqRAUAAofr4E4k+JlE9A1JCBgggsMV79uwBiTB++vyJJHNIVQ+yx8XFhRGU2AACiGXFypVAS/8zREZE/u/p6SHJoLdv35Ko/g3DSqB94eHhjAABxPL86VOG/9AcxgRM50XFxUTnTUZGJsbi4iKi1T99+gyWnf4DBBBjVVUVQ1tb2/9p06YxqKqqMtAQnN2/f78JyC4QByCAGGEl18oVK8EskOdBIcAI4jEy4kgkUIUIBpo4ptB/SHSeBdpnAipAAAIInqqfPQMGOUwX43+Y7VgsZUSzAcpmBOlmhKdcmHaI6H+G/2iFCEAAwYs0UJCD1ANpMIaaSBHGZhYshAECiAG5kkALof9UilusZgEEGAAbLvjHkcOITgAAAABJRU5ErkJggg==) no-repeat;
}
.leanback-player-audio .h5_lb_info_content {
  width: 500px !important;
  height: 240px !important;
  top: 50% !important;
  right: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  margin: -120px 0 0 -250px !important;
}
.h5_lb_player .h5_lb_info_content {
  position: absolute;
  top: 20px;
  right: 32px;
  bottom: 45px;
  left: 20px;
  text-align: center;
  color: #fff;
  cursor: default;
  display: none;
  z-index: 1003;
}
.h5_lb_fullscreen .h5_lb_info_content {
  position: absolute;
  top: 25%;
  right: 22%;
  bottom: 25%;
  left: 22%;
  margin: -20px 0 0 -20px;
  text-align: center;
  color: #fff;
  cursor: default;
  display: none;
  z-index: 1003;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_menu {
  position: absolute;
  top: 0;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_menu .entry {
  position: relative;
  top: 0;
  left: 20px;
  margin-left: -1px;
  padding: 6px 6px 2px;
  min-width: 65px;
  width: auto;
  height: 14px;
  font: 11px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  font-weight: bold !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid #4a4a4a;
  cursor: pointer;
  display: block;
  float: left;
  z-index: 1003;
  /* Background */
  background: #303030;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_menu .entry:hover {
  /* Background */
  background: #1d1e1b;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_menu .entry_active {
  border-bottom: 1px solid #1d1e1b;
  /* Background */
  background: #1d1e1b;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt {
  position: absolute;
  top: 23px;
  bottom: 0;
  padding: 10px 0 35px 10px;
  width: 100%;
  text-align: left;
  line-height: 14px !important;
  font: 9px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid #4a4a4a;
  display: block;
  clear: both;
  z-index: 1002;
  /* Background Fallback for web browsers doesn't support gradient */
  background: #1d1e1b;
  /* Disable selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt div.info_txt {
  position: relative;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  overflow-y: auto;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt div a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px dotted #fff;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt div ul {
  margin: 5px 0 0;
  padding: 0 18px 0;
  list-style-type: circle !important;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt div li {
  line-height: 14px !important;
  font: 9px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt button.keys {
  margin: 1px;
  padding: 0 2px 2px 2px;
  color: #050;
  font: 9px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 0 0 0;
  vertical-align: middle;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt_shortcuts {
  padding-bottom: 40px;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt button.h5_lb_info_content_btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin: 0;
  padding: 0px 5px 2px;
  height: 20px;
  z-index: 1003;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt .headline {
  margin: 0 0 0 0;
  padding: 10px 10px 5px 10px;
  display: block;
  background: #303030;
  border-bottom: 1px solid #4a4a4a;
  font-size: 11px !important;
  font-weight: bold;
}
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt .about_txt,
.h5_lb_player .h5_lb_info_content .h5_lb_info_content_txt .shortcuts_txt {
  color: #fff;
  height: 100%;
}
.about_txt div,
.shortcuts_txt div {
  margin: 0;
  padding: 5px 10px;
  background: #303030;
}
.about_txt div {
  padding: 10px;
}
/*********************/

/* LBP Control Item */

.h5_lb_player a.h5_lb_logo {
  position: absolute;
  display: block;
  width: 121px;
  height: 15px;
  top: auto;
  bottom: 32px;
  left: 10px;
  cursor: pointer;
  z-index: 1001;
}
.h5_lb_player a.h5_lb_logo,
.h5_lb_player a.h5_lb_logo:link,
.h5_lb_player a.h5_lb_logo:visited,
.h5_lb_player a.h5_lb_logo:hover,
.h5_lb_player a.h5_lb_logo:active {
  border: 0 !important;
  text-decoration: none;
  outline: 0;
  /* fix: prevent button to be focused on Android */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*******************/

/* Default Content */

.h5_lb_player .btn {
  height: 20px;
  color: #fff;
  line-height: normal !important;
  vertical-align: baseline;
  font: 10px/1.231 "bitstream vera sans", "lucida grande", verdana !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid #000;
  cursor: pointer;
  /* Box-Shadow */
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  /* Background */
  background: #4b4b4b;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACbSURBVHjaYvDwcAcIIGZOLk6AAGL68eMHQAAxAQFAADH9//8fIICYGBgYAAIIiP8DBBDTv3//AAIIxAcIIBAGCCAQBgggEAYIIBAGCCAQBgggEAYIIJA8QAAx/Wf4DxBATP///gcIIBAfIICAbAaAAAKJAQQQSD9AAIH4AAEEwgABBGIDBBCIBgggEAYIIBAGCCAQBgggEAYIMAB1v0PS0+tkpgAAAABJRU5ErkJggg==) -1px repeat-x;
}
.h5_lb_player .btn:hover {
  color: #000;
  border: 1px solid #747474;
  /* Background */
  background: #747474;
  /* Background - URL */
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADkSURBVHjaYrh16xZAADH9/fsXIICY/v37BxBAIAwQQCA2QACBaIAAAtEAAQSiAQIIhAECCMQGCCAQDRBAIBoggEA0QACBMEAAgdgAAQSiAQIIRAMEEIgGCCAQBgggpj9//gAEEAgDBBBIDCCAmH7//g0QQCAxgAAC8QECCIQBAggkBhBAIBoggEAYIIBAGCCAQHIAAQQSAwggEA0QQCAMEEAgNkAAgWiAAALRAAEEogECCIQBAgjEBgggEA0QQCAaIIBANEAAgTBAAIHYAAEEogECCEQDBBCIBgggEAYIIBAbIMAA0hOUZfQjygYAAAAASUVORK5CYII=) repeat-x;
}
/*******************/

/* Hacking Content */

.elem_visible {
  display: block !important;
}
.elem_visibility_hidden {
  visibility: hidden !important;
}
.h5_lb_fullscreen_fix {
  margin: 0 !important;
}
/****************************************/

/* CSS Loaded Test - do not change this */

.h5_lb_css_loaded_test {
  display: none;
}
.cmsmodul.video {
  overflow: hidden;
  max-width: 100%;
}
.cmsmodul.video .video-title {
  margin-top: 8px;
  font-family: 'dmbrand-bold';
}
.cmsmodul.video .video-description {
  margin-bottom: 8px;
}
.html5-video {
  position: relative;
  display: none;
  max-width: 100%;
}
.html5-video.loaded {
  display: block;
}
.html5-video video {
  width: 100% !important;
  height: 100% !important;
}
.html5-video.playing video {
  opacity: 1;
}
.html5-video .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: block;
  width: 80px;
  height: 80px;
  padding-top: 14px;
  padding-left: 8px;
  line-height: 20px;
  border: 6px solid #fff;
  border-radius: 50%;
  color: #f5f5f5;
  text-align: center;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  font-weight: bold;
  transition: opacity 0.4s ease;
  cursor: pointer;
  z-index: 1;
}
.html5-video .play:before {
  content: '';
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 35px solid #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-45%), -50%);
}
.html5-video.playing .play {
  opacity: 0;
  visibility: hidden;
}
.autoplay-video {
  position: relative;
}
.autoplay-video .volume {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  box-sizing: content-box;
  cursor: pointer;
  fill: #fff;
  padding: 10px;
  position: absolute;
  transition: background-color 0.3s ease;
  z-index: 10;
  right: 30px;
  top: 30px;
}
@media screen and (max-width: 640px) {
  .autoplay-video .volume {
    right: 10px;
    top: 10px;
    transform: scale(0.8);
  }
}
.autoplay-video .volume:not(.toggled) svg.volumeon {
  display: none;
}
.autoplay-video .volume.toggled svg.volumeoff {
  display: none;
}
.autoplay-video .volume svg {
  fill: #fff;
  display: block;
  height: 20px;
  width: 20px;
}

/* breakpoints */
/* colors */
/* mixins */
.default-button {
  display: inline-block;
  position: relative;
  max-width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 100%;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  text-decoration: none;
  white-space: normal;
  border: none;
  outline: none;
  text-shadow: none;
  cursor: pointer;
}
.default-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
.default-input {
  font-weight: 300;
  max-width: 100%;
  padding: 10px;
  color: #000000;
  background: #EFF4F3;
  border: none;
  outline: none;
  resize: none;
}
.default-input:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
  border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #888888;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #888888;
  font-size: 1rem;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 0;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  position: relative;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.custom-checkbox label:before {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 3px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid rgba(255, 255, 255, 0);
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
  z-index: 50;
}
.custom-checkbox label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #EFF4F3;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.custom-checkbox input[type='checkbox']:checked + label:before {
  border-color: #EFF4F3;
}
@keyframes zoomimg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}