/*######### Handy-Ansicht: ############ */
@media only screen and ( max-width: 767px) {

	body { width: auto; }
  .shell { width: 320px; margin: 0 auto;  }
  #header { position: relative; z-index: 1000; padding-left: 0; padding-right: 0; }
  #logo { float: left; display: block; margin: 0 auto; padding: 0 0 0 0; padding-left: 30px; }
  .search { display: none; }

  #navigation { padding: 0 0 0 0; height: 36px; }
  #navigation a.nav-btn { display: block; font-size: 13px; line-height: 36px;  padding-top: 0px; height: 28px; padding-left: 22px; text-transform: uppercase; color: #981e23; font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
  #navigation a.nav-btn:hover { text-decoration: none; }
  #navigation a.nav-btn span.arr { background: url(images/nav-arr.png) no-repeat 0 0; width: 13px; height: 9px; position: absolute; right: 14px; top: 12px; }
  #navigation a.nav-btn span.arr.active { background: url(images/nav-arr.png) no-repeat 0 bottom; }

  #navigation { position: relative; z-index: 1000; }
  #navigation ul { display: none; position: absolute; top: 36px; left: 0;  width: 100%;}
  #navigation ul li:not(#left-navigation) { display: block; line-height: 36px !important; float: none; background: url(images/navigation.png) repeat 0 0;  }
  #navigation ul li a { padding: 0 22px; }
  #navigation ul li.first a { padding-left: 26px; display: none; }
  #left-navigation { display: none;}
  #navigation ul li.first:not(#left-navigation) a { padding-left: 19px!important; }

.rubriktitle { padding: 32px; color: #000; font-family: sans-serif; font-size: 12; font-weight: bold; }

.rubrik_main { padding-top: 5px; }
.rubrik_head { padding: 20px; text-align: left; vertical-align: middle; }
.rubrik_title { font-size: 1.1em; padding-left: 100px; padding-top: 40px; }
.rubrik-icon { float: left; height: 65px; width: 65px; padding-top: 20px; }

.rubrik_content { margin-top: 50px; }
.rubrik_content_text {  }
.rubrik_content_h { padding-top: 25px; }
.rubrik_back { }

.rubrik_table { width:268px; margin-top: 5px; border-spacing: 0px; }
.rubrik_cols { height: auto;}
.rubrik_cols > div { display: inline-block; }
.rubrik_col { }
.rubrik_item_head { width: 268px; background: #f3f3f3; text-align: left; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
.rubrik_item_date { display: none; }
.rubrik_item_link { width: 170px; background: #f3f3f3; text-align: center; }
.rubrik_item_preis { display: none; }
.rubrik_item_border { display: none; }
.rubrik_item_action { display: none; }
.rubrik_action_btn { background: url(images/grey-btn-1.png) no-repeat 0 0; text-align: center; display: block; 
    font-weight: bold; font-size: 14px; color: #0f0f0f; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }

  .m-slider { background: #f3f3f3;  }
  .slider-holder { position: relative; margin: 0 auto; width: 310px; }
  .slider-holder span.slider-b { background: url(images/m-slider-bottom.png) no-repeat 0 0; width: 310px; height: 12px; position: absolute; bottom: -3px; left: 0px; z-index: 100;}
  .slider-holder span.slider-shadow { background: transparent; display: none; }
  .flex-control-nav { left: 130px; }

  .slider { width: 310px; height: 181px; overflow: hidden; position: relative;}
  .slider ul.slides li { width: 310px !important; height: 181px !important; float: none; }

  .slider ul.slides li .img-holder { bottom: -10px !important; left: 50%;  }
  .slider ul.slides li .img-holder img { width: 310px  !important; height: 181px !important; }

  .slider ul.slides li .slide-cnt { width: 300px; margin: 0 auto;  padding: 20px 0 0 0px; }
  .slider ul.slides li .box-cnt { display: none; }
  .slider ul.slides li .slide-cnt h2 { font-size: 22px; text-align: center;  line-height: 25px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
  .slider ul.slides li .slide-cnt a.grey-btn { display: none;  }

  .main { padding: 40px 0 0 0; }
  .main section { background: url(images/m-section-shadow.png) no-repeat center bottom; padding: 0 20px 20px 20px; }
  .main .cols { margin: 0 0 0 0; padding-left: 12px; padding-right: 12px; }
  .main .cols .col { width: 188px; float: none; display: block; padding-bottom: 22px; margin: 0 auto; }
  .main .cols .col img { float: none; display: block; padding-left: 29px; padding-right: 29px; margin: 0 auto; }
  .main .cols .col-cnt { width: 188px; text-align: center; float: none; display: block; padding-left: 0px; padding-right: 0px; }

  .main .cols .kachel { width: 252px; height: 230px; float: left; border: 10px solid; border-color: white; background: #f3f3f3; display: inline-block; justify-content: space-around; flex-wrap: wrap; padding-left: 11px; padding-top: 15px; }
  .main .cols .kachel + .kachel { padding-left: 15px; padding-top: 15px; }
  .main .cols .kachel .div { margin: 2px; padding: 25px; font-size: 12px; }
  .main .cols .kachel div h2 { font-size: 12px; color: #000000; }
  .main .cols .kachel .kachtxt > img { float: none; display: block; margin-left: auto; margin-right: auto;  width:100px; height:100px; padding-top: 10px;}
  .main .cols .kachel-cnt { width: 202px; padding-left: 25px; padding-right: 25px; }

  .main .kachel { margin: 0 0 0 0; }
  .main .kachel .col { width: 188px; float: none; display: block; padding-bottom: 22px; margin: 0 auto; }
  .main .kachel .col img { float: none; display: block; margin: 0 auto; }
  .main .kachel .col + .col { padding-left: 0px; }
  .main .kachel .col-cnt { width: 268px; text-align: center; float: none; display: block;  }

  .main a.m-btn-grey { display: block; background: url(images/m-btn-grey.png) repeat-x 0 0; margin: 0 10px 14px;  height: 39px; text-align: center; line-height: 39px; border: 1px solid #9e9f9f; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; display: block; font-weight: bold; font-size: 18px;  color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
  .main a.m-btn-grey:hover { background-position: 0 bottom; text-decoration: none; }

  .main .post  { background: url(images/m-section-post.png) no-repeat center bottom; padding-top: 28px; padding-left: 20px;   }
  .main .post .video-holder { width: 280px; height: 162px; float: none; display: block;  margin: 0 auto 20px;  }
  .main .post .video-holder img { width: 280px; height: 162px; }
  .main .post-cnt { float: none; display: block;  width: 100%; }
  .main .post-cnt p strong { display: block; padding-bottom: 12px; }

  .testimonial h2 { font-size: 21px; }
  .testimonial p.author { text-align: center; }

  .socials { background: url(images/socials-bg.png) repeat-x 0 0;  padding-bottom: 20px;  height: 100%; }
  .socials-inner { padding-left: 10px; }
  .socials h3 { float: none; display: block; }
  .socials ul li { display: block; float: none; line-height: 30px;  }
  .socials ul li a { display: block; float: none; }
  .socials ul li a span { top: 4px; }

  #footer h2 { padding-bottom: 12px; }
  .footer-cols { padding-left: 10px; padding-right: 0; padding-bottom: 0; }
  .footer-cols .col { width: 150px; float: none; display: block; padding-bottom: 22px; }
  .footer-cols .col + .col { padding-left: 0px; }
  .footer-cols .col ul li { font-size: 12px; }

  .footer-bottom { height: 58px; }
  .footer-bottom { padding: 10px 9px 20px; height: 100%; }

  .footer-bottom .footer-nav { float: none; display: block; text-align: center; padding: 0 0px 18px; }
  .footer-bottom .footer-nav ul li { padding: 0 4px; border: 0; font-size: 10px !important;  }

  .footer-bottom p.copy { float: none; display: block; text-align: center;  }
  .footer-bottom p.copy strong { display: block;  padding-top: 10px; }
  .footer-bottom p.copy span { display: none; }

  .head-picdesktop { display: none; }
  .con-head-anfrage { display:none; }
  .semi-trennung { display: none; }
  .semi-trennung-tablet { display:none; }
  .semi-trennung-mobile { display: block; margin-left: -17px; }
  .not-m { display: none; }
  .only-mobil { display:block; padding-top: 10px; padding-bottom: 5px; font-size:14px; }
  .padding-site { padding: 1em 2em; }
  .padding-site-sem { padding: 1em 0em; }
  .footer-bottom .footer-nav ul li { display: inline-block; line-height: 20px; }
  .over-list-preis { display: none; }
  .over-list-termin { display: none; }
  .not-mobile { display: none; }
  .semhead-seminar { margin-left: 40px; margin-top: 15px; margin-bottom: 15px; }
  .contact-height { height:950px; }
  ul#inhalt { -moz-column-count:1!important; }
  .semi-table { padding:6px; }
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  {

  #navigation a.nav-btn span.arr { background: url(images/nav-arr@2x.png) no-repeat 0 0; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
  #navigation a.nav-btn span.arr.active { background: url(images/nav-arr@2x.png) no-repeat 0 bottom; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
  #logo a { background: url(images/main/logo_ab16.png) no-repeat 0 0; -webkit-background-size: 260px 72px; -moz-background-size: 260px 72px; background-size: 260px 72px; }
  .head-picdesktop, .head-picdesktop-tablet { display: none; }
  .semi-trennung { display: none; }
  .semi-trennung-tablet { display: none; }
  .semi-trennung-mobile { display: block; }
  .not-m { display: none; }
  .semi-kurztext { width:190px; }
  .semi-vorraus{ width:190px; }
  .semi-vorraushead { width:190px; }
  .semi-mehrwert { display:none; }
  .semi-termin { width:85px; }
  .semi-terminhead { width:85px; }
  .semi-anfragen{ margin-left:0px; }
  .semi-table { padding:4px; }
  .td-termine { width:90px; }
}