@media (min-width: 992px) and (min-width: 1200px) {
  .container {
    width: 960px;
    padding-left: 0;
    padding-right: 0;
  }
}
* {
  font-family: 'Ubuntu', sans-serif;
  color: #596b76;
}
html,
body {
  overflow-x: hidden;
}
a.grey {
  color: #596b76;
}
p {
  margin: 7px 0;
}
h1 {
  margin-top: 0;
  font-weight: 300;
  font-size: 48px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  h1 {
    font-size: 28px;
  }
}
h2 {
  font-weight: 300;
  font-size: 24px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  h2 {
    font-size: 20px;
  }
}
h4 {
  font-weight: 700;
  font-size: 18px;
}
.box {
  position: relative;
  padding: 0 10px;
}
.box h2 {
  font-size: 18px;
}
.box .edit {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.border {
  border: 1px solid #dee1e4;
}
.borderRadius {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.borderRadiusTop {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.borderRadiusBottom {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.borderRadiusLeft {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.borderRadiusRight {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pull-top {
  margin-top: 0;
  padding-top: 0;
}
.uppercase {
  text-transform: uppercase;
}
.cursorPointer {
  cursor: pointer;
}
.hiddenField {
  display: none;
  visibility: visible;
}
.justify {
  text-align: justify;
}
.preproduktion {
  color: #00b3e6;
}
.studiotracks {
  color: #91bd38;
}
.produktion {
  color: #ed1847;
}
.publishing {
  color: #ff944a;
}
.dottedLineLight,
.dottedLineDark {
  width: 100%;
  height: 4px;
}
.dottedLineDark {
  background: #596b76 url('../images/dotted-line-dark.png') repeat-x top left;
}
.dottedLineLight {
  background: #596b76 url('../images/dotted-line-light.png') repeat-x top left;
}
.solidLineDark {
  border-top: 1px solid #596b76;
  height: 1px;
}
.bullet {
  cursor: pointer;
  float: left;
  width: 15px;
  height: 15px;
  background: url('../images/bullet-light.png') center center no-repeat;
  margin-right: 2px;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .bullet {
    margin-right: 6px;
  }
}
.bullet.active {
  background: url('../images/bullet-dark.png') center center no-repeat;
}
.borderDottedLineLightLeft {
  background: url('../images/dotted-line-light.png') repeat-y top left;
}
@media (max-width: 767px) {
  .borderDottedLineLightLeft {
    background: url('../images/dotted-line-light.png') repeat-x top right;
    margin-top: 15px;
    padding-top: 15px;
  }
}
.borderDottedLineLightRight {
  background: url('../images/dotted-line-light.png') repeat-y top right;
}
@media (max-width: 767px) {
  .borderDottedLineLightRight {
    background: url('../images/dotted-line-light.png') repeat-x top right;
    padding-top: 15px;
  }
}
.moveButton > div {
  padding-left: 0;
}
.moveButton > div:FIRST-CHILD {
  padding-left: 15px;
  padding-right: 15px;
}
.moveLeft,
.moveRight {
  cursor: pointer;
  margin-top: 12px;
  width: 40px;
  height: 40px;
  background: url('../images/arrow-bg.png') top left no-repeat;
  opacity: 0.4;
}
.moveLeft img,
.moveRight img {
  padding-top: 8px;
  padding-left: 14px;
}
.moveLeft img {
  padding-left: 12px;
}
.moveLeft:hover,
.moveRight:hover {
  opacity: 1;
}
#header1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
#header1 a,
#header1 b {
  font-weight: 700;
  font-size: 16px;
  color: #596b76;
  text-transform: uppercase;
}
#header1 b {
  color: #acb5ba;
}
#header1 a:hover {
  color: #7a8991;
  text-decoration: none;
}
#header1 > div.row > div > a {
  margin-right: 17px;
}
#header1 > div.row > div > div.userNavigation a {
  margin-left: 17px;
}
#header1 > div.row > div > div.userNavigation a img {
  margin-top: -3px;
}
@media (max-width: 767px) {
  #header1 > div.row > div > div.userNavigation a {
    display: block;
    margin-left: 0;
  }
}
#header1 > div.row > div > div.userNavigation a.login {
  margin-left: 50px;
}
@media (max-width: 767px) {
  #header1 > div.row > div > div.userNavigation a.login {
    margin-left: 0;
  }
}
#header1 .userNavigation {
  float: right;
}
@media (max-width: 767px) {
  #header1 .userNavigation {
    float: none;
    margin-top: 10px;
  }
}
@media (max-width: 991px) {
  #header1 .languagePicker {
    margin-top: -10px;
  }
}
.basketProductDelete {
  margin-top: -4px;
  cursor: pointer;
}
#header2 {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  #header2 .basketHeaderContainer {
    float: none !important;
    text-align: right;
  }
}
#header2 #basketHeader {
  position: relative;
}
@media (max-width: 767px) {
  #header2 #basketHeader {
    width: 100%;
  }
}
#header2 #basketHeader > img {
  cursor: pointer;
}
#header2 #basketHeader #basketQuantity {
  position: absolute;
  width: 25px;
  text-align: center;
  color: #fff;
  top: 3px;
  left: 0px;
}
@media (max-width: 767px) {
  #header2 #basketHeader #basketQuantity {
    right: 39px;
    left: auto;
  }
}
#header2 #basketHeader #basketContent {
  display: none;
  position: absolute;
  top: 80px;
  right: 0px;
  color: #fff;
  background: #596b76;
  padding: 20px;
  width: 350px;
  z-index: 10;
}
@media (max-width: 767px) {
  #header2 #basketHeader #basketContent {
    width: auto;
  }
}
#header2 #basketHeader #basketContent a,
#header2 #basketHeader #basketContent span {
  color: #fff;
}
#header2 #basketHeader #basketContent span.mainTitle {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
#header2 #basketHeader #basketContent img.basketContentArrowUp {
  position: absolute;
  top: -9px;
  right: 17px;
}
#header2 #basketHeader #basketContent .price {
  font-weight: 700;
}
#header2 #basketHeader #basketContent .row.basketProduct {
  margin-top: 20px;
}
#header2 #basketHeader #basketContent .row.basketProduct div {
  color: #fff;
}
#header2 #basketHeader #basketContent .row.basketProduct .name {
  font-weight: 700;
}
#header2 #basketHeader #basketContent .row.basketProduct .description {
  color: #7a8991;
  text-transform: uppercase;
  font-size: 12px;
}
#header2 #basketHeader #basketContent .linie {
  border-top: 1px solid #fff;
  height: 0px;
  width: 100%;
  margin: 15px 0;
}
#header2 #basketHeader #basketContent .totalTitle {
  color: #7a8991;
}
#header2 #basketHeader #basketContent .total {
  font-size: 18px;
}
#header2 #basketHeader #basketContent #basketCashButton {
  background: #458730;
  border: 1px solid #fff;
  color: #fff;
  padding: 5px 10px;
  font-size: 20px;
  font-weight: 700;
}
#header2 .logo {
  max-width: 100%;
  position: relative;
  z-index: 100;
}
#header3 {
  position: relative;
  min-height: 150px;
  background: #7a8991;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#596b76),color-stop(1,#7a8991));
  background: -ms-linear-gradient(bottom,#596b76,#7a8991);
  background: -moz-linear-gradient(center bottom,#596b76 0%,#7a8991 100%);
  background: -o-linear-gradient(#7a8991,#596b76);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a8991', endColorstr='#596b76', GradientType=0);
}
#header3 .headerHeadline {
  position: absolute;
  top: 20px;
  font-size: 32px;
  font-weight: 300;
  color: #fff;
}
#header3 .sliderContainer {
  height: 500px;
}
#header3 .sliderContainer a.headerWrapper {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#header3 .sliderContainer a.headerWrapper .dottedLineLight {
  position: absolute;
  top: 100px;
  background: url('../images/dotted-line-header.png') repeat-x top left;
}
#header3 .sliderContainer a.headerWrapper div.headerContainer {
  position: relative;
  height: 500px;
  margin: 0 auto;
  text-align: center;
}
#header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader,
#header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader {
  position: absolute;
  top: 30px;
  width: 260px;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  #header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader,
  #header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  #header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader,
  #header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader {
    top: 10px;
    font-size: 13px;
  }
}
#header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader > div,
#header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader > div {
  color: #fff;
}
#header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader > div.title,
#header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader > div.title {
  line-height: 46px;
}
#header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader {
  left: 0px;
}
#header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader > div {
  float: left;
}
#header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader > div.arrow {
  margin-right: 10px;
  padding: 5px 15px;
  padding-right: 20px;
  padding-bottom: 9px;
}
@media (max-width: 767px) {
  #header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader > div.arrow {
    padding: 5px 10px;
  }
}
#header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader {
  right: 0px;
}
#header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader > div {
  float: right;
}
#header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader > div.arrow {
  margin-left: 10px;
  padding: 5px 15px;
  padding-left: 20px;
  padding-bottom: 9px;
}
@media (max-width: 767px) {
  #header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader > div.arrow {
    padding: 5px 10px;
  }
}
#header3 .sliderContainer a.headerWrapper div.headerContainer span.title {
  font-size: 48px;
  line-height: 100px;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 991px) {
  #header3 .sliderContainer a.headerWrapper div.headerContainer span.title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #header3 .sliderContainer a.headerWrapper div.headerContainer span.title {
    display: inline-block;
    font-size: 24px;
    margin-top: 20px;
  }
}
#header3 .sliderContainer a.headerWrapper div.headerContainer > img {
  margin-top: -115px;
}
#header3 .sliderContainer a.headerWrapper:HOVER {
  text-decoration: none;
}
#header3 .sliderContainer a.headerWrapper.preproduktion {
  background: #00b3e6;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b3eeff),color-stop(1,#00b3e6));
  background: -ms-linear-gradient(bottom,#b3eeff,#00b3e6);
  background: -moz-linear-gradient(center bottom,#b3eeff 0%,#00b3e6 100%);
  background: -o-linear-gradient(#00b3e6,#b3eeff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3e6', endColorstr='#b3eeff', GradientType=0);
}
#header3 .sliderContainer a.headerWrapper.preproduktion div.arrow {
  background: #1accff;
}
#header3 .sliderContainer a.headerWrapper.studiotracks {
  background: #91bd38;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e6f1d0),color-stop(1,#91bd38));
  background: -ms-linear-gradient(bottom,#e6f1d0,#91bd38);
  background: -moz-linear-gradient(center bottom,#e6f1d0 0%,#91bd38 100%);
  background: -o-linear-gradient(#91bd38,#e6f1d0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91bd38', endColorstr='#e6f1d0', GradientType=0);
}
#header3 .sliderContainer a.headerWrapper.studiotracks div.arrow {
  background: #a8ce5a;
}
#header3 .sliderContainer a.headerWrapper.produktion {
  background: #ed1847;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fcd5de),color-stop(1,#ed1847));
  background: -ms-linear-gradient(bottom,#fcd5de,#ed1847);
  background: -moz-linear-gradient(center bottom,#fcd5de 0%,#ed1847 100%);
  background: -o-linear-gradient(#ed1847,#fcd5de);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1847', endColorstr='#fcd5de', GradientType=0);
}
#header3 .sliderContainer a.headerWrapper.produktion div.arrow {
  background: #f1476d;
}
#header3 .sliderContainer a.headerWrapper.publishing {
  background: #ff944a;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ffffff),color-stop(1,#ff944a));
  background: -ms-linear-gradient(bottom,#ffffff,#ff944a);
  background: -moz-linear-gradient(center bottom,#ffffff 0%,#ff944a 100%);
  background: -o-linear-gradient(#ff944a,#ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff944a', endColorstr='#ffffff', GradientType=0);
}
#header3 .sliderContainer a.headerWrapper.publishing div.arrow {
  background: #ffb27d;
}
#header3 ul#navigationMain {
  list-style-type: none;
  padding: 0;
  position: absolute;
  bottom: -27px;
  height: 70px;
}
@media (max-width: 767px) {
  #header3 ul#navigationMain {
    position: relative;
    bottom: auto;
    height: auto;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    overflow: hidden;
  }
}
#header3 ul#navigationMain li {
  float: left;
}
@media (max-width: 767px) {
  #header3 ul#navigationMain li {
    float: none;
    display: block;
  }
}
#header3 ul#navigationMain li a {
  border-left: 1px solid #fff;
  background: #596b76;
  width: 160px;
  padding: 15px;
  padding-bottom: 8px;
  display: block;
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #header3 ul#navigationMain li a {
    width: 100px;
  }
}
@media (max-width: 767px) {
  #header3 ul#navigationMain li a {
    display: block;
    width: auto;
    border-left: 0;
    border-top: 1px solid #fff;
    padding-bottom: 15px;
  }
}
#header3 ul#navigationMain li.l2 a {
  width: 320px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #header3 ul#navigationMain li.l2 a {
    width: 265px;
  }
}
@media (max-width: 767px) {
  #header3 ul#navigationMain li.l2 a {
    width: auto;
  }
}
#header3 ul#navigationMain li.active a,
#header3 ul#navigationMain li:HOVER a {
  text-decoration: none;
  padding-bottom: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 767px) {
  #header3 ul#navigationMain li.active a,
  #header3 ul#navigationMain li:HOVER a {
    padding-bottom: 15px;
    background: #8b989f;
  }
}
#header3 ul#navigationMain li:FIRST-CHILD {
  border-left: none;
}
#header3 ul#navigationMain li.findUsOnFB a {
  color: #8b989f;
}
@media (min-width: 768px) and (max-width: 991px) {
  #header3 ul#navigationMain li.findUsOnFB a {
    width: 165px;
  }
}
#header3 ul#navigationMain li.findUsOnFB img {
  opacity: 0.3;
  vertical-align: top;
  margin-top: -3px;
  margin-left: 4px;
}
#header3.preproduktion {
  background: #00b3e6;
}
#header3.studiotracks {
  background: #91bd38;
}
#header3.produktion {
  background: #ed1847;
}
#header3.publishing {
  background: #ff944a;
}
#breadcrumb {
  margin-top: 20px;
  margin-bottom: 30px;
}
#breadcrumb span {
  margin-right: 5px;
}
#breadcrumb span a {
  color: #596b76;
  margin-right: 2px;
  text-transform: uppercase;
  font-size: 10px;
}
#breadcrumb span a:hover {
  text-decoration: none;
  font-weight: 700;
}
.headerPath2 {
  height: 450px;
  padding-top: 0px;
}
@media (max-width: 767px) {
  .headerPath2 {
    height: 250px;
  }
}
.headerPath2 .container {
  height: 100%;
}
.headerPath2 .container .icon {
  height: 100%;
  width: 100%;
}
.headerPath2.preproduktion {
  background: #00b3e6;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b3eeff),color-stop(1,#00b3e6));
  background: -ms-linear-gradient(bottom,#b3eeff,#00b3e6);
  background: -moz-linear-gradient(center bottom,#b3eeff 0%,#00b3e6 100%);
  background: -o-linear-gradient(#00b3e6,#b3eeff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3e6', endColorstr='#b3eeff', GradientType=0);
}
.headerPath2.preproduktion .icon {
  background: url('../../../media/header-preproduktion.png') center -100px no-repeat;
}
.headerPath2.studiotracks {
  background: #91bd38;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e6f1d0),color-stop(1,#91bd38));
  background: -ms-linear-gradient(bottom,#e6f1d0,#91bd38);
  background: -moz-linear-gradient(center bottom,#e6f1d0 0%,#91bd38 100%);
  background: -o-linear-gradient(#91bd38,#e6f1d0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91bd38', endColorstr='#e6f1d0', GradientType=0);
}
.headerPath2.studiotracks .icon {
  background: url('../../../media/header-studiotracks.png') center -100px no-repeat;
}
.headerPath2.produktion {
  background: #ed1847;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fcd5de),color-stop(1,#ed1847));
  background: -ms-linear-gradient(bottom,#fcd5de,#ed1847);
  background: -moz-linear-gradient(center bottom,#fcd5de 0%,#ed1847 100%);
  background: -o-linear-gradient(#ed1847,#fcd5de);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1847', endColorstr='#fcd5de', GradientType=0);
}
.headerPath2.produktion .icon {
  background: url('../../../media/header-produktion.png') center -100px no-repeat;
}
.headerPath2.publishing {
  background: #ff944a;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ffffff),color-stop(1,#ff944a));
  background: -ms-linear-gradient(bottom,#ffffff,#ff944a);
  background: -moz-linear-gradient(center bottom,#ffffff 0%,#ff944a 100%);
  background: -o-linear-gradient(#ff944a,#ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff944a', endColorstr='#ffffff', GradientType=0);
}
.headerPath2.publishing .icon {
  background: url('../../../media/header-publishing.png') center -100px no-repeat;
}
#navigationPath2 {
  height: 100px;
  background: #596b76;
}
#navigationPath2 .container {
  position: relative;
}
#navigationPath2 .container .title {
  font-size: 48px;
  line-height: 100px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  #navigationPath2 .container .title {
    font-size: 18px;
    margin-top: 20px;
  }
}
#navigationPath2 .container .moveLeft,
#navigationPath2 .container .moveRight {
  position: absolute;
  top: 20px;
  opacity: 1;
  background: #7a8991;
}
@media (max-width: 767px) {
  #navigationPath2 .container .moveLeft,
  #navigationPath2 .container .moveRight {
    top: 5px;
  }
}
#navigationPath2 .container .moveLeft a,
#navigationPath2 .container .moveRight a {
  color: #fff;
}
#navigationPath2 .container .moveLeft a:hover,
#navigationPath2 .container .moveRight a:hover {
  text-decoration: none;
}
#navigationPath2 .container .moveLeft a .prevName,
#navigationPath2 .container .moveLeft a .nextName,
#navigationPath2 .container .moveRight a .prevName,
#navigationPath2 .container .moveRight a .nextName {
  display: block;
  position: absolute;
  top: 10px;
  color: #fff;
  width: 200px;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 767px) {
  #navigationPath2 .container .moveLeft a .prevName,
  #navigationPath2 .container .moveLeft a .nextName,
  #navigationPath2 .container .moveRight a .prevName,
  #navigationPath2 .container .moveRight a .nextName {
    font-size: 13px;
  }
}
#navigationPath2 .container .moveLeft .prevName,
#navigationPath2 .container .moveRight .prevName {
  left: 55px;
}
@media (max-width: 767px) {
  #navigationPath2 .container .moveLeft .prevName,
  #navigationPath2 .container .moveRight .prevName {
    left: 45px;
  }
}
#navigationPath2 .container .moveLeft .nextName,
#navigationPath2 .container .moveRight .nextName {
  text-align: right;
  right: 55px;
}
@media (max-width: 767px) {
  #navigationPath2 .container .moveLeft .nextName,
  #navigationPath2 .container .moveRight .nextName {
    right: 45px;
  }
}
#navigationPath2 .container .moveLeft {
  left: 0;
}
#navigationPath2 .container .moveRight {
  right: 0;
}
#containerContent {
  min-height: 400px;
  padding-bottom: 50px;
}
#containerContent div.vorherNachher {
  display: block;
  background: url('../images/vorher-nachher.png') no-repeat top left;
  width: 225px;
  height: 57px;
  margin-top: 30px;
  color: #596b76;
  font-size: 14px;
  line-height: 57px;
  padding-left: 20px;
  cursor: pointer;
}
#containerContent div.vorherNachher.played {
  background: url('../images/vorher-nachher-active.png') no-repeat top left;
}
#containerContent .center {
  text-align: center;
}
.vorher-nachher .text {
  padding-top: 30px;
}
.vorher-nachher .text a {
  color: #596b76;
}
.vorher-nachher .text a:hover {
  text-decoration: none;
}
.vorher-nachher .text h2 {
  margin-bottom: 0;
  font-size: 30px;
}
.vorher-nachher .text h4 {
  margin-top: 5px;
  font-size: 20px;
}
@media (max-width: 767px) {
  .icons {
    margin-bottom: 15px;
  }
}
#footer1 *,
#footer2 *,
#footer3 * {
  color: #fff;
}
#footer1,
#footer2 {
  background: #596b76;
}
#footer1 .center,
#footer2 .center {
  width: 300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #footer1 .center,
  #footer2 .center {
    width: auto;
    margin: 0;
  }
}
#footer1 {
  font-weight: 300;
  font-size: 29px;
}
#footer1 .container > div.row > div {
  padding-top: 30px;
  padding-bottom: 30px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #footer1 {
    display: none;
  }
}
@media (max-width: 767px) {
  #footer2 {
    padding-bottom: 30px;
  }
}
#footer2 .container > div.row > div {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 12px;
  line-height: 14px;
}
@media (max-width: 767px) {
  #footer2 .container > div.row > div {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#footer2 .container > div.row > div h4 {
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 0px;
}
#footer2 .container > div.row > div ul {
  padding-left: 15px;
  margin: 0;
}
#footer2 .container > div.row > div div.imgLabel {
  margin-bottom: 15px;
  display: inline-table;
  width: 100%;
}
#footer2 .container > div.row > div div.imgLabel span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  line-height: 14px;
}
#footer2 .container > div.row > div div.imgLabel span.img {
  width: 48px;
  padding-right: 10px;
  text-align: center;
}
#footer2 .container > div.row > div div.imgLabel span.label {
  padding-top: 5px;
}
#footer2 .container > div.row > div div.imgLabel.top span {
  vertical-align: top;
}
#footer2 .container > div.row > div div.icons img {
  margin-right: 5px;
}
#footer2 .container > div.row > div div.icons a:hover {
  text-decoration: none;
}
#footer2 .headline {
  display: block;
  font-weight: 300;
  font-size: 24px;
  line-height: 34px !important;
  margin-bottom: 10px;
  margin-top: 10px;
}
#footer3 {
  background: #7a8991;
}
#footer3 .container > div.row > div {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 14px;
  line-height: 14px;
}
@media (max-width: 767px) {
  #footer3 .container > div.row > div {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#footer3 .container ul#navigationService {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#footer3 .container ul#navigationService li {
  float: left;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #fff;
}
@media (max-width: 991px) {
  #footer3 .container ul#navigationService li {
    margin-left: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
  }
}
#footer3 .container ul#navigationService li a {
  font-size: 14px;
}
#footer3 .container ul#navigationService li:FIRST-CHILD {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
#footer3 .copyrightContainer {
  text-align: right;
}
@media (max-width: 767px) {
  #footer3 .copyrightContainer {
    text-align: left;
  }
}
#logoBar {
  overflow: hidden;
  margin-top: 50px;
  position: relative;
  height: 67px;
}
@media (max-width: 767px) {
  #logoBar {
    margin-top: 0;
  }
}
#logoBar #logoBarWrapper {
  position: absolute;
  left: 0;
  top: 0;
}
#logoBar #logoBarWrapper .brand {
  height: 67px;
  width: 75px;
  float: left;
}
.category {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .category {
    text-align: center;
  }
}
.category a:hover {
  text-decoration: none;
}
.category .icon {
  margin-bottom: 20px;
  height: 100px;
}
.category .circleLine {
  margin-bottom: 15px;
  display: inline-table;
  width: 222px;
  height: 50px;
}
.category .circleLine .number {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 36px;
}
.category .circleLineLeft {
  position: relative;
  margin-bottom: 15px;
  width: 222px;
  height: 50px;
}
.category .circleLineLeft .number {
  position: absolute;
  top: 0;
  left: 21px;
  width: 34px;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.category .circleLine.preproduktion {
  background: url('../images/circle-line-preproduktion.png') top left no-repeat;
}
.category .circleLine.studiotracks {
  background: url('../images/circle-line-studiotracks.png') top left no-repeat;
}
.category .circleLine.produktion {
  background: url('../images/circle-line-produktion.png') top left no-repeat;
}
.category .circleLine.publishing {
  background: url('../images/circle-line-publishing.png') top left no-repeat;
}
.category .circleLineLeft.preproduktion {
  background: url('../images/circle-left-line-preproduktion.png') top left no-repeat;
}
.category .circleLineLeft.studiotracks {
  background: url('../images/circle-left-line-studiotracks.png') top left no-repeat;
}
.category .circleLineLeft.produktion {
  background: url('../images/circle-left-line-produktion.png') top left no-repeat;
}
.category .circleLineLeft.publishing {
  background: url('../images/circle-left-line-publishing.png') top left no-repeat;
}
.category .title {
  font-size: 25px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .category .title {
    font-size: 18px;
  }
}
.category .description p {
  color: #9ba6ad;
}
.categoryProductList .categoryProduct {
  margin-top: 50px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .categoryProductList .categoryProduct {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .categoryProductList .categoryProduct h1 {
    text-align: center;
  }
}
.categoryProductList .categoryProduct .title {
  margin-top: 20px;
  font-size: 23px;
  text-transform: uppercase;
  padding-left: 28px;
}
@media (max-width: 991px) {
  .categoryProductList .categoryProduct .title {
    font-size: 18px;
    padding-left: 15px;
  }
}
.categoryProductList .categoryProduct .description {
  padding-left: 28px;
}
@media (max-width: 991px) {
  .categoryProductList .categoryProduct .description {
    padding-left: 15px;
  }
}
.categoryProductList .categoryProduct .description p {
  color: #9ba6ad;
}
.productList {
  margin-top: 50px;
}
.product {
  position: relative;
  height: 315px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .product {
    height: auto;
    text-align: center;
  }
}
.product > img {
  margin-bottom: 20px;
}
.product p {
  color: #9ba6ad;
}
.product a.grey {
  font-weight: 700;
}
.product .basketPrice {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-table;
}
@media (max-width: 767px) {
  .product .basketPrice {
    position: static;
    display: block;
    margin: 10px auto 0;
    width: 160px;
  }
}
.product .basketPrice > div {
  display: table-cell;
  vertical-align: middle;
}
.product .basketPrice .price {
  font-weight: 700;
  font-size: 24px;
  padding-left: 10px;
}
.mixedProducts {
  display: none;
}
.mixedProducts .product.small {
  height: 255px;
}
@media (max-width: 767px) {
  .mixedProducts .product.small {
    height: auto;
  }
}
.mixedProducts .product.small h4 {
  height: 55px;
}
@media (max-width: 767px) {
  .mixedProducts .product.small h4 {
    height: auto;
  }
}
.mixedProducts.active {
  display: block;
}
.fadeBlock .showAll {
  position: absolute;
}
.fadeBlock .showAll a {
  color: #596b76;
  text-transform: uppercase;
}
.linklistTeam h2,
.linklistTeam h4 {
  margin-bottom: 40px;
}
.linklistTeam h2 a,
.linklistTeam h4 a {
  color: #596b76;
}
.linklistTeam h2 a:hover,
.linklistTeam h4 a:hover {
  text-decoration: none;
}
.linklistTeam h4 {
  margin-bottom: 7px;
}
.linklistTeam a img {
  margin-bottom: 20px;
}
.linklistTeam > div.col-xs-3 > .description {
  font-weight: 700;
  font-size: 18px;
}
.linklistTeam .members {
  position: relative;
  height: 425px;
}
.linklistTeam .members .member {
  display: none;
}
.linklistTeam .members .member.active {
  display: block;
}
.linklistTeam .members .navigationBullets {
  position: absolute;
  top: 405px;
  left: 15px;
}
.linklistTeam .members .showAll {
  top: 405px;
  right: 15px;
}
.aktuelles {
  position: relative;
}
.aktuelles .aktualitaet {
  display: none;
  height: 330px;
}
@media (max-width: 767px) {
  .aktuelles .aktualitaet {
    height: auto;
  }
}
.aktuelles .aktualitaet h4 a {
  color: #596b76;
}
.aktuelles .aktualitaet.active {
  display: block;
}
.aktuelles .navigationBullets {
  position: absolute;
  top: 370px;
  left: 15px;
}
@media (max-width: 767px) {
  .aktuelles .navigationBullets {
    position: static;
    margin-top: 10px;
  }
}
.aktuelles .showAll {
  top: 370px;
  right: 15px;
}
@media (max-width: 767px) {
  .aktuelles .showAll {
    top: auto;
    bottom: 0;
  }
}
.productDetail h1 {
  font-weight: 700;
  font-size: 22px;
}
.productDetail a.parentLink {
  font-size: 12px;
  margin-bottom: 10px;
}
.productDetail div.productSettingContainer {
  margin-top: 25px;
  margin-bottom: 25px;
}
.productDetail div.productSettingContainer img.info {
  cursor: pointer;
}
@media (max-width: 767px) {
  .productDetail div.productSettingContainer img.info {
    margin-right: 15px;
    margin-bottom: 10px;
  }
}
.productDetail .hotline .text {
  margin-top: 11px;
}
.productDetail .selectButton {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .productDetail .selectButton {
    margin-left: 0;
  }
}
.demo {
  margin-top: 50px;
  margin-bottom: 50px;
}
.demo .portraitContent {
  padding-right: 0;
}
@media (max-width: 767px) {
  .demo .portraitContent {
    padding-right: 15px;
  }
}
.demo .portraitContent > div {
  background: #dee1e4;
  height: 310px;
}
@media (max-width: 767px) {
  .demo .portraitContent > div {
    height: auto;
  }
}
.demo .portraitContent .name {
  padding: 10px;
  background: #596b76;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}
.demo .portraitContent .description {
  padding: 10px;
}
.demo .portraitContent .description p {
  margin-top: 0;
}
.demo .portraitContent .description ul {
  padding-left: 15px;
}
.demo .portraitImg {
  padding-left: 0;
}
@media (max-width: 767px) {
  .demo .portraitImg {
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .demo .portraitImg img {
    width: 100%;
  }
}
.demo .quote p {
  margin-top: 0;
}
.categoryCircle {
  display: inline-table;
  height: 200px;
  width: 100%;
  text-align: center;
  background: url('../images/circle-big.png') center center no-repeat;
}
.categoryCircle .content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.categoryCircle .content span {
  font-size: 25px;
  color: #fff;
}
.categoryCircle .content span.number {
  font-size: 141px;
  line-height: 110px;
}
.infoContainer {
  position: fixed;
  display: table;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.infoContainer .infoOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 10;
}
.infoContainer .infoBlockContainer {
  padding: 30px;
  display: table-cell;
  vertical-align: middle;
  z-index: 11;
}
@media (max-width: 767px) {
  .infoContainer .infoBlockContainer {
    padding: 30px 15px;
  }
}
.infoContainer .infoBlockContainer .infoBlockConent {
  position: relative;
  background: #fff;
  margin: 0 auto;
  width: 50%;
  padding: 20px;
  z-index: 11;
}
@media (max-width: 767px) {
  .infoContainer .infoBlockContainer .infoBlockConent {
    width: auto;
  }
}
.infoContainer .infoBlockContainer .infoBlockConent .closeButton {
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
}
.infoContainer .infoBlockContainer .infoBlockConent .infoImg {
  margin-top: -11px;
}
.infoContainer .infoBlockContainer .infoBlockConent span.headline {
  font-size: 20px;
  font-weight: 700;
  margin-left: 10px;
}
.selectButton {
  position: relative;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #596b76;
  background: #dee1e4;
}
.selectButton .arrowDown {
  position: absolute;
  right: 15px;
  top: 18px;
}
.selectButton .selectedOption {
  cursor: pointer;
  position: relative;
  z-index: 10;
}
.selectButton .selectedOption .pull-right {
  margin-right: 25px;
}
.selectButton .options {
  display: none;
  width: 100%;
  border-top: 1px solid #596b76;
}
.selectButton .options >.row {
  margin-top: 3px;
  padding-top: 3px;
}
.selectButton .options .option {
  cursor: pointer;
  margin-top: 3px;
  font-weight: 500;
  font-size: 13px;
}
.selectButton .options .option .name {
  width: 375px;
}
.selectButton .options .option:hover {
  font-weight: 700;
}
.goButton {
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background: #596b76;
  cursor: pointer;
}
@media (max-width: 767px) {
  .goButton {
    margin-top: 10px;
  }
}
a.greyButton {
  display: block;
  position: relative;
  background: #596b76;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-weight: 700;
  font-size: 16px;
  margin-top: 101px;
}
a.greyButton img {
  margin-top: -4px;
}
a.greyButton:hover {
  text-decoration: none;
}
.demoVorherNachher {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}
.demoVorherNachher a:hover {
  text-decoration: none;
}
.demoVorherNachher .demo {
  background: #596b76;
  color: #fff;
  padding: 3px 15px;
  font-size: 30px;
  margin: 0;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.demoVorherNachher .vorherNachher {
  background: #dee1e4;
  color: #596b76;
  padding: 14px 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.demoVorherNachher .play-button {
  position: absolute;
  right: 15px;
  top: 10px;
}
.hotline .dottedLineLight {
  margin: 10px 0;
}
.hotline .text {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 17px;
}
.hotline .hotlineNumber {
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 767px) {
  .hotline .hotlineNumber {
    display: block;
  }
}
.hotlineBox {
  padding: 20px 10px;
}
.hotlineBox .dottedLineLight {
  margin: 10px 0;
}
.hotlineBox .text {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 17px;
}
.hotlineBox .hotlineNumber {
  font-weight: 700;
  font-size: 24px;
}
.slideDownBlock {
  margin-top: 20px;
}
.slideDownBlock .headline {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #7a8991;
  padding: 10px 15px;
  cursor: pointer;
}
.slideDownBlock .headline .arrow {
  position: absolute;
  right: 15px;
  top: 19px;
  width: 22px;
  height: 13px;
  background: url('../images/arrow-down-light.png') no-repeat top left;
}
.slideDownBlock .headline .arrow.active {
  background: url('../images/arrow-up-light.png') no-repeat top left;
}
.slideDownBlock .containerContent {
  display: none;
  border: 1px solid #596b76;
  border-top: none;
  margin-top: -4px;
}
.slideDownBlock .containerContent .content {
  padding: 10px 15px;
}
#navigationFAQ {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#navigationFAQ > li {
  float: left;
  margin: 0;
  padding: 0 20px;
  border-left: 1px solid #596b76;
}
@media (max-width: 767px) {
  #navigationFAQ > li {
    float: none;
    padding: 5px 0;
    border-left: 0;
    border-top: 1px solid #596b76;
  }
}
#navigationFAQ > li span {
  cursor: pointer;
}
#navigationFAQ > li:first-child {
  padding-left: 0;
  border-left: 0;
}
@media (max-width: 767px) {
  #navigationFAQ > li:first-child {
    padding-top: 0;
    border-top: 0;
  }
}
.faqBlock {
  position: relative;
  margin: 50px 0;
  padding-bottom: 50px;
}
.faqBlock .slideFaqTop {
  cursor: pointer;
  position: absolute;
  bottom: -35px;
  right: 0px;
  background: #7a8991;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 7px;
}
.articleList .dottedLineLight {
  margin: 20px 0;
}
.articleList .article {
  position: relative;
}
.articleList .article .description {
  position: relative;
}
.articleList .article .description h2 {
  margin-top: 0;
}
.articleList .article .description p {
  padding-right: 90px;
}
@media (max-width: 767px) {
  .articleList .article .description p {
    padding-right: 0;
  }
}
.articleList .article .description .categoryIcon {
  position: absolute;
  top: 0px;
  right: 20px;
  border: 1px solid #fff;
}
.articleList .article .description.soundMargin {
  margin-bottom: 75px;
}
.articleList .article .more {
  position: absolute;
  bottom: 0px;
  right: 20px;
}
.articleList .article .more a {
  color: #596b76;
  font-weight: 700;
}
.articleList .article .playButton {
  position: absolute;
  bottom: -6px;
  left: 200px;
  font-size: 50px;
  cursor: pointer;
}
.articleList .article .playButton.played i {
  color: #a94442;
}
.articleList .article .waveform {
  position: absolute;
  bottom: 0px;
  left: 260px;
  width: 395px;
}
.articleList .article:first-child {
  margin-top: 30px;
}
.teamDetailDemo h3 {
  margin-bottom: 24px;
}
.teamDetailDemo .playButton {
  font-size: 60px;
  cursor: pointer;
  margin-top: 0px;
}
.teamDetailDemo .playButton.played i {
  color: #a94442;
}
.demo .playButton {
  font-size: 60px;
  cursor: pointer;
  margin-top: 0px;
}
.demo .playButton.played i {
  color: #a94442;
}
.einzelbild {
  margin-bottom: 20px;
}
.textBild {
  margin-bottom: 20px;
}
.textBild > div img {
  width: 100%;
  margin-top: 10px;
}
.gmap {
  margin-top: 57px;
}
@media (max-width: 767px) {
  .gmap {
    margin-top: 15px;
  }
}
.lightergrayText {
  color: #7a8991;
}
.lightergrayText p {
  color: #7a8991;
}
input,
textarea,
select {
  background: #dee1e4;
  border: 0;
  width: 100%;
  padding: 9px 15px;
  font-size: 16px;
  margin-top: 7px;
}
input[type="radio"],
input[type="checkbox"] {
  width: auto;
  margin-right: 5px;
}
input[type="checkbox"] {
  margin-top: 15px;
  margin-left: 3px;
  margin-bottom: 10px;
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  padding: 10px;
}
::-webkit-input-placeholder {
  color: #596b76;
}
:-moz-placeholder {
  color: #596b76;
}
::-moz-placeholder {
  color: #596b76;
}
:-ms-input-placeholder {
  color: #596b76;
}
select {
  padding: 10px 15px;
}
textarea {
  height: 100px;
}
form .formBlock {
  font-size: 16px;
  color: #7a8991;
}
form .formBlock .checkbox_rueckruf_erwuenscht {
  margin-top: 18px;
}
.fontSmaller {
  font-size: 14px;
}
.submitButton {
  cursor: pointer;
  background: #596b76;
  padding: 10px 25px;
  color: #fff;
  text-transform: uppercase;
}
.submitButton.bigButton {
  width: 100%;
  display: block;
  text-align: center;
}
.submitButton.smallButton {
  font-size: 10px;
  padding: 10px 5px;
  line-height: 10px;
}
.submitButton.success {
  background: #458730;
}
.submitButton:hover {
  color: #fff;
  text-decoration: none;
}
.radioButton {
  font-size: 14px;
  line-height: 24px;
}
.radioButton > div {
  font-weight: 700;
}
.error {
  color: red;
}
form .required label:AFTER {
  color: #e32;
  content: ' *';
  margin-right: 5px;
}
form input.error {
  border: 1px solid #e32;
}
div.error {
  font-weight: bold;
  color: #e32;
  margin-bottom: 20px;
}
div.success {
  font-weight: bold;
  color: #51a351;
  margin-bottom: 20px;
}
#globalErrors,
.globalErrors,
#globalSuccess,
.globalSuccess {
  display: none;
}
#globalErrors,
.globalErrors,
.loginError,
.highlight {
  font-weight: bold;
  color: #e32;
  margin-bottom: 20px;
  list-style-type: none;
}
#globalErrors li,
.globalErrors li,
.loginError li,
.highlight li {
  color: #e32;
}
#globalSuccess,
.globalSuccess {
  font-weight: bold;
  color: #3e2;
  margin-bottom: 20px;
  list-style-type: none;
}
#globalSuccess li,
.globalSuccess li {
  color: #3e2;
}
#globalErrors a,
.globalErrors a,
.loginError a,
.highlight a,
#globalSuccess a,
.globalSuccess a {
  font-weight: bold;
}
.headerProfilePopup {
  cursor: default;
  position: absolute;
  right: 55px;
  top: -10px;
  width: 200px;
  height: 44px;
  padding-top: 10px;
  font-weight: 700;
  font-size: 16px;
  color: #596b76;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .headerProfilePopup {
    position: static;
    padding: 0;
    text-align: right;
    width: auto;
    height: auto;
  }
}
.headerProfilePopup .arrowDown {
  position: absolute;
  right: 0px;
  top: 16px;
}
@media (max-width: 991px) {
  .headerProfilePopup .arrowDown {
    position: static;
    margin-left: 5px;
  }
}
.headerProfilePopup .popupBlock {
  display: none;
  position: absolute;
  width: 215px;
  top: 44px;
  right: 0px;
  z-index: 40;
  border-top: 2px solid #596b76;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 0;
  background: #fff;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#dee1e4),color-stop(1,#fff));
  background: -ms-linear-gradient(bottom,#dee1e4,#fff);
  background: -moz-linear-gradient(center bottom,#dee1e4 0%,#fff 100%);
  background: -o-linear-gradient(#fff,#dee1e4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dee1e4', GradientType=0);
}
.headerProfilePopup .popupBlock > div {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .headerProfilePopup .popupBlock {
    top: 33px;
    width: 100%;
    text-align: center;
  }
}
.navigationProfile {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navigationProfile li {
  margin-bottom: 2px;
}
.navigationProfile li a {
  display: block;
  width: 100%;
  background: #dee1e4;
  color: #596b76;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 700;
}
.navigationProfile li a:hover {
  text-decoration: none;
}
.navigationProfile li.active a,
.navigationProfile li:hover a {
  background: #596b76;
  color: #fff;
}
.right {
  text-align: right;
}
.bold {
  font-weight: 700;
}
.light {
  color: #7a8991;
}
table {
  width: 100%;
}
table tr th,
table tr td {
  vertical-align: top;
  padding: 7px 10px;
}
table tr th {
  background: #596b76;
  color: #fff;
}
table tr td {
  background: #fff url('../images/dotted-line-light.png') repeat-x bottom center;
  padding: 15px 10px;
  padding-bottom: 18px;
}
table tr td.middle {
  vertical-align: middle;
}
table.serviceCard tr th,
table.serviceCard tr td {
  padding: 7px 10px;
}
table.serviceCard tr th {
  font-weight: 400;
}
table.serviceCard tr td {
  background: #fff;
}
table.serviceCard tr.greyBg td {
  background: #efefef;
}
.itemDetail {
  margin: 15px 0;
  border: 1px solid #acb5ba;
}
.itemDetail > a:hover {
  text-decoration: none;
}
.itemDetail .headline {
  display: block;
  background: #dee1e4;
  padding: 8px 15px;
  font-size: 18px;
  font-weight: 700;
}
.itemDetail .headline a {
  color: #596b76;
}
.itemDetail .content {
  border-top: 1px solid #acb5ba;
  background: #fff;
}
.itemDetail .content > .row {
  padding: 15px;
}
.itemDetail .content .actionContainer {
  position: absolute;
  right: 30px;
  margin-top: 15px;
  z-index: 10;
}
.itemDetail .content .actionContainer form {
  display: inline-block;
  margin-left: 5px;
}
.itemDetail .content .actionContainer form:first-child {
  margin-left: 0;
}
.serviceCardSubTotal > div {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .serviceCardButtons .submitButton {
    padding: 10px 5px;
  }
}
#productDetailConfiguration .setting {
  margin-bottom: 5px;
}
#productDetailConfiguration .setting .price {
  font-weight: 700;
}
#productDetailConfiguration .settingHeadline {
  margin-top: 10px;
  font-weight: 700;
}
#productDetailConfiguration .dottedLineLight {
  margin: 10px 0;
}
#productDetailConfiguration .configurationSumPrice {
  margin-top: 5px;
  font-weight: 700;
  font-size: 24px;
}
#productDetailConfiguration .mwst {
  color: #dee1e4;
}
#productDetailConfiguration .servicecard {
  margin-top: 20px;
  display: block;
  text-align: center;
  padding: 15px 0px;
}
#productDetailConfiguration .servicecard img {
  margin-left: 10px;
}
.list_content {
  font-weight: normal;
  text-decoration: none;
  color: #666666;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 24px;
  width: auto;
  margin: 0px;
  line-height: 18px;
}
.list_content img {
  display: inline;
}
.list_content3 {
  font-style: italic;
  text-decoration: none;
  color: #000000;
  padding-left: 10px;
  padding-top: 3px;
  padding-right: 24px;
  padding-bottom: 3px;
  width: auto;
  background-color: #F4F4F4;
  margin: 0px;
  line-height: 18px;
}
.checkoutBar {
  margin-top: 50px;
}
.checkoutBar .title {
  font-size: 20px;
  padding-bottom: 3px;
  border-bottom: 3px solid;
  opacity: 0.6;
}
@media (max-width: 767px) {
  .checkoutBar .title {
    font-size: 14px;
  }
}
.checkoutBar .title.active {
  opacity: 1;
}
.checkoutBar a:hover {
  text-decoration: none;
}
.checkoutBar a:hover .title {
  opacity: 1;
}
.rightItem {
  margin-bottom: 20px;
}
#deliveryAddress {
  display: none;
}
.fileuploadContainer .fileuploadButton {
  background: #dee1e4;
  padding: 15px 17px;
  margin-bottom: 15px;
}
.fileuploadContainer .fileuploadButton .fileupload span,
.fileuploadContainer .fileuploadButton .fileupload i {
  color: #fff;
}
.fileuploadContainer .bar {
  height: 18px;
  background: green;
}
.fileuploadContainer .percentage {
  margin-bottom: 20px;
}
.fileuploadContainer .fileinput-button input {
  font-size: 26px;
}
.fileuploadContainer .uploadedFiles .file {
  margin-bottom: 10px;
}
.fileuploadContainer .uploadIconContainer {
  background: #fff;
  padding: 10px;
  display: inline-block;
  margin-right: 15px;
}
.fileuploadContainer .formUpload {
  padding: 0 10px;
}
.rating {
  margin-top: 25px;
}
.rating .title {
  font-size: 20px;
}
.rating .ratingContent {
  position: relative;
  padding: 20px;
  background: #eef0f1;
}
.rating .ratingContent .bubbleArrow {
  position: absolute;
  top: 0;
  left: -20px;
}
.waveformContainer .playButton {
  padding-top: 10px;
  cursor: pointer;
}
.waveformContainer .playButton i {
  font-size: 51px;
}
.waveformContainer .playButton.played i {
  color: #a94442;
}
.waveform {
  padding: 0;
}
.jplayerContainer {
  position: relative;
  width: 60px;
  height: 60px;
  background: #eef0f1;
}
.jplayerContainer .play,
.jplayerContainer .pause {
  position: absolute;
  z-index: 3;
  top: 6px;
  left: 7px;
}
.jplayerContainer .play i,
.jplayerContainer .pause i {
  font-size: 45px;
  cursor: pointer;
}
.jplayerContainer .img {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
}
.jplayerContainer .img img {
  max-height: 60px;
  max-width: 60px;
}
.radioButton .jplayerContainerWrapper {
  position: absolute;
  left: -150px;
  top: 50px;
}
.radioButton .jplayerContainerWrapper .jplayerContainer {
  width: 120px;
  height: 120px;
  background: #fff;
}
.radioButton .jplayerContainerWrapper .jplayerContainer .play,
.radioButton .jplayerContainerWrapper .jplayerContainer .pause {
  top: 0px;
  left: 0px;
}
.radioButton .jplayerContainerWrapper .jplayerContainer .play i,
.radioButton .jplayerContainerWrapper .jplayerContainer .pause i {
  color: #acb5ba;
}
.radioButton .jplayerContainerWrapper .jplayerContainer .img {
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
}
.radioButton .jplayerContainerWrapper .jplayerContainer .img img {
  max-height: 120px;
  max-width: 120px;
}
#accordion .panel .row.production {
  background: #fcf8e3;
}
.upgradeOrderPopupContainer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 100;
}
.upgradeOrderPopupContainer .upgradeOrderPopupTable {
  display: table;
  width: 100%;
  height: 100%;
}
.upgradeOrderPopupContainer .upgradeOrderPopupTable .upgradeOrderPopupCell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.upgradeOrderPopupContainer .upgradeOrderPopupTable .upgradeOrderPopupCell .upgradeOrderPopupContent {
  background: #fff;
  padding: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: left;
}
#upgradeOrderForm .title {
  display: inline-block;
  padding-top: 20px;
}

