@charset "UTF-8";
.content.info h1 {
  line-height: 48px;
  margin-bottom: 21px;
  color: #252525;
  font-weight: 300; }

sup {
  font-size: 80%;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

.clearfix:after, .localisation:after {
  content: "";
  display: table;
  clear: both; }

body.direkt .icon_dauerhinweismedien {
  display: block;
  padding-left: 40px;
  background: url(../img/rubric_icons/hinweismedien_small.png) no-repeat 0 50%; }

body.de .icon_dauerhinweismedien {
  display: block;
  padding-left: 40px;
  background: url(../img/rubric_icons/de/hinweismedien_small.png) no-repeat 0 50%; }

.form--hidden {
  display: none; }

.form__whitebox {
  background: #fff;
  padding: 20px 0 5px; }

.form__text {
  padding: 20px; }

.form__paragraph {
  margin-bottom: 1em; }

.form__submit-wrapper {
  margin: 1em 0; }

.form__textarea {
  height: 125px;
  padding: 15px;
  resize: none; }

.form__label {
  display: block;
  margin-bottom: 10px; }

.form__upload {
  display: block;
  margin: 10px 0; }

.alert-danger {
  padding: 10px 20px;
  color: #FFF;
  background: #FF0000; }

.six .text .contenttable {
  margin-right: 0;
  width: calc(100% - 20px);
  margin-left: 20px; }

.headline--primary {
  margin-top: 11px;
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 21px;
  color: #252525;
  font-weight: 300; }

.headline--secondary {
  color: #252525;
  font-weight: 400;
  margin-top: 11px;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 15px; }

.headline--section {
  color: #252525;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  margin: 10px 0 20px 0;
  padding: 45px 0 0 0; }

.bulletlist li {
  background-size: 15px !important;
  margin-bottom: 8px !important;
  padding-bottom: 10px !important;
  background: url(../img/bulletlist-icon.svg) no-repeat 0 3px !important; }

.checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0; }

.checkbox[type='checkbox']:checked,
.checkbox[type='checkbox']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0; }

.checkbox[type='checkbox'] + label {
  cursor: pointer; }

.checkbox[type='checkbox']:checked + label::before,
.checkbox[type='checkbox']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  border: 1px solid #bbb;
  background: white;
  margin-right: 1em;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.checkbox[type='checkbox']:hover + label::before {
  background: #ddd;
  box-shadow: inset 0 0 0 2px white; }

.checkbox[type='checkbox']:checked + label::before {
  background: #c9c9c9;
  box-shadow: inset 0 0 0 2px white; }

.radiobox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0; }

.radiobox[type='radio']:checked,
.radiobox[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0; }

.radiobox[type='radio'] + label {
  cursor: pointer; }

.radiobox[type='radio']:checked + label::before,
.radiobox[type='radio']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  border: 1px solid #bbb;
  background: white;
  margin-right: 1em;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  border-radius: 30px; }

.radiobox[type='radio']:hover + label::before {
  background: #ddd;
  box-shadow: inset 0 0 0 2px white; }

.radiobox[type='radio']:checked + label::before {
  background: #c9c9c9;
  box-shadow: inset 0 0 0 2px white; }

.angebotsteaser .article p.copy, .angebotsteaser .article p {
  font-weight: 400; }

@media only screen and (min-width: 768px) {
  .l-content-column__small .four.columns {
    width: calc((100% / 3) - 15px); } }

@media only screen and (min-width: 1280px) {
  .angebotsteaser .four.columns .article {
    min-height: 370px; } }

@media only screen and (max-width: 767px) {
  .angebotsteaser.marginAfter {
    float: none; } }

