/* ------------------ Allgemein / Screen, Tablet und Handy  ------------------ */


@media only screen and (min-width: 100px) and (max-width: 1270px) {
  
  #head, #content, #footer {width:100% !important;}
 .head_inner, .content_inner, .footer_inner {width:90% !important; margin:0 auto !important;}

    /* Slideshow ausblenden */
  #djslider-loader106 {display:none !important;}
  .home #head {position:relative !important;}
  .home #slider {position:relative !important; overflow:inherit !important;}
  .home #slider .text {position:relative !important; background:url('../../../images/slideshow/slider01.jpg'); background-size:cover; background-position:center center;}
  .home #footer {position:relative !important;}
      body.home {height:100% !important;}
  #slider .moduletable {display:none !important;}
  #top_button {display:none !important;}
}



@media only screen and (min-width: 100px) and (max-width: 1270px) {
  /* Allgemein */
  #nav{display:none;}
  #nav_mobile {display:block; padding-top:20px !important; float:right !important; height:60px !important; width:50% !important; }
  
  .menu_mobile {height:0px; overflow:hidden; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
  .showing {height:auto !important; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
  
  #nav_mobile .logo_mobile img {width:100%; max-height:35px;}
  #nav_mobile .logo_mobile {width:50%; margin:0 auto; padding:30px 0;}
  
  #nav_mobile .burger_icon {text-align:right !important;}
  #nav_mobile .burger_icon:hover {cursor:pointer;}
  #nav_mobile .burger_icon img {height:60px !important;}
  #nav_mobile .nav-child {display:none;}
  #nav_mobile .menu_mobile ul li,   #nav_mobile .menu_mobile ul li a {color: #292a7d !important; line-height:35px;} 
  #nav_mobile .menu_mobile { position:absolute; background: #e9ecf3 none repeat scroll 0 0; border: 0 none; left: 0;width: 100%; z-index: 2147483647; }
  #nav_mobile ul {list-style:none !important;}
  #nav_mobile .menu_mobile li { border-bottom:1px solid #292a7d; padding-left: 25px; }
  
  
  /* Startseite */
  #slider .text .inner .moduletableslider_text {width:80% !important; margin-left:10% !important;}
  #slider .text .inner .customslider_text {width:auto !important;}
  
      /* Ansprechpartner */
  table.ansprechpartner {width:75% !important; float:none !important;}
  
}
  


@media only screen and (min-width: 100px) and (max-width: 800px) {
  
  .footer_left {display:none;}
  .footer_right {width:100% !important; text-align:center !important;}
    
}




/* ------------------ Handy  ------------------ */

/* --------------  

@media only screen and (min-width: 100px) and (max-width: 1000px) { 

 --------------------   ----- */
@media only screen and (min-device-width: 100px) and (max-device-width: 1000px) { 

  
html {
    font-size:30px !important;
    line-height: auto !important;
  }
 
  #site {padding:0px !important; width:100% !important;}
  body {width:100% !important;}
    

  
  p, span, .content_inner li, a.button{font-size:220%;line-height:120%;}
  p a.button, p span{font-size:100% !important;}
  h1 {font-size:350%;line-height:100%;}
  h2{font-size:300%;line-height:100%;}
  table.ansprechpartner h2 {font-size:250% !important; line-height:100%;}
  h3{font-size:220%;line-height:100%;}
  h4{font-size:220%;line-height:100%;}
  
  .karriere .content_inner, .projekte .content_inner, .team .content_inner, .kontakt .content_inner {width:90% !important;}  
  
    #nav_mobile, #logo, #nav_mobile .burger_icon img {height:100px !important;}
  #nav_mobile li a {font-size:300% !important; line-height:300% !important;}
  #nav_mobile .item-101 {display:none;}
  .footer_left {display:none;}
  .footer_right {width:100% !important; text-align:center !important;}
  .inner {padding:0 !important;}
  
 .item-pageleistungen table, .unternehmen table {padding:0 0 100px 0;}
.item-pageleistungen table td, .unternehmen table td {padding:0 0 100px 0 !important; display:block; max-width:100% !important; width: 100% !important;}
  .item-pageleistungen table td, .unternehmen table td {padding:0 0 20px 0 !important; display:block; max-width:100% !important; width: 100% !important;}
  
  /* Startseite */
  
  .home .content_inner {padding-bottom:15px !important;}
  
  #content {width:100% !important;}
  .content_inner {width:auto !important; padding:50px !important;}
  .home .content_inner {width:auto !important; padding:0px !important;}
  

  
  
  /* Unternehmen */
  img.trenner {margin:30px 0 !important;}
  
/* Leistungen */
  
 .leistungen #content table td {text-align:center !important;}
  .leistungen #content td {padding-top:50px !important;}
  .leistungen #content table td li {list-style:none;}
  
     /* Ansprechpartner */
  table.ansprechpartner {width:100% !important; float:none !important;}
  .team a.mail {font-size:220%; line-height:120%;}
  
  /* Kontakt */
  iframe {display:none !important;}
  .kontakt .contact_content{display:none !important;}
  .kontakt .fc_page {width:95% !important; padding:2.5% !important; float:none !important; height: auto !important;}
  .kontakt .fc_form input, .kontakt .fc_form textarea, .kontakt .fc_form button {font-size:200% !important; line-height:100% !important;}
  .fc_form label, .fc_form input, .fc_form select{height:auto !important;}
  /* Footer */
#footer {height:auto !important;}
.footer_inner {width:100% !important;}
  .footer_inner .left {padding-left:25px !important;}
  .footer_inner .right {padding-right:25px !important; height:80px !important;}
  .footer_inner .right img {height:100% !important;}
.footer_inner .left li {display:none;}

.footer_inner li a { font-size:200% !important; line-height:400% !important}
.footer_inner .left li.must {display:inline-block !important;}
  .footer_inner .right img {height:100% !important;}

  
  /* Projekte */
  .projekt .overlay {display:none !important;}
  .projekt p {position:relative !important;}
  .projekt {width:100% !important; float:none !important;}
  
  
  /* Cookie Hinweis */
  #redim-cookiehint {padding-top:30px !important; padding-bottom:30px !important;}
  .cookiecontent {font-size:250% !important; line-height:150% !important;}
  .cookiebuttons {float:none !important;margin-top:35px !important;}
  .cookiebuttons a, .cookiebuttons button {font-size:250% !important; line-height:150% !important;}
 #redim-cookiehint .cookiebuttons a.btn {padding-left:0 !important; text-decoration:underline !important;}
  #redim-cookiehint .cookiebuttons button.btn {font-size:300% !important; padding-left:60px !important; padding-right:60px !important; margin-left:30px !important;}
  #redim-cookiehint { background-color: rgba(50,50,50, 0.9) !important; }
  #redim-cookiehint { width:100% !important; left:0 !important; bottom:0px !important;}
  
  
  
}



/* Handy quer gehalten - Navigation */
@media only screen and (max-device-width: 500px) and (orientation:landscape){

}