/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}

.tx-pmkmp3player-pi1 {
	display: none !important;
}


.onerow:after {
	content:'';
	display: block;
	clear: both;
}

/*Egyptienne austauschen*/
/* kameron-regular - latin */
@font-face {
  font-family: 'Kameron';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kameron-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kameron'),
       url('../fonts/kameron-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kameron-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kameron-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kameron-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kameron-v8-latin-regular.svg#Kameron') format('svg'); /* Legacy iOS */
}

.header .topnavigation ul.topnavi li span a,
.header .topnavigation ul.subnavi > li a,
.content .textquarter h3,
.content .imagetext .text h3,
.content .imagetextfading .text h3,
.content .imagetexthover .text h3,
.content .bigimagetext .text h1,
.content .textquarter h3,
.content .categoriesquarter .headline,
.content .categoriesquarter .navigation > ul.topnavi ul li a,
.content .categoriesquarter .navigation ul li a,
.content .newsletterquarter .headline,
.content .cartquarter .headline,
.content h1,
.content h3,
.content h4,
.content .userlogin .headline h3,
.footer ul li,
.footer ul li a {
	font-family: 'Kameron', serif;
}

/*Cookie*/
.cc-banner.cc-bottom {
    left: auto;
    right: 0;
    bottom: 100px;
    max-width: 310px;
    text-align: right;
}
.cc-revoke, .cc-window {
	display: block;
}
.cc-banner .cc-message {
	font-size: 14px;
    line-height: 1.6em;
}
.cc-compliance {
	display: block;
	text-align: right;
	margin-top: 10px;
}
.cc-compliance>.cc-btn {
	flex: none;
}
.cc-btn {
	display: inline-block;
}



@media all and (max-width: 1020px) {

	button:focus {
		outline: none;
	}

	iframe {
		width: 100%;
	}

	.mainpage {
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 0;
	}

	.header .companylogo {
		margin: 0 0 0 20px;
	}

	.content {
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		display: block;
	}

	#standorteMap {
		width: 100%;
		height: auto;
	}

	/*Rows*/
	.content .onerow {
		width: 100%;
	}

	.content .onerow:after {
		content: '';
		display: block;
		clear: both;
	}

		.content .onerow > DIV + DIV {
			padding-left: 20px;
		}

	.content .onerow .half {
		width: 50%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		/*float: none;*/
	}

	.content .onerow .quarter {
		width: 25%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}


	.content .bigimagetext,
	.content .bigimagetext .logohalf,
	.content .logoquarter {
		margin: 0 0 30px 0;
		width: auto;
		height: auto;
	}

	.content .bigimagetext .logohalf IMG,
	.content .logoquarter IMG,
	.content .logohalftext IMG {
		width: 100%;
		height: auto;
		display: block;
	}

	.content .textquarter {
		min-height: 0;
		width: auto;
	}

	.content .logohalftext {
		margin-right: 0;
	}

	.content .textquarter h3 {
		font-size: 14px;
	}

	/*Graue Kästen, Beispiel Franchise*/
	.content .categoriesquarter {
		width: auto;
	}

	.content .categoriesquarter .navigation {
		width: 100%;
	}

	.content .categoriesquarter .navigation ul li a {
		font-size: 13px;
	}
	

	/*Startseite*/
	.content .teaserhalfstart.full {
		width: 100%;
		margin-right: 0;
		min-height: 420px;
		max-height: 420px;
		height: 420px;
	}

	.tx-frstartteaserslideshow-pi1 .slideshowelem,
	.tx-frstartteaserslideshow-pi1 .gallery {
		height: 100%;
	}

	.tx-frstartteaserslideshow-pi1 .gallery IMG {
		width: 100%;
		height: auto;
	}

	/*Header*/
	.header {
		position: relative;
		z-index: 999;
		width: 100%;
	}