.contact-module {
  margin-bottom: 2rem; }
  .contact-module__info {
    margin-top: 1.4rem; }
  .contact-module__image {
    margin-bottom: 1rem;
    width: 150px; }
    .contact-module__image img {
      width: 100%;
      height: auto; }
  .contact-module__name {
    color: #252525;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding: 0;
    margin: 0 0 0.5rem; }
  .contact-module__profession {
    color: #757575;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 0; }
  .contact-module__fax {
    margin: 0.3rem 0 0; }
  .contact-module__email {
    margin: 0.3rem 0 0; }
  .contact-module__login {
    margin: 0 0 1rem; }
  @media only screen and (min-width: 768px) {
    .contact-module--horizontal .contact-module__item {
      display: block;
      float: left;
      margin-top: 0; } }
  .contact-module--horizontal .contact-module__item + .contact-module__item {
    margin-top: 1.5rem; }
    @media only screen and (min-width: 768px) {
      .contact-module--horizontal .contact-module__item + .contact-module__item {
        margin-top: 0;
        margin-left: 1.5rem; } }
  .contact-module--vertical .contact-module__item + .contact-module__item {
    margin-top: 1.5rem; }
  @media only screen and (min-width: 768px) {
    .contact-module--leftspace {
      padding-left: 20px; } }

.contenttabs__colmenu {
  border-bottom: 1px solid #cfcfce;
  position: relative;
  margin-bottom: 40px; }

.contenttabs__menu {
  margin-bottom: -1px;
  padding-left: 25px; }
  .contenttabs__menu li {
    display: inline-block; }

.contenttabs__menulink {
  display: inline-block;
  border: 1px solid #cfcfce;
  background: #eeeeee;
  padding: 20px;
  text-transform: uppercase;
  text-decoration: none; }
  .contenttabs__menulink:hover {
    text-decoration: none; }
  .contenttabs__menulink.s-active {
    border-top: 3px solid #08204c;
    border-bottom: 1px solid #eeeeee;
    font-weight: bold; }

/**
 *  Weisse Variante: wird z.B. im Bereich
 *  "Digitale Werbung > Werbemedien > Portfolio"
 *  verwendet.
 */
.contenttabs--white .contenttabs__colmenu {
  border-bottom: 20px solid #ffffff;
  margin-bottom: 0; }

.contenttabs--white .contenttabs__menu {
  padding-left: 0; }

.contenttabs--white .contenttabs__menulink {
  background: #ffffff;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-top: 3px solid #eeeeee;
  border-left: none;
  padding: 20px;
  text-decoration: none; }
  .contenttabs--white .contenttabs__menulink.s-active {
    border-top: 3px solid #08204c;
    border-bottom: 1px solid #ffffff; }

.contenttabs__menulink.s-active {
  border-top: 3px solid #ff5a10; }

.contenttabs__menu li {
  display: block; }
  @media only screen and (min-width: 480px) {
    .contenttabs__menu li {
      display: inline-block; } }

/**
 *  Weisse Variante: wird z.B. im Bereich
 *  "Digitale Werbung > Werbemedien > Portfolio"
 *  verwendet.
 */
.contenttabs--white .contenttabs__menulink {
  display: block; }
  @media only screen and (min-width: 480px) {
    .contenttabs--white .contenttabs__menulink {
      display: inline-block; } }
  .contenttabs--white .contenttabs__menulink.s-active {
    border-top: 3px solid #ff5a10; }

.contenttabs--white .contenttabs__coltabs {
  background: #ffffff;
  padding: 20px; }

.contenttabs--white .Tx-Formhandler h1, .contenttabs--white .Tx-Formhandler h4 {
  margin-left: 0;
  margin-right: 0; }

.contenttabs--white .Tx-Formhandler .standard-form {
  padding-left: 0;
  width: 100%; }

.contenttabs--white .Tx-Formhandler .required-phone {
  margin-bottom: 1rem; }

@media only screen and (min-width: 768px) {
  .contenttabs--white .Tx-Formhandler .nine {
    width: 100%; }
  .contenttabs--white .Tx-Formhandler .six {
    width: 67%; }
  .contenttabs--white .Tx-Formhandler .two {
    width: 20%; }
  .contenttabs--white .Tx-Formhandler .four {
    width: calc(47% - 20px); }
  .contenttabs--white .Tx-Formhandler .three {
    width: calc(33% - 20px); } }

/************************/
/* Full width Color Grey */
/************************/
.full-width.lightgrey-color {
  background: #dfdbd8; }
  @media only screen and (max-width: 767px) {
    .full-width.lightgrey-color {
      margin-left: -14px;
      margin-right: -14px;
      padding-right: 14px;
      padding-left: 14px; } }
  .full-width.lightgrey-color .tx-stroeer-angebote.teaserview {
    background: #dfdbd8; }

/*************************/
/* Full width Color White */
/*************************/
@media only screen and (max-width: 767px) {
  .full-width.white-color {
    margin-left: -14px;
    margin-right: -14px;
    padding-right: 14px;
    padding-left: 14px; } }

/*************************/
/* Full width Color None */
/*************************/
.full-width.no-color {
  background: transparent; }
  .full-width.no-color .tx-stroeer-angebote.teaserview {
    background: transparent; }

/***************/
/* Landingpage */
/***************/
.doktype-120 .white-color {
  background: #f1edec;
  margin-bottom: 2em; }

.doktype-120 .white-color .tx-stroeer-angebote.teaserview {
  background: #f1edec; }

.grid-citylandingpage-padding {
  padding: 0 15px; }

#citylp-message {
  height: 150px; }

.grid__headline--fullwidth {
  text-align: center;
  padding: 50px 0 30px; }

.homepage-text {
  font-size: 1rem;
  padding: 4em 0;
  text-align: center; }
  .homepage-text__headline {
    color: #252525;
    font-weight: 400;
    margin-top: 11px;
    line-height: 48px;
    margin-bottom: 40px;
    font-size: 2.5em; }
  .homepage-text__advantages {
    float: left;
    list-style: none;
    margin: 2em 0 3em 0;
    width: 100%; }
  .homepage-text__advantage {
    background: url(../img/icons/check-icon-home.gif) no-repeat 50% 0;
    font-size: 1.15em;
    margin-bottom: 3em;
    padding-top: 60px;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .homepage-text__advantage {
        float: left;
        margin-bottom: 0;
        width: 25%; } }
  .homepage-text__text .bodytext {
    font-size: 1.0625em;
    line-height: 1.55; }

@media only screen and (min-width: 1024px) {
  .doktype-120 .four.columns {
    width: 316px; } }

@media only screen and (max-width: 767px) {
  .doktype-120, #page-section > .row:last-child {
    padding: 0 14px; } }

.landingpage-text {
  font-size: 1rem;
  float: left;
  margin-bottom: 6em;
  margin-top: 4em;
  width: 100%; }
  .landingpage-text__text p {
    font-size: 1em;
    line-height: 1.65; }
  .landingpage-text__teaser {
    background: #ffffff;
    margin-top: 1.5em;
    padding: 1.0em 1.4em 1.4em 1.4em;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .landingpage-text__teaser {
        text-align: left; } }
    .landingpage-text__teaser h3 {
      font-size: 1.2em;
      line-height: 1.2;
      margin: 0 0 0.8em 0; }
    .landingpage-text__teaser img {
      height: auto;
      margin-bottom: 1em;
      max-width: 100%; }
    .landingpage-text__teaser a {
      font-size: 0.9em;
      padding: 10px 15px; }

@media only screen and (min-width: 768px) {
  .ce-landingpagestandorte__buttons {
    position: absolute;
    bottom: 1em; } }

.ce-landingpagestandorte article.products {
  display: block;
  text-align: left; }
  @media only screen and (max-width: 768px) {
    .ce-landingpagestandorte article.products.three.columns {
      height: auto;
      padding-bottom: 20px; } }
  @media only screen and (min-width: 768px) {
    .ce-landingpagestandorte article.products.three.columns {
      width: 232px;
      height: 400px; } }
  .ce-landingpagestandorte article.products:nth-child(3n+3) {
    margin-right: 20px; }
  .ce-landingpagestandorte article.products:nth-child(4n+4) {
    display: block; }

.ce-landingpagestandorte article img {
  width: 100%;
  height: auto; }
  @media only screen and (min-width: 768px) {
    .ce-landingpagestandorte article img {
      width: 232px;
      height: 170px; } }

.ce-landingpagestandorte article i.icon-teaser {
  background: url(../img/icon_teaserflag_right.png) no-repeat scroll 0 0 transparent;
  float: right;
  height: 45px;
  position: absolute;
  right: -10px;
  top: 15px;
  width: 10px; }

.ce-landingpagestandorte article div.submit.control.button.contentbuttonvar {
  margin-left: 20px; }

.ce-landingpagestandorte article a.button {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  color: #ffffff;
  border-top: 1px solid #feab75;
  background-size: 100%;
  background-image: linear-gradient(#fe721a, #ff6b27);
  text-decoration: none; }

.ce-landingpagestandorte article h4 {
  font-size: 19px;
  line-height: 23px;
  color: #252525;
  font-weight: 400;
  text-decoration: none; }
  .ce-landingpagestandorte article h4:hover {
    text-decoration: none !important; }

.ce-landingpagestandorte article p {
  font-size: 14px;
  line-height: 35px; }
  .ce-landingpagestandorte article p.product-street {
    font-size: 13px;
    line-height: 18px; }
  .ce-landingpagestandorte article p span.product-price {
    font-size: 19px;
    line-height: 35px;
    font-weight: 600; }

.ce-landingpagestandorte article .more-infos-link {
  margin-top: 15px; }

.localisation {
  font-size: 1rem;
  padding-left: 0.625em;
  padding-right: 0.625em;
  padding-bottom: 0.625em; }
  @media only screen and (min-width: 480px) {
    .localisation {
      margin: 1em 0; } }
  @media only screen and (min-width: 768px) {
    .localisation {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; } }
  .localisation--homepage {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%; }
    .localisation--homepage:after {
      background: #dfdbd8;
      bottom: 0;
      content: "";
      height: 4.0em;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: 10; }
      @media only screen and (max-width: 767px) {
        .localisation--homepage:after {
          display: none; } }
    .localisation--homepage .localisation__wrap {
      background: #fff;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      margin: 0 auto;
      padding: 0.5em 0.625em;
      position: relative;
      width: 100%;
      z-index: 20; }
      @media only screen and (max-width: 1023px) and (min-width: 768px) {
        .localisation--homepage .localisation__wrap {
          padding: 1em;
          width: 768px !important; } }
      @media only screen and (min-width: 1024px) {
        .localisation--homepage .localisation__wrap {
          padding: 2.4em 11.2em; } }
      @media only screen and (min-width: 1280px) {
        .localisation--homepage .localisation__wrap {
          padding: 2.4em 11.2em;
          width: 1280px; } }
    .localisation--homepage .localisation__label {
      background: url(../img/localisation-icon-transparent.png) no-repeat 0 0.1em; }
      @media only screen and (min-width: 768px) {
        .localisation--homepage .localisation__label {
          line-height: 1; } }
    @media only screen and (min-width: 768px) {
      .localisation--homepage .localisation__info-icon {
        line-height: 1;
        display: block; } }
    @media only screen and (min-width: 768px) {
      .localisation--homepage .localisation__info-icon span {
        display: inline; } }
  .localisation__background, .localisation__row {
    height: auto !important; }
  .localisation__hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .localisation__input-column {
    width: 100%;
    position: relative; }
    @media only screen and (min-width: 480px) {
      .localisation__input-column {
        float: right;
        width: 60%; } }
  .localisation__label {
    background: url(../img/localisation-icon-transparent.png) no-repeat 0 0.35em;
    float: left;
    font-size: 1em;
    line-height: 3;
    padding-left: 1.3em; }
    @media only screen and (min-width: 1024px) {
      .localisation__label {
        font-size: 1.5em;
        line-height: 2; } }
  .localisation__input-group {
    border-collapse: separate;
    width: 100%; }
  .localisation__text-input, .localisation__submit, .localisation__link, .localisation__location {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875em;
    padding: 0.9em 1.4em;
    line-height: 1.5; }
  .localisation__text-input {
    -webkit-appearance: none;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    border-right: none;
    height: 3.4em;
    width: calc(100% - 4.6em); }
    @media only screen and (min-width: 1024px) {
      .localisation__text-input {
        width: calc(100% - 11.5em); } }
  .localisation__form {
    position: relative;
    float: left;
    width: 100%; }
  .localisation__submit {
    -webkit-appearance: none;
    background: #63b1d7;
    background: linear-gradient(to bottom, #63b1d7 0%, #519dc1 100%);
    border: 1px solid #78badc;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b1d7', endColorstr='#519dc1', GradientType=0);
    float: right;
    margin: 0;
    position: relative;
    text-align: center;
    width: 11.5em; }
    .localisation__submit:before {
      content: "";
      border-top: 1px solid #a3d1e8;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: 1px; }
    .localisation__submit:hover {
      text-decoration: underline; }
    .localisation__submit--mobile {
      display: block;
      width: 4.6em; }
      @media only screen and (min-width: 1024px) {
        .localisation__submit--mobile {
          display: none; } }
    .localisation__submit--desktop {
      display: none; }
      @media only screen and (min-width: 1024px) {
        .localisation__submit--desktop {
          display: block; } }
  .localisation__info-icon {
    text-decoration: none; }
    .localisation__info-icon:hover, .localisation__info-icon:focus, .localisation__info-icon:active {
      text-decoration: none; }
    .localisation__info-icon span {
      color: #ff5a10;
      font-size: 0.5833333333333333em;
      display: none; }
    .localisation__info-icon img {
      vertical-align: -9%; }
      @media only screen and (min-width: 1024px) {
        .localisation__info-icon img {
          vertical-align: -5%; } }
  .localisation__link {
    -webkit-appearance: none;
    background: #ff721a;
    background: linear-gradient(to bottom, #ff721a 0%, #ff570c 100%);
    border: 1px solid #ff6b27;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff721a', endColorstr='#ff570c', GradientType=0);
    float: right;
    line-height: 1.45;
    margin: 0;
    position: relative;
    text-align: center;
    width: 11.5em; }
    .localisation__link:before {
      content: "";
      border-top: 1px solid #feab75;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: 1px; }
    @media only screen and (min-width: 768px) {
      .localisation__link {
        display: block; } }
  .localisation__location {
    border: 1px solid #cdcdcd;
    float: left;
    position: relative;
    width: 100%;
    padding: 0.2em; }
    @media only screen and (min-width: 768px) {
      .localisation__location {
        width: calc(100% - 12.5em); } }
  .localisation__clear, .localisation__escape {
    position: absolute;
    display: block;
    right: 0;
    top: 0; }
  .localisation__reset, .localisation__change {
    position: relative;
    margin-left: 0.5em; }
    .localisation__reset img, .localisation__change img {
      vertical-align: sub; }
  .localisation__change {
    border-right: 1px solid #999999;
    padding-right: 0.5em; }
  .localisation__clear {
    background: url(../img/icons/close.svg) no-repeat 50% 50%;
    font-size: 0.875em;
    right: 4.6em;
    width: 45px;
    height: 45px;
    display: none; }
    @media only screen and (min-width: 768px) {
      .localisation__clear {
        display: block; } }
    @media only screen and (min-width: 1024px) {
      .localisation__clear {
        right: 11.5em; } }
  .localisation__city {
    background: #e0e0e0;
    display: inline-block;
    width: auto;
    padding: 0.7em 0.7em 0.65em 0.7em;
    color: #529ec2; }
  .localisation--local .localisation__form {
    display: none;
    font-size: 1rem;
    left: -1px;
    max-height: 48px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    width: calc(100% - 45px); }
  .localisation--local .localisation__location {
    border-color: #529ec2; }

.localisation-info-layer {
  background: #fff;
  display: none;
  font-size: 1rem;
  left: 0;
  padding: 1em 1.5em;
  width: 100%; }
  @media only screen and (min-width: 30em) {
    .localisation-info-layer {
      left: calc(50% - 15em);
      padding: 1.6em 2.4em;
      width: 30em; } }
  .localisation-info-layer__header {
    color: #252525;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.2;
    margin: 0 0 0.5em; }
    .localisation-info-layer__header--primary {
      margin-top: 11px;
      font-size: 40px;
      line-height: 48px;
      margin-bottom: 23px; }
  .localisation-info-layer p {
    font-size: 0.8125em; }
  .localisation-info-layer ol {
    font-size: 0.8em;
    font-weight: bold;
    list-style: decimal;
    margin-left: 1em; }
  .localisation-info-layer p + ol {
    margin-top: 1em; }
  .localisation-info-layer ol + a {
    margin-top: 1em; }
  .localisation-info-layer .tx-localisation {
    margin-top: 1em; }
  .localisation-info-layer__close {
    position: absolute;
    right: 0;
    top: 0; }
    .localisation-info-layer__close a {
      background: url(../img/icons/close-orange.svg) no-repeat 50% 50%;
      display: block;
      height: 51px;
      width: 55px; }
  .localisation-info-layer__button {
    background: #ff721a;
    background: linear-gradient(to bottom, #ff721a 0%, #ff570c 100%);
    border: 1px solid #ff6b27;
    color: #ffffff;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff721a', endColorstr='#ff570c', GradientType=0);
    font-size: 0.875em;
    padding: 0.9em 1.5em;
    position: relative; }
    .localisation-info-layer__button:before {
      content: "";
      border-top: 1px solid #feab75;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: 1px; }
  .localisation-info-layer__navigation {
    margin-top: 1em; }
    .localisation-info-layer__navigation a {
      display: inline-block;
      margin-top: 1em; }
    @media only screen and (min-width: 30em) {
      .localisation-info-layer__navigation a:nth-child(2) {
        margin-top: 0;
        margin-left: 1em; } }

@media only screen and (max-width: 767px) {
  .direkt #home-buehne {
    margin-bottom: 60px; } }

.direkt #home-buehne.localized-slider {
  margin-bottom: 60px; }
  .direkt #home-buehne.localized-slider .flexslider,
  .direkt #home-buehne.localized-slider .flex-viewport {
    height: auto; }
  .direkt #home-buehne.localized-slider .pagination--mobile {
    bottom: -40px; }
    .direkt #home-buehne.localized-slider .pagination--mobile i, .direkt #home-buehne.localized-slider .pagination--mobile .label {
      display: none !important; }
    .direkt #home-buehne.localized-slider .pagination--mobile ul {
      box-shadow: none; }
    .direkt #home-buehne.localized-slider .pagination--mobile li {
      width: 15px;
      height: 15px;
      background: #FFFFFF;
      box-shadow: none;
      border: none;
      border-radius: 50%;
      opacity: 0.75;
      margin: 0 8px; }
      .direkt #home-buehne.localized-slider .pagination--mobile li.current {
        background: #5091c7; }

.tx-products .product-detail {
  padding: 10px 0 50px 0; }
  @media only screen and (min-width: 768px) {
    .tx-products .product-detail {
      padding: 50px 0 50px 0; } }
  @media only screen and (max-width: 768px) {
    .tx-products .product-detail h1 {
      padding-left: 32px; } }
  .tx-products .product-detail .flexslider {
    margin-top: 0 !important; }
    .tx-products .product-detail .flexslider.slider-bestpractices {
      height: auto; }
      @media only screen and (max-width: 768px) {
        .tx-products .product-detail .flexslider.slider-bestpractices {
          height: auto; } }
      .tx-products .product-detail .flexslider.slider-bestpractices .flex-viewport {
        height: auto; }
        .tx-products .product-detail .flexslider.slider-bestpractices .flex-viewport .slides li {
          height: auto; }
  .tx-products .product-detail .benefit-wrapper {
    padding: 32px;
    background: #ffffff;
    margin-bottom: 50px;
    float: left;
    width: 100%;
    position: relative; }
    .tx-products .product-detail .benefit-wrapper .benefit-image {
      float: left; }
      .tx-products .product-detail .benefit-wrapper .benefit-image a {
        display: block;
        position: relative; }
        .tx-products .product-detail .benefit-wrapper .benefit-image a:after {
          background: url("../img/zoom.png");
          position: absolute;
          bottom: 14px;
          right: 10px;
          display: block;
          content: '';
          width: 31px;
          height: 26px; }
      .tx-products .product-detail .benefit-wrapper .benefit-image img {
        height: auto;
        width: 100%;
        position: relative; }
      @media only screen and (max-width: 768px) {
        .tx-products .product-detail .benefit-wrapper .benefit-image img {
          height: auto;
          width: 100%; }
          .tx-products .product-detail .benefit-wrapper .benefit-image img.large {
            display: none; }
          .tx-products .product-detail .benefit-wrapper .benefit-image img.small {
            display: block; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tx-products .product-detail .benefit-wrapper .benefit-image img.large {
          display: block; }
        .tx-products .product-detail .benefit-wrapper .benefit-image img.small {
          display: none; } }
      @media only screen and (min-width: 1024px) {
        .tx-products .product-detail .benefit-wrapper .benefit-image {
          margin-right: 30px;
          position: relative; }
          .tx-products .product-detail .benefit-wrapper .benefit-image img {
            width: 358px;
            height: 201px;
            position: relative; }
            .tx-products .product-detail .benefit-wrapper .benefit-image img.large {
              display: none; }
            .tx-products .product-detail .benefit-wrapper .benefit-image img.small {
              display: block; } }
      .tx-products .product-detail .benefit-wrapper .benefit-image:after {
        display: block;
        content: '';
        clear: both; }
    .tx-products .product-detail .benefit-wrapper .benefit-content {
      float: left; }
      @media only screen and (min-width: 1024px) {
        .tx-products .product-detail .benefit-wrapper .benefit-content {
          margin-left: 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .tx-products .product-detail .benefit-wrapper .benefit-content {
          width: 100%; } }
      .tx-products .product-detail .benefit-wrapper .benefit-content p {
        margin-top: 30px;
        font-size: 17px;
        line-height: 30px;
        color: #252525; }
        .tx-products .product-detail .benefit-wrapper .benefit-content p span.price {
          font-weight: 600;
          font-size: 36px;
          line-height: 30px; }
      .tx-products .product-detail .benefit-wrapper .benefit-content .button {
        margin-top: 20px; }
        .tx-products .product-detail .benefit-wrapper .benefit-content .button.grey.inactive a {
          background-image: linear-gradient(#bfbfbf, #bfbfbf);
          border-top: 1px solid #bfbfbf;
          cursor: default; }
          .tx-products .product-detail .benefit-wrapper .benefit-content .button.grey.inactive a:hover, .tx-products .product-detail .benefit-wrapper .benefit-content .button.grey.inactive a:active, .tx-products .product-detail .benefit-wrapper .benefit-content .button.grey.inactive a:focus, .tx-products .product-detail .benefit-wrapper .benefit-content .button.grey.inactive a:visited {
            text-decoration: none !important; }
        .tx-products .product-detail .benefit-wrapper .benefit-content .button.grey.inactive:hover {
          text-decoration: none; }
        .tx-products .product-detail .benefit-wrapper .benefit-content .button a {
          padding: 15px; }
      .tx-products .product-detail .benefit-wrapper .benefit-content:after {
        display: block;
        content: '';
        clear: both; }
      .tx-products .product-detail .benefit-wrapper .benefit-content .product-shortlist {
        margin: 0;
        padding: 0;
        border-top: 0; }
        @media only screen and (min-width: 1024px) {
          .tx-products .product-detail .benefit-wrapper .benefit-content .product-shortlist h2 {
            margin-top: 0; } }
  .tx-products .product-detail .product-content .product-text .bodytext:first-of-type {
    margin-top: 0; }
  .tx-products .product-detail .product-content .toggle-section .toggle.all.down {
    display: none; }
  .tx-products .product-detail .product-content .toggle-section .toggle.all.up {
    display: block; }

.product-detail .product-social-icons {
  margin-bottom: 20px;
  max-width: 90px; }
  @media only screen and (min-width: 768px) {
    .product-detail .product-social-icons {
      margin-bottom: 0;
      max-width: none;
      width: 75%; } }
  .product-detail .product-social-icons .printul {
    margin-top: 30px; }
    @media only screen and (max-width: 768px) {
      .product-detail .product-social-icons .printul {
        display: none; } }
    .product-detail .product-social-icons .printul .print {
      color: #757575; }

.teaser-productmap {
  background: #fff;
  padding: 20px;
  float: left;
  margin: 30px 0; }
  .teaser-productmap div:after {
    content: '';
    clear: both;
    display: block; }
  .teaser-productmap .productmap-text {
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .teaser-productmap .productmap-text {
        width: 50%;
        float: left; } }
    @media only screen and (min-width: 1024px) {
      .teaser-productmap .productmap-text {
        float: left;
        width: 380px; } }
    .teaser-productmap .productmap-text h4 {
      font-size: 19px;
      line-height: 26px; }
    .teaser-productmap .productmap-text p {
      font-size: 14px;
      line-height: 23px; }
    .teaser-productmap .productmap-text .location-button {
      margin-top: 30px; }
      .teaser-productmap .productmap-text .location-button a {
        padding: 10px 15px; }
  .teaser-productmap .productmap-image {
    float: left;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .teaser-productmap .productmap-image {
        float: right;
        width: auto; } }
    .teaser-productmap .productmap-image img {
      max-width: 100%;
      height: auto; }
    @media only screen and (min-width: 1024px) {
      .teaser-productmap .productmap-image {
        float: right;
        width: 310px; } }

.servicetools {
  margin-bottom: 35px; }
  .servicetools__header {
    color: #252525;
    font-weight: 400;
    margin-top: 11px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      .servicetools__header {
        padding-top: 30px; } }
  .servicetools ul {
    text-align: center;
    vertical-align: top;
    margin: 30px auto 0;
    width: 100%; }
  .servicetools li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 188px; }
    @media only screen and (min-width: 1024px) {
      .servicetools li {
        margin-right: 148px; } }
    .servicetools li a, .servicetools li a:hover, .servicetools li a:focus, .servicetools li a:visited, .servicetools li a:active {
      text-decoration: none; }
    .servicetools li:last-child {
      margin-right: 0; }
    .servicetools li.servicetools-sprite-icon .label {
      color: #676767;
      font-size: 19px;
      margin-bottom: 20px;
      text-align: center; }
    .servicetools li.servicetools-sprite-icon .icon {
      display: block;
      margin-bottom: 10px; }
  .servicetools .icon-druckkostenplaner {
    background: url("../img/icons/druckkosten-planer_20171024.png");
    display: block;
    width: 122px;
    height: 83px;
    margin: auto; }
  .servicetools .icon-plakatkostenplaner {
    background: url("../img/icons/plakatkosten-planer_20171024.png");
    display: block;
    width: 122px;
    height: 83px;
    margin: auto; }
  .servicetools .icon-eventmedienplaner {
    background: url("../img/icons/Eventmedienplaner.png");
    display: block;
    width: 122px;
    height: 83px;
    margin: auto; }
  .servicetools .icon-video-planer {
    background: url("../img/icons/publicvideo-planer_20171024.png");
    display: block;
    width: 122px;
    height: 83px;
    margin: auto; }
  .servicetools .icon-vkmplaner {
    background: url("../img/icons/verkehrsmedien-planer_20171024.png");
    display: block;
    width: 122px;
    height: 83px;
    margin: auto; }

.servicetools-link {
  padding: 0 30px 30px 30px;
  margin-left: 0; }
  .servicetools-link .line-devider {
    height: 1px;
    background: #e5e5e5;
    margin-bottom: 30px; }
  .servicetools-link .all-servicetools-link {
    float: right; }

.ce-padding {
  padding: 90px 0; }

.ce-contactservice-padding {
  padding-top: 15px;
  padding-bottom: 15px; }
  @media only screen and (min-width: 768px) {
    .ce-contactservice-padding.first {
      border-right: 1px solid #e5e5e5; } }
  .ce-contactservice-padding.last {
    padding-left: 30px;
    padding-right: 30px; }
    @media only screen and (min-width: 768px) {
      .ce-contactservice-padding.last {
        padding-left: 0;
        padding-right: 0; } }

#tx-stickycontact {
  position: fixed;
  right: -195px;
  top: 25%;
  z-index: 200;
  pointer-events: none; }
  #tx-stickycontact > * {
    pointer-events: auto; }
  @media only screen and (max-width: 767px) {
    #tx-stickycontact {
      display: none; } }
  #tx-stickycontact .stickynavi {
    width: 70px;
    float: left; }
    #tx-stickycontact .stickynavi .stickynav-item {
      height: 70px;
      margin-bottom: 1px;
      cursor: pointer;
      position: relative; }
      #tx-stickycontact .stickynavi .stickynav-item .sticky-icon-label {
        color: #ffffff;
        text-align: center;
        padding-top: 50px;
        font-size: 12px; }
      #tx-stickycontact .stickynavi .stickynav-item.sticky-icon-contact {
        background: url("/fileadmin/templates/img/icons/sticky-icons/contact.png") #ff5a10 no-repeat;
        box-shadow: -2px 2px 2px 0px #d1d1d1;
        z-index: 1001; }
        #tx-stickycontact .stickynavi .stickynav-item.sticky-icon-contact.active {
          background: url("/fileadmin/templates/img/icons/sticky-icons/close.png") #ffffff no-repeat; }
          #tx-stickycontact .stickynavi .stickynav-item.sticky-icon-contact.active .sticky-icon-label {
            color: #ff5a10; }
      #tx-stickycontact .stickynavi .stickynav-item.sticky-icon-location {
        background: url("/fileadmin/templates/img/icons/sticky-icons/location.png") #ff5a10 no-repeat; }
      #tx-stickycontact .stickynavi .stickynav-item.sticky-icon-tools {
        background: url("/fileadmin/templates/img/icons/sticky-icons/tool.png") #ff5a10 no-repeat;
        background-position: center center; }
      #tx-stickycontact .stickynavi .stickynav-item.sticky-icon-buchung {
        background: url("/fileadmin/templates/img/icons/sticky-icons/kontakt_sticky_buchungs_icon.svg") #ff5a10 no-repeat;
        background-size: 30px 30px;
        background-position: center center; }
      #tx-stickycontact .stickynavi .stickynav-item.sticky-icon-kreation {
        background: url("/fileadmin/templates/img/icons/sticky-icons/kreation.png") #ff5a10 no-repeat;
        background-position: center center; }
  #tx-stickycontact .stickycontent {
    float: left;
    width: 195px;
    padding: 20px;
    background: #ffffff;
    box-shadow: -2px 2px 5px 0px #d1d1d1;
    z-index: 1000; }
    #tx-stickycontact .stickycontent article {
      margin-bottom: 0; }
    #tx-stickycontact .stickycontent .contact-module .contact-module__item + .contact-module__item {
      margin-top: 10px; }
    #tx-stickycontact .stickycontent .contact-module .contact-module__info {
      margin-top: 10px; }
    #tx-stickycontact .stickycontent .contact-module .contact-module__item {
      padding-bottom: 10px; }
      #tx-stickycontact .stickycontent .contact-module .contact-module__item:last-child {
        padding-bottom: 20px; }
      #tx-stickycontact .stickycontent .contact-module .contact-module__item .contact-module__image {
        display: none; }
    #tx-stickycontact .stickycontent .contact-module .contact-module__email a {
      display: block;
      padding-top: 2px; }
    #tx-stickycontact .stickycontent .contact-module .contact-module__phone,
    #tx-stickycontact .stickycontent .contact-module .contact-module__fax,
    #tx-stickycontact .stickycontent .contact-module .contact-module__email,
    #tx-stickycontact .stickycontent .contact-module .contact-module__profession,
    #tx-stickycontact .stickycontent .contact-module .contact-module__name {
      font-size: 12px; }
  #tx-stickycontact .stickyfaqs {
    padding-top: 20px;
    border-top: 1px solid #e5e5e5; }
    #tx-stickycontact .stickyfaqs__header {
      color: #252525;
      font-size: 12px;
      font-weight: bold;
      line-height: 1;
      padding: 0;
      margin: 0 0 0.5rem; }
    #tx-stickycontact .stickyfaqs a {
      font-size: 12px;
      line-height: 16px;
      display: block;
      margin-bottom: 8px; }
    #tx-stickycontact .stickyfaqs p ~ a {
      margin-bottom: 0px;
      padding-top: 10px; }

