/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* bootstrap */
	@media only screen and (min-width: 1200px) and (max-width: 1395px) {
		#home_content .home_boxes {  margin: 20px 0 0 0; }
		#bildbanner, #bildbanner section { width: 1116px; height: 603px; }
		#bildbanner img.img_slide { width: 1116px; height: 603px; }
		#home_content .box_arrow img { width: 12px; }
		#home_content .box_content h1 { font-size: 1em; }
    /* #homepage_slide_box { bottom: 150px; }
		#bildbanner #homepage_slide_box .homepage_slide_pikto img { width: 60px; height: auto; }
		#bildbanner #homepage_slide_box .homepage_slide_pikto_covid img { width: 150px; height: auto; }
    #homepage_slide_box .homepage_slide_title, #homepage_slide_box .homepage_slide_text, #homepage_slide_box .homepage_slide_pikto { padding-left: 40px; } */
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		/*#main { min-height: 590px; }*/
		#home_content .home_boxes { height: 65px; margin: 20px 0 0 0; }
		#bildbanner, #bildbanner section { width: 936px; height: 505px; }
		#bildbanner img.img_slide { width: 936px; height: 505px; }
		#home_content .box_arrow img { width: 12px; }
		#home_content .box_content h1 { font-size: 1em; }
		#nav5_menu h3 { font-size: 1rem }		
	}
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		#home_content { min-height: 80px; }
		/* #home_content .home_boxes { height: auto;  margin: 10px 0 0 0; }*/ /* bootstrap */
		#home_content .home_boxes { /* width: 390px;*/ /*height: auto;*/ height: 65px; margin: 10px 0 0 0; } /* bootstrap2 */
		#home_content .home_boxes:hover { height: 65px; } /* bootstrap2 */
		#home_content .home_boxes h3,
		#home_content .home_boxes ul { display: none; } /* bootstrap2 */
		#home_content .box_content h1 { margin-bottom: 28px; } /* bootstrap */
		
		#home_content .hc_margin { /*width: 231px;*/ margin-right: 8px; } /* bootstrap */
		#home_content .box_arrow { width: 27px; height: 65px; float: left; margin-right: 15px; }
		#home_content .box_arrow img { width: 15px; }
		#home_content .box_content h1 { font-size: 1.125em; font-weight: 500; margin-top: 2px; }
		#home_content .box_content p { font-size: 0.875em; font-weight: 300; margin-top: 5px; }
		
		
		#bildbanner, #bildbanner section { width: 696px; height: 376px; }
		#bildbanner img.img_slide { width: 696px; height: 376px; }
		#bildbanner #homepage_slide_box .homepage_slide_pikto { padding-left: 40px; }
		#bildbanner #homepage_slide_box .homepage_slide_pikto img { width: 50px; height: auto; }
		#bildbanner #homepage_slide_box .homepage_slide_pikto_covid { padding-left: 40px; }
		#bildbanner #homepage_slide_box .homepage_slide_pikto_covid img { /*width: 150px;*/ height: auto; }
	}
	/* bootstrap */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) { 
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 991px) { /* bootstrap */
		#header { height: 93px; } /* bootstrap */
		#logo { /*margin-left: 30px;*/ width: 124px; }
		#main { min-height: 500px; }
		#impressions { height: 122px;}
		#impressions img { width: 100%; height: 122px;}
		#background_leftcol { background:url(../images/template/hintergrund_navigation_144.jpg) repeat-y left 0; }
		#main_navigation { height:44px; }
		#main_navigation a, ul.navmenu { font-size:0.813em; }
		
		
		
		#bildbanner { width: 100%; height: auto; /*min-height: 298px; margin-top: -10px;*/ }
		#bildbanner section { height: auto; max-height: 432px; }
		#bildbanner img.img_slide { width: 100%; height: auto; /*margin-top: 10px;*/ }
		#bildbanner .slick-dotted.slick-slider { margin-bottom: 0; }
		#bildbanner .slick-dots { display: none !important; }
    #homepage_slide_box { /*bottom: 10px;*/ width: 100%; }
    #homepage_slide_box .homepage_slide_pikto, #homepage_slide_box .homepage_slide_pikto_covid { display: none;}
    #homepage_slide_box .homepage_slide_title { display: block; padding: 5px 5px 1px 5px; margin-bottom: 3px; }
    #homepage_slide_box .homepage_slide_title h1 { display: block; font-size: 1.125em; }
    #homepage_slide_box .homepage_slide_title h1 span.homepage_slide_title_mehr { display: inline; margin-left: 1rem; color: #CC0000; font-weight: 300; font-size:0.75rem; }
    #homepage_slide_box .homepage_slide_text { padding: 5px 5px 5px 40px; margin-top: 0; line-height: 1.2; display: none; }
    #homepage_slide_box .homepage_slide_text h2 { display: block; font-size: 1em; font-weight: 500; }
    #homepage_slide_box .homepage_slide_text p { font-size: 1em; }
    #homepage_slide_box .homepage_slide_text p span { display: none; }
		
		
		
		
    #homepage_slide_box { bottom: 30px; }
    #homepage_slide_box .homepage_slide_title, #homepage_slide_box .homepage_slide_text, #homepage_slide_box .homepage_slide_pikto { padding-left: 40px; }
		/*#main_navigation a { padding: 0 12px; }*/
		.container #navigation_links.three.columns { width: 132px; }
		ul.navmenu a { font-size:0.875em; }
		ul.navmenu ul a { padding: 3px 8px 3px 12px; }
		ul.navmenu ul li.sub a   { background:url(/images/template/nav_pfeil.png) #e8e8e8 no-repeat 120px 7px; }
		#main #bildbanner #news_start { top:250px; }
		#training_anmeldung input { width: 172px; }
		#footer { height:auto; overflow:hidden; }
		#footer div { /*clear:both; float:none; padding-top:12px; padding-right:0; font-size:9px; font-weight:400; text-align:right; */ margin:0 0 3px; 
		              width:auto;}
	}

  @media only screen and (min-width: 768px) { 
    /* #header a#hamburger { display:none; } */
		#news_start { display:block; }
		#news_start_mobi { display: none; }	
		#product_images img { margin-bottom:20px; }	
		/*#box { display:block; }
		#box_mobi { display: none; }		*/
  }
  
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#news_start { display:none; }
		#news_start_mobi { display: block; }	
		/*#main #home_content { margin:0 5px 0 5px; }*/	
		#box { margin-top:15px; }
		/* #box_mobi { display: block; }		*/
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#header { height: 70px; } /* bootstrap */
		#header a#hamburger { margin-top: 30px; } /* bootstrap */
		#home_link { margin:0; width:115px; height:auto; padding-left:0;  } 
		#logo { /*margin-left: 30px;*/ width:90px; height:auto;}
		#impressions { height: 67px; margin-top: 0px; border-top: 1px solid #565555; } /* bootstrap */
		#impressions img { width: 100%; height: 67px;}
		#main {min-height:200px; }
		/* #content { margin-top: -45px; border-top: 1px solid #565555;} */
		#home_content { padding: 0; }
		/*#home_content .home_boxes {  height: auto; margin: 10px 0 0 0; }*/ /* bootstrap */
		#home_content .home_boxes { /* width: 390px;*/ /*height: auto;*/ height: 65px; margin: 10px 0 0 0; } /* bootstrap2 */
		#home_content .home_boxes:hover { height: 65px; } /* bootstrap2 */
		#home_content .home_boxes h3,
		#home_content .home_boxes ul { display: none; } /* bootstrap2 */
		#home_content .box_content h1 { margin-bottom: 28px; } /* bootstrap */
    #main_content h1, #main_content h2,#main_content h3,#main_content p,#main_content ul, #main_content img
     { padding-left:10px; padding-right:10px; }
    #main_content #homeslider img { padding:0; }
    #main_content .ui-accordion-content p, #main_content .ui-accordion-content table { padding-left:0; padding-right:0; margin-left:0; margin-right:0; }
    #main_content table { margin:10px; }
    #service_navigation { width:260px; margin-top:9px;}
    #background_leftcol, #main_navigation { background:none;}
		#main_navigation ul, #navigation_links { display:none; }
		#main_navigation { border:0; margin:6px 0 0; }
		#main_navigation #logout { width:100px; padding-top:0; }
		#main_navigation #logout a { display:block; }
		
		
		#bildbanner { width: 100%; height: auto; /*min-height: 298px; margin-top: -10px;*/ }
		#bildbanner section { height: auto; max-height: 289px; }
		#bildbanner img.img_slide { width: 100%; height: auto; /*margin-top: 10px;*/ }
		#bildbanner .slick-dotted.slick-slider { margin-bottom: 0; }
		#bildbanner .slick-dots { display: none !important; }
		#bildbanner #homepage_slide_box .homepage_slide_pikto img { width: 40px; height: auto; }
    #homepage_slide_box { /*bottom: 10px;*/ width: 100%; }
    #homepage_slide_box .homepage_slide_pikto, #homepage_slide_box .homepage_slide_pikto_covid { display: none; }
    #homepage_slide_box .homepage_slide_title { display: block; padding: 5px 5px 1px 5px; margin-bottom: 3px; }
    #homepage_slide_box .homepage_slide_title h1 { display: block; font-size: 1.125em; }
    #homepage_slide_box .homepage_slide_title h1 span.homepage_slide_title_mehr { display: inline; margin-left: 1rem; color: #CC0000; font-weight: 300; font-size:0.75rem; }
    #homepage_slide_box .homepage_slide_text { padding: 5px 5px 5px 40px; margin-top: 0; line-height: 1.2; display: none; }
    #homepage_slide_box .homepage_slide_text h2 { display: block; font-size: 1em; font-weight: 500; }
    #homepage_slide_box .homepage_slide_text p { font-size: 1em; }
    #homepage_slide_box .homepage_slide_text p span { display: none; }
		#product_images img { margin-bottom:20px; }
		#logo_extra_start { margin-top:15px; }
		#login h1 { margin:15px 0 2px 0; }
		#tormax_worldwide { display:none; }
		#username_head { display:none; }
		#content { clear:left; }
		#subnavigation_dummy { display:none; }
		#breadcrumbs { display:none; margin:12px 0; text-indent:10px; }
		.navi_mobile { float:left; margin:6px 0 0 10px; display:block; width:190px !important; padding:1px; font-size:0.75em; }
		#language { float:right; font-size:0.813em; margin:3px 1px 0 0; text-align:right; }		
		#country_select_form { margin:3px 1px 0; }
		 /* #search_form { margin:3px 0 0; } */
		#search_form { display: none; }
		#logo_extra_head img { width:70%;}
		/*#training_anmeldung input { width: 172px; }*/
		#main_content .infobox { border:0; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0; }
		#main_content img { max-width: 96%; }
		#footer { height:auto; overflow:hidden; }
		#service_links li { padding:0 3px 1px 1px; }
		#footer div { clear:both; float:none; padding-top:12px;margin:0 0 3px; font-weight:400; font-size:9px; text-align:right; width:auto;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {
		#header { height: 70px; } /* bootstrap */
		#header a#hamburger { margin-top: 30px; } /* bootstrap */
		#home_link { margin:0; width:90px; padding-left:0; }
		#logo { /*margin-left: 30px;*/ width:90px; height:auto;}
		#impressions { height: 67px; margin-top: 0; border-top: 1px solid #565555; } /* bootstrap */
		#impressions img { width: 100%; height: 67px; /* border-bottom: 5px solid #f4f4f4; */}
		#main {min-height:200px; }
		/*#content { margin-top: -45px; border-top: 1px solid #565555;}*/
		#home_content { padding: 0; }
		/*#home_content .home_boxes {  height: auto; padding: 10px; margin: 10px 0 0 0; }*/
		#home_content .home_boxes { /* width: 390px;*/ /*height: auto;*/ height: 65px; margin: 10px 0 0 0; } /* bootstrap2 */
		#home_content .home_boxes:hover { height: 65px; } /* bootstrap2 */
		#home_content .home_boxes h3,
		#home_content .home_boxes ul { display: none; } /* bootstrap2 */
		#home_content .box_content h1 { margin-bottom: 28px; }
		#logo_extra_head { width:100px; }
		#logo_extra_head img { width:98px;}
		#main_content h1, #main_content h2,#main_content h3,#main_content p, #main_content table 
        { padding-left:10px; padding-right:10px; }
    #main_navigation #logout { width:100px; padding-top:0; }
    #main_navigation #logout a { display:block; }
		/*#main_navigation a#hamburger { margin: 24px 0 0 142px; }*/
		/*#main #home_content #box_mobi { width:250px; }
		#main #home_content #box_mobi h2 { width: 245px; }
		#main #home_content #box_mobi h3 { width: 245px; }
		#main #home_content #box_mobi #box_content { width: 240px; }
		#main #home_content #box_mobi #box_content_wrap { width: 245px; }*/
		#bildbanner { width: 100%; height: auto; /*min-height: 298px; margin-top: -45px;*/ }
		#bildbanner section { height: auto; max-height: 298px; }
		#bildbanner .slick-dotted.slick-slider { margin-bottom: 0; }
		#bildbanner .slick-dots { display: none !important; }

		#bildbanner img { width: 100%; height: auto; margin-top: 0px; }
		#bildbanner #homepage_slide_box .homepage_slide_pikto img { width: 40px; height: auto; }
    #homepage_slide_box { bottom: 10px; width: 100%; }
    #homepage_slide_box .homepage_slide_pikto, #homepage_slide_box .homepage_slide_pikto_covid { display: none;}
    #homepage_slide_box .homepage_slide_title { display: block; padding: 5px 5px 1px 5px; margin-bottom: 3px; }
    #homepage_slide_box .homepage_slide_title h1 { display: block; font-size: 1em; }
    #homepage_slide_box .homepage_slide_title h1 span.homepage_slide_title_mehr { display: inline; margin-left: 1rem; color: #CC0000; font-weight: 300; font-size:0.75rem; }
    #homepage_slide_box .homepage_slide_text { padding: 5px 5px 5px 40px; margin-top: 0; line-height: 1.2; display: none;}
    #homepage_slide_box .homepage_slide_text h2 { font-size: 0.875em; font-weight: 500; }
    #homepage_slide_box .homepage_slide_text p { font-size: 0.875em; }
    #homepage_slide_box .homepage_slide_text p span { display: none; }
		#product_images img { margin-bottom:20px; }
		#logo_extra_start { margin-top:15px;}
		#login h1 { margin:15px 0 2px 0; }
		#tormax_worldwide { display:none;}
    #username_head { display:none;}
    #breadcrumbs {  display:none; text-indent:10px; }
    #service_navigation { width:170px; margin:6px 0 0;}
    #background_leftcol, #main_navigation { background:none;}
		#main_navigation ul, #navigation_links { display:none; }
		#main_navigation { border:0; margin:6px 0 0; }
		#subnavigation_dummy, #breadcrumbs { display:none; }
		#country_select_msdd { width:160px !important; }
		#content { clear:left;}
		#language { float:right; font-size:0.75em; margin:3px 1px 0 0; text-align:right;}
		#country_select_form { margin:3px 1px 0; height:auto; }
		#country_select_form select { width:160px; font-size:0.688em; }
		#search_field { width:139px; font-size:0.688em; height:17px; }
		#search_loupe { width:17px; height:17px; }
		/* #search_form { margin:0 10px 0 0; width:auto;height:auto; } */
		#search_form { display: none; }
		#main_content .infobox { border:0; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0; }
		#footer { height:auto; overflow:hidden; }
		#service_links li { padding:0 3px 1px 1px; }
		#footer div { clear:both; float:none; padding-top:12px;margin:0 0 3px; font-weight:400; font-size:9px; text-align:right; width:auto;}
	}
	@media only screen and (max-width: 465px) {
		#bildbanner section { max-height: 280px; }
	}
	@media only screen and (max-width: 430px) {
		#bildbanner section { max-height: 250px; }
	}
	@media only screen and (max-width: 400px) {
		#bildbanner section { max-height: 234px; }
	}
	@media only screen and (max-width: 350px) {
		#bildbanner section { max-height: 200px; }
	}