.mobileon { display: none; }

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {

}
@media screen and (device-width: 640px) and (device-height: 360px) and (orientation: landscape) {
	.navbar-brand {width: 30%;}
}


@media screen and (max-width: 1384px) {
	.list_pro .pro_content {min-height: 420px; padding-bottom: 3em;}
}

@media screen and (max-width: 1220px) {
	.navbar-brand img {width: 50%;}
	.nav>li>a { padding: 10px 10px; }
	.list_pro .pro_content {min-height: 580px; padding-bottom: 2em;}
}

@media screen and (max-width: 1140px) {
	body { padding-top: 50px; }
	.navbar-brand img {width: 50%;}
	.navbar-nav {margin-right: 20px; margin-top: 26px; }
	.nav>li>a { padding: 10px 10px; }

	.navbar-brand {
		background: url(../images/logo.png) no-repeat;
		width: 130px;
		height: 38px;
		background-size: 130px;
	}
	.start { margin-top: 30px; }
}

@media screen and (max-width: 1090px) {
	body { padding-top: 60px; }
	.navbar-nav {margin-right: 20px; margin-top: 27px; }
	.nav>li>a { padding: 10px 6px; }

	.navbar-brand {
		background: url(../images/logo.png) no-repeat;
		width: 135px;
		height: 38px;
		background-size: 130px;
	}
}