.ce-werbemedienteaser article:last-child {
  margin-right: 0; }

.ce-werbemedienteaser article.products {
  text-align: left;
  position: relative; }
  .ce-werbemedienteaser article.products:nth-child(3n+3) {
    margin-right: 20px; }
  .ce-werbemedienteaser article.products:nth-child(4n+4) {
    display: block; }
  @media only screen and (max-width: 768px) {
    .ce-werbemedienteaser article.products.three.columns {
      height: auto;
      padding-bottom: 20px; } }
  @media only screen and (min-width: 768px) {
    .ce-werbemedienteaser article.products.three.columns {
      width: 232px;
      min-height: 370px; } }
  .ce-werbemedienteaser article.products .button {
    margin-left: 20px; }

.ce-werbemedienteaser article img {
  width: 100%;
  height: auto; }

.ce-werbemedienteaser article i.icon-teaser {
  background: url(../img/icon_teaserflag_right.png) no-repeat scroll 0 0 transparent;
  float: right;
  height: 45px;
  position: absolute;
  right: -10px;
  top: 15px;
  width: 10px; }

.ce-werbemedienteaser article .button a {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  color: #ffffff;
  border-top: 1px solid #feab75;
  background-size: 100%;
  cursor: pointer;
  background-image: linear-gradient(#fe721a, #ff6b27);
  display: inline-block; }

.ce-werbemedienteaser article .button.submit.blue {
  border: 1px solid #78badc;
  margin-left: 20px;
  background: #78badc;
  box-sizing: border-box; }
  .ce-werbemedienteaser article .button.submit.blue a {
    font-size: 1em;
    padding: 10px;
    color: #FFFFFF;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    border-top: 1px solid #a3d1e8;
    background: #63b1d7;
    box-sizing: border-box;
    background-image: linear-gradient(#63b1d7, #519dc1); }

.ce-werbemedienteaser article .button.grey.inactive a {
  background-image: linear-gradient(#bfbfbf, #bfbfbf);
  border-top: 1px solid #bfbfbf;
  cursor: default; }
  .ce-werbemedienteaser article .button.grey.inactive a:hover, .ce-werbemedienteaser article .button.grey.inactive a:active, .ce-werbemedienteaser article .button.grey.inactive a:focus, .ce-werbemedienteaser article .button.grey.inactive a:visited {
    text-decoration: none !important; }

.ce-werbemedienteaser article .button.grey.inactive:hover {
  text-decoration: none; }

.ce-werbemedienteaser article h4 {
  font-size: 19px;
  line-height: 23px;
  color: #252525;
  font-weight: 400;
  text-decoration: none; }
  .ce-werbemedienteaser article h4:hover {
    text-decoration: none !important; }

.ce-werbemedienteaser article p {
  font-size: 14px;
  line-height: 35px; }
  .ce-werbemedienteaser article p span.product-price {
    font-size: 19px;
    line-height: 35px;
    font-weight: 600; }

.ce-werbemedienteaser article .more-infos-link {
  margin-top: 15px;
  margin-left: 20px; }

@media only screen and (min-width: 768px) {
  .ce-werbemedienteaser__butttons {
    position: absolute;
    bottom: 1em; } }

.all_wt_link {
  text-align: right;
  margin-right: 10px;
  margin-bottom: 20px;
  float: right;
  width: 100%; }

.fobox {
  float: left; }
  .fobox__header {
    margin-top: 11px;
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 13px;
    text-align: center;
    font-weight: 300;
    color: #757575;
    margin-left: 0; }
  .fobox a {
    margin-bottom: 0; }

.flyout__header {
  font-weight: 400;
  margin-top: 11px;
  font-size: 17px;
  line-height: 26px;
  color: #757575;
  text-transform: uppercase;
  margin-bottom: 15px; }

.module-linklist ul li {
  height: auto;
  padding-bottom: 18px; }

.beratung-kontakt-buchungsteaser {
  padding: 10px 20px 0px 20px;
  background-color: #FFFFFF;
  margin-bottom: 20px; }
  .beratung-kontakt-buchungsteaser ol {
    margin-left: 18px;
    list-style: decimal; }
  .beratung-kontakt-buchungsteaser .list-image-column {
    margin-top: 20px; }

.newsletter-signup-text {
  margin: 40px 0px; }

.module-newsletter .newsletter-form .email {
  margin-bottom: 40px; }

.module-newsletter .inx_newsletters {
  margin-left: 10px;
  background: #fff;
  height: 200px; }
  .module-newsletter .inx_newsletters:first-of-type {
    margin-left: 20px; }
  .module-newsletter .inx_newsletters .inx_description {
    padding: 15px; }
    .module-newsletter .inx_newsletters .inx_description ul {
      margin-top: 20px; }
      .module-newsletter .inx_newsletters .inx_description ul li {
        padding-left: 25px;
        background: url(/fileadmin/templates/img/check_icon.png) no-repeat;
        background-size: 15px 15px;
        background-position: left center; }
  .module-newsletter .inx_newsletters .inx_description:after {
    content: '';
    display: table;
    clear: both; }
  .module-newsletter .inx_newsletters .prettycheckbox {
    position: absolute;
    margin: auto;
    top: 160px;
    left: 50%;
    margin-left: -10px; }

@media only screen and (max-width: 767px) {
  .module-newsletter .inx_newsletters:first-of-type {
    margin-left: 0; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .module-newsletter .newsletter_box .inx_newsletters {
    margin-left: 10px;
    height: 230px; }
    .module-newsletter .newsletter_box .inx_newsletters .inx_description {
      margin-left: 10px; }
    .module-newsletter .newsletter_box .inx_newsletters .inx_checkbox .prettycheckbox {
      top: 180px; } }

.module-newsletter .intro {
  margin-left: 20px; }

body.de .module-newsletter .inx_newsletters .inx_description {
  margin-left: 90px; }
  @media only screen and (max-width: 768px) {
    body.de .module-newsletter .inx_newsletters .inx_description {
      margin-left: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    body.de .module-newsletter .inx_newsletters .inx_description {
      margin-left: 10px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    body.de .module-newsletter .inx_newsletters .inx_description {
      margin-left: 50px; } }
  body.de .module-newsletter .inx_newsletters .inx_description a.newsletterlink {
    display: block;
    margin-top: 10px; }

body.direkt .module-newsletter .inx_newsletters .inx_description {
  margin-left: 60px; }
  @media only screen and (max-width: 768px) {
    body.direkt .module-newsletter .inx_newsletters .inx_description {
      margin-left: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    body.direkt .module-newsletter .inx_newsletters .inx_description {
      margin-left: 10px; } }
  body.direkt .module-newsletter .inx_newsletters .inx_description a.newsletterlink {
    display: block;
    margin-top: 10px; }

.image-radio {
  margin-top: 20px; }
  .image-radio__item {
    float: left;
    margin-bottom: 40px;
    margin-right: 20px;
    overflow: hidden;
    width: calc(100% / 2 - 10px); }
    .image-radio__item:nth-child(even) {
      margin-right: 0; }
  .image-radio__radio {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
    .image-radio__radio:checked + label {
      background: #ff5a10; }
  .image-radio__image {
    max-width: 100%;
    pointer-events: none; }
  .image-radio__text {
    border-top: 1px solid #E5E5E5;
    padding-top: 20px;
    margin-top: 20px; }
  .image-radio__label {
    background: #c9c9c9;
    cursor: pointer;
    display: block;
    padding: 20px; }

.captcha {
  margin-top: 20px; }
  .captcha__label {
    margin-bottom: 10px; }
  .captcha__image {
    width: 50%;
    float: left; }
  .captcha__image img {
    width: 100%;
    height: auto; }

.tool-tip__popup {
  background: #fff;
  padding: 5px 10px;
  max-width: 250px; }

.tool-tip::after {
  content: 'i';
  display: inline-block;
  border-radius: 100px;
  height: 16px;
  width: 16px;
  background-color: #aaa;
  margin: 0 0 0 2px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: white;
  cursor: pointer; }

@media screen and (min-width: 768px) {
  .contacts {
    display: -ms-flexbox;
    display: flex; }
    .contacts__box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
    .contacts__header {
      -ms-flex-positive: 2;
          flex-grow: 2; } }

.foteaserbox__header {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 7px;
  color: #757575;
  margin-top: 9px; }

.foshortbox__header {
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: #757575;
  text-transform: uppercase;
  margin: 0;
  padding: 14px 15px 26px 22px; }

.layer-lokalisierung__header--inverse {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  margin-top: -6px;
  margin-bottom: 13px;
  color: #FFFFFF;
  padding: 20px 0 0 0; }

.tx-products__rubric-list-header {
  font-weight: 400;
  margin-top: 11px;
  font-size: 17px;
  line-height: 26px;
  color: #757575;
  text-transform: uppercase;
  margin-bottom: 15px; }

.fopb__header {
  font-weight: 400;
  margin-top: 11px;
  font-size: 17px;
  text-transform: uppercase;
  color: #757575;
  line-height: 22px;
  margin-bottom: 19px; }

.main-navigation-basket__header {
  color: #252525;
  font-weight: 400;
  margin: 0;
  font-size: 17px;
  line-height: 26px;
  padding: 0; }

.triptych__header {
  color: #252525;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  margin: 23px 0; }

.triptych__subheader {
  font-weight: 400;
  margin-top: 11px;
  margin-bottom: 23px;
  font-size: 19px;
  line-height: 26px;
  letter-spacing: -1px;
  color: #757575; }

.teaser__header--left {
  text-align: left; }

.teaser__header--right {
  text-align: right; }

.four.columns .toggle article.text {
  margin-left: -20px;
  overflow: hidden; }

.toggle.all.up,
.toggle.all.down {
  display: none; }

body.direkt #meta-search {
  float: right; }

body.de #meta-search {
  display: block;
  clear: right;
  float: right; }
  body.de #meta-search .tx-solr {
    margin: 10px 0 0 0; }

#meta-search #meta-search-btn {
  display: inline-block;
  cursor: pointer;
  line-height: 45px; }

#meta-search #meta-search-field {
  display: none; }

#meta-search .tx-solr {
  margin-top: 4px;
  display: inline-block;
  width: 250px; }
  #meta-search .tx-solr .tx-solr-q {
    width: 100%;
    height: 37px;
    border: 1px solid #cfcfce;
    background: transparent;
    outline: none;
    padding-left: 4px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif; }
  #meta-search .tx-solr #inputButton {
    display: none; }

.com #page-navigation .tx-solr .tx-solr-searchbox {
  border: 1px solid #536381; }

.com #page-navigation .tx-solr-q {
  color: #fff; }

.ui-helper-hidden-accessible {
  display: none; }

.ui-autocomplete {
  z-index: 9999;
  border: 1px solid #757575;
  max-width: 400px; }
  .ui-autocomplete .ui-menu-item a {
    cursor: pointer;
    font-family: "Open Sans", Sans-serif;
    font-size: 14px;
    padding: 5px;
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #757575; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* Autocomplete */
.ui-widget-content {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #312e25; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none;
  background-color: #f3f3f3;
  font-weight: normal;
  color: #252525; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* search form */
.tx-solr-search-form {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px;
  margin-bottom: 10px;
  width: 60%;
  position: relative; }

.tx-solr-q {
  float: left;
  border: none;
  padding: 5px;
  width: 100%;
  outline: none; }

.tx-solr-submit {
  position: absolute;
  right: 5px;
  top: 5px; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* pagination */
#tx-solr-pagination {
  margin: 20px 0px;
  height: 20px; }
  #tx-solr-pagination-results-per-page {
    float: left; }
  #tx-solr-pagination-results-per-page select {
    margin-left: 5px; }
  #tx-solr-pagination tx-pagebrowse-pi1 {
    float: right; }

#tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-first, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-prev, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-current, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-page, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-next, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-last {
  float: left;
  margin-right: 10px;
  display: block;
  color: #cccccc;
  height: 30px;
  line-height: 30px;
  padding: 0 10px; }
  #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-first a, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-prev a, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-current a, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-page a, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-next a, #tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-last a {
    color: #757575; }

#tx-solr-search ul.tx-pagebrowse ol li:not([class]) {
  float: left;
  margin-right: 10px;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px; }

#tx-solr-search ul.tx-pagebrowse .tx-pagebrowse-current {
  color: #ff5a10;
  font-weight: bold; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* search functions */
#tx-solr-search-functions div.secondaryContentSection {
  padding: 0px 0px 10px 0px;
  margin: 0px 10px 2.4em 0px;
  width: 100%; }
  #tx-solr-search-functions div.secondaryContentSection .csc-header {
    padding-left: 10px; }
    #tx-solr-search-functions div.secondaryContentSection .csc-header h1, #tx-solr-search-functions div.secondaryContentSection .csc-header h2, #tx-solr-search-functions div.secondaryContentSection .csc-header h3 {
      width: 100%; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* faceting */
