@charset "UTF-8";

.toggle-mobile-menu{
  display: none;
}

.smart{
  display: none;
}

.tablet{
  display: none;
}

/* **************************************************************************** */
/*                                                                              */
/* Mobil max-width: 1280px Small Desktop                                       */
/*                                                                              */
/* **************************************************************************** */

@media screen and (max-width: 1280px) {

  #page {
    padding: 0px 20px 10px 20px;
    width:900px;
  }

  nav ul li a {
    width:156px;
  }

  .sidebar-right #content,
  .block.about,
  .forum .forumlist{
    width:480px;
  }

  .aside{
    width:476px;
  }

  .box.aside{
    width:474px;
  }

  .grid article
  {
    width:195px;
  }

  .grid article img
  {
    width:100%;
    height:auto;
  }

}

/* **************************************************************************** */
/*                                                                              */
/* Mobil max-width: 960px Tablets                                               */
/*                                                                              */
/* **************************************************************************** */

@media screen and (max-width: 960px) {

    .nomob{
      display: none !important;
    }

    .tablet {
      display: block;
    }

    .left{
      float:none !important;
      margin-right: 0px !important;
      margin-bottom: 20px;
      display:block;
    }

    .right{
      float:none !important;
      margin-right: auto;
      margin-left: 0 !important;
      margin-bottom: 20px;
      display:block;
    }

    /* ************************************* */
    /*                                       */
    /* Layout                                */
    /*                                       */
    /* ************************************* */

    #page{
      width:100%;
      margin:0 auto 10px auto;
      background: white;
      padding: 0px 20px 10px 20px;
      -webkit-box-shadow: none;
      box-shadow:  none;
      min-height:auto;
    /*  background: white url(../img/_tmp/ruler.png) no-repeat top left;*/
    }

    /* ************************************* */
    /*                                       */
    /* Regions                               */
    /*                                       */
    /* ************************************* */

    .sidebar-right #content{
      width:100%;
    }

    #right{
      display: block;
      width:100%;
      border-top:1px dotted black;
      margin-bottom: 20px;
      margin-top: 0;
    }

    body > footer{
      margin: 0 auto 40px auto;
    }

    /* ************************************* */
    /*                                       */
    /* Header                                */
    /*                                       */
    /* ************************************* */

    #page > header{
      height:auto;
      margin-bottom: 10px;
      padding-top: 20px;
    }

    #logo{
      display:block;
      position:relative;
      top:auto;
      left: auto;
      margin:20px auto 10px auto;
    }

    /* ************************************* */
    /*                                       */
    /* Main navigation <nav> ul              */
    /*                                       */
    /* ************************************* */

    nav ul li a{
      width:auto;
    }

    /* ************************************* */
    /*                                       */
    /* Tabbed navigation #tabs ul            */
    /*                                       */
    /* ************************************* */

    div.tabs ul{
      table-layout: auto;
    }

    /* ************************************* */
    /*                                       */
    /* Listen                                */
    /*                                       */
    /* ************************************* */

    /* ************************************* */
    /* Bewertungsliste                       */
    /* ************************************* */

    .ratinglist.compact header{
      float:none;
      width:100%;
    }

    .ratinglist.compact section.rating{
      float:none; 
      margin-right:auto;
      margin-left: 0;
    }

    .ratinglist.compact dl{
      margin-bottom: 14px;
    }

    /* ************************************* */
    /* Filterbereich                         */
    /* ************************************* */

    /* .controls .filters select{
      width:200px;
    } */

    /* ************************************* */
    /*                                       */
    /* Inhalt                                */
    /*                                       */
    /* ************************************* */

    /* ************************************* */
    /*                                       */
    /* Bloecke                               */
    /*                                       */
    /* ************************************* */

    .block.about{
      width:100%;
    }

    /* ************************************* */
    /*                                       */
    /* Columns                               */
    /*                                       */
    /* ************************************* */

    body > footer .columns {
      width:100%;
    }

    body > footer .column {
      border-left:1px solid #BFBFBF;
      padding-left: 4%;
    }

    body > footer .col3 .column {
      width:50%;
    }

    /* ************************************* */
    /*                                       */
    /* Sections                              */
    /*                                       */
    /* ************************************* */

    /* ************************************* */
    /* Suggest                               */
    /* ************************************* */

    .suggest{
      text-align:right;
    }

    .cliniclist .suggest{
      position: absolute;
      top:-20px;
      right:0px;
    }

    /* ************************************* */
    /* Boxen in #content in Sidebarsituation */
    /* ************************************* */

    .aside,
    div.aside-small,
    .box.aside{
      width:100%;
      display: block;
      margin-right: 0;
    }

    aside section{
      margin: 0 auto 0 auto;
    }

    /* ************************************************** */
    /*                                                    */
    /* Aside - rechte Sidebar innerhalb von #content      */
    /*                                                    */
    /* ************************************************** */

    aside{
      display: block;
      width:100%;
      border-top:1px dotted black;
      margin-bottom: 20px;
    }

    aside.aside-small{
      width:260px;
    }

    /* ************************************* */
    /* Inhalt                                */
    /* ************************************* */

    section.content{
      width:auto;
    }

    .bewertung section.actions{
      padding-left: 0;
    }

    section.actions ul li{
      margin-right: 10px;
    }

    /* ************************************* */
    /* Comments                              */
    /* ************************************* */

    section.comments h3{
      margin-left: 0;
    }

    section.comments dt{
      text-align:left;
      margin-bottom: 0;
    }

    /* ************************************* */
    /*                                       */
    /* Elemente                              */
    /*                                       */
    /* ************************************* */

    .coop1{
      display: none;
    }

    /* ************************************* */
    /*                                       */
    /* Pager navigation .pager ul            */
    /*                                       */
    /* ************************************* */

    .pager{
      clear:both;
      width:100%;
      margin-bottom:20px;
    }

    .pager li{
      line-height: 40px;
    }

    .pager a,
    .pager span,
    .pager li.prev a,
    .pager li.next a{
      background-color: #d8d8d8;
      width: 40px;
      height: 40px;
      background-position: center center;
    }

    .pager li.current a, 
    .pager li.current span{
      background: white;
    }

    /* ************************************* */
    /*                                       */
    /* Footer                                */
    /*                                       */
    /* ************************************* */

    body > footer ul li{
      line-height:1.5714em;
    }

    body > footer ul li.current a{
      color:black;
    }

    body > footer ul li a{
      color:#444444;
      transition-property: color;
      transition-duration: 1s;
      -moz-transition-property:color;
      -moz-transition-duration:1s;
      -webkit-transition-property:color;
      -webkit-transition-duration:1s;
    }

    body > footer ul a:hover{
      color:black;
    }

    /* ************************************* */
    /*                                       */
    /* Suche                                 */
    /*                                       */
    /* ************************************* */

    #search .content{
      padding-bottom: 10px;
    }

    #search span{
      width:auto !important;
      display: block !important;
      margin: 0 20px 10px 0 !important;
      text-align: left !important;
    }

    #search form > span:first-child{
      padding-top: 0px;
    }

    #search form > span:last-child{
      padding-top: 5px;
    }

    #search span:nth-of-type(3),
    #search span:nth-of-type(4){
      width:48% !important;
      display: inline-block !important;
      margin-right: 0 !important;
    }

    #search input[type="text"]{
      margin-right: 0;
      display: block;
    }

    #search input[type=submit]{
      background: transparent url(/res/img/icons/icon-klinik-suchen.png) no-repeat center center;
      margin-left: 0px;
      width:140px;
    }


    /* ************************************* */
    /*                                       */
    /* Formularassistentenschritte           */
    /*                                       */
    /* ************************************* */

    #steps{
      table-layout: auto;
    }

    #steps li{
      background-image: none;
      padding: 5px !important;
    }

    #steps li:last-child{
      background-image: none;
    }

    #steps li a,
    #steps li span{
      line-height: 14px;
    }

    /* ************************************* */
    /*                                       */
    /* Formulare                             */
    /*                                       */
    /* ************************************* */

    .row-left label{
      width:100% !important;
      display:block !important;
      margin-bottom: 5px;
      text-align: left !important;
    }

    .row-right, 
    .row-submit{
      margin-left:0;
    }

    .row-submit {
      text-align: center;
    }

    input[type="submit"] {
      margin-right: 0;
    }

    .row-both span:first-of-type{
      display:block;
      width:100%;
      text-align: left;
      margin-bottom: 5px;
    }

    .row-both input[type=radio]{
      margin-left:0; 
    }

    .aligned{
      margin-left: 0;
    }

    .row-both .ttform-input-error{
      margin-top: 0 !important;
    }

    .row-both .ttform-input-error + input[type=radio]{
      margin-left: 0 !important;
    }

    .row-both div:first-of-type{
      margin-left: 0 !important;
    }

    /* ************************************* */
    /* Textinput                             */
    /* ************************************* */

    input[type="text"], 
    input[type="email"], 
    input[type="password"] {
      margin-right: 0;
      width: 100%;
    }

    input[type="text"].kcomment{
      margin-left: 0;
      width:60%;
      margin-right: 5px;
    }

    /* ************************************* */
    /* Textarea                              */
    /* ************************************* */

    textarea{
      width: 100%;
      display:block;
    }

    /* ************************************* */
    /* Erfahrungsbericht                     */
    /* ************************************* */

    section.rating{
      float:right;
      width:320px;
    }

    section.rating dt,
    section.report dt{
      width:180px;
      padding-right: 10px;
    }

    section.report dd{
      padding: 0 !important;
      margin-left: 190px;
      margin-right:0;
    }

    article.bewertung .rating dd{
      margin-left: 190px;
    }

    .button-rating{
      float:right !important;
      margin-bottom: 40px;
    }

    #scrollUp{
      display:none;
    }

    /* ************************************* */
    /* Anfragen                              */
    /* ************************************* */

    .forum .forumlist{
      width:100%;
      float:none;
      margin-bottom: 5px;
    }

    .block.forum > header{
      width:100%;
    }

}

