@charset "UTF-8";



@media (max-width: 1279px)
{

 .BildboxStartpos
    {
        transform: scale(0.95);
        left:0px;
    } 
	.BildboxHintergrund
{
	background-image: linear-gradient(to top, rgba(191,191,190,0) 0%, rgba(191,191,190,0.8) 21.8%, rgba(135,135,136,0.6) 21.8%, rgba(135,135,136,0.6) 22%, rgba(191,191,190,0.5) 22%, rgba(191,191,190,0) 100%);
	background-size:2560px 640px;
}
    .BildboxStart
    {
        min-height:640px;
    }
    
}
@media (max-width: 1200px)
{




    
 .BildboxStartpos
    {
        transform: scale(0.9);
        left:-80px;
    }
	
.BildboxHintergrund
{
	background-image: linear-gradient(to top, rgba(191,191,190,0) 0%, rgba(191,191,190,0.8) 21.8%, rgba(135,135,136,0.6) 21.8%, rgba(135,135,136,0.6) 22%, rgba(191,191,190,0.5) 22%, rgba(191,191,190,0) 100%);
	background-size:2560px 610px;
}
    
.BildboxStart
    {
        min-height:610px;
    }
    


	
	
}
@media (max-width: 991px)
{
	
.menu-nav
{
	display: none !important;			
}
	
.header-menu, .header-menu-abstand
{
	height:90px;
}

.menu-button
{
	display:block;
}

.headerbilderrahmen
{
    max-height:100%;
}

    
.logooben
{
	top:15px;
}		
	
.telnum1	
{
	display:block;
	float:left;
	width:230px;
	height:28px;
}
    
.BildboxStartpos
{
    transform: scale(0.73);
    left:-93px;
}  
	
.BildboxHintergrund
{
	background-image: linear-gradient(to top, rgba(191,191,190,0) 0%, rgba(191,191,190,0.8) 26.8%, rgba(135,135,136,0.6) 26.8%, rgba(135,135,136,0.6) 27%, rgba(191,191,190,0.5) 27%, rgba(191,191,190,0) 100%);
	background-size:2560px 480px;
}	
.BildboxStart
{
    min-height:550px;
}    

.headerbild-text
{
	margin-top:100px;	
}
	
.handy-container
{
    margin-bottom:30px;
}
	
}

@media (max-width: 767px)
{
 

.Info_Bild
{
    width:220px;
    height:auto;
	display:block;
	float:none;
	margin-left:auto;
	margin-right:auto;
}

.Info_Bild_img
{   
    margin-bottom:30px;
}
    
.BildboxStartpos
{
    transform: scale(0.53);
    left:-58px;
} 
 
.BildboxHintergrund
{
	background-image: linear-gradient(to top, rgba(191,191,190,0) 0%, rgba(191,191,190,0.8) 36.8%, rgba(135,135,136,0.6) 36.8%, rgba(135,135,136,0.6) 37%, rgba(191,191,190,0.5) 37%, rgba(191,191,190,0) 100%);
	background-size:2560px 400px;
}	
	
.BildboxStart
{
    min-height:450px;
}  

.kontakt-item-text
{
    font-size:12px;
}
.kontakt-item
{
    width:240px;
}
	
.brands-rechteck
{
    width:400px;
    margin-left:auto;
	margin-right:auto;
}		
	
	
	.headerbild-text
{
	margin-top:80px;	
	font-size:50px;
}
	
}

	
@media (max-width: 575px)
{	

#contactForm
    {
        padding-left:15px;
        padding-right:15px;
    }
    
.storeicon
{
    margin-bottom:15px;
}	

.impressum-textbox
{
    padding:15px;
}
	
	
 .container-mobil
{
   width:400px;
}       
    
.box-limit	
{
    width:300px;
    margin-left:auto;
	margin-right:auto;
}
		
.brands-rechteck
{
    width:300px;
    margin-left:auto;
	margin-right:auto;
}	
	

	
.BildboxStartpos
{
    transform: scale(0.42);
    left:-59px; 

} 
  
.BildboxHintergrund
{
	background-image: linear-gradient(to top, rgba(191,191,190,0) 0%, rgba(191,191,190,0.8) 32.8%, rgba(135,135,136,0.6) 32.8%, rgba(135,135,136,0.6) 33%, rgba(191,191,190,0.5) 33%, rgba(191,191,190,0) 100%);
	background-size:2560px 300px;
}		
	
	


    
.BildboxStart
{
    min-height:330px;
}  

	
.header-menu-abstand, .header-menu
{
	height:142px;
}		

.telefontext, .telefonnummer
{	
	font-size:13px;	
}
	
.logooben
{
	width:90px;
    height:90px;
	top:30px;
	margin-left:-15px;
}

.logoobentext
{
    font-size:16px;
    left:130px;
    top:40px;
}    
    
    
.mobilmenu
{
	padding-left:15px;
	padding-right:15px;	
	
}
	
.mobilnavitext
{
	font-size:20px;	
}
#nav-icon1 
{
    width: 30px;
    height: 25px; 
	margin-top:34px;
}
    
#nav-icon1 span {
  height: 3px;
  width: 100%;
  
  border-radius: 2px;
  }

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}    

#nav-icon1.open span:nth-child(1) {
  top: 10px;
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: 60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 10px;
}


	

	