@media screen and (max-width: 970px) {
	.list_news { display: none; }
	.breadcrumb { visibility: visible; padding: 18px 15px 8px; margin-bottom: 22px; list-style: none; background-color: #fff; border-radius: 0; }

	.breadcrumb>li {
		margin-right: 10px;
	}

	.breadcrumb>li:before {
		padding: 0 5px !important;
		color: var(--blue) !important; font-family: 'FontAwesome'; background: none;
		content: "\f0da" !important;
	}

	.banner { margin-bottom: 0; }
	.banner.mobileoff { margin-bottom: 2rem; }
	.caret { margin-left: 12px; }
	/*.banner, .img_main { display: none; }*/
	.list_pro .pro_content { min-height: 500px; margin-top: 20px; }
/* 	.content { margin-top: 0; } */
	.menu_left { overflow: hidden; margin-bottom: 30px; }
	.site-navbar .navbar-toggler,
	.navbar-gc .navbar-toggler {
		display: block;
	}
	.navbar-collapse.collapse { display: none !important; }
	.navbar-collapse.collapse.show { display: block !important; }
	.site-navbar .nav-item.dropdown > .dropdown-menu:not(.show),
	.navbar-gc .nav-item.dropdown > .dropdown-menu:not(.show) {
		display: none !important;
	}
	.site-navbar .nav-item.dropdown > .dropdown-menu.show,
	.site-navbar .open2 .dropdown-menu,
	.navbar-gc .nav-item.dropdown > .dropdown-menu.show,
	.navbar-gc .open2 .dropdown-menu {
		display: block !important;
	}

	.mobileoff { display: none; }
	.mobileon, .banner.mobileoff { display: block; }
	.active.item { padding-top: 0; overflow: hidden; }
	/* .banner { margin-bottom: 3rem; } */
	.row.t1-faq-block { margin-left: 0; }
	.faq-right { padding-left: 0; }
	/* .banner + .content { margin-top: -20px; } */
	.menu_left ul li.active {
		text-decoration: none;
		color: var(--blue);
		font-weight: 400;
		background: #ddd;
	}
	.lighter .onHover {
		display: none;
	}
	.lighter:hover .onHover {
		display: none;
	}
	.aktuelles, .pro_content { padding-bottom: 3em; }
	footer { background: var(--blue); }
	.site-navbar .navbar-nav .nav-link {
		font-size: 1rem;
		font-weight: 400;
	}
	.navbar-toggler-icon {
		display: inline-block;
		width: 1.25em;
		height: 1.25em;
	}
	.site-navbar .navbar-toggler {
		margin-top: 0;
	}
	.navbar-gc.navbar {
		margin: 4px 0 !important;
	}
	.active.item .bild {
		display: block;
		position: relative;
		left: -20%;
		width: 160%;
		max-width: none;
		margin: 0 0 2rem;
	}
}


@media screen and (max-width: 767px) {
	/*.banner, .img_main { display: none; }*/

	.list_news { display: none; }
	.list_pro .pro_content { min-height: inherit; height: auto; padding-bottom: 3em; }
	.menu_left ul li a {
		color: #8A8C8E;
		width: 100%;
		display: block;
		margin: 0;
	}
	.menu_left ul li {
		display: block;
		padding: 8px 10px !important;
		background: #ddd;

	}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		height: auto;
		max-width: 140%;
		margin-left: -100px;
	}
	.caption {
		margin: 40px 0 0 30px;
		width: 90%;
	}
	.caption h2 { font-size: var(--fs-fa-xl); }
	.loesungen {
		padding: 10px 0px 10px 20px;
	}
	footer .col-md-3 { margin-top: 2em !important; }
	.links { float:none; margin:0 1em 1em 0; }
	#cookie_disclaimer td { width: 300px !important; display: block; }
	#cookie_disclaimer p, #cookie_disclaimer td {
		font-size: 1rem !important; line-height: 1.2em;
	}
	.info_news article { border-bottom: solid 1px #ccc; }
	.pro_content { border-bottom: solid 1px #ccc; padding-bottom: 3em; }
	article img { width: 100%; max-width: inherit;}
	.caption, article { margin-bottom: 2em; position: relative }
	article a.btnMore {
		bottom: 50px;
	}
	.navbar-gc .navbar-brand img {
		height: 38px;
		width: auto;
	}
		body.page-start h2.serif { font-size: 1.75rem; }
}

@media screen and (max-width: 580px) {
	.caption {
		margin: 0;
		max-width: 100%;
		position: relative;
	}
	.loesungen { padding: 10px 0px 10px 0px; }
	.cta,.cta:hover { margin-bottom: 2em; padding: 0 0 0 15px; font-size: 1rem;
		width: 330px;
		background-size: 324px;
		height: 74px; }
	.references div a {
		font-size: 1rem;
	 }
	.caption h2, .caption h1 {
		font-size: var(--fs-fa-lg); margin-top: .5em;
	}
	.caption a.btnMore {
		bottom: 12px;
	}
	.bor img { margin-top: 2em; }
	.partner-img { display: inline-block; height: 60px; margin-right: 25px; margin-bottom: .5em; }
	.partnerlogos { text-align: left; margin: 1.5em 0 0; }
	
	.p112 .list-item.no-dot {
		margin-top: -22px;
	}
	.bubble_right, .bubble_left {
		height: 104px;
		width: 165px;
		padding: 12px 14px;
		font-size: .8em;
		line-height: 1.2em;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {font-size: var(--fs-base); }
	footer ul li, footer .address {
		font-size: 1rem;
		line-height: 1.75em;
	}

/*	.navbar-brand {width: 50%;}
	ul.navbar-nav li:hover a, ul.navbar-nav > .active > a {border-bottom: 1px solid var(--blue);}
	ul.navbar-nav li a {border-bottom: 1px solid var(--blue); padding: 6px 0}
	.navbar-nav > li > ul {display: block; position: relative; top: 0; background: transparent; padding-left: 0; padding-right: 0; width: 100%;}
	.navbar-nav > li > ul > li > a {display: block; width: 100%; padding: 3px 10px 3px 50px; color: #000;}
*/
	.navbar-nav {width: 100%; padding: 0; margin: 0 !important;}
	.navbar-collapse {padding: 0;}
	.panel_content {width: 80%;}
	.panel-title {font-size: var(--fs-md);}
	ul.list_pro li {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.menu_left { margin-bottom: 30px; margin-top: 0; }
	.menu_left li { background: #f3f3f2; margin-bottom: 2px; padding: 1em !important; }
	.navbar-nav {
		float: none!important;
		margin: 7.5px 5px;
	}

	h1 {
		font-size: 1.75rem;
		line-height: 1.2em;
		margin-top: 0;
	}
	h3 {
		font-size: var(--fs-lg);
		font-weight: 700;
	}
	.panel-title {
		font-size: var(--fs-nav);
	}

	.menu_left ul li {

	}
}

@media screen and (max-width: 430px) {
	.caption h2 {
		font-size: 1.5rem;
	}
}


@media screen and (max-width: 320px) {

}

@media (min-width: @screen-sm) {

}