/* **************************************************************************** */
/*                                                                              */
/* max-width: 600px fuer bestimmte Elemente                                     */
/*                                                                              */
/* **************************************************************************** */

@media screen and (max-width: 600px) {

    #family,
    #breadcrumb,
    #steps
    {
      display: none;
    }

    /* ************************************* */
    /*                                       */
    /* Tabbed navigation #tabs ul            */
    /*                                       */
    /* ************************************* */

    div.tabs ul{
      display: block;
    }

    div.tabs ul li{
      display: block;
    }

    /* ************************************* */
    /*                                       */
    /* Columns                               */
    /*                                       */
    /* ************************************* */

    .column {
      display: block;
      padding-right:0;
      width:100% !important;
    }

    .column:last-child {
      padding-left: 0;
    }

    /* ************************************* */
    /*                                       */
    /* Meta navigation #meta ul              */
    /*                                       */
    /* ************************************* */

    #meta ul li{
      display:block !important;
      width:100%;
    }

    #meta.responsive{
      width:100%;
      position:relative;
      height:auto;
      background: #FAF8F6;
    }

    #meta.responsive ul{
      width:100%;
      margin-bottom: 20px;
      display:none;
    }

    #meta.responsive ul li{
      border-right: 0 !important;
      padding-right: 0;
    }

    #meta.responsive ul li a{
      width:100%;
      padding:5px 0 5px 10px;
      display: block;
    }

    /* ************************************* */
    /* Toggle                                */
    /* ************************************* */

    .toggle-mobile-menu{
      display:block;
      background: white url(/res/img/icons/icon-mobile-nav.png) no-repeat top right;
      width:100%;
    }

    nav .toggle-mobile-menu{
      background-position: center right;
      height:50px;
    }

    #meta .toggle-mobile-menu{
      background-color: #edece9;
      height:30px;
      padding:5px 40px 5px 10px;
    }

    /* ************************************* */
    /*                                       */
    /* Rating section.rating                 */
    /*                                       */
    /* ************************************* */

    article.bewertung section.rating{

    }

    article.bewertung section.report dl{
      width:100%;
    }

    article.bewertung section.rating dt{

    }

    article.bewertung section.rating dd{

    }

    section.report dd{
      padding: 0 !important;
      display:block;
      margin-right: 0;
    }

    /* ************************************* */
    /*                                       */
    /* Anfragen                              */
    /*                                       */
    /* ************************************* */

    .forumlist .comment .user{
      float:none;
      width:100%;
      margin-bottom: 5px;
      white-space: nowrap;
    }

    section.comment p{
      margin-left:0;
    }

    /* ************************************* */
    /*                                       */
    /* Talkback                              */
    /*                                       */
    /* ************************************* */

    #talkback-main .controls > div{
        display:block;
        padding-left: 0;
        margin-bottom: 10px;
    }

    #talkback-main .controls > div:last-of-type{
      margin-bottom: 0;
  }

    /* ************************************* */
    /*                                       */
    /* Popup                                 */
    /*                                       */
    /* ************************************* */

    .popup {
      width:90% !important;
      left:5% !important;
    }
}

