html{
font-family:'Function Regular', "Century Gothic", Lato ;

	}


.container{
padding:0;    
    
}

@media screen and (min-width:320px) and (max-width:479px){
.container{
width:300px;			
				
}
.p-140-cont{
padding:0;
}	
	
img{
max-width:none;    
    
}
/* Hintergrund der Navigation */
#site-navigation{
background-color:   #368bc5;
    
}

/* List-Items */
#cshero-header-navigation ul#menu-main-menu li a{
color:#fff;   
font-weight:bold;   
font-size:15px;
}
		
#cshero-header-navigation ul#menu-main-menu{
padding:0;				
				
}


#cshero-header-navigation ul#menu-main-menu li.current-menu-item a{
     color: #368bc5;
    background-color: #fff; 
		border:1px solid #368bc5;

    
}
/* Burger-Farbe */
#cshero-menu-mobile .hamb-mob-icon{
color:   #368bc5;    
    
}

/* Höhe der Navigation */
.main-navigation.in{
height:auto;    
    
	
}
	footer{
font-family:'Function Regular';
font-weight:bold;
}	

/* Abstand des Inhalt des Footers oben zum Parent-Element */
.pt-80{
padding-top:20px				
				
		}

/* Abstand des Inhalt des Footers unten zum Parent-Element */		
.pb-50 {
    padding-bottom: 30px;
}

		.widget{
 margin:0;   
}

h1{
margin:0;    
}


.hersteller{
margin-top:20px;		
display:block;
text-align:center;
}
#grad21{
width:100px;				
}
#Lorenz{
margin-top:20px;
width:100px;	
}


.SCM{
 position:relative;
text-align:center;
}

#ScmLogo{
		margin-bottom:10px;    
	width:200px;	
}		

		.Mitgliedsantrag{
				position:relative;
				
				margin-top:10px;
				margin-bottom:20px;
		}
		.Mitgliedsantrag p{
				font-size:16px;
				color:#fff;
				text-transform: uppercase;
				
		}
		
		.ContractIcon{
				width:35px;
				padding-right:10px;
		}

#Copyright{
text-align:center;
font-weight:normal;		
font-size:10px;	
line-height:15px;
color:#fff;		
    margin-top: 5px;
}
		
	#FolgeUns{
text-align:center;
font-size:20px;
font-family:'Function Regular';
font-weight:700;	
color:#fff;
margin:10px 0;
}
		
.icon{
width:30px;		
margin:0 10px;
}
	
.icons{
  display: flex; 
    justify-content: center; 
    align-items: center;
    padding:0; 
    width:300px;
    margin-left:auto !important;
margin-right:auto !important;   
}
		
.Impressum{
		
    width: 50%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;		
}
	
.cms-footer-layout3-wrap #cshero-footer-top a
{
color:#fff;  
}
	
		
}



@media screen and (min-width:480px) and (max-width:767px) {
.container{
width:440px;
	
} 
		
.p-140-cont{
padding:0;
}	
	
img{
max-width:none;    
    
}
/* Hintergrund der Navigation */
#site-navigation{
background-color:   #368bc5;
    
}

/* List-Items */
#cshero-header-navigation ul#menu-main-menu li a{
color:#fff;   
font-weight:bold;   
font-size:15px;
}
		
#cshero-header-navigation ul#menu-main-menu{
padding:0;				
				
}


#cshero-header-navigation ul#menu-main-menu li.current-menu-item a{
     color: #368bc5;
    background-color: #fff; 
		border:1px solid #368bc5;

    
}
/* Burger-Farbe */
#cshero-menu-mobile .hamb-mob-icon{
color:   #368bc5;    
    
}

/* Höhe der Navigation */
.main-navigation.in{
height:auto;    
    
	
}
	footer{
font-family:'Function Regular';
font-weight:bold;
}	

/* Abstand des Inhalt des Footers oben zum Parent-Element */
.pt-80{
padding-top:20px				
				
		}