/*Nav-Stile*/
		/* Allgemeine Stile */
		/* hier nichts aendern */
		.topnavigation LI {
			position: relative;
		}
		.topnavigation LI:hover > .subnavi, .topnavigation LI.over > .subnavi {
			display: block;
		}
		.topnavigation LI:hover > A, .topnavigation LI.over > A, .topnavigation LI.act > A {
			text-decoration: none;
		}

		/* subNav */
		.subnavi {
			display: none;
			position: absolute;
			z-index: 100;
			background: url(../img/trans.png) repeat left top;
			left: 0;
			top: 100%;
		}
		.subnavi .subnavi {
			left: 100%;
			top: 0;
		}
		.topnavigation > UL > LI:last-child > .subnavi {
			left: inherit;
			right: 0;
		}
		.topnavigation > UL > LI:last-child > .subnavi .subnavi {
			left: inherit;
			right: 100%;
		}

/* Ebene II / subNav */
.subnavi > LI {
	display: block;
}
.subnavi > LI + LI A {
	border-top: 1px solid #eee;
}
.subnavi A {
	padding: 5px 20px;
	color: #1b2737;
	background: #fff;
	font-weight: 400;
	font-size: 15px;
	white-space: nowrap;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/* hover + active (Ebene II) */
.subnavi LI:hover > A,
.subnavi LI.over > A,
.subnavi > LI.act > A,
.subnavi > LI.act:hover > A,
.subnavi > LI.act.over > A  {
	color: #fff;
	background: #1b2737;
	opacity: 1;
}

/*	Hamburger Menu*/
	.hamburger{width:auto;padding:15px;display:inline-block;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;-o-transition-property:opacity,filter;-moz-transition-property:opacity,filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;font:inherit;line-height:0;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:35px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:35px;height:3px;background-color:#b30923;position:absolute;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger--squeeze .hamburger-inner{-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{-webkit-transition:top .1s .14s ease,opacity .1s ease;-o-transition:top .1s .14s ease,opacity .1s ease;-moz-transition:top .1s .14s ease,opacity .1s ease;transition:top .1s .14s ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner::after{-webkit-transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);-o-transition:bottom .1s .14s ease,-o-transform .1s cubic-bezier(.55,.055,.675,.19);-moz-transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-moz-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19),-moz-transform .1s cubic-bezier(.55,.055,.675,.19),-o-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.14s;-moz-transition-delay:.14s;-o-transition-delay:.14s;transition-delay:.14s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-moz-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;-webkit-transition:top .1s ease,opacity .1s .14s ease;-o-transition:top .1s ease,opacity .1s .14s ease;-moz-transition:top .1s ease,opacity .1s .14s ease;transition:top .1s ease,opacity .1s .14s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);-o-transition:bottom .1s ease,-o-transform .1s .14s cubic-bezier(.215,.61,.355,1);-moz-transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-moz-transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1),-moz-transform .1s .14s cubic-bezier(.215,.61,.355,1),-o-transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1)}

/*Nav*/
	.open_nav 
	{
		display: inline-block;
		position: absolute;
		right: 5px;
		bottom: -15px;
	}
	.open_nav P 
	{
		padding: 0;
	}
	.open_nav A 
	{
		display: block;
		height: 45px;
		line-height: 45px;
		color: #FFF;
		font-size: 18px;
		text-decoration: none;
		background-color: #5E4C58;
	}
	.header .topnavigation
	{
		display: none;
		position: absolute;
		float: none;
		top: 110px;
		left: 0;
		width: 100%;
		height: auto;
	}

	.header .topnavigation .boxshaddow {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

	.header .topnavigation ul.topnavi {
		position: static;
	}

	.header .topnavigation ul.topnavi li {
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0;
		text-align: center;
	}
	.header .topnavigation ul.topnavi > li {
		background: rgba(137, 144, 151, 0.98);
		color: #fff;
	}

		.header .topnavigation ul.topnavi li span {
			width: auto;
			height: auto;
		}
		.header .topnavigation ul.topnavi li span a {
			/*width: 295px;*/
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			position: relative;
			padding: 15px;
			margin: 0 auto;
		}
			.header .topnavigation ul.topnavi li + li span a {
				position: relative;
			}

			.header .topnavigation ul.topnavi li + li span a:before {
				content: '';
				display: block;
				position: absolute;
				width: 295px;
				height: 1px;
				background: #969ca1;
				top: 0;
				right: 50%;
				-webkit-transform: translateX(50%);
				   -moz-transform: translateX(50%);
				    -ms-transform: translateX(50%);
				     -o-transform: translateX(50%);
				        transform: translateX(50%);
			}

		/*Aktiv, Hover*/
		.header .topnavigation ul.topnavi > li.active,
		.header .topnavigation ul.topnavi > li:hover {
			background: rgba(168, 177, 185, 0.98);
			padding-bottom: 0;
		}

		.header .topnavigation ul.topnavi > li.active span a,
		.header .topnavigation ul.topnavi > li:hover span a {
			color: #3e3d3d;
		}
			.header .topnavigation ul.topnavi > li.active span a:before,
			.header .topnavigation ul.topnavi > li:hover span a:before {
				content: none;
			}

			.header .topnavigation ul.topnavi > li.active + li span a:before,
			.header .topnavigation ul.topnavi > li:hover + li span a:before {
				content: none;
			}



	.topnavigation > UL > LI > A
	{
		background-color: #5E4C58;
	}

	/*Subnavi*/
	.header .topnavigation ul.subnavi {
		position: static;
		height: auto;
		padding: 0;
		width: auto;
	}

	.header .topnavigation ul.subnavi > li {
		padding: 0;
	}

	.header .topnavigation ul.subnavi > li a {
		padding: 10px;
		margin: 0;
		display: block;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		text-align: center;
		background: #72787d;
	}

	.header .topnavigation ul.subnavi > li.active a,
	.header .topnavigation ul.subnavi > li:hover a {
		background: #fff;
		color: #444;
	}

	.subnavi,
	.subnavi .subnavi,
	.topnavigation > UL > LI:last-child > .subnavi,
	.topnavigation > UL > LI:last-child > .subnavi .subnavi
	{
		position: inherit;
		left: inherit;
		top: inherit;
	}

			/* remove hover/touch effect */
			.topnavigation LI:hover > .subnavi,
			.topnavigation LI.over > .subnavi
			{
				display: none;
			}

			/* showsub dropdown trigger */
			.showSub
			{
				position: absolute;
				right: 0;
				top: 0;
				z-index: 10;
				cursor: pointer;

				width: 55px;
				height: 47px;
				line-height: 47px;
				background: #b30923;
				text-align: center;
			}
			.subnavi .showSub
			{
				/*background: #2c3b42;*/
				height: 47px;
				line-height: 47px;
			}

			.showSub,
			.showSub:after
			{
				-webkit-transition:0.25s ease;
				-o-transition:0.25s ease;
				-moz-transition:0.25s ease;
				transition: 0.25s ease;
			}
			.showSub:after
			{
				content: "";
				display: inline-block;
				width: 0;
				height: 0;
				vertical-align: middle;
				border-top: 5px dashed #fff;
				border-top: 6px solid\9;
				border-right: 5px solid transparent;
				border-left: 5px solid transparent;
			}
			.showSub.open:after
			{
				-webkit-transform: rotate(180deg);
				        -moz-transform: rotate(180deg);
				         -ms-transform: rotate(180deg);
				          -o-transform: rotate(180deg);
				     transform: rotate(180deg);
			}


	/*Footer*/
	.footer {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 0 20px;
	}

	.footer .lang {
		right: 20px;
	}

	/*Login*/
	.content .userlogin {
		margin-right: 0;
		height: auto;
	}
	.content .userlogin input {
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	.button a.button {
		font-size: 12px;
	}

	/*Powermail */
	.tx-powermail fieldset {
		margin-right: 0;
		width: 100%;
		float: none;
	}

	.tx-powermail input[type=text],
	.tx-powermail input[type=email],
	.tx-powermail input[type=date],
	.tx-powermail textarea {
		width: 100%;
	}

	.tx-powermail select {
		width: auto;
	}

	/*Beispiel http://www.block-gruppe.de/block-foods-ag/*/
	.content .imagetext.textright,
	.content .imagetext .text {
		width: 100%;
	}

	.content .imagetext.textright .text,
	.content .imagetext .logoquarter,
	.content .imagetext.textright .logoquarter {
		float: none;
		height: auto;
		width: 100%;
	}

	#video-player,
	#jp_container_1 {
		width: 100vw !important;
		height: 63vw !important;
	}
	

}

/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 780px) {

	.content .onerow .half {
		width: 100%;
		float: none;
	}

	.content .onerow .quarter {
		width: 50%;
	}

	.content .onerow > DIV + DIV {
		padding-left: 0;
	}
		.content .onerow > DIV.quarter + DIV.quarter {
			padding-left: 20px;
		}

	div.csc-textpic-center .csc-textpic-center-outer,
	div.csc-textpic-center .csc-textpic-center-inner {
		position: static;
		float: none;
	}
		div.csc-textpic .csc-textpic-imagewrap figure {
			display: block;
		}
		div.csc-textpic .csc-textpic-imagewrap img {
			width: 100%;
			height: auto;
		}

	/*Startseite*/
	.content .teaserhalfstart.full {
		width: 100%;
		margin-right: 0;
		min-height: 250px;
		max-height: 250px;
		height: 250px;
	}

	/*Footer*/
	.footer ul {
		width: -webkit-calc(100% - 30px);
		width: -moz-calc(100% - 30px);
		width: calc(100% - 30px);
	}

	.footer ul li {
		float: none;
		display: inline-block;
		margin-right: 20px;
		width: 90px;
	}

	/*Newsletter*/
	#bh_newsletter select {
		width: auto;
	}

	#bh_newsletter input[type=text] {
		width: 100%;
	}

	.content .teaserquarter {
		margin-right: 0;
		width: auto;
	}

	/*Services > Colleges > Erfolgsgeschichten*/
	.content .story-of-success {
		margin-right: 0;
	}

	.content .story-of-success .imageleft,
	.content .story-of-success .textright {
		float: none;
	}

	.content .story-of-success .textright {
		width: auto;
	}

}
	

