/*RESPONSIVE Laptop*/
@media (max-width: 1440px) {
	.topnews {top:10%;}
}


/*RESPONSIVE ipad Quer*/
@media (max-width: 1200px) and (orientation: landscape)  {
	.Karriere {margin-bottom:25px;}
	.Karriere .KarriereArbeitgeber {width:120px;}
	.KarriereTitel {width:850px;font-weight: 600}
	.KarriereBewerbung, .KarriereInfos {width: 200px;}
	.topnews {width: 540px;right:15px;}
	.Logo svg {width: 250px; }
}

/*RESPONSIVE ipad Quer*/
@media (max-width: 1100px) and (orientation: landscape)  {
a.LinkInt {padding: 0.9rem 2rem;}
	}
	
@media (max-width: 1024px) and (orientation: landscape)  {
a.LinkInt {padding: 0.9rem 1.3rem;}
	}
	

@media (max-width: 1000px) {
	.desktop {display: none;}
	.mobile {display: block;}
	.flyout {padding-top: 0 !important}
	.Navigation {
		padding: 0 0 0 0;
		max-height: 60px;}
	.Logo {
		margin-top: 0;
		margin-bottom: 0;
		text-align: center;}
	.Logo svg {width: 280px; }

	.flyout {
		box-sizing: border-box;
		min-height: 38px;
		height: unset !important;}

	.headbild {
		margin-top: 200px;
		position: relative;}

	#icon_menuName {display: none;}

	#icon_tel {	
		height: unset;
		padding: 0 30px 0 0;
		margin-left: 40px;
		margin-top: 0px;}

	#icon_mail {
		height: unset;
		padding: 0 30px 0 0;
		margin-top: 0px;}

	#icon_search {
		height: unset;
		margin-top: 0px;
		width: 30%;}
}


/*RESPONSIVE ipad hoch*/
@media (max-width: 900px) {

	h1 {
		-webkit-hyphens: auto;
		-webkit-hyphenate-character: "\2010";
		-webkit-hyphenate-limit-after: 1;
		-webkit-hyphenate-limit-before: 3;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; }

	h1,.BeschreibungTopNewsTitelx {font-size: 1.5em;	font-family:'Roboto Slab';font-weight: 400}
	.Desktoptopnews {display:none;}	
	.nurMobileNews {display:inline-block;}
	.colNavSearch {margin-top: 57px;padding: 0 0;}
	.noIpadH {display: none;}

	#icon_tel i {font-size: 2rem;}
	#icon_mail {font-size: 2rem;}
	#icon_search {font-size: 1.7rem;}
	#searchform {margin: 10px 0 0 0;left: 130px;width: 0%;position: absolute;}
	.CatBox {margin-bottom: 2rem;}

	.ImgTopOut {margin-top:unset}
	.ImgTopOut div img {width: unset;position: unset;top: unset;}
	.ImgOutText div img{width: unset;}
}

@media (max-width: 820px) {
	.svgBoxHome {height: 160px}
	fieldset#formularA,fieldset#formularB {width: 100%;}
	fieldset#formularA {margin-right: 0}
	fieldset#formularB  {margin-left: 0}
	.footer {background: #58585a;color:#fff;font-size: 1rem;}
	.mehrInfoTopNewsSlider  {	width: 100%;}
}

@media (max-width: 768px) {
	a.LinkInt {
		padding: 0.9rem 1rem;}
}


/*RESPONSIVE smartphone hoch*/
@media (max-width: 480px) {
	.svgBoxHome {height: unset;}
	body,p{font-size: 1rem;}
	h2 {font-size: 1.5em;}
	h3 {font-size: 1.3em;}
	.row .col-12  {padding-top: 15px;padding-bottom: 15px;}
	.row .col-6   {padding-top: 15px;padding-bottom: 15px;}
	.row .col-lg-6 {padding-top: 15px;padding-bottom: 15px;}
	button.accordion {font-size: 1rem;}
	.Logo {margin-top: 10px;margin-bottom: 40px;text-align: center;}
	#breadcrumb {padding: 0;}
	.container-fluid {padding-right: 0;padding-left: 0}
	.headbild { margin-top: 175px;}
	.Navigation {padding: 0 0 0 0;max-height:30px;}
	.ohneRandnurDesktop {display:none}
	#map { margin: 0;padding: 0;height: auto;}
	table.datenfakten td:first-child {width:230px;}
	#icon_menu {top: 0px}
	#icon_search {width: unset;}
	#searchform {left: 0;position: absolute;right: 0;width: 100%}
	#searchform input {width: 200px;height: 2rem;clear: both;float: right;position: absolute;margin: -40px 0 0 60px;}
	.topnewsx {margin-top: 1.5rem;}
	.CatBox {margin: 15px 0}
	.btn-link {font-size: 1.25rem;}
	.colNav {margin-top: 0}
	.Karriere {margin-bottom:25px;}
	.KarriereTitel {width:100%;font-weight: 600}
	.KarriereBewerbung, .KarriereInfos {width: 49%; font-size:14px;}
	h1, h2 {	-webkit-hyphens: auto;
		-webkit-hyphenate-character: "\2010";
		-webkit-hyphenate-limit-after: 1;
		-webkit-hyphenate-limit-before: 3;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;}
	.footerA, .footerB, .footerC {border-left:none;}
	.Logo svg {height: 60px;}
	#formPartAfter .sendform {width: 80%;}
	.underline:after,.underline a:after {height: 0px;}

}