/* Abstand des Inhalt des Footers unten zum Parent-Element */		
.pb-50 {
    padding-bottom: 30px;
}

		.widget{
 margin:0;   
}

h1{
margin:0;    
}


.hersteller{
margin-top:20px;		
display:block;
text-align:center;
}
#grad21{
width:100px;				
}
#Lorenz{
margin-top:20px;
width:100px;	
}


.SCM{
 position:relative;
text-align:center;
}

#ScmLogo{
		margin-bottom:10px;    
	width:200px;	
}		
		
		
		.Mitgliedsantrag{
				position:relative;
				
				margin-top:10px;
				margin-bottom:20px;
		}
		.Mitgliedsantrag p{
				font-size:16px;
				color:#fff;
				text-transform: uppercase;
				
		}
		
		.ContractIcon{
				width:35px;
				padding-right:10px;
		}

#Copyright{
text-align:center;
font-weight:normal;		
font-size:10px;	
line-height:15px;
color:#fff;		
    margin-top: 20px;
}
		
	#FolgeUns{
text-align:center;
font-size:25px;
font-family:'Function Regular';
font-weight:700;	
color:#fff;
	  margin-bottom:10px;   		
}
		
.icon{
width:30px;		
margin:0 10px;
}
	
.icons{
  display: flex; 
    justify-content: center; 
    align-items: center;
    padding:0; 
    width:300px;
    margin-left:auto !important;
margin-right:auto !important;   
}
		
.Impressum{
    width: 50%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;		
}
	
.cms-footer-layout3-wrap #cshero-footer-top a
{
color:#fff;  
}
			
}




@media screen and (min-width:768px) and (max-width:1024px) {
.container{
width:730px; 
	
} 
		
.p-140-cont{
padding:0;
}	

		#cshero-header {
width: 100%;
box-shadow:0px 15px 55px silver; 
}

img{
max-width:none;    
    
}
/* Hintergrund der Navigation */
#site-navigation{
background-color:   #368bc5;
    
}

/* List-Items */
#cshero-header-navigation ul#menu-main-menu li a{
color:#fff;   
font-weight:bold;   
font-size:15px;
}
		
#cshero-header-navigation ul#menu-main-menu{
padding:0;				
				
}


#cshero-header-navigation ul#menu-main-menu li.current-menu-item a{
     color: #368bc5;
    background-color: #fff; 
		border:1px solid #368bc5;

    
}
/* Burger-Farbe */
#cshero-menu-mobile .hamb-mob-icon{
color:   #368bc5;    
    
}

/* Höhe der Navigation */
.main-navigation.in{
height:auto;    
    
	
}
	footer{
font-family:'Function Regular';
font-weight:bold;
}	

/* Abstand des Inhalt des Footers oben zum Parent-Element */
.pt-80{
padding-top:20px				
				
		}

/* Abstand des Inhalt des Footers unten zum Parent-Element */		
.pb-50 {
    padding-bottom: 30px;
}

		.widget{
 margin:0;   
}

h1{
margin:0;    
}


.hersteller{
margin-top:20px;		
display:block;
text-align:center;
}
#grad21{
width:90px;				
}
#Lorenz{
margin-left: 100px;
    margin-top: -15px;
    width: 100px;
    position: absolute;
}


.SCM{
position:absolute;
text-align:center;
}

#ScmLogo{
		margin-bottom:10px;    
	width:200px;	
}		

		
		.Mitgliedsantrag{
		position: absolute;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 240px;
		}
		.Mitgliedsantrag p{
				font-size:14px;
				color:#fff;
				text-transform: uppercase;
				
		}
		
		.ContractIcon{
				width:40px;
				padding-right:10px;
		}
#Copyright{
text-align:left;
font-weight:normal;		
font-size:10px;	
line-height:15px;
color:#fff;		
margin-top: 15px;
    width: 400px;
}
		
	#FolgeUns{
