@charset "UTF-8";
/* media CSS */


/*Medie Queries
############################################################################*/
@media only screen and (min-width: 1000px) {
	
}

@media only screen and (max-width: 1940px) {
	#header-banner {
		width: 100%;
		margin-top: -15.3%;
	}
	#header-banner .fullwidth {
		display: block !important;
	}
	#header-banner .widescreen {
		display: none !important;
	}
}

@media only screen and (max-width: 1680px) {
	.inside {
		width: 138.6em;
	}
	/* header */
	#header.small #header-scroll {
		height: 6.8em;
	}
		#header-scroll .arrow {
		top: 2.5em;
	}
	#header-top {
		height: 60em;
	}
	#header-bottom {
		top: 60em;
	}
	#header-top .inside {
		padding-top: 3.5em;
	}
	#nav {
		top: 3.5em;
	}
	#header-top .logo {
		width: 25em;
	}
	#header-top .button {
		top: 11em;
	}
	#header-top .button img {
		width: 22em;
	}
	#nav ul > li {
		margin-right: 5.5em;
	}
	#sub-nav ul {
		padding: 1.35em 1.55em 1.35em 1.55em;
	}
	#sub-nav ul > li {
		margin-right: 6.8em;
	}

	/* typo */
	#nav ul > li > a {
		font-size: 2.5em;
	}
	#main h1,
	#main h2,
	#sub-nav ul > li > a {
		font-size: 2.1em;
	}
	#main h3,
	#main h4,
	#main p, 
	#main ul,
	#anfahrt h3,
	#anfahrt p, 
	#anfahrt ul {
		font-size: 2em;
	}
	#footer-nav ul > li > a,
	#footer-nav > ul > li:before {
		font-size: 1.8em;
	}
	#footer p {
		font-size: 1.7em;
	}
	
	/* main */
	#main {
		padding: 3.5em 0 7em 0;
	}
	
	/* footer */
	#footer-top {
		height: 32em;
	}
	#footer-middle {
		padding: 3.6em 0 2.8em 0;
	}
	#footer .logo {
		width: 22.5em;
		margin-top: 1.5em;
	}
	#footer-bottom {
		padding: 2.2em 0;
	}
}

@media only screen and (max-width: 1440px) {
	.inside {
		width: 117.8em;
	}
	/* header */
	#header-top.bg-qualitaet {
		background-position: center top;
	}
	#header-top {
		height: 51.5em;
	}
	#header-bottom {
		top: 51.5em;
	}
	#header-top .logo {
		width: 21em;
	}
	#header-top .button {
		top: 9.5em;
	}
	#header-top .button img {
		width: 19.2em;
	}
	#nav ul > li {
		margin-right: 4.5em;
	}
	#sub-nav ul {
		padding: 1.1em 1.35em 1.1em 1.35em;
	}
	#sub-nav ul > li {
		margin-right: 5.5em;
	}
	
	/* typo */
	#nav ul > li > a {
		font-size: 2.15em;
	}
	#main h1,
	#main h2,
	#sub-nav ul > li > a {
		font-size: 2em;
	}
	#main h3,
	#main h4,
	#main p, 
	#main ul,
	#anfahrt h3,
	#anfahrt p, 
	#anfahrt ul {
		font-size: 1.85em;
	}
	#footer-nav ul > li > a,
	#footer-nav > ul > li:before {
		font-size: 1.7em;
	}
	#footer p {
		font-size: 1.6em;
	}
	
	/* main */
	#main {
		padding: 3em 0 6em 0;
	}
	
	/* footer */
	#footer-top {
		height: 27.4em;
	}
	#footer-middle {
		padding: 3.1em 0 2.5em 0;
	}
	#footer .logo {
		width: 18.9em;
		margin-top: 1.8em;
	}
}

@media only screen and (max-width: 1280px) {
	.inside {
		width: 100em;
	}
	/* header */
	#header-top .logo {
		width: 19em;
	}
	#header-top .button {
		top: 9.5em;
	}
	#header-top .button img {
		width: 19em;
	}
	#nav ul > li {
		margin-right: 2.8em;
	}
	
	/* typo */
	#nav ul > li > a {
		font-size: 2em;
	}
	#footer p {
		font-size: 1.5em;
	}
	
	/* main */
	p.table span.jahr {
		width: 14%;
	}
	p.table span.text {
		width: 85%;
	}
	p.pruefung span.bezeichnung {
		width: 34%;
	}
	p.pruefung span.text {
		width: 64%;
	}
	
	/* footer */
	#footer-top {
		height: 23.3em;
	}
	#footer-middle {
		padding: 2.7em 0 2.5em 0;
	}
	#footer .logo {
		width: 16.5em;
		margin-top: 1.8em;
	}
}

@media only screen and (max-width: 1135px) {
	#header-top .button {
		right: -1em;
	}
	#header-top.bg-verfahren {
		background-position: center -7em;
	}
}

