/* Media Queries*/
/*----------------------- mobile menu ie 10/11 hack start*/
@media all and (-ms-high-contrast:none) {
   #my-menu {
      display: none
   } /* IE10 */
   *::-ms-backdrop, #my-menu {
      display: none
   } /* IE11 */
}
/*----------------------- mobile menu ie 10/11 hack end*/

/*----------------------- navbar (not home) start*/
@media only screen and (max-width: 1700px) {
#navbar .col-text {
   display: none;
}
#navbar .ul-more {
   padding-right: 0px;
}
   
#navbar .ul-more li {
   border: none;
   padding-left: 25px;
   padding-right: 25px;      
}   

#navbar .col-icon i {
   margin-top: 9px;
   margin-right: 0px;
}
}

@media only screen and (max-width: 1800px) {
#navbar .main-menu {
	font-size: 1.7rem;   
	font-size: 17px;
	line-height: 1.7rem;
	line-height: 17px;	
	margin-left: 0px;   
}   
}

@media only screen and (max-width: 1730px) {
.main-menu ul li {
	margin-left: 0px;
}
}

@media only screen and (min-width: 1161px) {
#navbar #btn-menu {
   display: none;
}
}

@media only screen and (max-width: 1160px) {
#navbar #menu-header {
   display: none;
}
   
#navbar .ul-more {
   padding-right: 50px;
}    
}

@media only screen and (max-width: 750px) {
#navbar {
   height: 70px;
}
   
#breadcrumb {
   margin-top: 70px;
}   
   
#navbar #logo-header {
   margin-top: 10px;
   margin-left: 20px;
}
#navbar #logo-header img {
   height: 48px;
   width: auto;
}
   
#header-more {
   margin-right: 0px;
}    
   
#navbar .col-icon i {
   margin-top: 0px;
   margin-right: 0px;
}   
   
#navbar .ul-more {
	padding-top: 0px;   
   padding-right: 25px;   
}   
   
#navbar .ul-more li {
   padding-top: 22px;
   padding-left: 15px;
   padding-right: 15px;      
}       

#btn-menu {
   margin-top: 20px;
   margin-right: 20px;
   margin-left: 0px;
}
}

@media only screen and (max-width: 450px) {
 #navbar .ul-more {
   display: none;
}
}
/*----------------------- navbar (not home) end*/

/*----------------------- navbar (home) start*/
@media only screen and (min-width: 1191px) {
#navbar-hero #btn-menu {
   display: none;
}
}

@media only screen and (max-width: 1190px) {
#navbar-hero #menu-header {
   display: none;
}
}  

@media only screen and (max-width: 750px) {
#navbar-hero #logo-header {
  margin-top: 20px;
  margin-left: 20px;
}   
}     
/*----------------------- navbar (home) end*/
/*----------------------- navbar end*/

/*----------------------- hero start*/
@media only screen and (max-width: 1480px) {    
.hero-info h1 {
   margin-bottom: 40px;
	font-size: 7.0rem;
	font-size: 70px;
	line-height: 8.0rem;	
	line-height: 80px;  
}    
} 

@media only screen and (max-width: 880px) {    
.hero-info i {
   width: 120px;
   height: 120px;  
   font-size: 4.0rem;
   font-size: 40px;   
   line-height: 12rem;   
   line-height: 120px;
}   
} 

@media only screen and (max-width: 650px) {     
#hero { 
   height: 70%;   
}  
   
.hero-info {
   width: 100%;   
 }   
   
.hero-slider {
   width: 100%;   
}  
   
.flexslider-container {
   float: none;
   height: 100%;
   width: 100%;
}   
   
.hero-info {
   width: 80%;
   bottom: 2%;  
	left: 6%;
} 
   
.hero-info h1 {
   margin-bottom: 40px;   
	font-size: 3.0rem;
	font-size: 30px;
	line-height: 4.0rem;	
	line-height: 40px;     
}  
   
.hero-info h1 span {
   background-color: #fff;   
	padding: 0 15px 0 15px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}   
   
.scrollto {
   display: none;      
}   
   
.hero-info i {
   margin-left: 6%;
   width: 80px;
   height: 80px;  
   font-size: 3.4rem;
   font-size: 34px; 
   line-height: 8rem;   
   line-height: 80px;   
   background-color: #fff;
}  
}     

@media only screen and (max-width: 380px) {   
.hero-info h1 {
   margin-bottom: 40px;
	font-size: 3.0rem;
	font-size: 30px;
	line-height: 4.0rem;	
	line-height: 40px;    
}    
} 
/*----------------------- hero end*/

/*----------------------- home start*/
@media only screen and (max-width: 749px) {   
.visual-panel {
   display: none;
}     
} 
/*----------------------- home end*/

/*----------------------- home öffnungszeiten start*/
@media only screen and (max-width: 1320px) {  
#oeffnungszeiten table {
   font-size: 2.0rem;
	font-size: 20px;   
	line-height: 2.0rem;
	line-height: 20px;    
  
}  
#oeffnungszeiten table td {
   padding-top: 7px;
   padding-bottom: 7px;
   vertical-align: top;
}    
}      
/*----------------------- home  öffnungszeiten end*/

