/* Tablet portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
 
body { width: 768px; }
.shell { width: 748px; }
#navigation ul li a { padding: 0 22px;  }
#navigation ul li.first a { padding-left: 26px; }

.not-tablet { display: none; }

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

.rubrik_main { padding-top: 40px; }
.rubrik_head { padding: 20px; text-align: left; vertical-align: middle; }
.rubrik_title { padding-left: 120px; padding-top: 50px; }
.rubrik-icon { float: left; height: 85px; width: 85px; padding-top: 20px; }

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

.rubrik_table { width:631px; margin-top: 5px; border-spacing: 0px; }
.rubrik_cols { height: auto;}
.rubrik_cols > div { display: inline-block; }
.rubrik_col { }
.rubrik_item_head { width: 220px; background: #f3f3f3; text-align: left; padding-left: 11px; padding-top: 10px; padding-bottom: 10px; }
.rubrik_item_date { width:  80px; background: #f3f3f3; text-align: center; }
.rubrik_item_link { width: 150px; background: #f3f3f3; text-align: center; }
.rubrik_item_preis { width: 50px; background: #f3f3f3; text-align: center; padding-right: 10px; }
.rubrik_item_border { width: 10px; background: white; }
.rubrik_item_action { width: 120px; background: #f3f3f3; }
.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; }
  
  .slider-holder { position: relative; margin-top: 45px; }
  .slider-holder span.slider-b { background: url(images/t-slider-bottom.png) no-repeat 0 0;  width: 748px; height: 30px; position: absolute; bottom: -13px; left: 0px; z-index: 100;}
  .slider-holder span.slider-shadow { background: transparent; display: none;  }
  .flex-control-nav { left: 346px; }

  .slider { width: 748px; height: 292px; position: relative;}
  .slider ul.slides { list-style: none; list-style-position: outside; }
  .slider ul.slides li { width: 748px  !important; height: 292px; float: left; position: relative; }

  .slider ul.slides li .img-holder { bottom: 0px; right: 0px; }
  .slider ul.slides li .img-holder img { width: 748px  !important; height: 292px  !important; }

  .slider ul.slides li .slide-cnt { width: 320px; padding: 0px 0 0 34px; }
  .slider ul.slides li .box-cnt { width: 285px; }
  .slider ul.slides li .slide-cnt h2 { font-size: 20px; line-height: 40px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }

  .main { padding: 47px 0 0 0;  }
  .main section { background: url(images/t-section-shadow.png) no-repeat center bottom; padding-left: 20px; padding-right: 20px;  }

  .main .cols { margin: 0 0 0 0; padding-left: 22px; padding-right: 22px; }
  .main .cols .col { width: 192px; padding-left: 21px; padding-right: 21px; }
  .main .cols .col + .col { padding-left: 21px; padding-right: 21px; }
  .main .cols .col img { float: none; display: block; padding-left: 31px; padding-right: 31px; margin: 0 auto; }
  .main .cols .col-cnt { width: 150px; padding-left: 21px; padding-right: 21px; text-align: center; }

  .main .cols .kachel { width: 187px; height: 200px; border: 10px solid; border-color: white; background: #f3f3f3; display: inline-block; justify-content: space-around; flex-wrap: wrap; padding-left: 11px; padding-right: 11px; }
  .main .cols .kachel + .kachel { padding-left: 11px; }
  .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; padding-bottom: 10px; padding-top: 20px;}
  .main .cols .kachel-cnt { width: 183px; float: right; text-align: center; }

  .main .testimonial { background: transparent; }
  .main .post { background: url(images/t-section-post.png) no-repeat center bottom; padding-left: 20px ;  }
  .main .post .video-holder { width: 435px; height: 245px; float: none; display: block;  margin-right: 0px; margin-bottom: 20px;  }
  .main .post-cnt { float: none; display: block;  width: 100%; }

  .socials-inner { padding-left: 70px; }
  .footer-bottom { height: 58px; }
  .footer-cols { padding-left: 40px; }
  .footer-cols .col { width: 150px; }
  .footer-cols .col + .col { padding-left: 28px; }
  .footer-cols .col ul li { font-size: 12px; }

  .footer-bottom .footer-nav { float: none; display: block; text-align: center; padding-bottom: 18px;  }
  .footer-bottom p.copy { float: none; display: block; text-align: center; }
  .head-picdesktop { display: none; }
  .head-picdesktop-tablet { display: block; }
  .con-head-anfrage { display:none; }
  .semi-trennung { display: none; }
  .semi-trennung-tablet { display:block; }
  .semi-trennung-mobile { display: none; }
  .margin-tablet-head { margin-top: 32px; }
  .navi-tablet { background: rgba(0, 0, 0, 0) url("images/navigation.png") repeat-x scroll 0 0; height: 52px; margin-top:52px; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1); padding-left: 140px; }
  #navigation ul li:not(#left-navigation) a { padding: 0 32px 0 33px; }
  #navigation ul li.first:not(#left-navigation) a { padding-left: 57px !important; }
  #navi-mobile { display: none; }
  .only-mobil { display: none; }
}