#tx-solr-faceting .facets .csc-header {
  padding: 3px 0px 3px 10px; }

#tx-solr-faceting .facets .facet-option-list {
  padding: 5px 0px 10px 0px; }
  #tx-solr-faceting .facets .facet-option-list .facet-option-list {
    width: 85%; }

#tx-solr-faceting .facets .facet-label {
  background-color: #cfcecf;
  color: #fff;
  font-weight: bold; }

#tx-solr-faceting .facets .facet-result-count {
  color: #999; }

#tx-solr-faceting .facets .dateselector {
  margin-right: 5px;
  width: 85px; }

#tx-solr-faceting .facets li {
  list-style-type: none;
  margin-left: 0px; }

#tx-solr-faceting .filter-used li.filter-close:before {
  content: '';
  float: left;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cpath fill='%23757575' d='M166.457 89.543c2.383 2.381 2.112 5.975-.27 8.356L136.087 128l30.101 30.101c2.382 2.382 2.649 5.975.269 8.355-2.382 2.382-5.974 2.113-8.355-.269L128 136.087l-30.102 30.102c-2.382 2.383-5.975 2.652-8.356.271-2.382-2.382-2.112-5.976.269-8.357L119.913 128 89.811 97.897c-2.381-2.382-2.651-5.975-.269-8.356 2.38-2.381 5.974-2.112 8.356.269L128 119.913l30.101-30.101c2.381-2.381 5.974-2.651 8.356-.269zM214.26 41.74c-47.564-47.564-124.955-47.564-172.52 0s-47.564 124.955 0 172.52c47.564 47.563 124.955 47.563 172.52 0 47.563-47.565 47.563-124.955 0-172.52zm-8.626 8.626c42.808 42.807 42.808 112.46 0 155.268s-112.46 42.807-155.268 0c-42.808-42.808-42.808-112.46 0-155.268 42.807-42.807 112.46-42.807 155.268 0z'/%3E%3C/svg%3E") top right no-repeat;
  background-size: contain;
  margin: 9px 7px 7px 20px;
  width: 18px;
  display: block;
  height: 18px;
  clear: both;
  pointer-events: none; }

#tx-solr-faceting .filter-items .filter-active {
  font-weight: bold; }

#tx-solr-faceting .filter-items a {
  display: block;
  padding: 7px 7px 7px 20px;
  border-bottom: 1px solid #FFFFFF; }
  #tx-solr-faceting .filter-items a:hover {
    background-color: #f3f3f3;
    border-left: 3px solid #ff5a10;
    color: #252525; }

#tx-solr-faceting .filter-items ul a {
  padding-left: 40px; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* sorting */
/*
#tx-solr-sorting li {
  list-style-type: none;
  margin-left: 10px;
}
*/
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* results */
#tx-solr-search-word {
  font-weight: bold; }