/* Uniform account/admin dropdown items, including customer administration. */
.headerProfilePopup .popupBlock{width:250px;padding:6px 0}
.headerProfilePopup .popupBlock>div{margin:0;text-align:left}
#header1 .userNavigation .headerProfilePopup .popupBlock>div>a{display:flex;align-items:center;min-height:42px;margin:0;padding:10px 18px;font:700 14px/22px Ubuntu,sans-serif;text-transform:uppercase;white-space:nowrap;text-decoration:none}
#header1 .userNavigation .headerProfilePopup .popupBlock>div>a:hover{background:#edf1f3;color:#ed1847}
.headerProfilePopup .popupBlock hr{margin:5px 16px;border-top:1px solid #d9e0e4}
@media(max-width:991px){.headerProfilePopup .popupBlock{width:250px;max-width:calc(100vw - 30px)}}

/* Show the actual administrator while a customer role is active. */
.headerProfilePopup{width:260px}
.headerProfilePopup .omp-admin-badge{display:inline-block;font:500 10px/18px Ubuntu,sans-serif;vertical-align:middle;padding:0 5px;margin-left:4px;border-radius:3px;background:#ed184712;color:#ed1847}
.headerProfilePopup .popupBlock{width:280px}
.headerProfilePopup .popupBlock>div+div{border-top:1px solid #d9e0e4}
.headerProfilePopup .popupBlock hr{display:none}
.headerProfilePopup .omp-active-customer{margin:0;padding:12px 18px;background:#f2f4f5;font:400 12px/1.5 Ubuntu,sans-serif;text-transform:none;border-bottom:1px solid #d9e0e4}
.headerProfilePopup .omp-active-customer strong{display:block;font-weight:500}
@media(max-width:991px){.headerProfilePopup{width:auto}.headerProfilePopup .popupBlock{width:280px;max-width:calc(100vw - 30px)}}

/* Wallet logos follow the existing muted footer icons, without white cards. */
#footer2 .imgLabel img[alt="Apple Pay"],#footer2 .imgLabel img[alt="Google Pay"]{width:38px!important;height:25px!important;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;filter:none;opacity:1}

#footer2 .imgLabel img[alt="Google Pay"]{width:52px!important;height:32px!important;margin-left:-7px;margin-right:-7px}

#serviceCardForm textarea,#bestellungCommentForm textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;resize:vertical}

/* Mobile account menu must cover the logo and page beneath it. */
@media(max-width:991px){
 #header1{position:relative;z-index:200;background:#fff}
 #header1 .headerProfilePopup{position:relative;top:auto;right:auto;z-index:101}
 #header1 .headerProfilePopup .popupBlock{top:100%;right:0;z-index:102;background:#f4f6f7!important;background-image:none!important;opacity:1;filter:none;box-shadow:0 8px 20px rgba(38,59,72,.16);border:1px solid #d9e0e4;border-top:2px solid #596b76}
}

@media(max-width:767px){
 .omp-service-card-wrap{max-width:100%;overflow:visible!important;border:0!important;white-space:normal!important}
 table.omp-service-card-table,table.omp-service-card-table tbody{display:block;width:100%;max-width:100%;min-width:0;table-layout:fixed}
 table.omp-service-card-table tr:first-child{display:none}
 table.omp-service-card-table tr:not(:first-child){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px;padding:14px;border:1px solid #dce3e6;border-radius:8px;background:#fff}
 table.omp-service-card-table tr td{display:block;width:auto!important;min-width:0;max-width:100%;background:none!important;padding:0!important;border:0;white-space:normal;overflow-wrap:anywhere}
 table.omp-service-card-table tr td:first-child{grid-column:1/-1}
 table.omp-service-card-table tr td:nth-child(2){grid-column:1;text-align:left;font-size:16px;padding-top:10px!important;border-top:1px solid #e2e7ea}
 table.omp-service-card-table tr td:nth-child(2)::before{content:"Preis: ";font-weight:400}
 table.omp-service-card-table tr td:nth-child(2)>br,table.omp-service-card-table tr td:nth-child(3)>br{display:none}
 table.omp-service-card-table tr td:nth-child(3){grid-column:2;align-self:end;padding-top:10px!important}
 table.omp-service-card-table .itemDetail .headline{display:block;font-size:17px;line-height:1.4;margin-bottom:12px;overflow-wrap:anywhere}
 table.omp-service-card-table .itemDetail .content .row{display:flex;gap:12px;margin:0}
 table.omp-service-card-table .itemDetail .content .col-xs-4{float:none;flex:0 0 56px;width:56px;padding:0}
 table.omp-service-card-table .itemDetail .content .col-xs-8{float:none;flex:1;min-width:0;width:auto;padding:0;font-size:13px;line-height:1.6}
 table.omp-service-card-table .itemDetail img{max-width:56px;height:auto}
 table.omp-service-card-table .basketProductDelete{width:26px;height:auto;margin:0}
 #serviceCardForm,#bestellungCommentForm{max-width:100%}
 .serviceCardButtons .submitButton{max-width:100%;box-sizing:border-box}
}

@media(max-width:767px){
 table.omp-service-card-table tr td,table.omp-service-card-table tr td *{white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box}
 table.omp-service-card-table .itemDetail{margin:0;min-width:0;max-width:100%}
 table.omp-service-card-table .itemDetail .headline{margin:0!important;padding:10px 14px}
 table.omp-service-card-table .itemDetail .content{min-width:0;max-width:100%}
 table.omp-service-card-table .itemDetail .content .row{padding:14px;min-width:0;max-width:100%}
 table.omp-service-card-table .itemDetail .content .row::before,table.omp-service-card-table .itemDetail .content .row::after{display:none}
}


#header2 #basketHeader #basketContent .row.basketProduct .description{color:#d3dce1;line-height:1.6;white-space:normal;overflow-wrap:anywhere}


@media(max-width:767px){.serviceCardSubTotal{margin-top:28px}}

.omp-setting-answer-newline{display:block}



.omp-remove-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:0;border-radius:50%;cursor:pointer}.omp-remove-item:hover{background:transparent;opacity:.8}.omp-remove-item img{display:block;width:20px;height:20px}.omp-remove-item::before{content:"";position:absolute;inset:-7px;border-radius:50%}

/* Keep checkout consent together, including its linked terms. */
#agbForm .omp-terms-inline { white-space: nowrap; }
#agbForm .omp-terms-inline br { display: none; }
#agbForm .omp-terms-inline p { display: inline; margin: 0; }
@media (max-width: 480px) {
 #agbForm .omp-terms-inline { font-size: clamp(10px, 2.8vw, 13px); }
 #agbForm .omp-terms-inline a { font-size: inherit; }
}

#footer3 .omp-release-version { display: block; margin-top: 7px; font-size: 10px; line-height: 1.3; font-weight: 400; letter-spacing: .02em; color: #fff; opacity: .85; white-space: nowrap; }

/* Persistent invoice area, also present before a PDF has been uploaded. */
.omp-order-invoice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin:20px 0 24px;padding:17px 20px;border:1px solid #dce3e6;border-radius:7px;background:#f4f6f7;color:#596b76}.omp-order-invoice-heading{font-size:14px}.omp-order-invoice .omp-invoice-empty{margin:0!important;font-size:13px;color:#748590}.omp-order-invoice .omp-invoice-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #596b76;border-radius:5px;background:#596b76;color:#fff!important;-webkit-text-fill-color:#fff!important;font:400 13px/1.5 Ubuntu,sans-serif;text-decoration:none;white-space:normal}.omp-order-invoice .omp-invoice-button:hover,.omp-order-invoice .omp-invoice-button:focus{background:#435762;border-color:#435762}.omp-order-invoice .omp-invoice-button:focus-visible{outline:2px solid #435762;outline-offset:3px}@media(max-width:600px){.omp-order-invoice{align-items:flex-start;flex-direction:column;padding:15px 17px}.omp-order-invoice .omp-invoice-button{width:100%;text-align:center}}

/* Keep customer production details within phone width. */
@media(max-width:767px){
 .omp-customer-order-detail,.omp-customer-order-detail .panel,.omp-customer-order-detail .panel-body,.omp-customer-order-detail .content{min-width:0;max-width:100%;box-sizing:border-box}
 .omp-customer-order-detail h2{font-size:22px;line-height:1.35;overflow-wrap:anywhere}
 .omp-customer-order-detail .itemDetail .headline{display:block;white-space:normal!important;overflow-wrap:anywhere;font-size:18px;line-height:1.4}
 .omp-customer-order-detail .content img{max-width:100%;height:auto}
 .omp-customer-order-detail .content textarea,.omp-customer-order-detail .content input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;max-width:100%}
 .omp-customer-order-detail .content .row> .col-xs-2,.omp-customer-order-detail .content .row> .col-xs-10{float:none;width:100%;white-space:normal;overflow-wrap:anywhere}
 .omp-customer-order-detail .content .row> .col-xs-2{margin-bottom:5px}
 .omp-customer-order-detail .waveformContainer{display:flex;flex-wrap:wrap;align-items:center}
 .omp-customer-order-detail .waveformContainer> .playButton{flex:0 0 42px;width:42px!important;margin:0!important}
 .omp-customer-order-detail .waveformContainer> .waveform{flex:1;min-width:0;width:auto!important}
 .omp-customer-order-detail .buttons{display:flex;flex-wrap:wrap;gap:8px}
 .omp-customer-order-detail .buttons .btn{white-space:normal;font-size:12px;padding:8px 11px}
 .omp-customer-order-detail .fileuploadContainer,.omp-customer-order-detail .fileuploadButton{max-width:100%;white-space:normal}
}

/* Mobile production actions must be boxes, rather than wrapping inline anchors. */
@media(max-width:767px){
 .omp-customer-order-detail{margin-left:0!important;margin-right:0!important;width:auto;max-width:none}
 .omp-customer-order-detail>.container{width:100%;padding-left:0;padding-right:0}
 .omp-customer-order-detail .fileuploadContainer .pull-right,.omp-admin-order-detail .fileuploadContainer .pull-right{float:none!important;display:flex;flex-direction:column;gap:10px;width:100%}
 .omp-customer-order-detail .fileuploadContainer .submitButton,.omp-admin-order-detail .fileuploadContainer .submitButton{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;width:100%;padding:12px 10px;font-size:12px;line-height:1.5;white-space:normal;text-align:center;color:#fff!important;-webkit-text-fill-color:#fff!important;overflow-wrap:anywhere}
 .omp-customer-order-detail .fileuploadButton,.omp-admin-order-detail .fileuploadButton{display:flex;align-items:center;gap:10px;padding:12px!important;min-width:0}
 .omp-customer-order-detail .uploadIconContainer,.omp-admin-order-detail .uploadIconContainer{flex:0 0 36px;width:36px;padding:5px;margin:0}
 .omp-customer-order-detail .uploadIconContainer img,.omp-admin-order-detail .uploadIconContainer img{display:block;width:100%;height:auto}
 .omp-customer-order-detail .fileuploadButton .fileupload,.omp-admin-order-detail .fileuploadButton .fileupload{flex:1;min-width:0;flex-direction:column;gap:2px;border-radius:5px}
 .omp-customer-order-detail .fileuploadContainer textarea,.omp-admin-order-detail .fileuploadContainer textarea{display:block;width:100%;max-width:100%;font-size:16px;line-height:1.5;resize:vertical}
 .omp-customer-order-detail .content,.omp-admin-order-detail .content{overflow-wrap:anywhere}
 .omp-customer-order-detail .fileuploadContainer .progress,.omp-admin-order-detail .fileuploadContainer .progress{width:100%;max-width:100%}
 .omp-customer-order-detail .waveformContainer{margin-left:0;margin-right:0}
}

/* Storage renewal dialog: readable actions at every viewport width. */
.upgradeOrderPopupContainer{overflow-y:auto;overscroll-behavior:contain;padding:20px 15px;box-sizing:border-box;z-index:1100}
.upgradeOrderPopupContainer .upgradeOrderPopupContent{width:100%;max-width:700px;box-sizing:border-box}
#upgradeOrderForm>.row{display:flex;align-items:stretch;gap:12px;margin-left:0;margin-right:0}
#upgradeOrderForm>.row::before,#upgradeOrderForm>.row::after{display:none}
#upgradeOrderForm>.row>.col-xs-6{float:none;flex:1;min-width:0;padding:0;width:auto}
#upgradeOrderForm .pull-right{float:none!important}
#upgradeOrderForm .submitButton{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;box-sizing:border-box;padding:12px 16px;font-size:13px;line-height:1.5;text-align:center;white-space:normal;color:#fff!important}
@media(max-width:767px){
 .upgradeOrderPopupContainer{padding:16px 12px;height:100%;height:100dvh}
 .upgradeOrderPopupContainer .upgradeOrderPopupTable{display:flex;align-items:center;min-height:100%;height:auto}
 .upgradeOrderPopupContainer .upgradeOrderPopupCell{display:block;width:100%;min-width:0}
 .upgradeOrderPopupContainer .upgradeOrderPopupContent{padding:22px 18px!important;margin:0;max-width:100%;overflow-wrap:anywhere}
 #upgradeOrderForm .form-group{margin:0}#upgradeOrderForm .form-group>div,#upgradeOrderForm .control-label{float:none;width:100%;padding:0;text-align:left}
 #upgradeOrderForm .title{padding-top:0;margin-bottom:8px}
 #upgradeOrderForm select{box-sizing:border-box;width:100%;font-size:16px}
 #upgradeOrderForm>.row{flex-direction:column;gap:10px}
 #upgradeOrderForm>.row>.col-xs-6{width:100%;flex:auto}
}

/* Shared phone typography and content columns. */
@media(max-width:767px){
 #containerContent h1,#containerContent h2,#containerContent h3,#containerContent h4{overflow-wrap:anywhere;hyphens:auto;max-width:100%}
 #containerContent>.row>.col-xs-6{float:none;width:100%;margin-bottom:22px}
 .omp-login-layout>.col-sm-4{margin-top:28px;padding-top:20px;border-left:0!important;border-top:1px solid #dce3e6;background-image:none!important}
 .omp-login-layout .pull-right{float:none!important;margin-top:14px}
 .omp-login-layout .submitButton{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;box-sizing:border-box;font-size:13px;line-height:1.5;text-align:center}
 #header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader,#header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader{width:48px}
 #header3 .sliderContainer a.headerWrapper div.headerContainer div.prevHeader>div.title,#header3 .sliderContainer a.headerWrapper div.headerContainer div.nextHeader>div.title{display:none}
 .omp-product-reviews{margin-top:30px}
 .productDetail .borderDottedLineLightRight{border-right:0;background-image:none!important}
 .productDetail .productSettingContainer{margin-top:15px;margin-bottom:18px}
 .productDetail .productSettingContainer>.col-xs-8{width:calc(100% - 44px)}
 .productDetail .productSettingContainer>.col-sm-1{float:right;width:44px}
 .productDetail .productSettingContainer>.col-sm-9{clear:both;padding-top:5px}
 .productDetail .productSettingContainer .title{overflow-wrap:anywhere}
 .productDetail .productSettingContainer input,.productDetail .productSettingContainer select{max-width:100%;box-sizing:border-box;font-size:16px}
}
/* Keep playback control separate from the waveform in customer and admin cycles. */
#accordion .waveformContainer{display:grid!important;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;min-width:0;width:100%;margin-left:0;margin-right:0}
#accordion .waveformContainer::before,#accordion .waveformContainer::after{display:none}
#accordion .waveformContainer>.playButton{grid-column:1;float:none!important;width:56px!important;min-width:56px;padding:0!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
#accordion .waveformContainer>.playButton i{font-size:44px;line-height:1}
#accordion .waveformContainer>.waveform{grid-column:2;float:none!important;width:100%!important;min-width:0;max-width:100%;padding:0!important;overflow:hidden}
#accordion .waveformContainer>.buttons{grid-column:1/-1;float:none;width:100%;display:flex;flex-wrap:wrap;gap:8px;padding:0!important;margin:0!important}
@media(max-width:767px){#accordion .waveformContainer{grid-template-columns:44px minmax(0,1fr);gap:10px}#accordion .waveformContainer>.playButton{width:44px!important;min-width:44px}#accordion .waveformContainer>.playButton i{font-size:40px}}

.omp-callback-choice{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px;font-weight:400;line-height:1.5}.omp-callback-choice .checkbox_rueckruf_erwuenscht{flex:0 0 18px;width:18px;height:18px;transform:none;margin:0;padding:0}.omp-callback-choice span{display:block}#contactForm .submitButton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;line-height:1.5}

@media(max-width:767px){.contact>.col-sm-4>.hotline{display:none}.omp-bank-payment-choice{margin-top:28px;padding-top:22px;border-top:1px solid #dce3e6}}

#accordion .waveformContainer{padding:0 15px;box-sizing:border-box}

/* Scale the complete category artwork rather than cropping a desktop-sized image. */
@media(max-width:767px){
 #header3 .sliderContainer{height:280px;position:relative;overflow:hidden}
 #header3 .sliderContainer a.headerWrapper{height:280px!important}
 #header3 .sliderContainer a.headerWrapper div.headerContainer{height:280px;padding:0 16px}
 #header3 .sliderContainer a.headerWrapper div.headerContainer>span.title{display:block;box-sizing:border-box;min-height:76px;margin:0;padding:22px 42px 10px;font-size:22px;line-height:1.3}
 #header3 .sliderContainer a.headerWrapper div.headerContainer>img.headerImg{display:block;width:100%;max-width:360px;height:190px;object-fit:contain;margin:0 auto}
 #header3 .sliderContainer a.headerWrapper .dottedLineLight{top:76px}
 .headerPath2{height:190px}
 .headerPath2 .container .icon{background-size:contain!important;background-position:center!important}
 .omp-account-settings-title .omp-settings-separator{display:none}
 .omp-account-settings-title .omp-settings-subtitle{display:block;margin-top:6px}
}

/* Mobile titles use whole words and balanced sizing instead of automatic syllable breaks. */
@media(max-width:767px){
 #header1 .omp-about-signed-in{display:none}
 #containerContent h1,#containerContent h2,#containerContent h3,#containerContent h4{hyphens:none!important;word-break:normal;overflow-wrap:normal;text-wrap:balance}
 #containerContent h1{font-size:clamp(20px,5.7vw,28px);line-height:1.3}
 #containerContent h2{font-size:clamp(18px,5vw,24px);line-height:1.35}
 #containerContent h3{font-size:clamp(18px,4.8vw,22px);line-height:1.4}
}

/* Consultation fields use the phone width, with supporting information afterwards. */
#tellUsMoreForm .omp-consultation-source{display:flex;align-items:center;gap:10px;min-height:34px;font-weight:400;font-size:15px;margin:4px 0}
#tellUsMoreForm .omp-consultation-source input{margin:0;transform:none;width:18px;height:18px}
@media(max-width:767px){
 #tellUsMoreForm input:not([type=radio]):not([type=checkbox]):not([type=hidden]),#tellUsMoreForm select,#tellUsMoreForm textarea{width:100%;max-width:100%;box-sizing:border-box;font-size:16px}
 #tellUsMoreForm textarea{min-height:140px;line-height:1.5;resize:vertical}
 #tellUsMoreForm>.row>.col-sm-6{float:none;width:100%;min-width:0}
 #tellUsMoreForm .control-group{margin-bottom:15px}
 #tellUsMoreForm .contentBlock{margin-top:24px;padding:18px;background:#f5f7f8;border:1px solid #dce3e6;border-radius:7px}
 #tellUsMoreForm .fileuploadButton{display:flex;align-items:center;gap:10px;padding:12px;min-width:0}
 #tellUsMoreForm .uploadIconContainer{flex:0 0 36px;width:36px;padding:5px;margin:0}
 #tellUsMoreForm .uploadIconContainer img{display:block;width:100%;height:auto}
 #tellUsMoreForm .fileupload{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-height:44px;padding:12px 8px;font-size:12px;line-height:1.5;text-align:center}
 #tellUsMoreForm .pull-right{float:none!important}
 #tellUsMoreForm .submitButton{display:flex;justify-content:center;align-items:center;min-height:44px;box-sizing:border-box;white-space:normal}
 #header1:has(.omp-about-signed-in)>.row{display:flex;align-items:center;justify-content:space-between;gap:10px}
 #header1:has(.omp-about-signed-in)>.row>.col-md-4{order:2;flex:0 0 28px;width:28px;padding-left:0;padding-right:0}
 #header1:has(.omp-about-signed-in)>.row>.col-md-8{order:1;flex:1;min-width:0;width:auto}
 #header1:has(.omp-about-signed-in) .userNavigation{text-align:left;float:none;margin:0}
 #header1:has(.omp-about-signed-in) .headerProfilePopup{font-size:12px;white-space:nowrap}
 #header1:has(.omp-about-signed-in) .headerProfilePopup .popupBlock{white-space:normal}
}

.omp-draft-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 12px;font-size:12px;line-height:1.5;color:#596b76}.omp-draft-status[hidden]{display:none}.omp-draft-clear{border:0;padding:3px 0;background:transparent;color:#596b76;text-decoration:underline;font:inherit;cursor:pointer}.omp-session-notice{padding:16px;margin:15px 0;background:#fff6e4;border:1px solid #e3cfaa;border-radius:7px;line-height:1.6}.omp-session-notice a,.omp-session-notice button{display:inline-flex;align-items:center;min-height:40px;margin:5px 10px 5px 0;padding:8px 12px;border:1px solid #596b76;border-radius:5px;background:#596b76;color:#fff;font:inherit;font-size:13px;cursor:pointer}

@media(max-width:767px){.serviceCardButtons{display:flex;align-items:stretch}.serviceCardButtons>.col-xs-6{display:flex;align-items:stretch;min-width:0}.serviceCardButtons .pull-right{float:none!important;display:flex;width:100%}.serviceCardButtons .submitButton{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;width:100%;margin-top:0!important;margin-bottom:0!important;padding:12px 5px;font-size:11px;white-space:nowrap}}

/* Checkout progress: active brand red, completed steps green. */
.checkoutBar{display:flex;align-items:stretch;gap:12px}
.checkoutBar:before,.checkoutBar:after{display:none}
.checkoutBar>[class*=col-]{float:none;flex:1;min-width:0;width:auto;padding-left:0;padding-right:0}
.checkoutBar .title{height:100%;box-sizing:border-box;opacity:1;color:#7a8991;border-color:#dce3e6;white-space:nowrap}
.checkoutBar>div:has(~div .title.active) .title{color:#32834b;border-color:#32834b}
.checkoutBar .title.active{color:#ed1847;border-color:#ed1847}
@media(max-width:767px){.checkoutBar{gap:8px;margin-left:0;margin-right:0}.checkoutBar>div:last-child{flex:1.4}.checkoutBar .title{font-size:clamp(10px,2.8vw,14px);line-height:1.4;letter-spacing:0;padding:0 0 8px;hyphens:none;word-break:normal}}

.omp-product-reviews .rating[hidden]{display:none!important}.omp-review-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:24px 0 32px}.omp-review-pagination button{border:1px solid #617580;border-radius:5px;background:#edf0f2;color:#405661;padding:8px 12px;min-height:38px;cursor:pointer}.omp-review-pagination button[aria-current="page"]{background:#596f7b;color:#fff}.omp-review-pagination button:disabled{opacity:.45;cursor:default}.omp-review-pagination span{font-size:12px;color:#64747c;flex-basis:100%}

.omp-order-invoice.omp-invoice-present{background:#edf6ef;border-color:#d5e7da}

/* Completed production services and completed individual steps. */
.omp-customer-order-detail .omp-production-complete>.panel-collapse>.content,.omp-admin-order-detail .omp-production-complete>.panel-collapse>.content{background:#f3f8f4}
.omp-customer-order-detail .omp-production-complete>a>.headline,.omp-admin-order-detail .omp-production-complete>a>.headline{background:#e1efe4}
.omp-customer-order-detail .itemDetail .content>.omp-cycle-complete,.omp-admin-order-detail .itemDetail .content>.omp-cycle-complete{background:#edf6ef}

.omp-invoice-sheet{display:none}@media(max-width:767px){.omp-order-invoice .omp-invoice-button{width:40px;height:40px;padding:9px}.omp-invoice-caption{display:none}.omp-invoice-sheet{display:inline-flex;width:20px;height:20px}.omp-invoice-sheet svg{width:20px;height:20px;stroke:#fff}}

.omp-review-deck{display:flow-root;clip-path:inset(0 -15px)}

.omp-production-feedback{margin:22px 15px;padding:20px;border:1px solid #d5e7da;border-radius:7px;background:#edf6ef;color:#435762}.omp-production-feedback h3{font-size:18px;margin:0 0 12px}.omp-production-feedback form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.omp-production-feedback textarea{width:100%;min-height:120px;box-sizing:border-box;border:1px solid #b9c9c0;border-radius:5px;padding:12px;background:#fff;color:#354b56;font:inherit}.omp-production-feedback select{width:100%;max-width:220px;padding:10px;border:1px solid #b9c9c0;border-radius:5px;background:#fff;color:#354b56}.omp-production-feedback .submitButton{background:#596b76;color:#fff!important;white-space:normal}.omp-feedback-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;font-weight:400}.omp-feedback-consent input{flex:0 0 16px;min-width:16px;margin-top:3px}.omp-feedback-stars{font-size:20px;letter-spacing:3px;color:#596b76}.omp-production-feedback p{overflow-wrap:anywhere}

.omp-preview-instructions{margin:12px 0 20px}.omp-feedback-rating{border:0;padding:0;margin:0}.omp-feedback-rating legend{font:inherit;font-weight:500;border:0;margin:0 0 8px}.omp-feedback-stars-choice{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:5px}.omp-feedback-stars-choice label{position:relative;cursor:pointer;margin:0}.omp-feedback-stars-choice input{position:absolute;opacity:0;width:1px;height:1px}.omp-feedback-stars-choice span{display:block;font-size:36px;line-height:1.3;color:#b7c5bd}.omp-feedback-stars-choice label:has(input:checked) span,.omp-feedback-stars-choice label:has(input:checked)~label span,.omp-feedback-stars-choice label:hover span,.omp-feedback-stars-choice label:hover~label span{color:#596b76}.omp-feedback-stars-choice label:focus-within{outline:2px solid #596b76;outline-offset:3px;border-radius:4px}.omp-feedback-notice{font-size:12px;line-height:1.6;color:#60766a}a[aria-busy="true"]{cursor:wait;opacity:.75}.omp-confirmation-services{width:100%}

/* Snare preview: image and playback control occupy separate rows. */
.radioButton .jplayerContainerWrapper .jplayerContainer { height: 168px; padding-top: 48px; box-sizing: border-box; }
.radioButton .jplayerContainerWrapper .jplayerContainer .img {
  position: relative; inset: auto; width: 120px; height: 120px;
  display: flex; align-items: center; justify-content: center;
}
.radioButton .jplayerContainerWrapper .jplayerContainer .img img {
  display: block; width: auto; height: auto; object-fit: contain;
}
.radioButton .jplayerContainerWrapper .jplayerContainer .play,
.radioButton .jplayerContainerWrapper .jplayerContainer .pause {
  top: 0; left: 0; width: 40px; height: 36px; text-align: center;
}
.radioButton .jplayerContainerWrapper .jplayerContainer .play i,
.radioButton .jplayerContainerWrapper .jplayerContainer .pause i { font-size: 32px; color: #596b76; }
@media (max-width: 767px) {
  .radioButton .jplayerContainerWrapper { position: static; width: 120px; margin: 0 0 16px; }
}