text-align:center;
font-size:20px;
line-height:20px;
font-family:'Function Regular';
font-weight:700;	
color:#fff;
	  margin-bottom:10px;   		
}
		
.icon{
    width: 25px;
    margin: 5px;
}
	
.icons{
  display: flex; 
    justify-content: center; 
    align-items: center;
    padding:0; 
    width:150px;
    margin-left:auto !important;
margin-right:auto !important;   
}
		
.Impressum{
       width: 160px;
    font-size: 20px;
    color: #fff;
    text-align: right;
    margin-left: auto;
       margin-right: 0;	
}

		#Datenschutz{
				display:block;
				margin-top:10px;
		}
	
.cms-footer-layout3-wrap #cshero-footer-top a
{
color:#fff;  
}
			
}



@media screen and (min-width:1025px) and (max-width:1249px){
		
	.container{
	width:970px;		
}
		.container-m-30	{
				width:970px;		
				padding:0;
		}
body{
font-family:'Function Regular';
font-weight:bold;		
	
}

img{
max-width:none;    
    
}
 #cshero-header {
width: 100%;
box-shadow:0px 15px 55px silver; 
}



#cshero-header-logo a{
    line-height: 100px;    
    
}

#cshero-header-logo a img {
 height: 70px !Important;
}


		#cshero-header-navigation ul#menu-main-menu li.current-menu-item a{
color:#808080				
}

    
#cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .cshero-header-cart-search .header a{
font-family:'Function Regular';		
font-size:16px !Important;   
padding-top:8px !Important; 
font-weight:500;
height:80px;   
color:#368bc5;
	
}


				.menu-main-menu > li.current-menu-item > a span:before, .menu-main-menu > li.current-menu-ancestor > a span:before{
	display:none;			
		}
		
		
.menu-title::after{
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		border-bottom: 2px solid #368bc5;
		width:100%;
		bottom:-13px;
		    opacity: 0;
    visibility: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
		
.menu-title:hover::after{
				visibility:visible;
				opacity:1;
}
footer{
margin:0;
height:300px;		
font-family:'Function Regular';
font-weight:bold;
}

#cshero-footer-top .container{
width:970px;			
margin-right:auto;
margin-left:auto;				
}

 .cms-footer-layout3-wrap #cshero-footer-top a{
color:#fff;		
font-family:'Function Regular';		

}
.pb-50{
padding-top:20px;		
}
.SCM{
width:1200px;		
height:500px;	
}
#ScmLogo{
position:absolute;
width:300px;
		
}

		
		.Mitgliedsantrag{
		    position: absolute;
    text-align: left;
    top: 80px;
		}
		.Mitgliedsantrag p{
				font-size:20px;
				color:#fff;
				text-transform: uppercase;
				
		}
		
		.ContractIcon{
				width:60px;
				padding-right:10px;
		}

#Copyright{
font-weight:normal;	
position:absolute;
font-size:12px;		
width:800px;	
line-height:25px;
color:#fff;
margin-top: 10px;
}

.SocialMedia{
position:absolute;
width:300px;	
height:150px;
color:#fff;
overflow:visible !Important;
}
#FolgeUns{
width:180px;
font-size:20px;
line-height:20px;
margin-top: 10px;
text-align:center;
font-family:'Function Regular';
font-weight:700;	
}
.icon{
transition: all 0.5s ease-in-out;
width:45px;		
margin-top:20px;		
margin-right:20px		
}


.icon:hover{
transform:scale(1.4);
animation-timing-function: ease-in-out;
transition-duration: 0.5s;


}
.icon:visited{
transform:scale(1.4);
animation-timing-function: ease-out;
transition-duration: 1s;		
		
}

h1{
color:#fff !Important;
margin:0;
		
}
#grad21{
	width:115px;
}
.Impressum{
	
color:#fff;
font-size:20px;		
display: grid;
text-align: right;
width:100%;
line-height:40px;
		
}