#tx-solr-search .tx-pagebrowse {
  margin: 20px 0; }

#tx-solr-search .results-list {
  margin-top: 40px; }
  #tx-solr-search .results-list li {
    list-style: none inside;
    margin-left: 0px; }

.results-entry {
  border-bottom: 1px solid #cfcecf;
  margin-bottom: 30px;
  padding-bottom: 20px; }

.results-category {
  font-size: 14px;
  color: #5c5c5c;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 0 0 10px 0; }

.results-topic {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 18px; }
  .results-topic a {
    color: #757575; }

.result-content {
  clear: both; }

.result-more {
  display: inline-block;
  margin-top: 10px;
  color: #ff5a10; }

.results-highlight {
  background: rgba(0, 0, 0, 0.05); }

.results-teaser .relevance {
  margin-bottom: 0.5em; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* relevance */
.relevance {
  height: 20px; }
  .relevance-label, .relevance-bar, .relevance-percent {
    float: left;
    margin-right: 3px; }
  .relevance-bar {
    height: 20px;
    padding-top: 3px; }

.tx-solr-relevance {
  background-color: #ff5a10; }
  .tx-solr-relevance, .tx-solr-relevance-fill {
    margin-right: 0px !important;
    height: 12px;
    padding: 0px;
    float: left; }
  .tx-solr-relevance-fill {
    background-color: #ccc; }
  .tx-solr-relevance-bar {
    width: 100px;
    height: 16px;
    border: 1px solid #ccc;
    font-size: 1px;
    padding: 1px; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* frequent searches */
/*
#tx-solr-frequent-searches ul {
  padding-right: 10px;
}

#tx-solr-frequent-searches li {
  list-style-type: none;
  margin-left: 10px;
  display: inline;
}

.tx-solr-frequent-term-14 {
  font-size: 14px;
}
.tx-solr-frequent-term-15 {
  font-size: 15px;
}
.tx-solr-frequent-term-16 {
  font-size: 16px;
}
.tx-solr-frequent-term-16 {
  font-size: 16px;
}
.tx-solr-frequent-term-17 {
  font-size: 17px;
}
.tx-solr-frequent-term-18 {
  font-size: 18px;
}
.tx-solr-frequent-term-19 {
  font-size: 19px;
}
.tx-solr-frequent-term-20 {
  font-size: 20px;
}
.tx-solr-frequent-term-21 {
  font-size: 21px;
}
.tx-solr-frequent-term-22 {
  font-size: 22px;
}
.tx-solr-frequent-term-23 {
  font-size: 23px;
}
.tx-solr-frequent-term-24 {
  font-size: 24px;
}
.tx-solr-frequent-term-25 {
  font-size: 25px;
}
.tx-solr-frequent-term-26 {
  font-size: 26px;
}
.tx-solr-frequent-term-27 {
  font-size: 27px;
}
.tx-solr-frequent-term-28 {
  font-size: 28px;
}
.tx-solr-frequent-term-29 {
  font-size: 29px;
}
.tx-solr-frequent-term-30 {
  font-size: 30px;
}
.tx-solr-frequent-term-31 {
  font-size: 31px;
}
.tx-solr-frequent-term-32 {
  font-size: 32px;
}
.tx-solr-frequent-term-33 {
  font-size: 33px;
}
.tx-solr-frequent-term-34 {
  font-size: 34px;
}
*/
.socialmedialinks {
  float: right;
  width: 445px;
  margin: 20px 0px; }
  .socialmedialinks li {
    float: left;
    margin-left: 15px;
    margin-bottom: 0px;
    padding-left: 0px;
    background-image: none; }
    .socialmedialinks li .hma {
      color: #da5957; }

@media only screen and (min-width: 768px) {
  .socialmedialinks.shariff .orientation-horizontal li {
    min-width: 90px;
    max-width: 90px; } }

.magazine .article-full .left-column .socialmedialinks, .newslist .article-full .left-column .socialmedialinks {
  float: none;
  margin-right: 10px; }
  .magazine .article-full .left-column .socialmedialinks li, .newslist .article-full .left-column .socialmedialinks li {
    float: none;
    max-width: 90px;
    display: block; }

#edition-content-left .socialmedialinks {
  width: 100%;
  margin-left: 20px;
  margin-right: 10px;
  float: none; }
  #edition-content-left .socialmedialinks li {
    float: none;
    max-width: 90px; }

.two-seven-three .two ul.socialmedialinks li {
  float: none; }

@media only screen and (max-width: 768px) {
  .tx-kreativehighlights-overview {
    width: 320px;
    margin: 0 auto; } }

.tx-kreativehighlights-overview #masonry-column-width,
.tx-kreativehighlights-overview .item.deselected {
  width: 316px; }
  @media only screen and (min-width: 1280px) {
    .tx-kreativehighlights-overview #masonry-column-width,
    .tx-kreativehighlights-overview .item.deselected {
      width: 400px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tx-kreativehighlights-overview #masonry-column-width,
    .tx-kreativehighlights-overview .item.deselected {
      width: 232px; } }

.tx-kreativehighlights-overview .item.selected {
  width: 652px; }
  @media only screen and (min-width: 1280px) {
    .tx-kreativehighlights-overview .item.selected {
      width: 820px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tx-kreativehighlights-overview .item.selected {
      width: 484px; } }
  @media only screen and (max-width: 768px) {
    .tx-kreativehighlights-overview .item.selected {
      width: 100%; } }

.tx-kreativehighlights-overview .image {
  width: 316px;
  height: auto; }
  @media only screen and (min-width: 1280px) {
    .tx-kreativehighlights-overview .image {
      width: 400px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tx-kreativehighlights-overview .image {
      width: 232px; } }

.tx-kreativehighlights-overview #masonry-gutter {
  width: 20px; }
  @media only screen and (max-width: 768px) {
    .tx-kreativehighlights-overview #masonry-gutter {
      width: 10px; } }

.tx-kreativehighlights-overview .item {
  padding-bottom: 20px;
  height: auto; }
  .tx-kreativehighlights-overview .item .headline {
    font-size: 17px;
    line-height: 26px;
    padding-bottom: 5px;
    color: #252525; }
  .tx-kreativehighlights-overview .item .imagecnt {
    position: relative;
    cursor: pointer; }
  .tx-kreativehighlights-overview .item .image {
    width: 100%;
    height: auto; }
  .tx-kreativehighlights-overview .item .caption {
    font-size: 14px;
    line-height: 36px;
    color: #252525;
    margin-left: 20px; }
  .tx-kreativehighlights-overview .item.deselected {
    border-bottom: none; }
    .tx-kreativehighlights-overview .item.deselected .caption {
      display: none; }
    .tx-kreativehighlights-overview .item.deselected .caption.always {
      display: block; }
    .tx-kreativehighlights-overview .item.deselected .zoom-icon {
      display: block; }
  .tx-kreativehighlights-overview .item.selected {
    border-bottom: 1px solid #d6d6d6; }
    .tx-kreativehighlights-overview .item.selected .caption {
      display: block; }
    .tx-kreativehighlights-overview .item.selected .zoom-icon {
      display: none; }
  .tx-kreativehighlights-overview .item .zoom-icon {
    display: block;
    width: 31px;
    height: 26px;
    background: url(../img/zoom.png) no-repeat;
    right: 10px;
    bottom: 14px;
    position: absolute; }

@media only screen and (max-width: 768px) {
  .direkt .tx-kreativehighlights-overview {
    width: 320px;
    margin: 0 auto; } }

.direkt .tx-kreativehighlights-overview #masonry-column-width,
.direkt .tx-kreativehighlights-overview .item.deselected {
  width: 316px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .direkt .tx-kreativehighlights-overview #masonry-column-width,
    .direkt .tx-kreativehighlights-overview .item.deselected {
      width: 232px; } }

.direkt .tx-kreativehighlights-overview .item.selected {
  width: 652px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .direkt .tx-kreativehighlights-overview .item.selected {
      width: 484px; } }
  @media only screen and (max-width: 768px) {
    .direkt .tx-kreativehighlights-overview .item.selected {
      width: 100%; } }

.direkt .tx-kreativehighlights-overview .image {
  width: 316px;
  height: auto; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .direkt .tx-kreativehighlights-overview .image {
      width: 232px; } }

.direkt .tx-kreativehighlights-overview #masonry-gutter {
  width: 20px; }
  @media only screen and (max-width: 768px) {
    .direkt .tx-kreativehighlights-overview #masonry-gutter {
      width: 10px; } }

.direkt .tx-kreativehighlights-overview .item {
  padding-bottom: 20px;
  height: auto; }
  .direkt .tx-kreativehighlights-overview .item .imagecnt {
    position: relative;
    cursor: pointer; }
  .direkt .tx-kreativehighlights-overview .item .image {
    width: 100%;
    height: auto; }
  .direkt .tx-kreativehighlights-overview .item .caption {
    font-size: 14px;
    line-height: 20px;
    color: #252525;
    margin-left: 20px; }
  .direkt .tx-kreativehighlights-overview .item.deselected {
    border-bottom: none; }
    .direkt .tx-kreativehighlights-overview .item.deselected .caption {
      display: none; }
    .direkt .tx-kreativehighlights-overview .item.deselected .caption.always {
      display: block; }
    .direkt .tx-kreativehighlights-overview .item.deselected .zoom-icon {
      display: block; }
  .direkt .tx-kreativehighlights-overview .item.selected {
    border-bottom: 1px solid #d6d6d6; }
    .direkt .tx-kreativehighlights-overview .item.selected .caption {
      display: block; }
    .direkt .tx-kreativehighlights-overview .item.selected .zoom-icon {
      display: none; }
  .direkt .tx-kreativehighlights-overview .item .zoom-icon {
    display: block;
    width: 31px;
    height: 26px;
    background: url(../img/zoom.png) no-repeat;
    right: 10px;
    bottom: 14px;
    position: absolute; }

@media only screen and (max-width: 768px) {
  .tx-kreativehighlights-overview .full-width-content {
    width: 316px;
    margin: 0 auto; }
    .tx-kreativehighlights-overview .full-width-content .item.selected {
      width: 316px; } }

.tx-kreativehighlights-teaser {
  height: 430px;
  overflow: hidden; }
  @media only screen and (min-width: 1280px) {
    .tx-kreativehighlights-teaser {
      height: 540px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tx-kreativehighlights-teaser {
      height: 320px; } }
  @media only screen and (max-width: 768px) {
    .tx-kreativehighlights-teaser {
      height: 160px; } }
  @media only screen and (max-width: 768px) {
    .tx-kreativehighlights-teaser {
      width: 345px;
      margin: auto; } }
  .tx-kreativehighlights-teaser figure {
    position: relative;
    float: left;
    width: 316px;
    margin-bottom: 20px;
    overflow: hidden; }
    @media only screen and (min-width: 1280px) {
      .tx-kreativehighlights-teaser figure {
        width: 400px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .tx-kreativehighlights-teaser figure {
        width: 232px; } }
    @media only screen and (max-width: 768px) {
      .tx-kreativehighlights-teaser figure {
        width: 108px; } }
    .tx-kreativehighlights-teaser figure .image {
      position: absolute; }
    .tx-kreativehighlights-teaser figure.item-no-1 {
      height: 280px; }
      @media only screen and (min-width: 1280px) {
        .tx-kreativehighlights-teaser figure.item-no-1 {
          height: 354.430379747px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .tx-kreativehighlights-teaser figure.item-no-1 {
          height: 205.569620253px; } }
      @media only screen and (max-width: 768px) {
        .tx-kreativehighlights-teaser figure.item-no-1 {
          height: 95.6962025316px; } }
    .tx-kreativehighlights-teaser figure.item-no-2 {
      height: 130px; }
      @media only screen and (min-width: 1280px) {
        .tx-kreativehighlights-teaser figure.item-no-2 {
          height: 164.556962025px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .tx-kreativehighlights-teaser figure.item-no-2 {
          height: 95.4430379747px; } }
      @media only screen and (max-width: 768px) {
        .tx-kreativehighlights-teaser figure.item-no-2 {
          height: 44.4303797468px; } }
    .tx-kreativehighlights-teaser figure.item-no-3 {
      height: 430px; }
      @media only screen and (min-width: 1280px) {
        .tx-kreativehighlights-teaser figure.item-no-3 {
          height: 544.303797468px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .tx-kreativehighlights-teaser figure.item-no-3 {
          height: 315.696202532px; } }
      @media only screen and (max-width: 768px) {
        .tx-kreativehighlights-teaser figure.item-no-3 {
          height: 146.962025316px; } }
    .tx-kreativehighlights-teaser figure.item-no-4 {
      height: 280px; }
      @media only screen and (min-width: 1280px) {
        .tx-kreativehighlights-teaser figure.item-no-4 {
          height: 354.430379747px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .tx-kreativehighlights-teaser figure.item-no-4 {
          height: 205.569620253px; } }
      @media only screen and (max-width: 768px) {
        .tx-kreativehighlights-teaser figure.item-no-4 {
          height: 95.6962025316px; } }
    .tx-kreativehighlights-teaser figure.item-no-5 {
      height: 130px; }
      @media only screen and (min-width: 1280px) {
        .tx-kreativehighlights-teaser figure.item-no-5 {
          height: 164.556962025px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .tx-kreativehighlights-teaser figure.item-no-5 {
          height: 95.4430379747px; } }
      @media only screen and (max-width: 768px) {
        .tx-kreativehighlights-teaser figure.item-no-5 {
          height: 44.4303797468px; } }
  .tx-kreativehighlights-teaser #masonry-column-width {
    width: 316px; }
    @media only screen and (min-width: 1280px) {
      .tx-kreativehighlights-teaser #masonry-column-width {
        width: 400px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .tx-kreativehighlights-teaser #masonry-column-width {
        width: 232px; } }
    @media only screen and (max-width: 768px) {
      .tx-kreativehighlights-teaser #masonry-column-width {
        width: 108px; } }
  .tx-kreativehighlights-teaser #masonry-gutter {
    width: 20px; }
    @media only screen and (max-width: 768px) {
      .tx-kreativehighlights-teaser #masonry-gutter {
        width: 10px; } }
  .tx-kreativehighlights-teaser #masonry-gutter,
  .tx-kreativehighlights-teaser #masonry-column-width {
    visibility: hidden;
    height: 0; }
  .tx-kreativehighlights-teaser .highlight-information {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #000;
    opacity: 0.8; }
    .tx-kreativehighlights-teaser .highlight-information p {
      color: #fff;
      font-size: 17px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .tx-kreativehighlights-teaser .highlight-information p {
          font-size: 14px; } }
    .tx-kreativehighlights-teaser .highlight-information .button.white.transparent a {
      color: #fff; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .tx-kreativehighlights-teaser .highlight-information .button.white.transparent {
        border: none;
        margin-top: 4px; }
        .tx-kreativehighlights-teaser .highlight-information .button.white.transparent a {
          padding-top: 0;
          padding-bottom: 0; } }
    .tx-kreativehighlights-teaser .highlight-information.hidden {
      max-height: 0;
      transition: max-height 1s linear;
      -webkit-transition: max-height 1s linear;
      -moz-transition: max-height 1s linear;
      -o-transition: max-height 1s linear; }
    .tx-kreativehighlights-teaser .highlight-information.show {
      max-height: 300px;
      transition: max-height 1s ease-out;
      -webkit-transition: max-height 1s ease-out;
      -moz-transition: max-height 1s ease-out;
      -o-transition: max-height 1s ease-out; }

.tx-kreativehighlights-slider {
  width: 100%;
  height: auto;
  max-height: 518px;
  margin-bottom: 20px; }
  .tx-kreativehighlights-slider .flexslider {
    margin-bottom: 5px; }
    .tx-kreativehighlights-slider .flexslider .flex-viewport {
      height: auto; }
  .tx-kreativehighlights-slider .slider-footer .general-link {
    float: left; }
  .tx-kreativehighlights-slider .slider-footer .page-display {
    float: right; }
    .tx-kreativehighlights-slider .slider-footer .page-display .current-slide {
      font-weight: 600; }

@media only screen and (max-width: 768px) {
  .tx-kreativehighlights-overview-new {
    width: 320px;
    margin: 0 auto; } }

.tx-kreativehighlights-overview-new #masonry-column-width,
.tx-kreativehighlights-overview-new .item.deselected {
  width: 316px; }
  @media only screen and (min-width: 1280px) {
    .tx-kreativehighlights-overview-new #masonry-column-width,
    .tx-kreativehighlights-overview-new .item.deselected {
      width: 400px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tx-kreativehighlights-overview-new #masonry-column-width,
    .tx-kreativehighlights-overview-new .item.deselected {
      width: 232px; } }

.tx-kreativehighlights-overview-new .item.selected {
  width: 652px; }
  @media only screen and (min-width: 1280px) {
    .tx-kreativehighlights-overview-new .item.selected {
      width: 820px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tx-kreativehighlights-overview-new .item.selected {
      width: 484px; } }
  @media only screen and (max-width: 768px) {
    .tx-kreativehighlights-overview-new .item.selected {
      width: 100%; } }

.tx-kreativehighlights-overview-new .image {
  width: 316px;
  height: auto; }
  @media only screen and (min-width: 1280px) {
    .tx-kreativehighlights-overview-new .image {
      width: 400px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tx-kreativehighlights-overview-new .image {
      width: 232px; } }

.tx-kreativehighlights-overview-new #masonry-gutter {
  width: 20px; }
  @media only screen and (max-width: 768px) {
    .tx-kreativehighlights-overview-new #masonry-gutter {
      width: 10px; } }

.tx-kreativehighlights-overview-new .item {
  padding-bottom: 20px;
  height: auto; }
  .tx-kreativehighlights-overview-new .item .headline {
    font-size: 17px;
    line-height: 26px;
    padding-bottom: 5px;
    color: #252525; }
  .tx-kreativehighlights-overview-new .item .imagecnt {
    position: relative;
    cursor: pointer; }
  .tx-kreativehighlights-overview-new .item .image {
    width: 100%;
    height: auto; }
  .tx-kreativehighlights-overview-new .item .caption {
    font-size: 14px;
    line-height: 36px;
    color: #252525;
    margin-left: 20px; }
  .tx-kreativehighlights-overview-new .item.deselected {
    border-bottom: none; }
    .tx-kreativehighlights-overview-new .item.deselected .caption {
      display: none; }
    .tx-kreativehighlights-overview-new .item.deselected .caption.always {
      display: block; }
    .tx-kreativehighlights-overview-new .item.deselected .zoom-icon {
      display: block; }
  .tx-kreativehighlights-overview-new .item.selected {
    border-bottom: 1px solid #d6d6d6; }
    .tx-kreativehighlights-overview-new .item.selected .caption {
      display: block; }
    .tx-kreativehighlights-overview-new .item.selected .zoom-icon {
      display: none; }
  .tx-kreativehighlights-overview-new .item .zoom-icon {
    display: block;
    width: 31px;
    height: 26px;
    background: url(../img/zoom.png) no-repeat;
    right: 10px;
    bottom: 14px;
    position: absolute; }
  .tx-kreativehighlights-overview-new .item span.cross-icon {
    width: 100%;
    height: calc(100% - 5px);
    position: absolute;
    background: rgba(125, 125, 125, 0.5);
    background-image: url("/fileadmin/templates/img/icons/close-orange.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: 5px;
    left: 0;
    margin-left: 0px; }

@media only screen and (max-width: 768px) {
  .direkt .tx-kreativehighlights-overview-new {
    width: 320px;
    margin: 0 auto; } }

.direkt .tx-kreativehighlights-overview-new #masonry-column-width,
.direkt .tx-kreativehighlights-overview-new .item.deselected {
  width: 316px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .direkt .tx-kreativehighlights-overview-new #masonry-column-width,
    .direkt .tx-kreativehighlights-overview-new .item.deselected {
      width: 232px; } }

.direkt .tx-kreativehighlights-overview-new .item.selected {
  width: 652px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .direkt .tx-kreativehighlights-overview-new .item.selected {
      width: 484px; } }
  @media only screen and (max-width: 768px) {
    .direkt .tx-kreativehighlights-overview-new .item.selected {
      width: 100%; } }

.direkt .tx-kreativehighlights-overview-new .image {
  width: 316px;
  height: auto; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .direkt .tx-kreativehighlights-overview-new .image {
      width: 232px; } }

.direkt .tx-kreativehighlights-overview-new #masonry-gutter {
  width: 20px; }
  @media only screen and (max-width: 768px) {
    .direkt .tx-kreativehighlights-overview-new #masonry-gutter {
      width: 10px; } }

.direkt .tx-kreativehighlights-overview-new .item {
  padding-bottom: 20px;
  height: auto; }
  .direkt .tx-kreativehighlights-overview-new .item .imagecnt {
    position: relative;
    cursor: pointer; }
  .direkt .tx-kreativehighlights-overview-new .item .image {
    width: 100%;
    height: auto; }
  .direkt .tx-kreativehighlights-overview-new .item .caption {
    font-size: 14px;
    line-height: 20px;
    color: #252525;
    margin-left: 20px; }
  .direkt .tx-kreativehighlights-overview-new .item.deselected {
    border-bottom: none; }
    .direkt .tx-kreativehighlights-overview-new .item.deselected .caption {
      display: none; }
    .direkt .tx-kreativehighlights-overview-new .item.deselected .caption.always {
      display: block; }
    .direkt .tx-kreativehighlights-overview-new .item.deselected .zoom-icon {
      display: block; }
  .direkt .tx-kreativehighlights-overview-new .item.selected {
    border-bottom: 1px solid #d6d6d6; }
    .direkt .tx-kreativehighlights-overview-new .item.selected .caption {
      display: block; }
    .direkt .tx-kreativehighlights-overview-new .item.selected .zoom-icon {
      display: none; }
  .direkt .tx-kreativehighlights-overview-new .item .zoom-icon {
    display: block;
    width: 31px;
    height: 26px;
    background: url(../img/zoom.png) no-repeat;
    right: 10px;
    bottom: 14px;
    position: absolute; }

@media only screen and (max-width: 768px) {
  .tx-kreativehighlights-overview-new .full-width-content {
    width: 316px;
    margin: 0 auto; }
    .tx-kreativehighlights-overview-new .full-width-content .item.selected {
      width: 316px; } }

.tx-kreativehighlightangebote .filter-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 25px;
  padding-top: 0px; }
  @media (max-width: 1130px) {
    .tx-kreativehighlightangebote .filter-section {
      padding-left: 70px;
      padding-right: 70px; } }
  @media (max-width: 1023px) {
    .tx-kreativehighlightangebote .filter-section {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 769px) and (max-width: 869px) {
    .tx-kreativehighlightangebote .filter-section {
      padding-right: 70px; } }
  @media (max-width: 768px) {
    .tx-kreativehighlightangebote .filter-section {
      padding-top: 0; } }
  .tx-kreativehighlightangebote .filter-section .searchbox {
    width: 100%; }
  .tx-kreativehighlightangebote .filter-section .insertbox {
    width: 100%;
    margin-bottom: 45px; }
    @media (max-width: 768px) {
      .tx-kreativehighlightangebote .filter-section .insertbox {
        margin-bottom: 20px; } }
  .tx-kreativehighlightangebote .filter-section .angebots-filter {
    width: 100%;
    margin-bottom: 40px;
    height: auto; }
    @media (max-width: 1024px) {
      .tx-kreativehighlightangebote .filter-section .angebots-filter {
        margin-bottom: 80px; } }
    @media (max-width: 768px) {
      .tx-kreativehighlightangebote .filter-section .angebots-filter {
        margin-bottom: 0; } }
  .tx-kreativehighlightangebote .filter-section form {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .tx-kreativehighlightangebote .filter-section form .sbHolderXSmall {
      width: 100%;
      margin-top: 0;
      float: none;
      margin-right: 0; }
      .tx-kreativehighlightangebote .filter-section form .sbHolderXSmall .sbOptions {
        width: 275px; }
    .tx-kreativehighlightangebote .filter-section form .button--filter {
      width: 300px;
      position: relative;
      /* clear: right; */
      height: 37px;
      margin-top: 10px;
      background-color: #ff5a10;
      color: white;
      font-size: 14px;
      float: left;
      border: #ff5a10;
      margin-left: 10px; }
      .tx-kreativehighlightangebote .filter-section form .button--filter:first-child {
        margin-left: 0; }
      .tx-kreativehighlightangebote .filter-section form .button--filter a {
        text-align: center;
        padding: 10px; }
    .tx-kreativehighlightangebote .filter-section form a.button--filter {
      width: 300px;
      position: relative;
      /* clear: right; */
      height: 37px;
      margin-top: 10px;
      background-color: #ff5a10;
      color: white;
      font-size: 14px;
      float: left;
      border: #ff5a10;
      margin-left: 7px;
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px; }
      .tx-kreativehighlightangebote .filter-section form a.button--filter:first-child {
        margin-left: 0; }
    .tx-kreativehighlightangebote .filter-section form .submit {
      width: 300px; }
    .tx-kreativehighlightangebote .filter-section form .backlink {
      position: relative;
      height: 37px;
      margin-top: 10px;
      margin-left: 7px;
      font-size: 14px; }
  .tx-kreativehighlightangebote .filter-section .filter-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    width: 100%;
    padding-bottom: 20px; }
    @media (max-width: 768px) {
      .tx-kreativehighlightangebote .filter-section .filter-column:last-child {
        padding-bottom: 0; }
      .tx-kreativehighlightangebote .filter-section .filter-column .sbHolderXSmall .sbSelector {
        width: 100%; } }
    .tx-kreativehighlightangebote .filter-section .filter-column.text {
      padding-bottom: 0; }
      .tx-kreativehighlightangebote .filter-section .filter-column.text p {
        font-size: 17px;
        color: #252525;
        margin-left: 0; }
    .tx-kreativehighlightangebote .filter-section .filter-column > p {
      font-size: 17px;
      color: #252525;
      padding-bottom: 10px;
      width: 100%; }
    .tx-kreativehighlightangebote .filter-section .filter-column > label {
      padding-bottom: 10px;
      width: 100%; }
    .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row;
      padding-left: 10px;
      padding-right: 10px; }
      @media (max-width: 768px) {
        .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] {
          padding-left: 0;
          padding-right: 0;
          padding-bottom: 20px; } }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"].last:last-child {
        padding-right: 10px; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"].center {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        @media (max-width: 768px) {
          .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"].center {
            padding-bottom: 0; } }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"]:first-child {
        padding-left: 0; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"]:last-child {
        padding-right: 0; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] > div, .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] > label, .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] > p {
        width: 100%; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] > div.fifty {
        width: 50%; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] > div.thirty {
        width: 33.3333%; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"].has-pretty-child {
        -ms-flex-align: end;
            align-items: flex-end; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] .unexpected {
        margin-left: 27px;
        line-height: 28px; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] p {
        font-size: 17px;
        color: #252525;
        padding-bottom: 10px; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] label {
        font-size: 17px;
        color: #252525; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] .button.orange input[type="submit"],
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] .button.orange input[type="button"] {
        height: 36px; }
      .tx-kreativehighlightangebote .filter-section .filter-column > div[class^="filter-column-"] .submit.control.button.orange {
        height: 36px; }
    .tx-kreativehighlightangebote .filter-section .filter-column .filter-column-1of3 {
      width: 33.3333%; }
      @media (max-width: 768px) {
        .tx-kreativehighlightangebote .filter-section .filter-column .filter-column-1of3 {
          width: 100%; } }
    .tx-kreativehighlightangebote .filter-section .filter-column .filter-column-2of3 {
      width: 66.6666%; }
      @media (max-width: 768px) {
        .tx-kreativehighlightangebote .filter-section .filter-column .filter-column-2of3 {
          width: 100%; } }
    .tx-kreativehighlightangebote .filter-section .filter-column .filter-column-3of3 {
      width: 100%; }

.tx-kreativehighlightangebote .prettycheckbox a:not(.glossary-item) {
  margin: 35px 0 0 0;
  z-index: 3;
  position: relative; }
  @media (max-width: 768px) {
    .tx-kreativehighlightangebote .prettycheckbox a:not(.glossary-item) {
      margin: 26px 0 0 0; } }

.tx-felogin-pi1 .common-h.layout0.angebotslogin .padding-too {
  padding-left: 20px;
  padding-bottom: 20px; }

.tx-felogin-pi1 .common-h.layout0.angebotslogin form {
  width: 100%;
  padding-left: 20px; }

.tx-felogin-pi1 .common-h.layout0.angebotslogin.logout {
  margin-bottom: 0px; }
  .tx-felogin-pi1 .common-h.layout0.angebotslogin.logout form {
    padding-left: 0; }

.tx-felogin-pi1 .common-h.layout0.angebotslogin fieldset.logout > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  @media (max-width: 768px) {
    .tx-felogin-pi1 .common-h.layout0.angebotslogin fieldset.logout > div {
      -ms-flex-pack: start;
          justify-content: flex-start; } }
  .tx-felogin-pi1 .common-h.layout0.angebotslogin fieldset.logout > div > div {
    overflow: hidden;
    margin: 0;
    width: auto; }
    @media (max-width: 768px) {
      .tx-felogin-pi1 .common-h.layout0.angebotslogin fieldset.logout > div > div {
        width: 100%; } }

.tx-felogin-pi1 .common-h.layout0.angebotslogin .button-anfrage-absenden .submit.control.no-button.not-orange {
  padding-left: 20px;
  width: auto; }
  @media (max-width: 768px) {
    .tx-felogin-pi1 .common-h.layout0.angebotslogin .button-anfrage-absenden .submit.control.no-button.not-orange {
      padding-left: 0; } }
  .tx-felogin-pi1 .common-h.layout0.angebotslogin .button-anfrage-absenden .submit.control.no-button.not-orange input {
    background: transparent;
    border: 0;
    font-size: 17px;
    line-height: 28px;
    color: #ff5a10;
    text-decoration: none;
    width: auto; }
    @media (max-width: 768px) {
      .tx-felogin-pi1 .common-h.layout0.angebotslogin .button-anfrage-absenden .submit.control.no-button.not-orange input {
        padding: 0; } }
    .tx-felogin-pi1 .common-h.layout0.angebotslogin .button-anfrage-absenden .submit.control.no-button.not-orange input:hover {
      text-decoration: underline;
      cursor: pointer; }

a.button--bilddatenbank {
  width: auto;
  position: relative;
  /* clear: right; */
  height: 37px;
  margin-top: 10px;
  background-color: #ff5a10;
  color: white;
  font-size: 14px;
  float: right;
  border: #ff5a10;
  margin-bottom: 20px;
  text-align: center;
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #feab75;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
  background-size: 100%;
  background-image: linear-gradient(#fe721a, #ff6b27); }

#toolbar-products li.icon_allgemeinstellelitfasssaule {
  background-image: url(../img/product_icons/allgemeinstellelitfasssaule_inaktiv.png); }
  #toolbar-products li.icon_allgemeinstellelitfasssaule.active {
    background-image: url(../img/product_icons/allgemeinstellelitfasssaule_active.png); }

#toolbar-products li.icon_bahnhofsmedien {
  background-image: url(../img/product_icons/bahnhofsmedien_inaktiv.png); }
  #toolbar-products li.icon_bahnhofsmedien.active {
    background-image: url(../img/product_icons/bahnhofsmedien_active.png); }

#toolbar-products li.icon_blowupriesenposter {
  background-image: url(../img/product_icons/blowupriesenposter_inaktiv.png); }
  #toolbar-products li.icon_blowupriesenposter.active {
    background-image: url(../img/product_icons/blowupriesenposter_active.png); }

