@media (max-width: 767px) {
/*
  .navbar-header {
      float: none;
  }
  .navbar-default .navbar-collapse{
border:none !important
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  
 .navbar{
    width: 100%;
    position: absolute;
 
 } 

 */
 
#disclaimer{
line-height:2;
} 

.res-nav {
width:100%;
}
.res-nav #brandi-res {
 display:inline;

}
.res-nav #brandi-res img{
 width:230px;
 float:left;
 
}
   
.full-nav{
display:none;
}
 .nav-wrapper {
margin-top: 0px; 
float:none;
}

.navbar-collapse{
   /*border-top: none;*/
  -webkit-box-shadow:none !important;
  box-shadow: none !important;
}

.navbar-nav {
margin-left: 10px;
margin-right: 0px;
margin-top: 10px;
}

.nav>li{
margin-top:5px;
background: #ffc698;
}

.navbar-nav > li > a, .navbar-nav > li:last-child > a{
 font-family: 'Coolvetica';
 color:#585151;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color:#585151;
    background:none;
}

.dropdown-menu > li > a:hover,dropdown-menu > li > a:active,.dropdown-menu > li > a:focus{
 background:none;
}

 .services-body{
 padding-left:0px;
 padding-right:0px;
 }
 .services-item{
 width:50% !important;
 }
 
 
 .kontakt-hallo{
width:95%;
}

.kotakt-text{
width: 100%;
font-size: 12px;
text-align: center;
}

.kotakt-text h3{
line-height: 1.1;
margin-left:10px;
font-size: 20px;
}



.hallo-icon-brief {
    margin-left: 10px;
    text-align: center;
    width: 100%;
}

.team {
    width: 70%;
    margin-left: 15%;
}

.team-icon {
    height: 245px;
    margin-left: 0px;
    margin-right: 5px;
}

.team-member-name{
font-size:16px;
}
.team-member-info,.team-member-main-info,.team-member-top-info,.team-member-email{
font-size:13px;
}

.kontakt-icon{
display:none;
}
.kontakt-icon-res img{
display:inline;
}
 
}


@media only screen and (max-width: 380px) {
.teilen {
 display:inline !important;
 margin-top: 50px !important;
    width: 50px;
    left: 0px;
    top: 285px !important;
    position: absolute;
    float: left;

}

/*
.nav-wrapper {
    margin-top: 0px !important; 
    width: 100%;
}
*/

#address-complete{
top:30% !important;
right:12% !important;
}

.navbar-toggle{
  margin-top: 12px !important;
}
.kontakt-icon, .socialmedia {
display:none;
}

#about-us{
padding-left: 10px;
padding-right: 10px;
}

.portfolio-items{
width:94%;
margin: 10px 10px 0px 8px;
}
.kontakt-hallo{
width:95%;
}

.kotakt-text{
width: 100%;
margin-left: 15px;
font-size: 12px;
}

.kotakt-text h3{
line-height: 1.1;
margin-left:10px;
}
.teilen{
  /*margin-top: 180px;*/
  z-index: 3000;
}

#portfolio-titel, #team-titel,#standort-titel{
    font-size: 70px;
} 
#team-titel{
margin-left:10px;
}
.footer-body{
margin-left:0px;
}

#kontakt-wrapper{
padding-top:30px;
margin-top:0px;
padding-bottom: 100px;
}

.hallo-icon-brief {
    margin-left:0px !important;
}

.kotakt-text h3{
font-size:20px;
}
.kotakt-text p {
font-size:16px;
}
/*
.web,
.seo,
.print,
.cms,
.plogo,
.edit,
.hosting,
.psocialmedia,
.dialog,
.paket

{
height: 150px;
margin-top:25px;
}
*/
#details-interface, #details-print, #details-cms, #details-logo, #details-seo, #details-edit, #details-hosting, #details-socialmedia {
width:94% !important;
margin-left:8px;
}

.team-icon {
    height: 10px !important;
    margin-left: 0px;
    margin-right: 0px;
}
.team-icon img {
    width: 38% !important;
    position: absolute;
    top: -100px !important;
    margin-left: 200px !important;
}

.team{
width:100%;
}

.team-member-name{
font-size:15px;
}
.team-member-info,.team-member-top-info{
font-size:12px;
}

}






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

.kontakt-hallo{
width:95%;
}

.kotakt-text{
width: 100%;
font-size: 12px;
text-align: center;
}

.kotakt-text h3{
line-height: 1.1;
margin-left:10px;
font-size: 20px;
}



.hallo-icon-brief {
    margin-left: 0px;
    text-align: center;
}
.portfolio-items {
    width: 100%;
    margin:10px 0px 0px 0px;
}
.item-desc {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px
}
.details-control{
padding:0px;
}

#about-us{
padding-left:0px;
padding-right:0px;
}


.team-icon {
    height: 10px !important;
    margin-left: 0px;
    margin-right: 0px;
}


.team{
width:100%;
}