/*----------------------- home anfahrt start*/
@media only screen and (max-width: 750px) {
#aktuelles .background-light-grey {
   background-color: #fff;
}      
   
#oeffnungszeiten .background-light-grey {}    
   
#anfahrt .background-light-grey {
   background-color: #fff;
} 
}    
/*----------------------- home anfahrt end*/

/*----------------------- featured start*/
@media only screen and (max-width: 1250px) {
#featured .featured h3 {
   margin-top: 14px;
   margin-bottom: 14px;  
	font-size: 2.0em;
	font-size: 20px;
	line-height: 2.2rem;	
	line-height: 22px;
}   
#featured .featured .btn {
   width: 100%;
   padding: 8px 0px;
   font-size: 1.3rem;
   font-size: 13px;
	line-height: 1.3rem;
	line-height: 13px;  
}
}

@media only screen and (max-width: 1000px) {
#featured .mt-80 {  
	margin-top: 0px;
}      
} 

@media only screen and (max-width: 800px) {   
#featured .featured h3 {
   margin-top: 12px;
   margin-bottom: 12px;  
	font-size: 1.8em;
	font-size: 18px;
	line-height: 2.0rem;	
	line-height: 20px;
}  
}
   
@media only screen and (max-width: 750px) {
#featured .four.columns,
#featured .seven.columns {
   float: none;
   width: 100%;
   margin-left: 0;
   padding: 0 0px;		   
}
   
#featured .featured img {
   width: 100%;	   
}   
   
#featured .featured img {
   width: 100%;	   
} 
   
#featured .column-featured {
   margin-bottom: 60px;
}   
   
#featured .column-featured:last-of-type {
   margin-bottom: 0px;
}     
   
#featured .column-featured.line-bottom {
   border-bottom: none;   
} 
   
#featured .column-featured h3 {
   margin-top: 16px;
   margin-bottom: 16px;
	font-size: 2.5rem;
	font-size: 25px;
	line-height: 2.8rem;	
	line-height: 28px;
   text-align: center;
}   
   
.row-margin-50 + .row-margin-50 {
   margin-top: 60px;
}   
}
/*----------------------- featured end*/
   
/*----------------------- gallery start*/
@media only screen and (max-width: 1000px) {
.number-colums  {
}    
   
.number-colums .three  {
   width: 48%;   
}   
   
.number-colums .column,
.number-colums .columns {
   margin-left: 4%; 
}   

.number-colums .column:first-child,
.number-colums .columns:first-child,
.number-colums .columns:nth-child(3) {
   margin-left: 0;    
}      
}
/*----------------------- gallery end*/

/*----------------------- panel start*/
@media only screen and (max-width: 650px) {
.panel h2 {
   font-size: 3.5rem;
   font-size: 35px;
   line-height: 4.1rem;
   line-height: 41px;
}
}
@media only screen and (max-width: 850px) {
.panel ul li {
   padding: 16px 16px 16px 0;
   font-size: 1.8rem;
   font-size: 18px;
   line-height: 2.2rem;
   line-height: 22px;
}
}

@media only screen and (max-width: 800px) {
.panel-content {
   float: none;
   width: 100%;
}
.panel-visual {
   display: none;
   float: none;
   width: 100%;
}
.panel-content .wrapper {
   padding: 10% 10% 10% 10%;
}
}
/*----------------------- panel end*/

/*----------------------- benefit start*/
@media only screen and (max-width: 1400px) {   
.benefits .col {
   float: left;
   width: 30.6666666667%;
   margin-left: 4%;
   padding-left: 3%;
   padding-right: 0%; 
}   
      
.benefits .col .column-icon {
   float: none;     
   width: 100%;
}
   
.benefits .col .column-text {
   float: none;     
   width: 100%;
}
   
.benefits .col .column-icon i {
   margin-bottom: 14px;
	font-size: 3.6rem;
	font-size: 36px;   
	line-height: 3.6rem;
	line-height: 36px; 
   text-align: left;
}   
}  

@media only screen and (max-width: 650px) {  
.benefits .col {
   float: none;
   width: 100%;
   margin-left: 0%;
   margin-bottom: 25px;
   padding-top: 25px;
   padding-left: 0%;
   padding-right: 0%; 
   border-left: none;
}    
   
.benefits .col:first-of-type {
   padding-top: 0px;
   margin-bottom: 50px;
}    
   
.benefits .col:last-of-type {
   margin-top: 50px;   
   margin-bottom: 0px;
} 
   
.benefits .col h3 {
   text-align: center;
}  
   
.benefits i {
   width: 100%;
   text-align: center;
}   
}    
/*----------------------- benefit end*/

/*----------------------- misc start*/   
@media only screen and (max-width: 1300px) {   
.inner-100 {  
	padding-top: 50px;
	padding-bottom: 50px;   
}  

.inner-bottom-100 {
	padding-bottom: 50px;  
}  
}  