#toolbar-products li.icon_cinemachannel {
  background-image: url(../img/product_icons/cinemachannel_inaktiv.png); }
  #toolbar-products li.icon_cinemachannel.active {
    background-image: url(../img/product_icons/cinemachannel_active.png); }

#toolbar-products li.icon_citystar {
  background-image: url(../img/product_icons/citystar_inaktiv.png); }
  #toolbar-products li.icon_citystar.active {
    background-image: url(../img/product_icons/citystar_active.png); }

#toolbar-products li.icon_citylightposter {
  background-image: url(../img/product_icons/citylightposter_inaktiv.png); }
  #toolbar-products li.icon_citylightposter.active {
    background-image: url(../img/product_icons/citylightposter_active.png); }

#toolbar-products li.icon_citylightsaule {
  background-image: url(../img/product_icons/citylightsaule_inaktiv.png); }
  #toolbar-products li.icon_citylightsaule.active {
    background-image: url(../img/product_icons/citylightsaule_active.png); }

#toolbar-products li.icon_cityscreen {
  background-image: url(../img/product_icons/cityscreen_inaktiv.png); }
  #toolbar-products li.icon_cityscreen.active {
    background-image: url(../img/product_icons/cityscreen_active.png); }

#toolbar-products li.icon_ganzsaule {
  background-image: url(../img/product_icons/ganzsaule_inaktiv.png); }
  #toolbar-products li.icon_ganzsaule.active {
    background-image: url(../img/product_icons/ganzsaule_active.png); }

