/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
  }

  #tab .row { margin-left: -10px; margin-right: -10px; }
	
	a[href^="tel"]:link,
	a[href^="tel"]:visited,
	a[href^="tel"]:hover {
	 pointer-events: none;
	 cursor: default;
	}
	
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  	
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
  }

  .navbar-nav > li { margin-left: 10px; }
  .navbar-collapse { padding-left: 0; padding-right: 0; }

  .tab-wrap .overlay{ padding: 15px; }

  .tab-wrap .media .parrent.pull-left { clear: both; width: 100%; }
  .tab-wrap .media .parrent.media-body { clear: both; }

  #tab .row { margin-left: -10px; margin-right: -10px; }
  .tab-wrap .overlay .preview { line-height: inherit; }

  ul.social_icons li { margin-right: 0; }

}

@media only screen and (max-device-width: 960px) {
	 a[href^="tel"]:link,
	 a[href^="tel"]:visited,
	 a[href^="tel"]:hover {
		 text-decoration: underline;
		 color: #fff;
	 }
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  
	body > section, body section { padding: 30px 0; }
	
	/* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu { display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
  .navbar-collapse { padding-left: 0; padding-right: 0; }
  .navbar-nav > li { margin-left: 0; }

  #main-slider .carousel h1 { font-size: 3.075em; }
  #main-slider .carousel h2 { font-size: 2.025em; }

  .tab-items .tab-wrap .overlay { padding: 15px; }
  .tab-items .tab-wrap h3 a { font-size: 1.563em; }
	
	.title-h1-large.has-padding span, .title-h2-large.has-padding span { white-space: normal; }
	
	.navbar-header { float: none; }
	.navbar-left, .navbar-right { float: none !important; }
	.navbar-toggle { display: block; }
	.navbar-collapse { border-top: 1px solid #003056; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
	.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
	.navbar-collapse.collapse { display: none !important; }
	.navbar-nav { float: none !important; margin-top: 7.5px; }
	.navbar-nav > li { float: none; }
	.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
	.collapse.in { display: block !important; }
	
	.navbar > .container .navbar-brand { margin-top: 0; }
	.container > .navbar-collapse { margin-left: -15px !important; padding: 0; }
	.navbar-toggle,
	.navbar-toggle.btn-push.collapsed {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 24px;
		margin-bottom: 24px;
		background: #a81b18;
		box-shadow: 0 6px rgba(168,27,24,0.5);
	}
	.navbar-toggle.btn-push:hover,
	.navbar-toggle.btn-push:focus,
	.navbar-toggle.btn-push:active {
    background-color: #003056;
    box-shadow: 0 4px rgba(0,48,86,0.25);
    transform: translateY(2px);
    color: #fff;
		padding: 9px 10px;
	}
	.navbar-inverse .navbar-nav > li > a { display: block; padding: 10px 15px; }
	
	.features { margin-bottom: 30px; }
	#alle-fragen .form-search { margin-top: 30px; }
	
	.widget-faq {  margin-top: 50px; }
	
}

/* xs */
@media (max-width: 767px) {
	.hidden-xs, span.hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none!important; }
		
	.container > .navbar-header,
	.container > .navbar-collapse { margin-left: 0; }
	
	input.search-form { width: 100%; height: 50px; float: none; }
	input.search-form:hover { width: 100%; }
	button[type="submit"] {  width: 100%; margin-top: 10px; }

	.navbar > .container .navbar-brand { margin-top: 0; }
	.container > .navbar-collapse { margin-left: -15px !important; padding: 0; }
	.navbar-toggle,	.navbar-toggle.btn-push.collapsed {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 24px;
		margin-bottom: 24px;
		background: #a81b18;
		box-shadow: 0 6px rgba(168,27,24,0.5);
	}
	.navbar-toggle.btn-push:hover,
	.navbar-toggle.btn-push:focus,
	.navbar-toggle.btn-push:active {
    background-color: #003056;
    box-shadow: 0 4px rgba(0,48,86,0.25);
    transform: translateY(2px);
    color: #fff;
		padding: 9px 10px;
	}
	.navbar-inverse .navbar-nav > li > a { display: block; padding: 10px 15px; }

	#main-slider .carousel .carousel-content { width: 100%; }
	#main-slider .carousel .slide-margin { padding-bottom: 60%; padding-top:20px; }
	#main-slider .carousel h1 { font-size: 3.075em; }
  #main-slider .carousel h2 { font-size: 2.025em; }
	#main-slider .carousel .carousel-inner .carousel-image { width: 100%; bottom: 0; margin-bottom: 0; right: auto; left: 0; float: left; }

	#main-slider .prev { left: 5px; }
	#main-slider .next { right: 5px; }
	#main-slider i.fa { font-size: 4em;	}
	
	.title-wrapper { margin: auto 15px 15px 15px; }
	h1, .title-h1-large { font-size: 3.075em; }
	h2, .title-h2-large { font-size: 2.025em; margin-bottom: 0; }
	.title-h1-large.has-padding span, .title-h2-large.has-padding span { white-space: normal; }
	
	.content-area.content_area_side_left.bg-grey-light-white::before { width: 0; }
	.content-image { margin-bottom: 15px; }
	.side-col.left, .side-col.right { margin-top: 30px; }
		
	.tab-item { min-height: auto; max-height: auto; margin-bottom: 30px; }
  .tab-wrap h2 { font-size: 1.250em; }
  .tab-wrap h3 { font-size: 1.250em; }
  .teaser-text { height: auto; }
	
  .accordion-inner h4 { margin-top: 10px; }

  .nav-tabs > li.active > a:after { display: none; }

  #footer .col-sm-6 { text-align: center; }
  #footer .pull-right { float: none !important; }

  .tab-item, #tab .col-xs-12.col-sm-6.col-md-4 { padding:0 15px; }
	.widget-faq {  margin-top: 22px; }
	
	.graphic svg { margin-top: 0;}

  ul.social_icons li { margin-right: 0; }
}

