@media (min-width: 350px) {
	.name {
		font-size: 2.5rem; 
	}
	.funktion{
		font-size: 1rem; 
	}
	.headerschmal .name {
		font-size: 1.5rem; 
	}
	.headerschmal .funktion{
		font-size: .75rem; 
	}
	section { margin-top: 110px; }
	
}
@media (min-width: 450px) {
	.name {
		font-size: 3rem; 
	}
	.funktion{
		font-size: 1.125rem;
	}
	.headerschmal .name {
		font-size: 1.75rem; 
	}
	.headerschmal .funktion{
		font-size: .875rem; 
	}
	section { margin-top: 124px; }
	#button-down-content { display: block; }
}
@media (min-width: 576px) {
	
	.h1, h1 {
		font-size: 150%;
	}
	.h2, h2 {
		font-size: 150%;
		font-weight:bold;
	}
	.h3, h3 {
		font-size: 125%;
	}
	.h4, h4 {
		font-size: 100%;
	}
	.h5, h5 {
		font-size: 115%;
	}
	.h6, h6 {
		font-size: 100%;
	}
	
	body { font-size: 1.125rem;}
	.div-logo { text-align: left; }
	#logo { height: 60px; padding: 10px 0 10px 0; }
	section { margin-top: 149px; }
	.kap-menu > ul > li > a { font-size: 85%;}
	
	.nav-hauptmenu { padding-top: 15px; padding-bottom: 15px; }
	
	
	.flexslider .caption-text {
		font-size:150%;
		left: 35% !important;
		right: 35%;
		padding: 10px;
	}
	.hg-inhalt {
		padding-bottom: 50px;
	}
	.hg-inhalt {
		padding-bottom: 20px;
	}
	.hg-galerie { min-height: 5px; }
	.headerschmal #logo { height: 50px; }
	
	.name {
		font-size: 4rem; 
	}
	.funktion{
		font-size: 1.25rem; 
	}
	.headerschmal .name {
		font-size: 2rem; 
	}
	.headerschmal .funktion{
		font-size: 1rem; 
	}
}

@media (min-width: 768px) {
	body { font-size: 1rem;}
	.col-slogan-links { height: auto;  overflow: visible; }
	#logo { height: 62px; padding: 10px 0 20px 0 ; }
	section { margin-top: 181px; }
	.row-hauptmenu { height: 50%; overflow: visible;	}
	.kap-menu > ul > li > a { font-size: 1rem;}
	.btn { font-size: 1rem; }
	
	.flexslider .caption-text {
		font-size:175%;
		left: 35% !important;
		right: 35%;
		padding: 10px;
	}
	.col-menu-top-rechts .nav > li > a {padding: 2px 0 0 15px;}
	.nav-hauptmenu { padding-top: 20px; padding-bottom: 20px; }
	.hg-inhalt {
		padding-bottom: 30px;
	}
	.hg-galerie { min-height: 10px; }
	
	.div-menu-button .btn { margin: 0 0 15px 10px; }
	.actualites-nav-svg,
	.catalogue-nav-svg{ height: 50px; transition: all 0.4s;}
	#button-down-content,
	#button-top-content,
	#sidebarCollapse { margin-top: 5px; transition: all 0.4s;}
	.headerschmal .actualites-nav-svg,
	.headerschmal .catalogue-nav-svg{ height: 35px; transition: all 0.4s;}
	.headerschmal #button-down-content,
	.headerschmal #button-top-content,
	.headerschmal #sidebarCollapse { margin-top: 0; transition: all 0.4s;}
	
	.name {
		font-size: 5rem; 
	}
	.funktion{
		font-size: 1.5rem; 
	}
	.headerschmal .name {
		font-size: 2.5rem; 
	}
	.headerschmal .funktion{
		font-size: 1rem; 
	}
}

@media (min-width: 992px) {
	body { font-size: 1.125rem;}
  	#logo { height: 82px; padding: 15px 0 25px 0; }
	section { margin-top: 222px; }
	.kap-menu > ul > li > a { font-size:1.25rem;}
	.flexslider .caption-text {
		font-size:200%;
		left: 35% !important;
		right: 35%;
		padding: 10px;
	}
	.col-menu-top-rechts .nav > li > a {padding: 2px 0 0 20px;}
	.nav-hauptmenu { padding-top: 25px; padding-bottom: 25px; }
	.hg-inhalt {
		padding-bottom: 40px;
	}
	.hg-galerie { min-height: 20px; }

	.kap-menu > ul { margin-top: 18px; }
	.kap-menu > ul > li { border-width: 0 0 6px 0;  }
	.kap-menu > ul > li > div > img { margin: 3px 0 0 0;  width: 50px; }
	.headerschmal .kap-menu > ul > li > a { font-size: 1.125rem; }
	.div-menu-button .btn { margin: 0 0 15px 20px; }
	.headerschmal #logo { height: 53px; }
	
	.name {
		font-size: 6.5rem; 
	}
	.funktion{
		font-size: 1.75rem; 
	}
	.headerschmal .name {
		font-size: 2.75rem; 
	}
	.headerschmal .funktion{
		font-size: 1.125rem; 
	}
}

@media (min-width: 1200px) {
	body { font-size: 1.125rem;}
  	#logo { height: 90px; padding: 15px 0 25px 0; }
	section { margin-top: 252px; }
	.kap-menu > ul > li > a { font-size: 1.5rem;}
	
	.flexslider .caption-text {
		font-size:250%;
		left: 35% !important;
		right: 35%;
		padding: 10px;
	}
	.nav-hauptmenu { padding-top: 20px; padding-bottom: 20px; }
	.headerschmal .nav-hauptmenu { padding-top: 10px; }
	.hg-inhalt {
		padding-bottom: 50px;
	}
	.hg-galerie { min-height: 30px; }
	.kap-menu > ul > li > div > img {  margin: 3px 0 0 0;  width: 50px; }
	.kap-menu > ul > li { padding: 0  0 10px 0;}
	
	.headerschmal .kap-menu > ul > li { padding: 5px  0 5px 0;}
	
	.kap-menu .menu-icons { 
		background-color: #fff;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-bottom: 7px;
	}
	.headerschmal .kap-menu > ul > li > a { font-size: 1.25rem; }
	.headerschmal #logo { height: 56px; }
	.name {
		font-size: 8rem; 
	}
	.funktion{
		font-size: 2.25rem; 
	}
	.headerschmal .name {
		font-size: 3rem; 
	}
	.headerschmal .funktion{
		font-size: 1.125rem; 
	}
}