/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 29.08.2014, 17:38:22
    Author     : TorstenT
*/
body {
  background: #fff;
  font: 12px/1.35 Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center; }

iframe {
  max-width: 100%;
  margin: 0 auto;
  display: block; }

.img-responsive {
  width: 100%;
  height: auto; }

.brancheninsider {
  background-color: white;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  clear: both;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  color: #555; }
  .brancheninsider h2 {
    padding: 10px 0;
    font-weight: bold;
    clear: both;
    font-size: 1.38em; }
  .brancheninsider .strong {
    font-weight: bold;
    clear: both; }
  .brancheninsider .orange {
    background-color: #fea208; }
  .brancheninsider .interview-header {
    border-radius: 3px;
    color: white;
    padding: 5px 5px 5px 10px; }
  .brancheninsider .interview-image {
    text-align: center;
    margin-bottom: 20px; }
  .brancheninsider .interview-tile {
    text-align: center;
    width: 25%;
    height: 405px;
    float: left;
    margin-top: 20px; }
    @media screen and (max-width: 770px) {
      .brancheninsider .interview-tile {
        width: 50%; } }
    @media screen and (max-width: 599px) {
      .brancheninsider .interview-tile {
        width: 100%; } }
    .brancheninsider .interview-tile .multi-link {
      color: #555;
      text-decoration: none; }
      .brancheninsider .interview-tile .multi-link img {
        max-width: 100%;
        height: auto; }
    .brancheninsider .interview-tile .interview-button {
      border-radius: 3px;
      color: white;
      display: inline-block;
      font-size: 1.4em;
      padding: 6px;
      text-align: center;
      text-decoration: none;
      width: 80%;
      margin: 0 auto; }
      .brancheninsider .interview-tile .interview-button.grey {
        background-color: #a8b1b6;
        cursor: default; }
    .brancheninsider .interview-tile p.info {
      text-align: center;
      padding: 10px;
      min-height: 63px; }
      @media screen and (max-width: 599px) {
        .brancheninsider .interview-tile p.info {
          min-height: 0px; } }
  .brancheninsider .logo {
    background-image: url(../images/sonne.gif);
    background-repeat: no-repeat;
    height: 90px;
    padding-left: 110px;
    background-size: 100px;
    padding-top: 20px; }
    .brancheninsider .logo h2 {
      padding: 0; }
  .brancheninsider .center {
    text-align: center; }
  .brancheninsider .text-center {
    width: 60%;
    margin-left: auto;
    margin-right: auto; }
  .brancheninsider img.frame-right {
    float: right;
    margin-left: 20px;
    margin-right: 0px; }
    @media screen and (max-width: 770px) {
      .brancheninsider img.frame-right {
        float: none;
        margin: 0 auto;
        display: block; } }
  .brancheninsider p, .brancheninsider p.teaser {
    font-size: 1.15em;
    line-height: 1.5em;
    margin: 0 0 1em;
    text-align: justify; }
  .brancheninsider p.teaser {
    font-weight: bold; }
  .brancheninsider .col-md-6 {
    width: 50%;
    display: block;
    float: left; }
    @media screen and (max-width: 770px) {
      .brancheninsider .col-md-6 {
        width: 100%; } }
    .brancheninsider .col-md-6 span {
      margin-top: 10px;
      text-align: justify;
      clear: both;
      display: block;
      padding: 10px; }
  .brancheninsider .col-md-4 {
    width: 33.3333%;
    float: left;
    display: block; }
    @media screen and (max-width: 770px) {
      .brancheninsider .col-md-4 {
        width: 50%; } }
    @media screen and (max-width: 599px) {
      .brancheninsider .col-md-4 {
        width: 100%; } }
  .brancheninsider footer {
    clear: both;
    padding-top: 50px; }
    .brancheninsider footer a img {
      margin: 0 auto;
      display: block; }

.cms-brancheninsider .brancheninsider div.header {
  height: auto;
  background-color: #ccc;
  padding: 10px;
  clear: both;
  margin-bottom: 15px;
  display: inline-block; }
  .cms-brancheninsider .brancheninsider div.header div a {
    display: block;
    padding: 10px;
    background-color: #fff;
    margin: 10px;
    text-decoration: none;
    position: relative; }
    .cms-brancheninsider .brancheninsider div.header div a span {
      width: 94%;
      display: block;
      background: rgba(255, 255, 255, 0.7);
      height: 20px;
      bottom: 80%;
      position: absolute;
      color: #888;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      padding-top: 5px; }
  .cms-brancheninsider .brancheninsider div.header div a:hover span {
    color: black;
    background: rgba(255, 255, 255, 0.99); }

.cms-brancheninsider-kindersicherheit .col-md-6 span {
  font-weight: bold;
  background-color: #eee;
  padding: 10px;
  text-align: center;
  font-size: 14px; }

.cms-brancheninsider-kindersicherheit .col-md-6 img {
  margin: 0 auto;
  display: block; }

@media screen and (max-width: 770px) {
  .heimtiere_und_brandschutz h2 {
    text-align: center; } }

.heimtiere_und_brandschutz img.frame {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }
  @media screen and (max-width: 770px) {
    .heimtiere_und_brandschutz img.frame {
      float: none;
      margin: 10px auto;
      display: block; } }

.cms-brancheninsider-raumgestaltung .col-md-4 img {
  margin: 0 auto;
  display: block; }

.cms-brancheninsider-raumgestaltung .col-md-4 span {
  text-align: center;
  font-weight: bold;
  display: block;
  padding: 10px 0; }

.cms-brancheninsider-raumgestaltung .col-md-4 p {
  padding: 0 10px; }

.cms-brancheninsider-imm-cologne-2015 img,
.cms-brancheninsider-branchennews img,
.cms-brancheninsider-wohnblogger-interviews img,
.cms-brancheninsider-mama-blog-interviews img {
  max-width: 100%;
  height: auto; }

.cms-brancheninsider-heimtextil-2015 .interview-image img {
  max-width: 100%;
  height: auto; }

.cms-brancheninsider-kunsthochschule h2, .cms-brancheninsider-kunsthochschule p, .cms-brancheninsider-kunsthochschule .brancheninsider p.teaser, .brancheninsider .cms-brancheninsider-kunsthochschule p.teaser {
  padding: 0 5px; }

.cms-brancheninsider-kunsthochschule .interview-part-left {
  width: 80%;
  float: left; }
  @media screen and (max-width: 770px) {
    .cms-brancheninsider-kunsthochschule .interview-part-left {
      width: 65%; } }
  @media screen and (max-width: 599px) {
    .cms-brancheninsider-kunsthochschule .interview-part-left {
      width: 100%; } }

.cms-brancheninsider-kunsthochschule .interview-part-right {
  width: 20%;
  float: left; }
  .cms-brancheninsider-kunsthochschule .interview-part-right .interviewer {
    padding: 5px; }
    .cms-brancheninsider-kunsthochschule .interview-part-right .interviewer img {
      max-width: 100%;
      margin: 0 auto;
      display: block; }
    .cms-brancheninsider-kunsthochschule .interview-part-right .interviewer a {
      border-radius: 3px;
      color: white;
      margin-top: 6px;
      display: inline-block;
      font-size: 1.4em;
      padding: 6px;
      text-align: center;
      text-decoration: none;
      background-color: orange; }
      @media screen and (max-width: 599px) {
        .cms-brancheninsider-kunsthochschule .interview-part-right .interviewer a {
          width: 100%; } }
  @media screen and (max-width: 770px) {
    .cms-brancheninsider-kunsthochschule .interview-part-right {
      width: 35%; } }
  @media screen and (max-width: 599px) {
    .cms-brancheninsider-kunsthochschule .interview-part-right {
      width: 100%; } }

.cms-brancheninsider-kunsthochschule .branche-gallery img {
  max-width: 100%;
  margin: 5px auto;
  display: block; }

.cms-brancheninsider-kunsthochschule .branche-gallery_2 img {
  max-width: 100%; }

.cms-brancheninsider-kunsthochschule .branche-gallery_2 .row div {
  width: 25%;
  float: left; }
  @media screen and (max-width: 599px) {
    .cms-brancheninsider-kunsthochschule .branche-gallery_2 .row div {
      width: 50%; } }
  .cms-brancheninsider-kunsthochschule .branche-gallery_2 .row div img {
    margin: 0 auto;
    display: block; }

.cms-brancheninsider-kunsthochschule .branche-gallery_2 .row2 img {
  max-width: 100%;
  margin: 5px auto;
  display: block; }

.cms-brancheninsider-kunsthochschule .branche-gallery_2 .row2 p {
  text-align: center; }