/* XS Portrait */
@media screen and (max-width: 480px) {

	h2 + h3.title-h2-large  { font-size: 1.563em; margin-bottom: 0; margin-bottom: 0; margin-top: 10px; margin-left: -5px; }
	.title-wrapper h3.title-h2-large .line { background: none; color: #003056; font-weight: 500; text-transform: none; line-height: 1.4em; box-shadow: none; padding-left:0; padding-right:0; }
	.widget-faq .title-wrapper h3.title-h2-large .line { background: #003056; color: #ffffff; font-weight: 300; text-transform: uppercase; box-shadow: 5px 0 0 #003056, -5px 0 0 #003056; }
	
	.navbar-toggle.btn-push { padding: 9px 10px; margin-top: 22px; }
	.btn.btn-push { font-size: 16px; padding: 10px 20px; }
	
	.side-col .inner .graphic {	padding: 0 !important; }
	.side-col.left, .side-col.right { margin-top: 15px; }
	
	.features > div > .feature-wrap { margin-bottom: 22px; }
	.features > div:last-child > .feature-wrap { margin-bottom: 5px; }
	.features .feature-wrap .header { padding-bottom: 10px; margin-bottom: 10px; margin-top: 5px; }
	
	.btn-push, .tab-inner a.btn { display: block; margin-top: 10px; }	
	.filters-select { margin-top: 15px; margin-bottom: 15px; }
		
	.title-wrapper { margin: auto 15px 5px 15px; }
	.content-text { margin-top: 0; }
	
	.tab-items.features { margin-bottom: 0; }
	.tab-item { margin-bottom: 10px; }
	
}

/* Quick Nav */

@media only screen and (max-width: 40em) {
	
	body > section, body section { padding: 22px 0; }
	
	#sidebar { position: relative; left: 0; width: 100%; z-index: 1001; background: #a81b18; }
	#sidebar ul { width: 100% !important; overflow: hidden; position: relative; padding-left: 0; animation-name: no; margin: 0; border-radius: 0; }
	#sidebar li { width: 33.33%; z-index: 1000; float: left; position: relative; border-bottom: 0; }
	.nav-quick__link span { background-color: #a81b18; }
	#sidebar-wrapper.nav-sidebar { bottom: 0; margin-top: 0; position: relative; border: none; border-radius: 0; }
	#sidebar-smallsearch.toggled { position: relative; top: 0; right: 0; margin-top: -2px; border: 2px solid rgba(168,27,24,0.5); }
	#sidebar-smallsearch form.form button { width: auto; }
	
	#footer ul > li { margin-left: 0; }
	
	.graphic svg { margin-top: 0;}

}