.Impressum a:hover{
color:#368bc5 !important;		
		
}

.hersteller{
margin-left: 40px;		
width:610px;	
height:500px;
position:absolute;
margin-top:140px;
}
.box{

float:left;
width:33.3%;
		
}



#Lorenz{
margin-top:55px;	
width:150px;
}

}





























































@media screen and (min-width:1250px){
		
	.container{
	width:1170px;		
}
		.container-m-30	{
				width:1170px;		
				padding:0;
		}
body{
font-family:'Function Regular';
font-weight:bold;		
	
}

img{
max-width:none;    
    
}



#cshero-header-logo a{
    line-height: 100px;    
    
}

#cshero-header-logo a img {
 height: 70px !Important;
}
#cshero-header {
width: 100%;
box-shadow:0px 15px 55px silver; 
}

		#cshero-header-navigation ul#menu-main-menu li.current-menu-item a{
color:#808080				
}

    
#cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .cshero-header-cart-search .header a{
font-family:'Function Regular';		
font-size:16px !Important;   
padding-top:8px !Important; 
font-weight:500;
height:80px;   
color:#368bc5;
	
}

		
.menu-title::after{
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		border-bottom: 2px solid #368bc5;
		width:100%;
		bottom:-13px;
		    opacity: 0;
    visibility: hidden;
    transition: .8s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
}
		
.menu-title:hover::after{
				visibility:visible;
				opacity:1;
}
		
				.menu-main-menu > li.current-menu-item > a span:before, .menu-main-menu > li.current-menu-ancestor > a span:before{
	display:none;			
		}
		
footer{
margin:0;
height:300px;		
font-family:'Function Regular';
font-weight:bold;
}

#cshero-footer-top .container{
width:1170px;			
margin-right:auto;
margin-left:auto;				
}

 .cms-footer-layout3-wrap #cshero-footer-top a{
color:#fff;		
font-family:'Function Regular';		

}
.pb-50{
padding-top:20px;		
}
		
		.widget{
				overflow:visible;
		}
.SCM{
width:1200px;		
height:500px;	
}
#ScmLogo{
position:absolute;
width:300px;
		
}
		.Mitgliedsantrag{
				position:relative;
				top:80px;
				padding-left:12px
		}
		.Mitgliedsantrag p{
				font-size:20px;
				color:#fff;
				text-transform: uppercase;
		}
		
		.ContractIcon{
				width:2vw;
				padding-right:15px;
		}


#Copyright{
font-weight:normal;	
position:absolute;
font-size:14px;		
width:800px;	
line-height:25px;
color:#fff;
margin-top:10px;
}

.SocialMedia{
position:absolute;
width:300px;	
height:150px;
color:#fff;
overflow:visible !Important;
}
#FolgeUns{
width:180px;
font-size:20px;
line-height:20px;
margin-top: 10px;
text-align:center;
font-family:'Function Regular';
font-weight:700;	
}
.icon{
transition: all 0.5s ease-in-out;
width:45px;		
margin-top:20px;		
margin-right:20px		
}


.icon:hover{
transform:scale(1.4);
animation-timing-function: ease-in-out;
transition-duration: 0.5s;


}
.icon:visited{
transform:scale(1.4);
animation-timing-function: ease-out;
transition-duration: 1s;		
		
}

h1{
color:#fff !Important;
margin:0;
		
}
#grad21{
	width:115px;
}
.Impressum{
	
color:#fff;
font-size:20px;		
display: grid;
text-align: right;
width:100%;
line-height:40px;
		
}

.Impressum a:hover{
color:#368bc5 !important;		
		
}

.hersteller{
margin-left: 40px;		
width:610px;	
height:500px;
position:absolute;
margin-top:140px;
}
.box{

float:left;
width:33.3%;
		
}



#Lorenz{
margin-top:55px;	
width:150px;
}
		


}