@media only screen and (max-width: 1000px) {   
.inner-100 {
   padding-top: 50px;
   padding-bottom: 50px;
}
   
.mb-50 {
   margin-bottom: 20px;
}  
   
.mb-100 {
   margin-bottom: 50px;
}
   
.mb-160 {
   margin-bottom: 80px;
}
   
.mb-200 {
   margin-bottom: 100px;
}
   
.margin-top-mobile {
   margin-top: 30px;
}

.button-box {
   margin-top: 30px;
}
.button-box .btn {
   float: none;
   margin-top: 15px;
}   

.btn {
   width: 100%;
   box-sizing: border-box;
   text-align: center;
}

#hero .btn {
   width: auto;
}
  
.margin-mobile-top-30 {  
   margin-top: 30px; 
}    
}

@media only screen and (max-width: 750px) {   
.only-mobile {
   display: block;   
}
}

@media only screen and (max-width: 650px) {   
.mb-160, 
.mb-200 {
   margin-bottom: 0px;
}   
}

@media only screen and (max-width: 650px) {
#form .btn {
   width: 100%;
}
}
/*----------------------- misc end*/
   
/*----------------------- fonts start*/   
@media only screen and (max-width: 850px) {   
h1 {
	margin-top: 50px; 
	margin-bottom: 25px;	
	font-size: 4.1rem;
	font-size: 41px;
	line-height: 5.0rem;
	line-height: 50px;
}

h2 {
	margin-top: 50px; 
	margin-bottom: 25px;	
	font-size: 4.1rem;
	font-size: 41px;
	line-height: 5.0rem;
	line-height: 50px;
}

h3,
.h3 {
	margin-bottom: 25px;
	font-size: 2.9rem;
	font-size: 29px;
	line-height: 3.3rem;
	line-height: 33px;
}

h4,
.h4 {
	margin-bottom: 12px;
	font-size: 2.5rem;
	font-size: 25px;
	line-height: 3.0rem;
	line-height: 30px;
}

p {
	font-size: 1.8rem;
	font-size: 18px;
	line-height: 2.6rem;
	line-height: 26px;
}  
   
.ul-default li {
	font-size: 1.8rem;
	font-size: 18px;
	line-height: 1.8rem;
	line-height: 18px;
}   
}   

@media only screen and (max-width: 440px) {
h1, h2 {
   font-size: 3.8rem;
   font-size: 38px;
   line-height: 4rem;
   line-height: 40px;
}
   
h3 {
   font-size: 2.5rem;
   font-size: 25px;
   line-height: 2.8rem;
   line-height: 28px;
}
   
p {
   font-size: 1.8rem;
   font-size: 18px;
   line-height: 2.5rem;
   line-height: 25px;
}
}
/*----------------------- fonts end*/    

/*----------------------- aktuelles start*/   
@media only screen and (max-width: 650px) {   
h3 {  
   margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;   
} 
} 
/*----------------------- aktuelles end*/   

/*----------------------- newsfeed start*/
@media only screen and (max-width: 850px) {   
#newsfeed {
	font-size: 1.8rem;
	font-size: 18px;
	line-height: 2.6rem;
	line-height: 26px;
} 
}	

/*----------------------- newsfeed end*/


/*----------------------- footer start*/
@media only screen and (min-width: 940px) {
.divider-full-footer {
   display: none;
}
}
@media only screen and (max-width: 939px) {
#footer strong {
   font-weight: 300;  
}   

#footer {
   margin-top: 40px;
   padding-top: 25px;
   padding-bottom: 25px;
   text-align: center;      
}

#footer .align-right {
   float: none;  
}      

.footer-logo {
   width: auto;
   height: 70px;
   margin-top: 0px;
   margin-bottom: 15px;
}

#footer .column-footer, 
#footer .columns-footer {
   width: 100%;
}
#footer .no-mobile {
   display: none;
}
.footer-nav ul {
   margin-bottom: 0px;
   font-size: 1.8em;
   font-size: 18px;
}
#footer h3 {
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px 40px 0px 40px;
   font-size: 2.5em;
   font-size: 25px;
   line-height: 2.7rem;
   line-height: 27px;
}
#footer p {
   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 1.8em;
   font-size: 18px;
   line-height: 2.4rem;
   line-height: 24px;
}
#footer ul {
   text-align: center;
}
#footer ul li {
   float: none;
   margin-left: 0;
   margin-right: 0;
   padding-left: 10px;
   padding-right: 10px;
   display: inline-block;
}
#footer .footer-ul-icons {
   margin-top: 20px;
   margin-bottom: 0; 
}
#footer .footer-ul-icons li {
   float: none;
   margin-right: 0px;
   display: inline-block;
}

.ul-footer-nav {
   margin-top: 0px;
   margin-bottom: 30px;
}
.ul-footer-nav li {
   margin-bottom: 0px;
}
.footer-bottom {
   margin-top: 0px;
}
.copyright {
   text-align: center;
}
.manufactor {
   text-align: center;
}
}
/*----------------------- footer end*/