/* Smartphone Hochformat (Portrait) & Smartphone Querformat (Landscape) */
@media only screen
  and (min-width: 320px)
  and (max-width: 767px) {

    .logo_mobil_nav { 
      display: block; 
    }
    .logo_nav, .logo { 
      display: none; 
    }
    .navbar {
      position: inherit;
      padding: 1rem 0rem 0.5rem 0rem;
    }
    .navbar-light .navbar-brand {
      color: rgba(0,0,0,.9);
      margin-left: 0em;
    }
    .navbar-collapse {  
      margin-top: 1em;
    }
    .navbar-light .navbar-toggler { 
      color: #404040; 
      margin-right: 0.5em;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0em;
      padding-left: 1em;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      margin-right: 0em;
    }
    .navbar-nav.sm-collapsible .sub-arrow {
      background-color: #ffffff;
      color: #404040;
    }
    .dropdown-menu {
      max-height: max-content;
      max-width: 100% !important;
      width:  100% !important;
      border: 0px solid rgba(0,0,0,.15);
      border-radius: 0em;
    }
    .navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
      margin: 0em;
    }
    .pipe {
      display: none;
    }
    .lang_de, .lang_en {
    padding-right: 0em;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    }
    #verkaufsunterlagenanfordern-341 .input {
      float: right;
      width: 100%;
    }
    #verkaufsunterlagenanfordern-341 .control-label {
      margin-bottom: .5rem;
      float: left;
      width: 100%;
    }
    #reg_de-76 .form-group, #logindaten_de-75 .form-group {
      height: auto;
    }
    #reg_de-76 .control-label, #logindaten_de-75 .control-label {
      width: 100%;
    }
    #reg_de-76 .input, #reg_de-76 select, #logindaten_de-75 .input, #logindaten_de-75 select {
      width: 100%;
    }
    #reg_de-76 .form-check, #logindaten_de-75 .form-check {
      width: 100%;
    }
    #reg_de-76 .help-block {
      width: 100%;
    }
  /* Seite Referenzen & Aktuelles */     
    #c2815 .ce-column,
    #c7150 .ce-column,
    #c7149 .ce-column,
    #c4584 .ce-column,
    #c4588 .ce-column {
      margin-right: 10px;
      margin-bottom: 10px;
    }
.ce-gallery .ce-column {
    margin-right: 10px;
    margin-bottom: 10px;
} 
.ce-gallery .ce-column:last-child {
    margin-right: 10px;
    margin-bottom: 0px;
}    
.container_header .ce-gallery .ce-column {
  margin-right: 0px;
}
    
 
}
 
/* Tablet Hochformat (Portrait) */
@media only screen
  and (min-width: 768px)
  and (max-width: 991px) {
 

    .logo_mobil_nav {
      display: block;
    }
    .logo_nav, .logo {
      display: none;
    }
    .navbar {
      position: inherit;
      padding: 1rem 0rem 0.5rem 0rem;
    }
    .navbar-light .navbar-brand {
      color: rgba(0,0,0,.9);
      margin-left: 0em;
    }
    .navbar-collapse {  
      margin-top: 1em;
    }
    .navbar-light .navbar-toggler {
      color: #404040;
      margin-right: 0.5em;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0em;
      padding-left: 1em;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      margin-right: 0em;
    }
    .navbar-nav.sm-collapsible .sub-arrow {
      background-color: #ffffff;
      color: #404040;
    }
    .dropdown-menu {
      max-height: max-content;
      max-width: 100% !important;
      width:  100% !important;
      border: 0px solid rgba(0,0,0,.15);
      border-radius: 0em;
    }
    .navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
      margin: 0em;
    }
    .pipe {
      display:none;
    }
    .lang_de, .lang_en {
    padding-right: 0em;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    }
    #verkaufsunterlagenanfordern-341 .input {
      float: right;
      width: 100%;
    }
    #verkaufsunterlagenanfordern-341 .control-label {
      margin-bottom: .5rem;
      float: left;
      width: 100%;
    }
    #reg_de-76 .form-group, #logindaten_de-75 .form-group {
      height: auto;
    }
    #reg_de-76 .control-label, #logindaten_de-75 .control-label {
      width: 100%;
    }
    #reg_de-76 .input, #reg_de-76 select, #logindaten_de-75 .input, #logindaten_de-75 select {
      width: 100%;
    }
    #reg_de-76 .form-check, #logindaten_de-75 .form-check {
      width: 100%;
    }
    #reg_de-76 .help-block {
      width: 100%;
    }
    
 /* Referenzen */
    #c3020 .ce-column,
    #c3029 .ce-column,
    #c3036 .ce-column {
    margin-right: 10px;
    margin-bottom: 10px;
}
    
    
    
 /* Seite Aktuelles */ 
    #c7150 .ce-column,
    #c7149 .ce-column,
    #c4584 .ce-column,
    #c4588 .ce-column,
    #c4589 .ce-column,
    #c7408 .ce-column {
      margin-right: 10px;
      margin-bottom: 10px;
    }    
.ce-gallery .ce-column {
    margin-right: 10px;
    margin-bottom: 10px;
} 
.ce-gallery .ce-column:last-child {
    margin-right: 10px;
    margin-bottom: 0px;
}    
    

}

 
/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen
  and (min-width: 992px)
  and (max-width: 1199px) {
    
 /* Seite Referenzen & Aktuelles */   
#c2815 .ce-column,
#c7150 .ce-column {
    margin-right: 10px;
    margin-bottom: 10px;
    }
 
}