.header-menu-abstand, .header-menu
{
	height:70px;
}
    
.portal-headerbalken
{
	top:70px
}
    
.portal-menu-fenster
{
	width:100%;
	height:100%;
	top:108px;    
}
    
.portal-pfeil-unten
{
	right:25px;    
}
    
.portal-header-text
{
	right:50px;
}   
    
.portal-menu-fenster-text
{
	padding-left:25px;
}    
    
    
.linieoben
{
	top:68px;
}
 
.mobilmenufenster
{
	top:70px;
}
	
.mobilmenu
{
	padding-left:25px;
	padding-right:25px;	
	
}
	
.headerbild-text
{
	margin-top:40px;	
	font-size:40px;
}	
	
	
.BildboxStartIndicatorleiste
{
    margin-top:-10px;
}


.BildboxStart-indicators li
{
  
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-left: 8px;

}
	
	
	
	
}


@media (max-width: 449px) {

h1
{
	font-size:28px;
    line-height:32px;
}

.h1left
{
    font-size:28px;
    line-height:32px;
}

h2
{
	font-size:17px;
}	

	

	

.handy-container
{
    width:380px;
    height:auto;
}

.handy
{
    width:300px;
    
}
.handyimg
{
    width:300px;
    height:auto;
}

.pfeillinks, .pfeilrechts
{
    top:260px;
}

.pfeillinks
{
     left:10px;
}

.pfeilrechts
{
    right:10px;
}

.pfeil
{
    width:19px;
    height:36px;
}


.handyinhalt
{
    width:266px;
    height:472px; 
    top:40px;
    left:54px;
}
.handyinhaltimg
{
    width:266px;
    height:472px;
    left:0px;
    top:0px;
}
	
}


@media (max-width: 400px) {

h1
{
	font-size:24px;
    line-height:26px;
}

.h1left
{
    font-size:24px;
    line-height:26px;
}

h2
{
	font-size:17px;
}	    
 
.storeicon
{
    max-width:220px;
}    
    
.container-mobil
{
   width:370px;
}       

	
.header-menu, .header-schwarz
{
	height:70px;
}

.mobilmenu
{
	padding-left:15px;
	padding-right:15px;	
}
	
.mobilnavitext
{
	font-size:18px;	
}	
	
.logooben
{
	width:88px;
    height:88px;
	top:26px;
	
}

.logoobentext
{
    font-size:16px;
    left:130px;
    top:36px;
}    
    
    
.mobilmenu
{
	padding-left:15px;
	padding-right:15px;	
}   
    
#nav-icon1 
{
    width: 30px;
    height: 25px; 
	margin-top:31px;
	margin-right:15px;
}	
	
.BildboxStartIndicatorleiste
{
    margin-top:-10px;
}


.BildboxStart-indicators li
{
  
  width: 12px;
  height: 12px;
  margin-right: 7px;
  margin-left: 7px;

}
    
    
.handy-container
{
    width:340px;
    height:auto;
}

.handy
{
    width:280px;
    
}
.handyimg
{
    width:280px;
    height:auto;
}

.pfeillinks, .pfeilrechts
{
    top:245px;
}

.pfeillinks
{
     left:0px;
}

.pfeilrechts
{
    right:0px;
}

.pfeil
{
    width:19px;
    height:36px;
}


.handyinhalt
{
    width:247px;
    height:441px; 
    top:37px;
    left:44px;
}
.handyinhaltimg
{
    width:247px;
    height:441px;
    left:0px;
    top:0px;
}
	
    

}






@media (max-width: 374px) {

.headerbild-text
{
	margin-top:30px;	
	font-size:32px;
}	

.header-menu, .header-schwarz
{
	height:60px;
}
  
.logooben
{
	width:66px;
    height:66px;
	top:26px;
}    
    
.logoobentext
{
    font-size:13px;
    left:110px;
    top:36px;
}    
  
#nav-icon1 
{
    width: 30px;
    height: 25px; 
	margin-top:27px;
	margin-right:15px;
}	

.container-mobil
{
   width:318px;
}       
    
   
.mobilnavitext
{
	font-size:15px;		
}	
	
	
.BildboxStartIndicatorleiste
{
    margin-top:-5px;
}


.BildboxStart-indicators li
{
  
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-left: 5px;

}	
    
   
.handy-container
{
    width:300px;
    height:auto;
}

.handy
{
    width:260px;
    
}
.handyimg
{
    width:260px;
    height:auto;
}

.pfeillinks, .pfeilrechts
{
    top:235px;
}

.pfeillinks
{
     left:0px;
}

.pfeilrechts
{
    right:0px;
}

.pfeil
{
    width:15px;
    height:29px;
}


.handyinhalt
{
    width:229px;
    height:410px; 
    top:35px;
    left:33px;
}
.handyinhaltimg
{
    width:229px;
    height:409px;
    left:0px;
    top:0px;
}
	    
    

}


@media (max-width: 575px) {
  .hidden-mb {
    display: none !important;
  }
}


@media (max-width: 991px) {
  .hidden-mobile {
    display: none !important;
  }
}
	

@media (min-width: 768px) {
  .hidden-md {
    display: none !important;
  }
}


@media (min-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}
	
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-tab {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .hidden-tab-2 {
    display: none !important;
  }
}


@media (min-width: 992px) {
  .hidden-scr {
    display: none !important;
  }	
}