/* **************************************************************************** */
/*                                                                              */
/* max-width: 480px Smartphones                                                 */
/*                                                                              */
/* **************************************************************************** */

@media screen and (max-width: 480px) {

    .nosmart{
      display:none;
    }

    .suggest{
      text-align: left;
    }

    #page > header{
      margin-bottom: 0;
    }
                                
    /* ************************************* */
    /*                                       */
    /* Main navigation <nav> ul              */
    /*                                       */
    /* ************************************* */

    nav ul li{
      width:100%;
    }

    nav ul li a{
      width:auto;
      margin-right: 0;
    }

    /* ************************************* */
    /*                                       */
    /* Suche                                 */
    /*                                       */
    /* ************************************* */

    #search span{
      width:auto !important;
      display: block !important;
      margin: 0 20px 10px 0 !important;
    }

    #search span:nth-of-type(3),
    #search span:nth-of-type(4){
      width:100% !important;
      display: block !important;
      margin-right: 0 !important;
      padding-right: 20px;
    }

    /* ************************************* */
    /*                                       */
    /* Klinikliste                           */
    /*                                       */
    /* ************************************* */

    .cliniclist .controls,
    .cliniclist .suggest{
      display:none;
    }

    .cliniclist .rating dt,
    .cliniclist .rating dd{
      display: none;
    }

    .cliniclist .rating dt:first-child + dd,
    .cliniclist .rating dt:first-child{
      display: block;
    }

    /* ************************************* */
    /*                                       */
    /* Bewertungsliste                       */
    /*                                       */
    /* ************************************* */

    .klinik-normal .controls,
    .klinik-premium .controls{
      table-layout: fixed;
    }

    /* .klinik-normal .controls select,
    .klinik-premium .controls select{
      width:110px !important;
    } */

    .klinik-normal .controls > div:first-child,
    .klinik-premium .controls > div:first-child{
      padding-left: 0;
    }

    /* ************************************* */
    /*                                       */
    /* Pager navigation .pager ul            */
    /*                                       */
    /* ************************************* */

    .pager{
      margin-bottom:10px;
    }

    .pager a,
    .pager span{
      background-color: white;
      width: auto;
      height: auto;
    }

    .pager li.prev a,
    .pager li.next a{
      background-color: white;
    }

    /* ************************************* */
    /*                                       */
    /* Meta navigation #meta ul              */
    /*                                       */
    /* ************************************* */

    #meta ul li{
      padding-right: 0;
    }

    #meta ul li:last-child{
      border-right:0;
    }

    .list article:first-child{
      border-top:0;
      margin-top: -10px;
    }

    /* ************************************* */
    /*                                       */
    /* Rating section.rating                 */
    /*                                       */
    /* ************************************* */

    .button-rating{
      float:none !important;
      margin-bottom: 40px;
    }

    section.rating{
      float:none;
      width:100%;
      clear:both;
    }

    section.rating dt{
      float: none;
      text-align: left;
      width:100%;
    }

    section.rating dd{
      float: none;
      margin-bottom:10px;
    }

    /* ************************************* */
    /* Komplette Bewertung                   */
    /* ************************************* */

    article.bewertung section.rating dt{
      float:none;
    }

    article.bewertung section.rating dd{
      width:100%;
      margin: 0;
      padding: 0 0 10px 0;
    }

    article.bewertung section.rating dd img{
      position: relative;
      display:block;
      margin-bottom: 3px;
    }

    /* ************************************* */
    /*                                       */
    /* Erfahrungsbericht                     */
    /*                                       */
    /* ************************************* */

    article.bewertung section.report{

    }

    article.bewertung section.report dl{
      width:100%;
    }

    article.bewertung section.report dt{
      float:none;
      margin: 0;
      padding: 0;
      text-align: left;
    }

    article.bewertung section.report dd{
      width:100%;
      margin: 0;
      padding: 0;
    }

    /* ************************************* */
    /* Kommentare                            */
    /* ************************************* */

    section.comments dt{
      float:none;
    }

    section.comments dd{
      width: 100%;
      float:none;
      margin: 0;
    }

    /* ************************************* */
    /*                                       */
    /* Services                              */
    /*                                       */
    /* ************************************* */

    #kliniken .button,
    #webmaster .button {
        margin-top:10px;
    }

}