/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 470px) {
	img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: auto;
	}

	.content .teaserhalfstart.full {
		width: 100%;
		margin-right: 0;
		min-height: 0;
		max-height: none;
		height: 500px;
	}

	.content .onerow .quarter {
		width: 100%;
		float: none;
	}
		.content .onerow > DIV.quarter + DIV.quarter {
			padding-left: 0;
		}

	.tx-frstartteaserslideshow-pi1 .slideshowelem {
		position: absolute;
		top: 0;
		left: 0;
	}

	.tx-frstartteaserslideshow-pi1 .slideshowelem,
	.tx-frstartteaserslideshow-pi1 .gallery {
		height: auto;
	}

	.content .teaserhalfstart .textquarter {
		position: static;
		width: auto;
	}

	.tx-pmkmp3player-pi1 {
		display: none !important;
	}

	/*Kontaktbilder ausblenden*/

	/*Block Holding > Unternehmensgeschichte*/
	#uid68 #c1596,
	#uid68 #c484,

	/*Zahlen und Fakten*/
	#uid69 #c1608,
	#uid69 #c1610,

	/*Leitbild und Philosophie*/
	#uid71 #c1627,
	#uid71 #c1629,

	/*Soziales Engagement*/
	#uid70 #c1701,
	#uid70 #c1224,

	/*Imagefilm*/
	#uid121 #c2514,
	#uid121 #c2518,

	/*Standortsuche*/
	#uid66 #c2644,

	/*Kariere > Berufsausbildung*/
	#uid46 #c2656,
	#uid46 #c2734,
	#uid46 #c2692,
	#uid46 #c2695,
	#uid46 #c2709,
	#uid46 #c2718 {
		display: none;
	}

}