/*=================== RESPONSIVE RULES ======================*/

/* X-Large - Desktop */
@media (min-width: 1430px) {
    
}

/* Large - Laptop */
@media (max-width: 1429px) {
  
}

/* Medium - Tablet Landscape (1024px) */
@media (max-width: 1199px) {
  
}

/* Small - Tablet Portrait (768px) */
@media (max-width: 991px) {
    .mainmenu {
        display:none;
    }
    #magic-line {
        display: none;
    }
    #mobile-menu {
        display: block;
    }
	/*body:not(.view-product) #content  .content-inner {
		display: -webkit-box;
		display: -moz-box;
		display: box;

		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	body:not(.view-product) #content  .content-inner {
		width: calc(100% + 30px);
	}*/
	body:not(.view-product) #content  .content-inner #component {
	  -webkit-box-ordinal-group: 1;  
	  -moz-box-ordinal-group: 1;     
	  -ms-flex-order: 1;     
	  -webkit-order: 1;  
	  order: 1;
	}
	body:not(.view-product) #content  .content-inner #aside-left {
	  -webkit-box-ordinal-group: 2;  
	  -moz-box-ordinal-group: 2;     
	  -ms-flex-order: 2;     
	  -webkit-order: 2;  
	  order: 2;
	}
	body:not(.view-product) #content  .content-inner #aside-right {
	  -webkit-box-ordinal-group: 3;  
	  -moz-box-ordinal-group: 3;     
	  -ms-flex-order: 3;     
	  -webkit-order: 3;  
	  order: 3;
	}
  .moduletable.mod-103.search.pull-right.col-sm-3 {
    display: none;
}
  #logo {
    padding-top: 6px;
    padding-bottom: 6px;
}
  .forsideindgang a.module_link > .module_container {
    padding: 30px;
}
  .forsideindgang h3 {
    font-size: 22px;
}
  .forsidetekst .module_container {
    padding: 30px;
}
  .blogmodul .module_container {
    padding: 30px;
}
  .forsidetekst h1 {
    font-size: 35px;
    padding-bottom: 20px;
}
  .blogmodul h3 {
    font-size: 25px;
    padding-bottom: 20px;
}
  .blogmodul .eb-mod {
    padding: 30px;
}
  #maintop {
    background: url(/images/grafik/maintop-bg.jpg) no-repeat left 30px bottom / 250px;
}
  .bundform .module_container {
    padding: 30px;
}
  .bundform form {
    padding: 30px;
}
  #mainbottom .forsidetekst .module_container {
    padding: 30px;
    padding-top: 30px;
}
  .forsidetekst h1 {
    font-size: 25px;
    padding-bottom: 20px;
}
  #footer {
    padding: 30px 30px;
    padding-bottom: 40px;
}
  .foorerinfo li {
    float: clear;
}
  #content {
    padding: 15px 15px 15px;
}
  article h1 {
    font-size: 30px;
    padding-bottom: 20px;
}
  main {
    padding: 25px;
    min-height: auto;
}
  article h4 {
    font-size: 16px;
}
  .info-sb .module_container {
    padding: 22px;
}
  .info-sb h3 {
    font-size: 16px;
}
  .button {
    font-size: 10px;
    letter-spacing: 2px;
    padding: 8px 14px;
}
  #navigation {
    padding-left: 15px;
}
  #maintop .bundform .module_container {
    padding: 30px;
}
  .bundform h3 {
    padding-bottom: 20px;
}
  .body_kontaktside #maintop {
    background: rgba(0, 0, 0, 0) url(/images/grafik/maintop-bg.jpg) no-repeat scroll left 180px bottom / 320px auto;
}
}

/* X-Small - Mobile (320px / 375px) */
@media (max-width: 767px) {
    #logo {
      text-align: center;
    }
#header {
    margin-top: 50px;
    position: absolute;
}
  .forsideindgang a.module_link > .module_container {
    padding: 30px;
}
#mobile-menu {
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #fff;
}
#showcase {
    padding-top: 118px;
}
  .forsidetekst .module_container {
    padding: 30px;
}
  .forsidetekst h1 {
    font-size: 30px;
    padding-bottom: 20px;
}
  .blogmodul .module_container {
    padding: 30px;
    height: auto !important;
}
  .blogmodul h3 {
    font-size: 30px;
    padding-bottom: 20px;
}
  .blogmodul .eb-mod {
    padding: 30px;
}
  .bundform .module_container {
    padding: 30px;
}
  .bundform form {
    padding: 30px;
}
  #mainbottom .forsidetekst .module_container {
    padding: 30px;
    padding-top: 30px;
}
  #footer {
    padding: 30px 30px;
    padding-top: 30px;
    padding-bottom: 50px;
}
#content {
    padding: 0px;
}
  article h1 {
    font-size: 30px;
    padding-bottom: 20px;
}
  main {
    padding: 30px;
}
  #navigation {
    padding-left: 30px;
}
  .info-sb .module_container {
    padding: 30px;
}
  .bundform h3 {
    font-size: 30px;
    padding-bottom: 20px;
}
  .bundform .module_container {
    padding: 30px !important;
}
  .slidertekst .button {
    display: none;
}
  .slidertekst p {
    display: none;
}
  .slidertekst h1 {
    font-size: 30px !important;
    line-height: 36px !important;
}
}