/*Variables*/
/*Header*/


@media (min-width: 1024px) and (max-width: 2024px){
        /* styles for browsers larger than 960px; */
        .block-mainnavigation-2{
                margin-left: 5%;
                }
                
                ol, ul {
    padding-left: 0px;
}
         
         
         bildsize {
    width: 60%;
}
                }



  @media (min-width: 770px) and (max-width: 990px){

.parallax02 {
    padding-top: 85px;
}

.parallax01 {

    padding-top: 57px;
    height: auto;
    padding-bottom: 57px;

}

.bbgtxtright {
    padding-left: 0%;
}

ol, ul {
    padding-left: 0px;
}

.flotte6 {
    margin-right: 0.6%;
    background: #001D49;
    margin-left: 2.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    line-height: 100%;
    padding-left: 1%;
    color: #FFD271;
    padding-right: 1%;
}

 .zeppenfeld{
    margin-right: 25px;
}

.partnerlogo{
    margin-bottom: 2%;
}
  .intercargo { 

margin-top: 13px; }
  

}
  

@media (min-width: 990px) and (max-width: 1200px){
    .flotte5 {
    padding-right: 0.7%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
    }
    
.flottekapa {
    padding-right: 6%;
    background: #FFC949;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}    

.flotte2 {
    padding-right: 8.5%;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte3 {
    padding-right: 5.9%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.edgarsmall{
padding-right: 5.7%;
background: #fff;
padding-left: 1.5%;
padding-top: 1%;
padding-bottom: 1%;
line-height: 100%;
}

.tansanit {
padding-right: 5%;
padding-left: 1.1%;
}

.edgar {
    padding-right: 2.2%;
    padding-left: 0.7%;
}
   
   .flotte5 {
    padding-right: 6.7%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte4pana {
    padding-right: 2.4%;
}

.flotte4ultramax {
    padding-right: 2.5%;
}
.flotte1 {
    padding-right: 9.5%;
}

.flotte1a {
    padding-right: 6%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flottealmadin {
    padding-right: 6.5%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte4 {
    padding-right: 3.2%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}


.flotteyear {
    padding-right: 2.75%;
    background: #FFC949;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotteamazonit {
    padding-right: 6.6%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}


.flotteametrin {
    padding-right: 7.06%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte6a {
    padding-right: 5.5%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}


.flotte {
padding-right: 12%;
}

.flottearagonit {
    padding-right: 7.4%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte7a {
    padding-right: 0%;
    color: #58595B;
    padding-left: 1.5%;
}


.flotteazurit {
    padding-right: 9.35%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotteperidot {
    padding-right: 3.8%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

flottelapislazuli {
    padding-right: 2.88%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}



.flotte10a {
    padding-right: 3.6%;
    color: #58595B;
    padding-left: 1.5%;
}

.flottenautical {
padding-right: 1%;
background: #fff;
padding-left: 1.5%;
padding-top: 1%;
padding-bottom: 1%;
line-height: 100%;
font-size: 14px;
}

.flottehilary {
    padding-right: 2.5%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte2ultramax {
    padding-right: 9.5%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotteloredana {
padding-right: 1%;
background: #fff;
padding-left: 1.5%;
padding-top: 1%;
padding-bottom: 1%;
line-height: 100%;
font-size: 14px;
}

.flottesif {
    padding-right: 4.9%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotteruna {
    padding-right: 2.9%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotteelisabeth {
padding-right: 1%;
background: #fff;
padding-left: 1.5%;
padding-top: 1%;
padding-bottom: 1%;
line-height: 100%;
font-size: 14px;
}

.flottemarie {
    padding-right: 2.3%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flottejennifer {
   padding-right: 1.9%;
background: #fff;
padding-left: 1.5%;
padding-top: 1%;
padding-bottom: 1%;
line-height: 100%;
font-size: 14px;
}

.flottelucia {
padding-right: 2.7%;
background: #fff;
padding-left: 1.5%;
padding-top: 1%;
padding-bottom: 1%;
line-height: 100%;
}

.flottealice {
    padding-right: 3.1%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotteanne {
    padding-right: 2.5%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flottegeorgia {
    padding-right: 0.5%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte2panmax {
    padding-right: 6.47%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}
.flottetopas {
    padding-right: 8.8%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flottetuerkis {
    padding-right: 7.5%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotteturmalin {
    padding-right: 6.4%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flottelapislazuli {
    padding-right: 1.6%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte2panmax2 {
    padding-right: 11.7%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte3pana {
    padding-right: 4.8%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotte6 {
    margin-right: 5.6%;
    background: #001D49;
    margin-left: 2.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    line-height: 100%;
    padding-left: 1%;
    color: #FFD271;
    padding-right: 1%;
}

.flottelaura {
    padding-right: 6.5%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

.flotteedgar {
    padding-right: 8%;
}

.flottediana {
    padding-right: 8%;
}


.flottetyp {
    padding-right: 15.7%;
}
.flotte2cargo {
    padding-right: 0%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
    font-size: 0.8rem;
}

.flotte2supramax {
    padding-right: 5%;
    background: #fff;
    padding-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 100%;
}

    }

@media (max-width: 766px){
ol li, ul li { list-style: none; float: none; }

.partnerlogo{
    margin-bottom: 2%;
}

  .bildsize  { width: 30%; }

  .intercargo { padding-bottom: 30px;

padding-left: 30px;

padding-right: 30px;

margin-top: 30px; }
  
  
.slidemarge {
  z-index: 99;background: #fff;margin-top: -1px; height:54px;position: relative;}


.bbgtitel {
font-size: 1.8rem;
font-weight: 800;
color: #001D49;
letter-spacing: 1px;
line-height: 100%;
padding-bottom: 2%;
padding-top: 2%;
}

.menu-base-theme li a {
    color: #333333;
    background: #FBFBFB;
    border-bottom: 1px solid #EEF0F7;
    line-height: 100%;
    padding: 15px 15px;
    text-transform: uppercase;
    font-size: .8em;
}

#logo_navi {
    padding-top: 1%;
    margin-left: 8%;
}

.flotte {
    padding-right: 66.6%;
}

.flotteamazonit {
    padding-right: 60.1%;
}

.flotteametrin {
    padding-right: 61.76%;
}

.flottekapa {
   display: none;
}


.flotte2ultramax{
    display: none;
}

.flotte2panmax{
        display: none;
}

.flotte2cargo{
    display: none;
}

.flotte2supramax{
    display: none;
}

.flotte3pana{
    display: none;
}

.flotte2panmax2{
    display: none;
}

.flotteheight{
    display: none;
}

.flotteyear{
    display: none;
}

.flotte4{
    display: none;
}

.flotte5{
    display: none;
}


.flotte1 {
    padding-right: 67.5%;
}

.flotte {
    padding-right: 0%;
}



.flotte3 {
    display: none;
}

.flottetyp{
    display: none;
}

.flotte4ultramax{
    display: none;
}

.topcolor02 {
padding-top: 2%;
padding-bottom: 2%;
height: auto;
}

.flotte6 {
    margin-right: 4.47%;
}

.flotte4pana {
        display: none;
}

.flotte2
{
    display: none;}

    
.flotte1a {
    padding-right: 0%;
}

.flottealmadin {
    padding-right: 0%;
}

.flotte6a {
    padding-right: 0%;
}

.flottearagonit {
    padding-right: 0%;
}

.flotte7a {
    padding-right: 0%;
}

.flotteazurit {
    padding-right: 0%;
}

.flotteperidot {
    padding-right: 0%;
}

.flottelapislazuli {
    padding-right: 0%;
}

.flotte10a {
    padding-right: 0%;
}

.flottenautical {
    padding-right:0%;
}

.flottehilary {
    padding-right: 0%;
}

.menu-base-theme li a {
    padding: 15px 15px;
}
    
    
    
}

@media (min-width: 770px) and (max-width: 990px){/*iPad-iPhone*/
        
.topcolor02 {
    padding-left: 0.006%;
    padding-top: 1.7%;
    padding-bottom: 1.7%;}        
        
.flotteheight {
    display: none;}

.flotteyear {
        display: none;}

.flotte4 {
        display: none;}

.flotte5 {
        display: none;}
        
.flotte4ultramax{
        display: none;}
        
.flotte4pana{
        display: none;}
                
        
.bbgtitel {
    font-size: 2.5rem;
    font-weight: 800;
    color: #001D49;
    letter-spacing: 1px;
    line-height: 2.5rem;
    padding-bottom: 2%;
    padding-top: 2%;
}
.flotteloredana {
    padding-right: 4.9%;
}


.flotte1 {
    padding-right: 17.5%;}

.flotte6 {
    margin-right: 4.199%;}

.flottetyp {
        padding-right: 25%;}
    
.flotte2 {
    padding-right: 15.5%;}

.flotte3 {
    padding-right: 14.86%;}

.tansanit {
    padding-right: 13.5%;
}

.flottekapa {
    padding-right: 16%;}

.flotte1a {
    padding-right: 13%;}

.flottealmadin {
    padding-right: 13.5%;}
    
.flotteamazonit {
    padding-right: 13.7%;}
    
.flotteametrin {
    padding-right: 9.667%;}
    
.flotte6a {
    padding-right: 12.2%;}
  
.flottearagonit {
    padding-right: 14.6%;}

.flotte {
    padding-right: 20.8%;}    

.flotte7a {
    padding-right: 5%;}

.flotteazurit {
    padding-right: 17.2%;}

.flotteperidot {
    padding-right: 10.2%;}    
    
.flottelapislazuli {
    padding-right:7.2%;}

.flotte10a {
    padding-right: 9.7%;}

.flottenautical {
    padding-right: 5%;}
    
.flottehilary {
    padding-right: 8.4%;}

.flotte2ultramax {
    padding-right: 16.65%;
}    

.flottesif {
    padding-right: 11.8%;}
    
.flotteelisabeth {
    padding-right: 3.82%;}

.flottemarie {
    padding-right: 8.55%;}
    
.flotteelisabeth {
    padding-right: 5.3%;}
    
.flottelucia {
    padding-right: 9.1%;}    

.flottejennifer {
    padding-right: 6.6%;}

.flottealice {
    padding-right: 9.6%;}
    
.flotteanne {
    padding-right: 9.1%;}

.flottegeorgia {
    padding-right: 6.5%;}
    
.flotte2panmax {
    padding-right: 12.766%;}

.flottetopas {
    padding-right: 17%;}
    
.flottetuerkis {
    padding-right: 15.8%;}
    
.flotteturmalin {
    padding-right: 14.2%;}
    
.flottelaura {
    padding-right: 13.7%;}

.flotte2panmax2 {
    padding-right: 19.5%;}
    
.edgarsmall    {
    padding-right: 13.4%;}
    
.flotte3pana {
    padding-right: 14.620%;}
    
.flotteedgar {
    padding-right: 15.8%;}
    
.flotte3pana {
   padding-right: 12.7%;
padding-left: 2.2%;}

.flottediana {
    padding-right: 15.766%;}    

.flotteruna {
    padding-right: 9%;}
    
.flotteimpala {
    padding-right: 14.766%;}
    
.flottesagitta {
    padding-right: 14.805%;}    
    
.flottetatjana {
    padding-right: 14.4%;}
    
.flotte2supramax {
    padding-right: 10.513%;}    
    
.flottetransanit {
    padding-right: 14.5%;
}

.flotteliberta {
    padding-right: 14.5%;
}

.flotte2cargo {
    padding-right: 0px;
}
    
}

@media (min-width: 990px) { /*iPad-iPhone*/
 .flottehidedesktop { display: none; }
 .zeppenfeld{
    margin-right: 0;
padding-top: 26.4%;
}

}

/*Menu Color*/
/*Mixins*/
@media (min-width: 767px) { /*flexslider*/
  .flexslider h2 { font-size: 2em; }
  .flexslider .slider-caption { display: block; }
  .flexslider .flex-direction-nav { display: block; margin-top: -24px; }
  .top-menu { padding: 0; text-align: left; }
  .testimonials-wrap { padding: 75px 0 55px; }
  .address-wrap, .region-homepagemessage, .topwidget-, .path-frontpage .content_layout, .footerwidget, .path-frontpage .bottom-widgets { padding: 20px 0; }
  .topwidget .region { border-right: 1px dotted #ddd; }
  .copyright p { margin: 10px 0; }
  .footerwidget img.left { float: left; margin: 10px 10px 0 0; }
  .region-primary-menu { display: inline-block !important; width: auto; margin: 0; z-index: 9999; }
  .region-primary-menu ul { border: 0; }
  .region-primary-menu ul ul { background: #333333; }
  .region-primary-menu ul ul li a, .region-primary-menu ul ul li a:hover, .region-primary-menu ul ul li a:focus, .region-primary-menu ul ul li a:active, .region-primary-menu ul ul li a.highlighted { padding: 12px 15px; }
  .region-primary-menu li { border: 0; }
  .region-primary-menu li a { background: none; border: 0; color: #fff; }
  .region-primary-menu li a span.sub-arrow { padding: 0; top: 20px; margin-top: 0; bottom: 2px; right: 5px; margin-left: -5px; left: auto; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #848484 transparent transparent transparent; font-size: 2em; line-height: 100%; }
  .region-primary-menu li.active a { background: none; color: #27ae60; }
  .carousel-caption p, .carousel-caption h3 { display: block; }
  .carousel-caption p:last-child { margin: 0; }
  .carousel-caption { background-color: #fff; background: rgba(0, 0, 0, 0.84); color: #ddd; text-shadow: none; padding: 20px; top: 20%; left: 10%; bottom: auto; width: 30%; text-align: left; }
  .credit-link { text-align: right; }
  .social-media { float: right; }
  .social-media a { margin: 0 0 0 10px; }
  /*comment*/
  .comment-wrap .author-details { width: 10%; }
  .comment-wrap .author-comments { width: 90%; }
  .region-top-menu { margin: 10px 0; }
  .region-top-menu ul { text-align: right; }
  .region-contact-email p { margin: 10px 0; line-height: 120%; font-size: 2em; }



  
  

  
  }
  
  
  @media (min-width: 370px) and (max-width: 770px){/*iPad*/
        
        
.copyright p {

    line-height: 100%;
    text-align: center !important;

}

  
.region-impressum {
    margin-left: 5%;
    margin-right: 5%;
}        
         
        
        .brand.logo {

    margin-right: 3px;
    float: right;
    width: 30%;
    margin-top: -42px;
    margin-right: 15px;

}

.col-md-6 {

    text-align: left;
}

.Kontaktdaten {

    margin-left: 5%;
    float: left;
    margin-right: 10%;

}

.copyright {

    font-size: .65em;
    background: #001D49;
    color: #eee;
    text-align: center;

}

          .bildsize  { width: 30%; }
        
.partnerlogo{
    margin-bottom: 2%;
}

.gegrundet{
    margin-bottom: 22px;
    line-height: 18px;
}        


     
.zertifiziert2{
    line-height: 18px;
}

.leidenschaft{
line-height: 18px;

margin-top: 8%;

margin-bottom: 0%;
}
        


.parallax02 {
 padding-top: 90px;
}
    
 .parallax04 {
    background-image: url('/sites/default/files/bbg_parallax_glasses_v4.jpg');
        background-attachment: scroll;
}       

 .parallax05 {
    background-image: url('/sites/default/files/bbg_parallax_news_v1.jpg');
        background-attachment: scroll;
} 

.zeppenfeld{
    margin-right: 25px;
}


   .parallax03 {
    background-image: url('/sites/default/files/bbg_parallax_03_small.jpg');
    height: 220px;
    padding-top: 100px;
    width: 100%;
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    padding-left: 5%;
    padding-right: 5%;
}  
     
     
        


.flotte1a {
    padding-right: 0%;
}

.flottealmadin {
    padding-right: 0%;
}

.flotteamazonit {
    padding-right: 0%;
}

.flotteametrin {
    padding-right: 0%;
}f

.flotte6a {
    padding-right: 0%;
}
.textbbg {
    width: 100%;
    float: left;
    text-align: justify;
}


.bildbbg {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 3%;
        margin-left: 0%;}
        
.bbgtxtright {
    padding-left: 0%;
    margin-bottom: 5%;
}

ol, ul {
    padding-left: 0px;
    margin-bottom: 20px;
}
        
         }
         
@media (min-width: 0px) and (max-width: 420px){/*iPad-iPhone*/
 
 #block-motorschadenbefundung { display: none }
 #block-motorschaden-web { display: block }

  .bildsize  { width: 30%; }

  
.region-impressum {
    margin-left: 5%;
    margin-right: 5%;
}        
        
  
.copyright {

    font-size: .65em;
    background: #001D49;
    color: #eee;
    text-align: center;

}  
  
.copyright p {

    line-height: 100%;
    text-align: center !important;

}

.slidemarge {
  z-index: 99;background: #fff;margin-top: 0px; height: 54px;position: relative;}


.partnerlogo{
    margin-bottom: 2%;
}
        
ol, ul {
    padding-left: 0px;
    margin-bottom: 20px;
}        

.brand.logo {

    margin-right: 3px;
    float: right;
    width: 30%;
    margin-top: -42px;
    margin-right: 15px;

}

.col-md-6 {

    text-align: left;
}

.Kontaktdaten {

    margin-left: 5%;
    float: left;
    margin-right: 10%;

}

.parallax05 {
    background-image: url('/sites/default/files/bbg_bg_parallax_tiny.jpg');
    height: 220px;
    padding-top: 100px;
    width: 100%;
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    background-attachment: scroll;
    padding-left: 5%;
    padding-right: 5%;
}

.parallax04 {
    background-image: url('/sites/default/files/bbg_parallax_tiny_glasses_v1.jpg');
    height: 220px;
    padding-top: 58px;
    width: 100%;
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    background-attachment: scroll;
    padding-left: 12%;
    padding-right: 11%;
    line-height: 35px;
}



.gegrundet{
    margin-bottom: 22px;
    line-height: 18px;
}        

.zertifiziert{
    margin-bottom: 22px;
    line-height: 18px;
}     
     
.zertifiziert2{
    line-height: 18px;
}

.leidenschaft{
    line-height: 18px;


}
        
.parallax03 {
    background-image: url('/sites/default/files/bbg_parallax_03_tiny.jpg');
    height: 220px;
    padding-top: 40px;
    width: 100%;
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 35px;
}        
        
.zeppenfeld {
    text-align: right;
    float: right;
    padding-top: 17.5%;
    font-size: 0.7rem;
    line-height: normal;
}

.bbgtxtright {
    padding-left: 0%;
    margin-bottom: 5%;
}
        
        ol, ul {
    padding-left: 0px;
    margin-bottom: 20px;
}

        .flotte6 {
    margin-right: 1.5%;
    float: right;
    height: 23px;
    margin-top: 4%;
    padding-top: 1%;
}

.flottehilary {
    padding-right: 0%;
}




.flotte6 {
margin-right: 0.5%;
float: right;
height: 23px;
margin-top: 0%;
padding-top: 1%;
}


.flottearagonit {
    padding-right: 0%;
}

.flotte7a {
    padding-right: 0%;
}

.flotteazurit {
    padding-right: 0%;
}

.flotteperidot {
    padding-right: 0%;
}

.flottelapislazuli {
    padding-right: 0%;
}

.flotte10a {
    padding-right: 0%;
}

.flottenautical {
    padding-right: 0%;
}

.textbbg {
    width: 100%;
    float: left;
    text-align: justify;
}

.bildbbg {
    width: 100%;
    float: left;
    text-align: right;
    margin-bottom: 3%;
}

ol li, ul li {
    list-style: none;
    float: none;        
    padding-top 2%;
}

.textbbg {
    width: 100%;
    float: left;
    text-align: justify;
}


.bildbbg {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 3%;
        margin-left: 0%;
}
  

         }
         
.icon{
   margin-left: 400px;
   float: left;
}