.team-member-name{
font-size:15px;
}
.team-member-info,.team-member-main-info,.team-member-top-info{
font-size:12px;
}

#kontakt-wrapper{
padding-top:10px;
}

.team-icon img {
    width: 38% !important;
    position: absolute;
    top: -100px;
    margin-left: 200px;
}
.team-icon{
   width: 50%;
}
/*
.web,
.seo,
.print,
.cms,
.plogo,
.edit,
.hosting,
.psocialmedia,
.dialog,
.paket
{
    height: 170px;
    margin-top: 25px;
}*/

.services img {
    width: 98%;
}

}

@media only screen and (min-width: 529px) and (max-width: 600px){
#details-interface, 
#details-print, 
#details-cms, 
#details-logo, 
#details-seo, 
#details-edit, 
#details-hosting, 
#details-socialmedia, 
#details-dialog, 
#details-packet{
    width: 97.8% !important;
}
}


@media only screen and (min-width: 601px) and (max-width: 992px) {

#details-interface, 
#details-print, 
#details-cms, 
#details-logo, 
#details-seo, 
#details-edit, 
#details-hosting, 
#details-socialmedia, 
#details-dialog, 
#details-packet{
    width: 97.4% !important;
}
.impressum-body{
    padding-left: 40px;
    padding-right: 40px;
    margin-left:0px !important;
}
}



@media only screen and (max-width: 600px) {
.services-item{
 width:100% !important;
 }
 
 #details-kontakt{
 padding-left:0px;
 padding-right:0px;
 }
  .footer-body{
  margin-left: 0px;
  }
  
  #portfolio-wraper{
  padding-bottom:235px;
  }
  #facebook-res, #instagram-res{
  display:none !important;
  }
  
   .teilen {
   display:none;
  }

  .services {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important
  }
  
  #impressum-wrapper{
  padding-left:20px !important;
  padding-right: 20px !important;
  margin-left:0px !important;
  }
  
    #disclaimer, #daten{
      font-size:25px !important
    }
  .impressum-body h2{
  font-size:25px !important;
  }
  .impressum-body{
    padding-left: 0px;
    padding-right: 0px
  }
}

@media only screen and (min-width: 530px) and (max-width: 768px) {

/*
.web,
.seo,
.print,
.cms,
.plogo,
.edit,
.hosting,
.psocialmedia,
.dialog,
.paket  
{
   height: 120px;
   background-size: cover !important;
   background-position: center center !important;
   width: 100%;
   margin: 40px auto;
}
*/
}



   

@media only screen and (min-width: 768px) and (max-width: 992px) {

 
 .kontakt-hallo{
width:95%;
}

.kotakt-text{
width: 100%;
font-size: 12px;
text-align: center;
}

.kotakt-text h3{
line-height: 1.1;
margin-left:10px;
font-size: 20px;
}

.hallo-icon-brief {
    margin-left: 10px;
    text-align: center;
    width: 100%;
}

.team-member-name{
font-size:16px;
}
.team-member-info,.team-member-main-info,.team-member-top-info,.team-member-email{
font-size:13px;
}
.team {
    width: 60%;
    margin-left: 20%;
}
.team-icon img{
bottom:130px;
}

/*
.web,
.seo,
.print,
.cms,
.plogo,
.edit,
.hosting,
.psocialmedia,
.dialog,
.paket
{
    height: 170px;
    margin: 20px auto;
}
*/
.nav-wrapper {
margin-top: 5px; 
margin-right: 10px;
}

}

@media only screen and (max-width: 575px){
.team{
width:100%;
margin-left: 0px !important
}
.team-icon img {
    width: 38% !important;
    position: absolute;
    top: -130px;
    margin-left: 220px;
}
.team-icon{
height: 10px !important;
   width: 50%;
}

.nav-wrapper {
margin-top: 0px; 
}

}


@media only screen and (min-width: 992px) and (max-width: 1199px) {


.hallo-icon-brief {
    margin-left: 0px;
}

.team-member-name{
font-size:18px;
}
.team-member-info,.team-member-main-info,.team-member-top-info,.team-member-email{
font-size:16px;
}
.team-icon img{
bottom:50px;
}
#details-interface, 
#details-print, 
#details-cms, 
#details-logo, 
#details-seo, 
#details-edit,
#details-hosting, 
#details-socialmedia, 
#details-dialog, 
#details-packet{
width:97% !important;

}
.nav-wrapper {
margin-top: 15px; 
margin-right: 10px;
}
}


@media only screen and (min-width: 1199px) and (max-width: 1230px) {

.nav-wrapper {
margin-right: 10px;
}
}

@media (max-width: 360px){
.res-nav #brandi-res img {
    width: 190px;
    float: left;
}
.team-member-info,.team-member-main-info,.team-member-top-info{font-size:9px;}

}

/*
@media (max-width: 800px){
#impressum-wrapper{
padding-left:40px;
padding-right:40px;
}
 
}*/