#toolbar-products li.icon_grossflache {
  background-image: url(../img/product_icons/grossflache_inaktiv.png); }
  #toolbar-products li.icon_grossflache.active {
    background-image: url(../img/product_icons/grossflache_active.png); }

#toolbar-products li.icon_grossuhr {
  background-image: url(../img/product_icons/grossuhr_inaktiv.png); }
  #toolbar-products li.icon_grossuhr.active {
    background-image: url(../img/product_icons/grossuhr_active.png); }

#toolbar-products li.icon_megalightselect {
  background-image: url(../img/product_icons/megalightselect_inaktiv.png); }
  #toolbar-products li.icon_megalightselect.active {
    background-image: url(../img/product_icons/megalightselect_active.png); }

#toolbar-products li.icon_megalightnet {
  background-image: url(../img/product_icons/megalightnet_inaktiv.png); }
  #toolbar-products li.icon_megalightnet.active {
    background-image: url(../img/product_icons/megalightnet_active.png); }

#toolbar-products li.icon_premiumcitylightposter {
  background-image: url(../img/product_icons/premiumcitylightposter_inaktiv.png); }
  #toolbar-products li.icon_premiumcitylightposter.active {
    background-image: url(../img/product_icons/premiumcitylightposter_active.png); }

#toolbar-products li.icon_roadsidescreen {
  background-image: url(../img/product_icons/roadsidescreen_inaktiv.png); }
  #toolbar-products li.icon_roadsidescreen.active {
    background-image: url(../img/product_icons/roadsidescreen_active.png); }

#toolbar-products li.icon_uhrenwerbung {
  background-image: url(../img/product_icons/uhrenwerbung_inaktiv.png); }
  #toolbar-products li.icon_uhrenwerbung.active {
    background-image: url(../img/product_icons/uhrenwerbung_active.png); }

#toolbar-products li.icon_publicvideocity {
  background-image: url(../img/product_icons/publicvideocity_inaktiv.png); }
  #toolbar-products li.icon_publicvideocity.active {
    background-image: url(../img/product_icons/publicvideocity_active.png); }

#toolbar-products li.icon_publicvideoroadside {
  background-image: url(../img/product_icons/publicvideoroadside_inaktiv.png); }
  #toolbar-products li.icon_publicvideoroadside.active {
    background-image: url(../img/product_icons/publicvideoroadside_active.png); }

#toolbar-products li .toolbar-product-info {
  background: url(../img/icon_info.png) no-repeat 50% 50%; }
  #toolbar-products li .toolbar-product-info.active, #toolbar-products li .toolbar-product-info:focus, #toolbar-products li .toolbar-product-info:hover, #toolbar-products li .toolbar-product-info:active {
    background: url(../img/icon_info_active.png) no-repeat 50% 50%; }

#toolbar-products li.active a.toolbar-product-select span {
  background: url(../img/bullet-check.png) no-repeat 100% 50%; }

#toolbar-bookinglist li.icon_allgemeinstellelitfasssaule {
  background-image: url(../img/product_icons/allgemeinstellelitfasssaule_inaktiv.png); }

#toolbar-bookinglist li.icon_bahnhofsmedien {
  background-image: url(../img/product_icons/bahnhofsmedien_inaktiv.png); }

#toolbar-bookinglist li.icon_blowupriesenposter {
  background-image: url(../img/product_icons/blowupriesenposter_inaktiv.png); }

#toolbar-bookinglist li.icon_cinemachannel {
  background-image: url(../img/product_icons/cinemachannel_inaktiv.png); }

#toolbar-bookinglist li.icon_citystar {
  background-image: url(../img/product_icons/citystar_inaktiv.png); }

#toolbar-bookinglist li.icon_citylightposter {
  background-image: url(../img/product_icons/citylightposter_inaktiv.png); }

#toolbar-bookinglist li.icon_citylightsaule {
  background-image: url(../img/product_icons/citylightsaule_inaktiv.png); }

#toolbar-bookinglist li.icon_cityscreen {
  background-image: url(../img/product_icons/cityscreen_inaktiv.png); }

#toolbar-bookinglist li.icon_ganzsaule {
  background-image: url(../img/product_icons/ganzsaule_inaktiv.png); }

#toolbar-bookinglist li.icon_grossflache {
  background-image: url(../img/product_icons/grossflache_inaktiv.png); }

#toolbar-bookinglist li.icon_grossuhr {
  background-image: url(../img/product_icons/grossuhr_inaktiv.png); }

#toolbar-bookinglist li.icon_megalightselect {
  background-image: url(../img/product_icons/megalightselect_inaktiv.png); }

#toolbar-bookinglist li.icon_megalightnet {
  background-image: url(../img/product_icons/megalightnet_inaktiv.png); }

#toolbar-bookinglist li.icon_premiumcitylightposter {
  background-image: url(../img/product_icons/premiumcitylightposter_inaktiv.png); }

#toolbar-bookinglist li.icon_roadsidescreen {
  background-image: url(../img/product_icons/roadsidescreen_inaktiv.png); }

#toolbar-bookinglist li.icon_uhrenwerbung {
  background-image: url(../img/product_icons/uhrenwerbung_inaktiv.png); }

#toolbar-bookinglist li.icon_publicvideocity {
  background-image: url(../img/product_icons/publicvideocity_inaktiv.png); }

#toolbar-bookinglist li.icon_publicvideoroadside {
  background-image: url(../img/product_icons/publicvideoroadside_inaktiv.png); }

