/*
* 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) {
		#bildbanner img { margin-bottom: 0; }
		#home_content .home_boxes {  margin: 20px 0 0 0; }
		#home_content .box_arrow img { width: 12px; }
		/*#bildbanner, #bildbanner section { width: 1116px; height: 399px; }
		#bildbanner img.img_slide { width: 1116px; height: 399px; }*/
		/*#call_container a {	margin-left: 1116px !important;	}*/
		/*#home_content .home_boxes {  margin: 20px 0 0 0; }
		#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 img { margin-bottom: 0; }
		#home_content .box_arrow img { width: 12px; }
		/*#call_container a {	margin-left: 936px !important;	}*/
		/*#home_content .home_boxes { height: 65px; margin: 20px 0 0 0; }
		#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 { /* width: 390px; height: auto;*/ margin: 10px 0 0 0; }
		
		#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 {  height: auto; }
		#bildbanner img.img_slide { width: 100% !important; height: auto; object-fit: cover; }
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 991px) {
		
		
		body {
			font-size: 1rem;
		}		
		#main_content .lead {
			font-size: 1.35rem;
		}
		#main_content .lead .lead_legend {
			font-size: 1rem;
		}
		#main_content  h1 {
			font-size:1.5rem;
		}
		#main_content  h2 {
			font-size:1.5rem;
		}
		#main_content  h3 {
			font-size:1rem;
			font-weight:500;
		}		
		
		#call_container { display: none; }
		.modal-dialog_90 { max-width: 97%; max-height: 97%; }
		.modal-dialog-centered { align-items: stretch; }
		#main_content .table_tech_overview td,
		#main_content .table_tech_overview th { font-size: 0.75rem; }
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 992px) {
		.modal-dialog_90 { max-width: 990px; }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 991px) { /* bootstrap */
		#header { height: 83px; }		
		#home_link { /*margin-top: 40px;*/ }
		#logo { width: 110px; height: auto; margin: 0; }
		#main { min-height: 500px; }
		#main_navigation { height:44px; }
		#main_navigation a, ul.navmenu { font-size:0.813em; }
		#bildbanner img { width: 768px; height: auto; }
		.container #navigation_links.three.columns { width: 132px; }
		ul.navmenu a { font-size:10px; }
		ul.navmenu ul a { padding: 3px 8px 3px 12px; font-size:11px; }
		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 { float:none; padding-top:12px; padding-right:0; margin:0 0 3px; font-weight:400; 
		              font-size:9px; text-align:right; width:auto;}*/
		#main_content #container div.caption-container { float:left; overflow:hidden; margin-top:460px; height:auto; }
		#main_content #container div.caption-container { padding-bottom:10px; }
		#home_content #home_content_over .home_columns { width: 239px; }
		#home_content #home_content_over .home_columns div { height: 180px; }
		#home_content #home_content_over #home_content_1 div {height: 166px; }
	}

  @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; }		*/
		#main_content .table_tech_overview td,
		#main_content .table_tech_overview th { font-size: 0.75rem; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#header { height: 75px; } /* bootstrap */
		#header a#hamburger { margin-top: 30px; } /* bootstrap */
		#home_link { margin:0; height:auto; padding-left:0;  } 
		#logo { width: 100px; height: auto; margin: 0; } /* bootstrap */
		/*#logo { margin-left: 30px; width:70px; height:auto;}*/
		#main {min-height:200px; }
		/* #content { margin-top: -45px; border-top: 1px solid #565555;} */
		#home_content { padding: 0; /*margin-top: 10px;*/ top: 0; }
		#home_content .home_boxes { /* width: 390px; height: auto;*/ margin: 10px 0 0 0; } /* bootstrap */
		/*#home_content .box_content h1 { margin-bottom: 28px; }*/ /* bootstrap */
    #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 { height: auto; margin-top: -10px; } /* bootstrap */
		#bildbanner section { height: auto; } /* bootstrap */
		#bildbanner img.img_slide { height: auto; margin-top: 10px; } /* bootstrap */
		/*#bildbanner img.img_slide { width: 516px; height: 279px; margin-top: 10px; }*/ /* bootstrap */
		#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;}*/
		#main_content #container div.slideshow a.advance-link { line-height:0; }
		#main_content #container ul.thumbs   { float:none; }
		#main_content #container div.caption-container { float:left; overflow:hidden; margin-top:460px; height:auto; }
		#main_content #container div.caption-container { padding-bottom:10px; }
		#home_content_left { margin:10px 0 10px 10px; width:400px; }
		#home_content #home_content_over .home_columns { width: 100%; }
		#home_content_2, #home_content_3 { margin-top: 15px; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#header { height: 67px; } /* bootstrap */
		#header a#hamburger { margin-top: 30px; } /* bootstrap */
		#home_link { margin:0; /*width:90px;*/ padding-left:0; }
		#logo { margin:0; width:90px; height:auto;}
		#main {min-height:200px; }
		/*#content { margin-top: -45px; border-top: 1px solid #565555;}*/
		#home_content { padding: 0; top: -10px; }
		#home_content .home_boxes {  /*width: 280px;*/ height: auto; padding: 10px; margin: 10px 0 0 0; }
		#home_content .box_content h1 { margin-bottom: 28px; }
		#logo_extra_head { width:100px; }
		#logo_extra_head img { width:98px;}
    #main_navigation #logout { width:100px; padding-top:0; }
    #main_navigation #logout a { display:block; }
		
		#bildbanner { width: 100%; height: 190px;; /*min-height: 200px;*/ /*margin-top: -45px;*/ }
		#bildbanner section { max-height: 240px; }
		#bildbanner img { height: 190px; width: auto; margin: 0; }
		#bildbanner_content { margin-bottom: 2rem; }
		#bildbanner_content img { height: 190px; width: auto; margin: 0; }
		/*#bildbanner img { width: 100%; height: auto; margin: 0; }*/
		#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;}
		#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;}*/
		#main_content #container div.slideshow a.advance-link { line-height:0; }
		#main_content #container ul.thumbs   { float:none; }
		#main_content #container div.caption-container { float:left; overflow:hidden; margin-top:460px; height:auto; }
		#main_content #container div.caption-container { padding-bottom:10px; }
		#main_content #slideshow img { max-width:270px;}
		#home_content_left { margin:10px 0 10px 10px; width:280px; }
		#home_content { overflow: hidden; }
		#home_content #home_content_over .home_columns { width: 100%; }
		#home_content_2, #home_content_3 { margin-top: 15px; }
	}
	@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; }
	}
	@media only screen and (max-width: 370px) { /* bootstrap */
		.card h5 { font-size: 1.1rem; }
		.card h6 { font-size: 1.1rem; }
	}