@media only screen and (max-width: 1080px) {
	/* RESPONSIVE NAV */
	.inside {
		width: 100%;
		padding: 0 3em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#nav, #sub-nav {
		display: none;
	}
	.open-nav {
		display: inline-block;
	}
	#responsive-nav {
		display: block;
	}
	
	/* header */
	#header-top {
		height: 41.5em;
	}
	#header-bottom {
		top: 41.5em;
	}
	#header-top .logo {
		width: 18em;
	}
	#header-top .inside {
		padding-top: 3em;
	}
	#header-top .button {
		top: 3em;
		right: 5em;
	}
	
	/* main */
	p.table span.jahr {
		width: 100%;
	}
	p.table span.text {
		width: 100%;
	}
	
	/* footer */
	#footer-top {
		height: 18em;
	}
	#footer-middle {
		padding: 3em 0 0.8em 0;
	}
	#footer-middle .inside {
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	#footer-middle .inside .item {
		width: 24%;
		align-self: stretch;
		margin-bottom: 1.5em;
	}
	#footer-middle .inside span.item {
		width: 100%;
		margin-bottom: 2.7em;
	}
	#footer .logo {
		margin-top: 0;
	}
}

@media only screen and (max-width: 960px) {
	/* main 1-spalter */
	#main .inside,
	#header-bottom .inside {
		padding: 0 12em;
	}
	.flex-content .item {
		width: 100%;
	}
    .ansprechpartner.margin-top {
        margin-top: 0;
    }
	#main {
		padding: 4.5em 0 6em 0;
	}
	.small-content {
		width: 100%;
	}
	
	/* typo */
	.item-top {
		margin-top: 1.4em;
	}
	
	/* main */
	p.table span.jahr {
		width: 8%;
	}
	p.table span.text {
		width: 91%;
	}
	p.pruefung span.bezeichnung {
		width: 18%;
	}
	p.pruefung span.text {
		width: 80%;
	}
	
	/* header */
	#header-top {
		height: 36em;
	}
	#header-bottom {
		top: 36em;
	}
	#header-top .logo {
		width: 16.5em;
	}
	#header-top .button {
		top: 3em;
		right: 5em;
	}
	#header-top .button img {
		width: 17em;
	}
	#header-banner {
		margin-top: -13.3%;
	}
}

@media only screen and (max-width: 840px) {
	/* inside */
	#main .inside,
	#header-bottom .inside {
		padding: 0 9em;
	}
	
	/* header */
	#header-top.bg-firma {
		background-position: center -11em;
	}
	#header-top {
		height: 25em;
	}
	#header-bottom {
		top: 25em;
	}
	#header-top .button {
		top: 3em;
		right: 3em;
	}
	#header-top .button img {
		width: 15em;
	}
	
	/* footer */
	#footer-middle .inside .item {
		width: 34%;
	}
}

@media only screen and (max-width: 720px) {
	/* header */
	#header-top.bg-verfahren {
		background-position: center -3em;
	}
	
	/* main */
	p.table span.jahr {
		width: 10%;
	}
	p.table span.text {
		width: 89%;
	}
	p.pruefung span.bezeichnung {
		width: 22%;
	}
	p.pruefung span.text {
		width: 76%;
	}
}

@media only screen and (max-width: 640px) {
	/* inside */
	#main .inside,
	#header-bottom .inside {
		padding: 0 3em;
	}
	
	/* header */
	#header-top.bg-firma {
		background-position: center -4em;
	}
}

@media only screen and (max-width: 600px) {
	/* header */
	#header-top.bg-firma {
		background-position: center -2em;
	}
	#header-top.bg-verfahren {
		background-position: center top;
	}
	#header-top {
		height: 22em;
	}
	#header-bottom {
		top: 22em;
	}
	#header-top .button {
		top: 6em;
		right: 2em;
	}
	#header-top .button img {
		width: 14em;
	}
	
	/* footer */
	#footer-top {
		height: 14em;
	}
	#footer-middle .inside .item {
		width: 44%;
	}
}

@media only screen and (max-width: 500px) {
	/* main */
	p.table span.jahr {
		width: 100%;
	}
	p.table span.text {
		width: 100%;
	}
	
	/* footer */
	#footer-top {
		height: 12em;
	}
	#footer-middle .inside .item {
		width: 100%;
	}
}

@media only screen and (max-width: 460px) {
	/* inside */
	#main .inside,
	#header-bottom .inside,
	.inside {
		padding: 0 2em;
	}
	
	/* header */
	#header-scroll .logo {
		width: 12.5em;
	}
	#header-scroll .arrow {
		width: 2.5em;
		right: 2em;
		top: 2.5em;
	}
	#header-top.bg-firma {
		background-position: center top;
	}
	#header-top {
		height: 18em;
	}
	#header-bottom {
		top: 18em;
	}
	#header-top .button {
		display: none;
	}
	#responsive-nav ul > li.imagefilm-mobile {
		display: block;
	}
	
	/* footer */
	#footer-top {
		height: 9em;
	}
}


@media only screen and (max-width: 380px) {
	/* header */
	#header-top {
		height: 16em;
	}
	#header-bottom {
		top: 16em;
	}
	#header-top .inside {
		padding-top: 2em;
	}
	
	/* footer */
	#footer-nav ul > li {
		display: block;
		margin-bottom: 0.5em;
	}
	#footer-nav > ul > li:before {
		content: "";
		margin: 0;
	}
}