.referenz-masonry {
  float: left;
  width: 100%;
  margin-top: 30px; }

#masonry-column-width {
  width: 306px; }

#masonry-gutter {
  width: 30px; }

.tx-stroeer-referenzen .filter-box {
  width: 306px;
  background-color: #fff;
  padding: 20px;
  float: left; }
  .tx-stroeer-referenzen .filter-box h4 {
    margin-top: 0; }
  .tx-stroeer-referenzen .filter-box a {
    width: 33%;
    float: left;
    margin-bottom: 10px; }
    .tx-stroeer-referenzen .filter-box a img {
      width: 50%;
      height: 65px;
      text-align: center;
      margin-left: 25%;
      margin-right: 25%; }
    .tx-stroeer-referenzen .filter-box a.reset-btn {
      width: auto;
      float: right; }

.tx-stroeer-referenzen a.referenz-item {
  float: left;
  width: 306px;
  margin-bottom: 30px;
  background-color: #fff; }
  .tx-stroeer-referenzen a.referenz-item .referenz-motiv {
    float: left;
    overflow: hidden;
    line-height: 0;
    width: 100%;
    box-shadow: 0px 5px 15px 0px #cccccc; }
    .tx-stroeer-referenzen a.referenz-item .referenz-motiv img {
      width: 100%;
      height: auto;
      -ms-transform: scale(1);
          transform: scale(1);
      transition: all 0.2s ease-out; }
  .tx-stroeer-referenzen a.referenz-item .referenz-box {
    float: left;
    padding: 10px;
    width: 100%;
    text-decoration: none; }
    .tx-stroeer-referenzen a.referenz-item .referenz-box h3 {
      margin: 0; }
    .tx-stroeer-referenzen a.referenz-item .referenz-box p {
      color: #757575;
      text-decoration: none; }
      .tx-stroeer-referenzen a.referenz-item .referenz-box p:hover {
        text-decoration: none;
        color: #757575; }
      .tx-stroeer-referenzen a.referenz-item .referenz-box p.pills {
        margin-top: 10px;
        margin-bottom: 10px; }
        .tx-stroeer-referenzen a.referenz-item .referenz-box p.pills span {
          background-color: #ff5a10;
          padding: 3px 8px;
          color: #fff;
          margin-right: 5px;
          border-radius: 3px; }
    .tx-stroeer-referenzen a.referenz-item .referenz-box:hover {
      text-decoration: none; }
  .tx-stroeer-referenzen a.referenz-item:hover .referenz-box p {
    text-decoration: none; }
  .tx-stroeer-referenzen a.referenz-item:hover .referenz-motiv {
    overflow: hidden; }
    .tx-stroeer-referenzen a.referenz-item:hover .referenz-motiv img {
      -ms-transform: scale(1.05);
          transform: scale(1.05);
      transition: all 0.2s ease-out; }

.fancybox-content.mediacreation .content-main {
  width: 800px;
  position: relative;
  height: 550px;
  border-right: 1px solid #e0dcd9;
  background-color: #e0dcd9;
  float: left; }
  @media only screen and (max-width: 1024px) {
    .fancybox-content.mediacreation .content-main {
      width: 100%; } }
  .fancybox-content.mediacreation .content-main .referenz-motiv {
    padding: 15px;
    height: 82%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .fancybox-content.mediacreation .content-main .referenz-box {
    background-color: white;
    height: 18%;
    padding: 15px;
    width: 100%;
    position: absolute;
    bottom: 0; }
    @media only screen and (max-width: 1024px) {
      .fancybox-content.mediacreation .content-main .referenz-box {
        min-height: 100px; } }
    .fancybox-content.mediacreation .content-main .referenz-box h3 {
      margin-top: 0; }

.fancybox-content.mediacreation .content-nav {
  width: 200px;
  padding: 15px;
  float: left;
  height: 550px;
  overflow-y: scroll; }
  @media only screen and (max-width: 1024px) {
    .fancybox-content.mediacreation .content-nav {
      width: 100%;
      height: 165px;
      overflow: hidden;
      overflow-x: scroll; } }
  @media only screen and (max-width: 1024px) {
    .fancybox-content.mediacreation .content-nav .content-nav-innerwrap {
      width: 1000px;
      height: 165px; } }
  .fancybox-content.mediacreation .content-nav a.thumb {
    display: block;
    padding-bottom: 10px;
    color: #757575;
    text-decoration: none; }
    @media only screen and (max-width: 1024px) {
      .fancybox-content.mediacreation .content-nav a.thumb {
        width: auto;
        height: auto;
        margin-right: 15px;
        margin-bottom: 15px;
        float: left; } }
    .fancybox-content.mediacreation .content-nav a.thumb:hover {
      color: #757575;
      text-decoration: none; }
      .fancybox-content.mediacreation .content-nav a.thumb:hover img {
        border: solid 3px #ff5a10;
        transition: border 0.4s ease; }
    .fancybox-content.mediacreation .content-nav a.thumb img {
      border: solid 3px transparent;
      transition: border 0.4s ease; }
      @media only screen and (max-width: 1024px) {
        .fancybox-content.mediacreation .content-nav a.thumb img {
          width: auto;
          max-height: 100px; } }
    .fancybox-content.mediacreation .content-nav a.thumb.active {
      color: #757575;
      text-decoration: none; }
      .fancybox-content.mediacreation .content-nav a.thumb.active img {
        border: solid 3px #ff5a10;
        transition: border 0.4s ease; }
  .fancybox-content.mediacreation .content-nav .ytthumb {
    width: 100%; }

.fancybox-content.mediacreation .embed-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 82%; }

.fancybox-content.mediacreation .embed-image {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 350px; }

@media only screen and (max-width: 1024px) {
  .fancybox-content.mediacreation .motiv-item .embed-video {
    position: static; } }

.fancybox-content.mediacreation .motiv-item .embed-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 82%; }

.fancybox-content.mediacreation .motiv-item .embed-image {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 350px; }

.x-overlay {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  float: left;
  background: #ff5a10; }

.x-overlay:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center; }

.x-overlay:after {
  content: '\d7';
  font-size: 25px;
  line-height: 22px; }

.openingtime {
  margin-bottom: 1em;
  padding: 20px; }
  @media only screen and (min-width: 768px) {
    .openingtime {
      padding: 0; } }
  .openingtime__list {
    max-width: 232px; }
  .openingtime__element {
    display: -ms-flexbox;
    display: flex; }
  .openingtime__day {
    -ms-flex-preferred-size: 40px;
        flex-basis: 40px; }
  @media only screen and (min-width: 768px) {
    .openingtime__address {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  .openingtime__image {
    -ms-flex-preferred-size: 232px;
        flex-basis: 232px; }
    .openingtime__image img {
      vertical-align: bottom;
      max-width: 100%;
      height: auto; }
  .openingtime__text {
    -ms-flex-preferred-size: 232px;
        flex-basis: 232px; }
    .openingtime__text h4 {
      font-weight: bold;
      margin-bottom: 1em; }
  .openingtime__list-header {
    font-weight: bold;
    margin: 1.25em 0 0.25em 0; }

.contactbuttons {
  margin-bottom: 1em;
  padding: 20px; }
  @media only screen and (min-width: 768px) {
    .contactbuttons {
      margin-bottom: 4em;
      padding: 0; } }
  .contactbuttons__header {
    font-weight: bold;
    margin-bottom: 1em; }
  .contactbuttons__svg {
    display: inline-block;
    border: 1px solid #ff6b27;
    box-sizing: border-box; }
  .contactbuttons__border {
    background-image: linear-gradient(#ff6b27, #ff6b27);
    border-top: 1px solid #ff6b27;
    color: #fff;
    display: inline-block;
    width: 100%; }
  .contactbuttons__text {
    -ms-flex-preferred-size: calc(100% - 70px);
        flex-basis: calc(100% - 70px); }
  .contactbuttons__element--flex {
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media only screen and (min-width: 768px) {
      .contactbuttons__element--flex {
        display: -ms-flexbox;
        display: flex; } }
    .contactbuttons__element--flex .contactbuttons__header {
      -ms-flex-preferred-size: 232px;
          flex-basis: 232px; }
    .contactbuttons__element--flex .contactbuttons__content {
      -ms-flex-preferred-size: 232px;
          flex-basis: 232px; }
  .contactbuttons__element + .contactbuttons__element {
    margin-top: 1em; }
  .contactbuttons__element--map {
    margin-top: 2em; }
  .contactbuttons__button a {
    background: linear-gradient(to bottom, #ff721a 0%, #ff570c 100%);
    border: 1px solid #ff6b27;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 18px; }
    @media only screen and (min-width: 768px) {
      .contactbuttons__button a {
        width: 316px; } }
  .contactbuttons__button-icon {
    height: 50px;
    border-top: 1px solid #feab75;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .contactbuttons__button-text {
    border-top: 1px solid #feab75;
    border-left: 1px solid #feab75;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 10px;
    -ms-flex-preferred-size: calc(100% - 50px);
        flex-basis: calc(100% - 50px); }
  .contactbuttons iframe {
    width: 100%;
    max-height: 300px; }

.vorteile-teaser-zielgruppen.grey {
  box-shadow: none; }

#vorteile_1.grey, #vorteile_2.grey, #vorteile_3.grey, #vorteile_4.grey {
  float: none;
  margin-top: -12px; }

.video-teaser-themen {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .video-teaser-themen {
      padding: 15px; } }
  .video-teaser-themen > li {
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px; }
    @media only screen and (max-width: 768px) {
      .video-teaser-themen > li {
        padding-top: 5px;
        padding-bottom: 5px; } }
    .video-teaser-themen > li:last-child {
      padding-right: 0; }
    .video-teaser-themen > li a {
      background: #519dc2;
      padding: 5px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: center;
      border-radius: 5px 5px 5px 5px;
      color: #fff;
      text-decoration: none; }
      .video-teaser-themen > li a:hover {
        background: #4D94B7;
        text-decoration: none;
        cursor: pointer; }

.tx-dce-pi1 > .video-teaser > div.videos-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  box-sizing: border-box;
  padding-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .tx-dce-pi1 > .video-teaser > div.videos-flex {
      -ms-flex-direction: column;
          flex-direction: column; } }

.tx-dce-pi1 > .video-teaser > * {
  box-sizing: border-box; }

.tx-dce-pi1 > .video-teaser .video-teaser__topic {
  width: 100%;
  padding-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .tx-dce-pi1 > .video-teaser .video-teaser__topic {
      padding: 15px; } }
  .tx-dce-pi1 > .video-teaser .video-teaser__topic h2, .tx-dce-pi1 > .video-teaser .video-teaser__topic p {
    text-align: center; }

.tx-dce-pi1 > .video-teaser .video-teaser__container {
  background-color: #fff;
  width: 30%;
  padding: 20px;
  margin-right: 3.3333%; }
  .tx-dce-pi1 > .video-teaser .video-teaser__container:nth-child(3n), .tx-dce-pi1 > .video-teaser .video-teaser__container:last-child {
    margin-right: 0; }
  @media only screen and (max-width: 768px) {
    .tx-dce-pi1 > .video-teaser .video-teaser__container {
      margin-bottom: 20px;
      width: 100%;
      margin-right: 0; }
      .tx-dce-pi1 > .video-teaser .video-teaser__container:last-child {
        margin-bottom: 0; } }
  .tx-dce-pi1 > .video-teaser .video-teaser__container .video-wrapper {
    display: block;
    position: relative;
    padding-bottom: 75%;
    margin-top: 25px;
    height: 0; }
    .tx-dce-pi1 > .video-teaser .video-teaser__container .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .tx-dce-pi1 > .video-teaser .video-teaser__container .video-wrapper iframe .ytp-cued-thumbnail-overlay-duration {
        display: none; }
  .tx-dce-pi1 > .video-teaser .video-teaser__container p.bodytext {
    padding-top: 10px; }

.is-contenttabs-hidden {
  position: absolute;
  top: -200000px; }

@media only screen and (max-width: 768px) {
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    width: 100% !important;
    height: auto !important; } }

@media only screen and (max-width: 1024px) {
  .embed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .embed-video {
    position: relative;
    padding-bottom: 56.25%;
    /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden; } }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.teaser-videobox {
  background: #fff;
  padding: 20px;
  float: left; }
  .teaser-videobox .video {
    width: 310px;
    float: left; }
    @media only screen and (max-width: 768px) {
      .teaser-videobox .video {
        width: 100%; } }
  .teaser-videobox .video-text {
    width: 380px;
    float: left;
    padding: 0 20px; }
    .teaser-videobox .video-text p {
      line-height: 23px; }
    @media only screen and (max-width: 768px) {
      .teaser-videobox .video-text {
        width: 100%;
        padding: 0; } }
    .teaser-videobox .video-text .location-button {
      margin-top: 15px; }
      .teaser-videobox .video-text .location-button a {
        padding: 10px 15px; }
/*# sourceMappingURL=stroeer_direkt_2016.css.map */