
/* Basis */

	html {
		font-size: 62.5%;
	}

	body {
		color: #000;
		background: #fff;
		font-size: 1.5em;
		line-height: 1.6;
		padding: 0;
		margin: 0;
	}

	input, button, select, textarea {
		font: inherit;
		margin: 0;
	}

/* Helferklassen */

	.offscreen,
	.invisible {
		position: absolute !important;
	    top: -6000px !important;
	    left: -6000px !important;
	    height: 1px !important;
	    width: 1px !important;
	}

	.cf:before,
	.cf:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}

	.cf:after {
	    clear: both;
	}

/* Typographie */

		img {
			color: #000;
			vertical-align: bottom;
			border: 0;
		}
		abbr {
			text-decoration: none;
			border: none;
		}

		.margin-top-xl {
			margin-top: 40px;
		}

/* Bilder */

	img {
		border: 0;
	}


/* Webfonts */

	/*@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=3a882b57-edeb-4189-a68d-2af2c129f91b");*/
	@font-face{
	font-family:"Marydale Insp W01 Regular";
	src:url("../../files/fonts/fonts/cf4e2a71-09c3-4b59-8301-26741c5da1ee.eot?#iefix");
	src:url("../../files/fonts/fonts/cf4e2a71-09c3-4b59-8301-26741c5da1ee.eot?#iefix") format("eot"),url("../../files/fonts/fonts/c1f3568d-b034-437c-aa9f-e38f5585c745.woff2") format("woff2"),url("../../files/fonts/fonts/9d9485a3-1d64-44f7-b061-225a204c9ea2.woff") format("woff"),url("../../files/fonts/fonts/a8ba4459-6cf5-4dbb-a021-96c5faed3666.ttf") format("truetype"),url("../../files/fonts/fonts/cb015d97-a382-40e1-9a2c-38c5a0b12ea4.svg#cb015d97-a382-40e1-9a2c-38c5a0b12ea4") format("svg");
	}
	@font-face{
	font-family:"Meta Offc W01 Normal";
	src:url("../../files/fonts/fonts/ff7aa537-8e40-4f5e-9c8f-c5bd078c58db.eot?#iefix");
	src:url("../../files/fonts/fonts/ff7aa537-8e40-4f5e-9c8f-c5bd078c58db.eot?#iefix") format("eot"),url("../../files/fonts/fonts/4ce43a49-0d61-4c34-8054-465d5981fd0b.woff2") format("woff2"),url("../../files/fonts/fonts/d7b73a86-9fc7-41b4-a367-cbbd20039787.woff") format("woff"),url("../../files/fonts/fonts/7fc1eb11-127b-4452-9067-a7e4b1b321d6.ttf") format("truetype"),url("../../files/fonts/fonts/883aaf64-976f-4072-bd04-1284a07164df.svg#883aaf64-976f-4072-bd04-1284a07164df") format("svg");
	}
	@font-face{
	font-family:"MetaCompPro-Medium W01 Regular";
	src:url("../../files/fonts/fonts/f15314f0-3c01-4b0c-85f1-4fc823db8490.eot?#iefix");
	src:url("../../files/fonts/fonts/f15314f0-3c01-4b0c-85f1-4fc823db8490.eot?#iefix") format("eot"),url("../../files/fonts/fonts/bed27d2b-dc0b-42c8-b8f4-c337f9cf6684.woff2") format("woff2"),url("../../files/fonts/fonts/0019971a-26fc-48c5-86d3-5cdddf826b3c.woff") format("woff"),url("../../files/fonts/fonts/9d131884-57ab-4822-a405-ce035dd2bdcd.ttf") format("truetype"),url("../../files/fonts/fonts/7629f5b2-44a3-4adc-b4dc-4430717c9e89.svg#7629f5b2-44a3-4adc-b4dc-4430717c9e89") format("svg");
	}
	@font-face{
	font-family:"MetaCompPro-Black W01 Regular";
	src:url("../../files/fonts/fonts/3cd9429f-a936-496b-8946-4b1e79576169.eot?#iefix");
	src:url("../../files/fonts/fonts/3cd9429f-a936-496b-8946-4b1e79576169.eot?#iefix") format("eot"),url("../../files/fonts/fonts/5c1bb8b1-50df-4f9e-90d6-46b102c4b401.woff2") format("woff2"),url("../../files/fonts/fonts/495d0ff9-993f-4eca-9526-912977663f11.woff") format("woff"),url("../../files/fonts/fonts/ab84b3e1-e5ec-420f-b754-defe22cf9ff6.ttf") format("truetype"),url("../../files/fonts/fonts/39ead174-83bc-4c85-a497-95ea21707789.svg#39ead174-83bc-4c85-a497-95ea21707789") format("svg");
	}

/* General */

	/* General Tag Styling */

		a {
			color: #C02115;
		}
		a:hover,
		a:focus,
		a:active {
			color: #527782;
			text-decoration: underline;
		}
		body {
			background: #404442;
			color: #FFF;
			font-family: 'Meta Offc W01 Normal', arial, helvetica, sans-serif;
		}

	/* Offscreen */

		.languages h2,
		#header .search label {
			position: absolute !important;
		    top: -6000px !important;
		    left: -6000px !important;
		    height: 1px !important;
		    width: 1px !important;
		}

	/* Nav bars */

		.mod_navigation ul,
		.mod_customnav ul,
		.bereichsmenue ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}
		.mod_navigation li,
		.mod_customnav li {
			margin: 0;
		}

		.mod_navigation a,
		.mod_customnav a,
		.bereichsmenue a {
			text-decoration: none;
		}
		.mod_customnav a:hover,
		.mod_customnav a:focus,
		.mod_customnav a:active {
			text-decoration: underline;
		}

	/* Layout */

		#wrapper {
			background: #FFF;
			color: #000;
		}
		.search-breadcrumb-h1 {
			position: relative;
		}
		#container {
			top: 12.0rem;
		}
		body #main {
			padding-bottom: 14.0rem;
		}
		.startseite #main,
		.mit-meldungen #main {
			padding-bottom: 7.0rem;
		}
		.search-breadcrumb.zeile {
			top: 11.0rem;
		}
		#aktuelles {
			position: relative;
			overflow: auto;
			top: 25.0rem;
			background: #eff2f2;
			background: linear-gradient(-180deg, #EFF2F2 8%, #F6F8F8 45%);
			padding-bottom: 11.0rem;
		}

		@media only screen and (min-width: 760px) {
			
			#container {
				top: 25.0rem;
			}
			#aktuelles .inside {
				width: 720px;
				margin: 0 auto;			
			}
			.search-breadcrumb.zeile {
				top: 25.0rem;
			}
		}
		@media only screen and (min-width: 1000px) {
			
			#aktuelles .inside {
				width: 960px;
				margin: 0 auto;			
			}
		}
		@media only screen and (min-width: 1200px) {
			
			#aktuelles .inside {
				width: 1080px;
				margin: 0 auto;			
			}
		}

/* Header */

	/* Header allgemein */

		#header {
			position: relative;
		}

	/* Top menu nav bars + languages */

		.header-top-menu-bar,
		.languages {
			overflow: auto;
			background: #404442;
		}
		.header-top-menu-bar .zeile {
			position: static;
		}
		.header-top-menu-bar li,
		.header-top-menu-bar h2,
		.languages li {
			font-size: 1.5rem;
			line-height: 1.7rem;
			margin: 0;
		}
		.header-top-menu-bar a,
		.header-top-menu-bar strong,
		.languages a,
		.languages strong {
			display: block;
			color: #FFF;
			font-weight: normal;
			padding: 0.6rem 10px 0.9rem 10px;
			border-bottom: 1px solid rgba(255,255,255,0.1);
		}
		.header-top-menu-bar strong,
		.languages strong {
			line-height: 1.8rem;
			padding-bottom: 0.8rem;
		}
		.header-top-menu-bar-2 a,
		.header-top-menu-bar-2 strong {
			padding-right: 0;
			padding-left: 0;
		}

		.barrierefreiheit-fuer-menue {
			display: none;
		}

		.languages a,
		.languages strong {
			padding-right: 0;
		}
		.languages a,
		.languages strong {
			position: relative;
			display: block;
		}
		.languages .trail {
			font-weight: 700;
		}

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

			.languages a:before,
			.languages strong:before {
				content: " ";
				position: absolute;
				right: 10px;
				top: .1rem;
				display: block;
				width: 24px;
				height: 28px;
				background-size: 24px 28px;
				background-repeat: no-repeat;
			}
			.languages .sprache > a:before,
			.languages .sprache > strong:before {
				background-image: url(/files/bilder/icons/sprache-english-weiss.png);
			}
			.languages .leichte-sprache > a:before,
			.languages .leichte-sprache > strong:before {
				background-image: url(/files/bilder/icons/sprache-leichte-weiss.png);
			}
			.languages .gebaerdensprache > a:before,
			.languages .gebaerdensprache > strong:before {
				background-image: url(/files/bilder/icons/sprache-gebaerdensprache-weiss.png);
			}

		}

		@media only screen and (min-width: 760px) {

			.header-top-menu-bar li {
				float: left;
			}
			.header-top-menu-bar-1 .first {
				padding-left: 0;
			}
			.header-top-menu-bar-2 {
				clear: left;
				float: left;
			}

			.barrierefreiheit-fuer-menue.show {
				display: block;
			}
			.barrierefreiheit-fuer-menue h2 {
				font-family: 'Meta Offc W01 Normal', arial, helvetica, sans-serif;
			}
			.barrierefreiheit-fuer-menue .dropdown-a {
				padding-right: 15px;
				background-image: url(/files/bilder/icons/icon-pfeil-runter-weiss-klein.png);
				background-size: 11px 8px;
				background-position: 100% 1.3rem;
				background-repeat: no-repeat;
			}
			.barrierefreiheit-fuer-menue .dropdown-a:hover,
			.barrierefreiheit-fuer-menue .dropdown-a:focus,
			.barrierefreiheit-fuer-menue .dropdown-a:active {
				text-decoration: none;
			}
			.header-top-menu-bar .dropdown-menu {
				display: none;
				position: absolute;
				background: #505452;
				z-index: 10;
				width: 30.0rem;
				padding: 5px 0;
			}
			.header-top-menu-bar .dropdown-menu li {
				float: none;
				padding: 0;
				border-top: 1px solid rgba(255,255,255,.1);
				margin: 0 15px;
				line-height: 2.0rem;
			}
			.header-top-menu-bar .dropdown-menu li:first-child {
				border-top: none;
			}
			.header-top-menu-bar .dropdown-menu a {
				padding: .4rem 0 .5rem 0;
				border: none;
			}
			.header-top-menu-bar .dropdown:hover .dropdown-menu,
			.header-top-menu-bar .dropdown:focus .dropdown-menu,
			.header-top-menu-bar .dropdown:active .dropdown-menu,
			.header-top-menu-bar .dropdown.open .dropdown-menu {
				display: block;
			}


			.languages {
				overflow: visible;
				background: #FFF;
				padding-top: 32px;
			}
			.languages li {
				font-size: 1.4rem;
			}
			.languages a,
			.languages strong {
				color: #000;
				line-height: 2.2rem;
				padding: .4rem 60px .5rem 34px;
			}
			.languages a:not(.last),
			.languages strong:not(.last) {
				border-bottom: 1px solid #DEDEDE;
			}
			.languages a:hover,
			.languages a:focus,
			.languages a:active {
				color: #C02115;
				text-decoration: underline;
			}
			.languages a:before,
			.languages strong:before {
				content: " ";
				position: absolute;
				left: 1px;
				top: .1rem;
				display: block;
				width: 24px;
				height: 28px;
				background-size: 24px 28px;
				background-repeat: no-repeat;
			}
			.languages .sprache > a:before,
			.languages .sprache > strong:before {
				background-image: url(/files/bilder/icons/sprache-english.png);
			}
			.languages .leichte-sprache > a:before,
			.languages .leichte-sprache > strong:before {
				background-image: url(/files/bilder/icons/sprache-leichte.png);
			}
			.languages .gebaerdensprache > a:before,
			.languages .gebaerdensprache > strong:before {
				background-image: url(/files/bilder/icons/sprache-gebaerdensprache.png);
			}


		}

		@media only screen and (min-width: 1000px) {

			.header-top-menu-bar a,
			.header-top-menu-bar strong,
			.languages a,
			.languages strong {
				border-bottom: 1px solid rgba(255,255,255,0);
			}		
			.header-top-menu-bar-1 {
				float: left;
			}
			.header-top-menu-bar-2 {
				clear: none;
				float: right;
			}
			.header-top-menu-bar .dropdown-menu li {
				text-align: right;
			}
		}

	/* BIK Logo */

		.bik-logo p {
			display: inline-block;
			text-align: center;
			margin: 10px;
		}
		.bik-logo a {
			display: inline-block;
			text-decoration: none;
		}
		.bik-logo-bik {
			display: inline-block;
			width: 7.6rem;
			height: 8.0rem;
			background: #C02115;
			background-clip: padding-box;
			color: #FFF;
			font-family: 'MetaCompPro-Black W01 Regular',arial,helvetica,sans-serif;
			font-size: 4.2rem;
			font-weight: normal;
			line-height: 4.1rem;
			vertical-align: middle;
		}
		a:hover .bik-logo-bik,
		a:focus .bik-logo-bik,
		a:active .bik-logo-bik {
			background: #527782;
		}
		.bik-logo-bik-innen {
			display: inline-block;
			margin-left: -1px;
		}
		.bik-logo .bik-logo-kreise {
			position: relative;
			display: block;
			overflow: auto;
			width: 6.8rem;
			margin: 0.1rem auto 0 auto;
		}
		.bik-logo .kreis {
			float: left;
			display: block;
			width: 0.8rem;
			height: 0.8rem;
			background: #FFF;
			border-radius: .4rem;
			margin: 0.15rem;
		}
		.bik-logo .kreis.r1.c2,
		.bik-logo .kreis.r1.c3,
		.bik-logo .kreis.r1.c6,
		.bik-logo .kreis.r2.c2,
		.bik-logo .kreis.r2.c4,
		.bik-logo .kreis.r2.c5,
		.bik-logo .kreis.r2.c6,
		.bik-logo .kreis.r3.c2,
		.bik-logo .kreis.r3.c1,
		.bik-logo .kreis.r3.c2,
		.bik-logo .kreis.r3.c3,
		.bik-logo .kreis.r3.c4,
		.bik-logo .kreis.r3.c6 {
			opacity: .7;
		}
		.bik-logo-fuer-alle {
			color: #000;
			font-family: 'Marydale Insp W01 Regular',arial,helvetica,sans-serif;
			font-size: 3.6rem;
			font-style: normal;
			padding: 4px 0 0 8px;
			vertical-align: middle;
		}

		@media only screen and (min-width: 760px) {

			.bik-logo p {
				margin: 2.0rem 0 3.5rem 0;
			}
			.bik-logo-bik {
				width: 9.5rem;
				height: 9.8rem;
				font-size: 5.2rem;
				line-height: 4.8rem;
			}
			.bik-logo .bik-logo-kreise {
				width: 8.4rem;
				margin: 0.2rem auto 0 auto;
			}
			.bik-logo .kreis {
				width: 0.9rem;
				height: 0.9rem;
				border-radius: .45rem;
				margin: 0.25rem;
			}
			.bik-logo-fuer-alle {
				font-size: 5.2rem;
				padding-left: 10px;
			}

			
		}

    /* Headermotiv */

    	#headermotiv {
    		position: absolute;
    		top: 0;
    		width: 100%;
    		min-height: 12.0rem;
    	}
    	#headermotiv .mod_article {
    		overflow: visible;
    		min-height: 12.0rem;
    		background-color: #C02115;
    	}
    	#headermotiv h1 {
    		position: absolute;
    		bottom: 0;
    		color: #FFF;
    		background-color: #C02115;
    		font-size: 2.4rem;
    		line-height: 3.0rem;
    		padding: 1.5rem 10px;
    		margin: 0;
	    }

    	@media only screen and (min-width: 760px) {

	    	#headermotiv {
	    		height: 25.0rem;
	    		background: linear-gradient(-180deg, #C02115 20%, rgba(192,32,21,0.88) 40%);
	    	}
	    	#headermotiv .mod_article {
	    		overflow: auto;
	    		height: 25.0rem;
	    		background-color: #C02115;
	    		background-repeat: no-repeat;
	    		background-position: 50% 0;
	    	}	
	    	#headermotiv h1 {
	    		width: 100%;
	    		box-sizing: border-box;
	    		font-size: 2.7rem;
	    		line-height: 3.4rem;
	    		text-align: center;	    		
	    		padding: 1.0rem 20px 1.5rem 20px;
	    	}
	    	#headermotiv-innen {
	    		width: 700px;
	    		margin: 0 auto;
	    	}

	    	.global #headermotiv .mod_article {
	    		background-image: url(/files/bilder/hintergruende/header-bg-global-01.jpg);
	    	}
	    	.wirtschaft-handel #headermotiv .mod_article {
	    		background-image: url(/files/bilder/hintergruende/header-bg-wirtschaft-handel-02.jpg);
	    	}
	    	.flugverkehr #headermotiv .mod_article {
	    		background-image: url(/files/bilder/hintergruende/header-bg-flugverkehr-04.jpg);
	    	}
	    	.aus-weiterbildung #headermotiv .mod_article {
	    		background-image: url(/files/bilder/hintergruende/header-bg-aus-weiterbildung-01.jpg);
	    	}
	    	.kommunen-soziales #headermotiv .mod_article {
	    		background-image: url(/files/bilder/hintergruende/header-bg-kommunen-soziales-01.jpg);
	    	}
	    	#headermotiv .mod_article {
	    		height: 30.0rem;
	    		top: -2.5rem;
	    	}
	    }
	    @media only screen and (min-width: 1000px) {

	    	#headermotiv-innen {
	    		width: 940px;
	    	}
	    	#headermotiv h1 {
	    		box-sizing: border-box;
	    		font-size: 3.1rem;
	    		line-height: 3.8rem;
	    		padding-top: 0;
	    	}
	    }
	    @media only screen and (min-width: 1200px) {

	    	#headermotiv-innen {
	    		width: 1060px;
	    	}

	    }

	/* Search */

		.search {
			position: relative;
			padding-top: 2.8rem;
		}
		.search p {
			position: relative;
			margin: 0;
			font-size: 1.5rem;
		}
		.search input[type="text"] {
			background: #FFF;
			line-height: 2.4rem;
			padding: .2rem 36px .4rem 8px;
			border: 1px solid #5C615E;
			border-radius: 5px;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.search .submit {
			position: absolute;
			right: 11px;
			top: 50%;
			margin-top: -9px;
		}
		::-webkit-input-placeholder {
			color: #5C615E;
		}
		:-moz-placeholder { /* Firefox 18- */
   			color: #5C615E;  
   			opacity: 1;
   		}
   		::-moz-placeholder {  /* Firefox 19+ */
   			color: #5C615E; 
   			opacity: 1;
   		}
		:-ms-input-placeholder {  
   			color: #5C615E;
		}

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

			#header .spalten {
				margin-top: 0;
			}

		}

		@media only screen and (min-width: 760px) {
			
		}

		@media only screen and (min-width: 1000px) {

		}

    /* Breadcrumb */

		#breadcrumb {
			color: #C02115;
		}
		#breadcrumb p {
			font-size: 1.5rem;
			margin: 0.2rem 0 0 0;
		}
		#breadcrumb a {
			color: #C02115;
			text-decoration: none;
		}
		#breadcrumb a {
			color: #C02115;
			text-decoration: none;
		}
		#breadcrumb a:hover,
		#breadcrumb a:focus,
		#breadcrumb a:active {
	 		color: #527782;
			text-decoration: underline;
		}
		#breadcrumb strong {
			font-family: "Meta Offc W01 Normal", arial, helvetica, sans-serif; 
			font-weight: normal;
		}

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

	    	#search,
	    	#breadcrumb {
	    		margin: 10px;
	    	}

		}

    	@media only screen and (min-width: 760px) {

			#breadcrumb {
				padding-top: 2.8rem;
			}
		}
	
/* Content */

	/* Typography  */

		h1 {
			font-weight: 400;
		}

		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: 'MetaCompPro-Medium W01 Regular', arial, helvetica, sans-serif;
			font-weight: 400;
		}
		p, li {
			font-size: 1.5rem;
			line-height: 2.0rem;
			margin: 1.5rem 0;
		}
		ul {
			padding: 0;
			margin: 1.5rem 0 1.5rem 3.0rem;
		}
		li {
			margin: 0;
		}
		li p {
			margin: 0;
		}


		h2,
		h2.dachzeile + h3.mit-dachzeile {
			font-size: 3.1rem;
			line-height: 4.0rem;
			margin: 1.5rem 0 0 0;
		}
		h2.dachzeile {
			font-size: 2.0rem;
			line-height: 2.8rem;
		}
		h3,
		h2.kleiner {
			font-size: 2.2rem;
			line-height: 2.6rem;
			margin: 3.5rem 0 1.5rem 0;
		}
		h3 {
			font-size: 2.3rem;
			line-height: 3.5rem;
			margin: 3.0rem 0 1.5rem 0;
		}
		h2.dachzeile + h3.mit-dachzeile {
			margin-top: 0.1rem;
		}
		.ce_text.linie h3 {
			margin-top: 2.0rem;
		}
		h4 {
			font-size: 1.9rem;
			line-height: 2.6rem;
			margin: 2.5rem 0 1.0rem 0;
		}

		p.einleitung {
			font-size: 2.2rem;
			line-height: 3.3rem;
			margin: 1.5rem 0;
		}
		h2 + p.einleitung,
		h3.mit-dachzeile + p.einleitung {
			font-size: 2.0rem;
			line-height: 3.1rem;
			margin: 2.5rem 0;
		}
		h4 + p {
			margin-top: 1.0rem;
		}

		li.ohne-abstand {
			margin-top: 0;
			margin-bottom: 0;
		}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			text-decoration: none;
		}

		strong {
			font-family: "MetaCompPro-Medium W01 Regular", arial, helvetica, sans-serif;
			font-weight: normal;
		}


		.leichte-sprache #container .ce_text p,
		.leichte-sprache #container .ce_text li {
			font-size: 1.8rem;
			line-height: 2.7rem;
		}
		.leichte-sprache #container .ce_text li {
			margin: 0;
		}

		@media only screen and (min-width: 760px) {

			h1 {
				font-size: 3.6rem;
				margin: 2.0rem 0;
			}
			p, li {
				font-size: 1.7rem;
				line-height: 2.6rem;
				margin: 1.5rem 0;
			}

		}

		@media only screen and (min-width: 1000px) {
		
		}

	/* Images */

		.image_container {
			position: relative;
		}
		.image_container img {
			max-width: 100%;
			height: auto;
		}
		.ce_text .image_container {
			display: table;
			width: 100%;
			max-width: 100%;
		}

		img.ganze-breite {
			width: 100%;
			height: auto;
		}

		.image_container.float_left {
			width: auto;
			float: left;
			margin: 0 25px 10px 0;
		}
		.image_container.float_right {
			width: auto;
			float: right;
			margin: 0 0 10px 25px;
		}

		.ce_text .image_container .caption {
			display: table-caption;
			caption-side: bottom;
			color: #333;
			font-size: 1.5rem;
			line-height: 2.0rem;
			padding: 0.8rem 0 1.0rem 0;
			margin: 0;
		}

    /* Accordion */

        .accordion {
            margin-top: 40px;
            margin-bottom: 50px;
        }
        h2 + .accordion-wrapper .accordion,
        h3 + .accordion-wrapper .accordion,
        h4 + .accordion-wrapper .accordion,
        h5 + .accordion-wrapper .accordion,
        h6 + .accordion-wrapper .accordion {
            margin-top: 0;
        }
        .accordion-item:last-child {
            border-bottom: 1px solid #CBCBCB;
        }

        .js .accordion-item-title {
            background-color: #FFF;
            padding: 0;
            border-bottom: none;
        }

        .accordion-item-title-link,
        .accordion-item-title-link:focus {
            overflow: auto;
            position: relative;
            display: block;
            color: #000;
            background-color: #FFF;
            text-decoration: none;
            padding: .7rem 0 .8rem 42px;
            border-top: 1px solid #CBCBCB;
        }
        .accordion-item-title-link.open {
            background-color: #C02115;
            color: #FFF;
            border-top: 1px solid #FFF;
         }
        .accordion-item-title a:hover,
        .accordion-item-title .cursor-over:focus,
        .accordion-item-title a:active {
            background-color: #C02115;
            color: #FFF;
            text-decoration: none;
            outline: 0;
            border-top: 1px solid #FFF;
        }
        .accordion-item.closed:hover + .accordion-item a {
            border-top: 1px solid #FFF;
        }

        .accordion-item-title-link:before {
            content: "";
            display: block;
            position: absolute;
            left: 8px;
            top: .9rem;
            width: 23px;
            height: 23px;
            background-image: url(/files/bilder/icons/icons-accordion.png);
            background-repeat: no-repeat;
            background-size: 46px 46px;
            background-position: 0 -23px;
        }
        .accordion-item-title-link:hover:before,
        .accordion-item-title-link.cursor-over:focus:before,
        .accordion-item-title-link:active:before {
            background-position: 0 -23px;
        }
        .open.accordion-item-title-link:before {
            background-position: -23px -23px;
            background-position: -23px -23px;
        }
        .accordion-item-title-link.open:hover:before,
        .accordion-item-title-link.open.cursor-over:focus:before,
        .accordion-item-title-link.open:active:before {
            background-position: -23px -23px;
        }

        .accordion-item-title h3 {
            font-size: 1.8rem;
            font-weight: 400;
            line-height: 2.5rem;
            margin: 0;  
        }

        .accordion-item-content-inner {
            padding: 1.0rem 0 3.0rem 42px;
        }
        .accordion .p-download {
            margin-top: .4rem;
        }
        .accordion .p-download:not(:last-child) {
            margin-bottom: 0;
        }

        .accordion-item-content-inner .image_container.float_below {
        	margin-top: 2.5rem;
        }
        .accordion-item-content-inner p.caption {
        	color: #333;
        	font-family: 'MetaCompPro-Medium W01 Regular', arial, helvetica, sans-serif;
        	font-size: 1.5rem;
        	line-height: 2.2rem;
        	margin-top: 1.0rem;
        }

	/* General elements */

		.mod_article.linie,
		.ce_text.linie,
		.aktuelles-teaser.linie,
		.search-result-item.linie,
		.pagination.linie {
			clear: both;
			background-image: url(/files/bilder/hintergruende/linie-gestrichelt-grau-1060px.png);
			background-repeat: no-repeat;
			background-position: 10px 20px;
			background-size: 1060px 1px;
			padding-top: 30px;
		}
		.ce_text.linie,
		.aktuelles-teaser.linie,
		.search-result-item.linie,
		.pagination.linie {
			background-position: 0 20px;
		}

		@media only screen and (min-width: 760px) {
		}

		@media only screen and (min-width: 1000px) {		
		}

    /* Adressen */

    	.addresses {
    		list-style: none;
    		padding: 0;
    		margin: 20px 0;
    	}
    	.addresses li {
    		overflow: auto;
    		background: #F6F8F8;
    		padding: 20px 20px 24px 20px;
    		margin: 10px 0;
    	}
    	.addresses .address-name {
			font-size: 1.7rem;
    		line-height: 2.2rem;
    		margin: 0 0 1.2rem 0;
    	}
    	.addresses p {
    		font-size: 1.6rem;
    		line-height: 2.2rem;
    		margin: 1.0rem 0 0 0;
    	}
    	@media only screen and (min-width: 730px) {
    		
    		.addresses p {
    			margin: 0;
    		}
	    	.addresses .address-post {
	    		float: left;
	    		width: 35%;
	    	}
	    	.addresses .address-tel-mail-web {
	    		float: right;
	    		width: 60%;
	    	}
	    }

	/* Aktuelles: Teaser im Footer */

		#aktuelles .mod_newslist {
			margin: 0 10px;
		}
		#aktuelles h2 {
			background-image: url(/files/bilder/hintergruende/linie-gestrichelt-gruen-1060px.png);
			background-repeat: no-repeat;
			background-position: 0 100%;
			background-size: 1060px 1px;
			font-family: "Meta Offc W01 Normal", arial, helvetica, sans-serif;
			padding-bottom: 15px;
			margin: 35px 0 20px 0;
		}
		#aktuelles .mod_newslist .vier.spalten.last {
			padding: 0 15px 0 0;
		}
		.aktuelles-teaser-h3.im-footer {
			font-size: 2.0rem;
			line-height: 2.7rem;
		}
		.aktuelles-teaser-datum.im-footer {
			margin-top: 1.3rem;
			margin-bottom: 1.6rem;
		}
		.aktuelles-teaser-text.im-footer p {
			font-size: 1.6rem;
			line-height: 2.4rem;
		}

		@media only screen and (min-width: 760px) {
			
			#aktuelles .mod_newslist {
				margin: 0;
			}
			#aktuelles .vier.spalten {
				padding: 0 20px 0 0;
				box-sizing: border-box;
			}
			#aktuelles h2 {
				margin-left: 10px;
				margin-right: 10px;
			}
		}

		@media only screen and (max-width: 999px) {
			
			#aktuelles .vier.spalten {
				width: auto;
			}

		}

	/* Aktuelles: Ueberblick */

		.aktuelles-teaser {
			padding: 0 0 10px 0;
		}

		.aktuelles-teaser-h3 {
			margin-top: 10px;
			margin-bottom: 0;
		}
		.aktuelles-teaser-datum {
			font-size: 1.5rem;
			line-height: 2.2rem;
			margin-top: 1.2rem;
			margin-top: 0rem;
			margin-bottom: 1.4rem;
		}
		.aktuelles-teaser-text,
		.aktuelles-teaser-text p {
			display: inline;
			margin-top: 0;
			margin-bottom: 0;
		}
		.aktuelles-teaser-mehr {
			display: inline;
			margin-top: 0;
		}

	/* Aktuelles: Detail */
		.aktuelles-h2 {
			margin-bottom: 0;
		}
		.aktuelles-datum {
			margin-top: 0.8rem;
			margin-bottom: 3.0rem;
		}

	/* Boxen */

		.box {
			padding: 10px 0;
			margin: 10px 0 0 0;
		}
		.box.hellgrau {
			background: #F6F8F8;
		}
		.box.rot {
			background: #C02115;
		}
		.box.rahmen.rot {
			background: #FFF;
			border: 1px solid #C02115;
			border-radius: 8px;
			margin-top: 45px;
			margin-bottom: 30px;
		}
		.box h2,
		.box h3,
		.box h4,
		.box h5,
		.box h6,
		.box p,
		.box li {
			margin: 1.0rem 15px;
		}
		.box h2,
		.box h3 {
			font-size: 2.2rem;
			line-height: 2.8rem;
		}
		.box.rahmen.rot h3 {
			color: #C02115;
			font-size: 2.4rem;
			line-height: 3.0rem;
			font-family: "Meta Offc W01 Normal", arial, helvetica, sans-serif;
			font-weight: 400;
			margin-bottom: 0;
		}
		.box.rahmen.rot h3 + p {
			margin-top: .4rem;
		}

		#right .box h3 {
			color: #527782;
			font-family: "Meta Offc W01 Normal",arial,helvetica,sans-serif;
			font-size: 2.4rem;
		}
		#right .box p {
			font-size: 1.7rem;
			line-height: 2.4rem;
		}

		.box.icon {
			padding: 5px 0px 10px 0;
		}
		.box.icon h2,
		.box.icon h2 a {
			background-size: 85px 85px;
			background-position: 50% 0;
			background-repeat: no-repeat;
		}
		.box.icon h2 a {
			display: block;
			box-sizing: border-box;
			width: 100%;
			background-color: #F6F8F8;
			text-align: center;
			padding-top: 90px;
		}
		.box.icon.vier.spalten h2 a {
			text-align: left;
		}
		.box.icon-flugverkehr h2 {
			background-image: url(/files/bilder/icons/icon-flugverkehr-hover.png);
		}
		.box.icon-wirtschaft-handel h2 {
			background-image: url(/files/bilder/icons/icon-wirtschaft-handel-hover.png);
		}
		.box.icon-kommunen-soziales h2 {
			background-image: url(/files/bilder/icons/icon-kommunen-soziales-hover.png);
		}
		.box.icon-aus-weiterbildung h2 {
			background-image: url(/files/bilder/icons/icon-aus-weiterbildung-hover.png);
		}

		.box.icon-vorteile h2 {
			background-image: url(/files/bilder/icons/icon-kreis-thumbs-up-hover.png);
		}
		.box.icon-wer-profitiert h2 {
			background-image: url(/files/bilder/icons/icon-kreis-menschen-hover.png);
		}
		.box.icon-gesetzgebung h2 {
			background-image: url(/files/bilder/icons/icon-kreis-paragraph-hover.png);
		}

		.box.icon-flugverkehr h2 a {
			background-image: url(/files/bilder/icons/icon-flugverkehr.png);
		}
		.box.icon-wirtschaft-handel h2 a {
			background-image: url(/files/bilder/icons/icon-wirtschaft-handel.png);
		}
		.box.icon-kommunen-soziales h2 a {
			background-image: url(/files/bilder/icons/icon-kommunen-soziales.png);
		}
		.box.icon-aus-weiterbildung h2 a {
			background-image: url(/files/bilder/icons/icon-aus-weiterbildung.png);
		}

		.box.icon-vorteile h2 a {
			background-image: url(/files/bilder/icons/icon-kreis-thumbs-up.png);
		}
		.box.icon-wer-profitiert h2 a {
			background-image: url(/files/bilder/icons/icon-kreis-menschen.png);
		}
		.box.icon-gesetzgebung h2 a {
			background-image: url(/files/bilder/icons/icon-kreis-paragraph.png);
		}

		.box.icon h2 a:hover,
		.box.icon h2 a:focus,
		.box.icon h2 a:active {
			background-color: transparent !important;
			background-image: none !important;
		}

		.box.rot:not(.rahmen) a {
			color: #FFF;
		}

		.box .image_container {
			margin-top: -10px;
			margin-bottom: 20px;
		}

		@media only screen and (min-width: 760px) {

			.box {
				padding: 10px 0 20px 0;
				margin: 15px 0;
			}
			.box h2,
			.box h3,
			.box h4,
			.box h5,
			.box h6,
			.box p,
			.box li {
				margin: 1.0rem 20px;
			}
			.box h2,
			.box h3 {
				font-size: 2.5rem;
				line-height: 3.2rem;
			}
			
			.box.icon.sechs.spalten h2,
			.box.icon.sechs.spalten h3,
			.box.icon.sechs.spalten h4,
			.box.icon.sechs.spalten h5,
			.box.icon.sechs.spalten h6,
			.box.icon.sechs.spalten p,
			.box.icon.sechs.spalten li {
				margin-right: 30px;
				margin-left: 30px;
			}
			.box.icon h2,
			.box.icon h2 a {
				background-size: 170px 170px;
			}
			.box.icon h2 a {
				padding-top: 185px;
			}

			.box.wer-profitiert {
				min-height: 37.0rem;
			}
		}

		@media only screen and (min-width: 1000px) {

			
			#right .box .image_container {
				margin-bottom: 15px;
			}

			.box.icon.sechs.spalten h2,
			.box.icon.sechs.spalten h3,
			.box.icon.sechs.spalten h4,
			.box.icon.sechs.spalten h5,
			.box.icon.sechs.spalten h6,
			.box.icon.sechs.spalten p,
			.box.icon.sechs.spalten li {
				margin-right: 40px;
				margin-left: 40px;
			}

			.box.wer-profitiert {
				min-height: 36.0rem;
			}
		}

		@media only screen and (min-width: 1200px) {

			.box.icon {
				padding: 10px 0 20px 0;
			}
			#main .box h2,
			#main .box h3,
			#main .box h4,
			#main .box h5,
			#main .box h6,
			#main .box p,
			#main .box li {
				margin-right: 30px;
				margin-left: 30px;
			}

			#main .box.icon.sechs.spalten h2,
			#main .box.icon.sechs.spalten h3,
			#main .box.icon.sechs.spalten h4,
			#main .box.icon.sechs.spalten h5,
			#main .box.icon.sechs.spalten h6,
			#main .box.icon.sechs.spalten p,
			#main .box.icon.sechs.spalten li {
				margin-right: 60px;
				margin-left: 60px;
			}

			.box.wer-profitiert {
				min-height: 36.0rem;
			}

		}

    /* Buttons */

    	a.button {
    		background-color: #C02115;
    		color: #FFF;
			font-size: 1.5rem;
			line-height: 2.0rem;
			display: inline-block;
			border: 1px solid #C02115;
			border-radius: 5px;
			text-decoration: none;
			padding: 5px 18px 7px 18px;
			margin: 0.5rem auto 3.0rem auto;
		}
		a.button:hover,
		a.button:focus,
		a.button:active {
			background-color: #4B797A;
			color: #FFF;
			border: 1px solid #4B797A;
		}

		a.button.block {
			display: block;
			text-align: center;
		}

		@media only screen and (min-width: 760px) {

	    	a.button {
				font-size: 1.7rem;
				line-height: 2.6rem;
			}
		}

	/* Intro (Startseite) */

		.intro {
			margin: 1.0rem 0;
		}
		.intro p {
			text-align: center;
			margin: 1.0rem 0;
		}


		@media only screen and (min-width: 760px) {

			.intro p {
				font-size: 2.0rem;
				line-height: 3.3rem;
			}						
		}

		@media only screen and (min-width: 1000px) {
			
			.intro p {
				font-size: 2.4rem;
				line-height: 3.8rem;
				margin-right: 50px;
				margin-left: 50px;
			}						
		}
		@media only screen and (min-width: 1200px) {
			
			.intro p {
				margin-right: 65px;
				margin-left: 65px;
			}						
		}

	/* Menue: Bereichsmenue */

		.box.bereichsmenue {
			color: #fff;
			padding-bottom: 10px;
		}
		#right .bereichsmenue {
			margin-right: 10px;
		}
		.box.bereichsmenue li {
			margin-top: 0;
			margin-bottom: 0;
		}
		.bereichsmenue a,
		.bereichsmenue strong {
			display: block;
			line-height: 2.0rem;
			padding: 0.7rem 0 0.9rem 0;
		}
		.bereichsmenue .level_1 > li > a,
		.bereichsmenue .level_1 > li > strong {
			border-top: 1px solid #CF6350;
		}
		.bereichsmenue .level_1 > li.first > a,
		.bereichsmenue .level_1 > li.first > strong {
			border-top: none;
		}
		.bereichsmenue .level_1 ul {
			padding: 0 0 1.0rem 0;
		}
		.bereichsmenue .level_2 > li > a,
		.bereichsmenue .level_2 > li > strong {
			padding: 0.1rem 0;
			margin: 0.7rem 0 0 0;
		}
		.bereichsmenue .level_2 > li.first > a,
		.bereichsmenue .level_2 > li.first > strong {
			margin-top: 0;
		}
		.bereichsmenue a:hover,
		.bereichsmenue a:focus,
		.bereichsmenue a:active {
			text-decoration: underline;
		}
		.bereichsmenue strong {
			font-family: "MetaCompPro-Medium W01 Regular", arial, helvetica, sans-serif;
			font-weight: 400;
		}
		.bereichsmenue + .bereichsmenue-vorlaeufig {
			display: none;
		}

	/* Menue: "Mehr erfahren"-Menu */

		.nav-mehr-erfahren {
			margin-top: 55px;
		}
		.nav-mehr-erfahren h2 {
			color: #527782;
			font-family: "Meta Offc W01 Normal", arial, helvetica, sans-serif;
			font-size: 2.4rem;
			margin-bottom: .6rem;
		}
		.nav-mehr-erfahren li.first {
			border-top: 1px solid #CBCBCB;
		}
		.nav-mehr-erfahren li {
			line-height: 2.2rem;
			border-bottom: 1px solid #CBCBCB;
		}
		.nav-mehr-erfahren a {
			display: block;
			padding: .6rem 0 .7rem 0;
		}
		.nav-mehr-erfahren a:hover,
		.nav-mehr-erfahren a:focus,
		.nav-mehr-erfahren a:active {
			background: #F8F9F9;
		}

	/* Search */

		.mod_search .header {
			margin-bottom: 0;
		}
		.search-result-item {
			margin: 10px 0;
		}
		.search-result-item.first {
			margin-top: 0;
		}
		.highlight,
		.mod_search .header strong {
			background: #e8eeee;
			font-family: "MetaCompPro-Medium W01 Regular", arial, helvetica, sans-serif;
			padding: 0 4px 1px 4px;
		}
		.search-result-item h2 {
			font-size: 2.4rem;
			line-height: 3.4rem;
			margin-bottom: 0.5rem;
		}
		.search-result-item p {
			margin-top: 0;
			margin-bottom: 0;
		}
		.search-result-item a {
			text-decoration: none;
		}
		.search-result-item a:hover,
		.search-result-item a:focus,
		.search-result-item a:active {
			text-decoration: underline;
		}

	/* Pagination */

		.pagination-blaettern p > span:not(:last-child) {
			display: inline-block;
			padding: 0 .3rem;
		}

		@media only screen and (min-width: 1000px) {

			.pagination-seitenzahl {
				float: left;
				width: 25%;
			}
			.pagination-blaettern {
				float: right;
				width: 60%;
			}
			.pagination-blaettern p {
				text-align: right;
			}			
		}

	/* Partner */

		.partner {
			overflow: auto;
			padding: 30px 0 30px 0;
			border-top: 1px solid #c1c1c1;
			margin: 30px 0 0 0;
		}
		.partner + .partner {
			margin-top: 0;
		}
		.partner .image_container {
			width: 225px;
			margin: 0 auto 15px auto;
		}
		.partner .image_container img {
			width: 225px;
			margin-top: .6rem;
		}
		.partner h3 {
			font-size: 1.8rem;
			line-height: 2.4rem;
			margin: 0;
			text-align: center;
		}
		.partner p {
			line-height: 2.4rem;
			margin: 0;
			text-align: center;
		}
		.partner .text_container p + p {
			margin-top: 1.4rem;
		}


		@media only screen and (min-width: 1000px) {
			
			.partner .image_container {
				float: left;
				margin: 0 40px 0 0;
			}
			.partner h3,
			.partner p {
				text-align: left;
			}
			.partner .text_container {
				overflow: hidden;
			}


		}

	/* Video */

		.ce_player {
			margin-top: 10px;
			margin-bottom: 10px;
			height: auto;
		}
		video {
			max-width: 100%;
			height: auto;
		}

		#right .ce_player {
			margin: 30px 10px 0 0;
		}
		#right .video-beschreibung {
			margin: 0 0 15px 0;
		}
		#right .video-beschreibung p {
			margin-top: 1.0rem;
		}

/* Footer */

	#footer {
		position: relative;
		top: 25.0rem;
		background: #C02115;
		text-align: center;
		padding-top: 25px;
	}
	#footer > .inside {
		background: #404442;
		color: #CACCCB;
	}
	#footer .nach-oben {
		position: absolute;
		top: -5.5rem;
		width: 100%;
		text-align: center;
	}
	#footer .nach-oben p {
		margin: 0;
	}
	#footer .nach-oben a {
		display: inline-block;
		color: #C02115;
		background-image: url(/files/bilder/icons/icon-pfeil-hoch-rot.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 28px 16px;
		padding-top: 18px;
	}
	#footer .nach-oben a:hover,
	#footer .nach-oben a:focus,
	#footer .nach-oben a:active {
		color: #4B797A;
		background-image: url(/files/bilder/icons/icon-pfeil-hoch-gruen.png);
	}
	#footer .footer-zeile-1 {
		background: #505452;
		padding: 10px 0;
	}
	#footer .mod_customnav {
		margin: 0;
	}
	#footer a {
		color: #CACCCB;
		font-family: "Meta Offc W01 Normal", arial, helvetica, sans-serif;
		font-weight: 400;
		text-decoration: none;
	}
	#footer .active,
	#footer .trail {
		color: #FFF;
		font-family: "MetaCompPro-Medium W01 Regular", arial, helvetica, sans-serif;
		font-weight: 400;
	}
	#footer a:hover,
	#footer a:focus,
	#footer a:active {
		color: #FFF;
		background-color: rgba(255,255,255,.05);		
		text-decoration: underline;
	}
	#footer h2 {
		font-size: 2.6rem;
		padding-top: 1.5rem;
		margin: 0 15px 1.8rem 0;
	}
	#footer ul {
		border-top: 1px solid #7A7C7B;
		margin-top: 2.6rem;
		margin-right: 16px;
		margin-bottom: 3.4rem;
	}
	#footer p {
		font-size: 1.5rem;
		line-height: 2.2rem;
		margin: 1.8rem 15px -0.1rem 0;
	}
	#footer li {
		font-size: 1.5rem;
		line-height: 2.3rem;
		border-bottom: 1px solid #7A7C7B;
	}
	#footer li a,
	#footer li strong {
		display: block;
		padding: 0.5rem 0 0.6rem 0;
	}
	#footer .icon-ort {
		display: inline-block;
		background: url(/files/bilder/icons/icon-ort-weiss.png) no-repeat 0 0.2rem;
		background-size: 17px 25px;
		padding-left: 27px;
	}
	#footer .icon-telefon {
		display: inline-block;
		background: url(/files/bilder/icons/icon-telefon-weiss.png) no-repeat 0 0.3rem;
		background-size: 17px 17px;
		padding-left: 27px;
	}
	#footer .icon-e-mail {
		display: inline-block;
		background: url(/files/bilder/icons/icon-e-mail-weiss.png) no-repeat 0 0.5rem;
		background-size: 17px 13px;
		padding-left: 27px;
	}
	#footer .icon-twitter {
		display: inline-block;
		background: url(/files/bilder/icons/icon-twitter.png) no-repeat 0 0.3rem;
		background-size: 19px 17px;
		padding-left: 27px;
	}

	#footer .infobrief {
		font-size: 1.7rem;
		margin-top: 2.0rem;
	}
	#footer a.button {
		background: #686B6A url(/files/bilder/icons/icon-e-mail-weiss-outline-gross.png) no-repeat 20px 0.8rem;
		color: #FFF;
		opacity: .9;
		background-size: 28px 21px;
		border-color: #686B6A;
		padding-left: 65px;
		padding-right: 30px;
	}
	#footer a.button:hover,
	#footer a.button:focus,
	#footer a.button:active {
		background-color: #C02115;
		color: #FFF;
		text-decoration: none;
		border-color: #C02115;
	}

	#footer .footer-zeile-2 p {
		float: left;
		font-size: 1.4rem;
		line-height: 2.0rem;
		padding-bottom: 1px;
		margin: 1.8rem 8px 1.5rem 0;
	}
	#footer .footer-zeile-2 p + p {
		padding-left: 8px;
		border-left: 1px solid #7A7C7B;
		margin-right: 8px;
	}
	#footer .gefoerdert-vom-bmas p {
		float: right;
		margin-right: 0;
	}

	@media only screen and (min-width: 760px) {

		#footer {
			text-align: left;
		}

	}

/* Media Player */

	#main .mejs-captions-text{
		font-size: 2.0rem !important;
		line-height: 3.0rem !important;
	}
	#right .mejs-captions-position {
		bottom: 5px;
	}
	#right .mejs-container-fullscreen .mejs-captions-position {
		bottom: 15px;
	}
	#right .mejs-captions-text{
		font-size: 1.5rem !important;
		line-height: 2.4rem !important;
	}

	@media only screen and (min-width: 760px) {
		
		#right .mejs-container-fullscreen .mejs-captions-text,
		#main .mejs-container-fullscreen .mejs-captions-text {
			font-size: 3.0rem !important;;
			line-height: 4.4rem !important;;
		}
	}



	#container,
	#main,
	#right,
	#left,
	.mod_article,
	.zeile {
		position: relative;
		overflow: auto;
	}
	
	#container {
		min-height: 300px;
	}
	#main,
	#right,
	#left {
		padding: 0 10px 30px 10px;
	}

	.spalte,
	.spalten {
		margin: 1.0rem 0 0 0;
	}

	@media only screen and (min-width: 760px) {

		#main,
		#right,
		#left {
			padding: 10px 0 60px 0;
		}

		#header .zeile,
		#footer .zeile,
		#search-breadcrumb .zeile,
		#main,
		.main-right #container {
			width: 720px;
			margin: 0 auto;
		}

		.main-right #main {
			float: left;
			width: 460px;
			margin-top: 1.0rem;
		}

		.main-right #right {
			float: right;
			width: 220px;
			margin-top: 1.0rem;
		}

		.ce_text,
		.ce_headline,
		.mod_newslist,
		.mod_customnav,
		.mod_search,
		.ce_player,
		.ce_xfw2_faqpage {
			margin-right: 10px;
			margin-left: 10px;
		}
		.spalte,
		.spalten {
			width: 100%;
			float: left;
			margin: 1.0rem 10px;
		}

		.spalte .ce_text,
		.spalten .ce_text,
		.spalte .mod_customnav,
		.spalten .mod_customnav,
		.spalten .ce_player,
		.spalten .ce_xfw2_faqpage  {
			margin: 0;
		}

		.fl-right,
		.spalte.fl-right,
		.spalten.fl-right {
			float: right;
		}
		.fl-left,
		.spalte.fl-left,
		.spalten.fl-left {
			float: left;
		}

		.spalten.kein-steg-rechts   { margin-right: 0; }
		.spalten.kein-steg-links    { margin-left: 0; }
		.spalten.kein-steg-rechts  { margin-right: 0; }
		.spalten.kein-steg-links   { margin-left: 0; }

		.eine.spalte,
		.eine.spalten   { width: 40px;  }
		.zwei.spalten   { width: 100px; }
		.drei.spalten   { width: 160px; }
		.vier.spalten   { width: 220px; }
		.fuenf.spalten  { width: 280px; }
		.sechs.spalten  { width: 340px; }
		.sieben.spalten { width: 400px; }
		.acht.spalten   { width: 460px; }
		.neun.spalten   { width: 520px; }
		.zehn.spalten   { width: 580px; }
		.elf.spalten    { width: 640px; }
		.zwoelf.spalten { width: 700px; }

		.eine.spalte.plus-halber-steg,
		.eine.spalten.plus-halber-steg    { width: 50px;  }
		.zwei.spalten.plus-halber-steg    { width: 110px; }
		.drei.spalten.plus-halber-steg    { width: 170px; }
		.vier.spalten.plus-halber-steg    { width: 230px; }
		.fuenf.spalten.plus-halber-steg   { width: 290px; }
		.sechs.spalten.plus-halber-steg   { width: 350px; }
		.sieben.spalten.plus-halber-steg  { width: 410px; }
		.acht.spalten.plus-halber-steg    { width: 470px; }
		.neun.spalten.plus-halber-steg    { width: 530px; }
		.zehn.spalten.plus-halber-steg    { width: 590px; }
		.elf.spalten.plus-halber-steg     { width: 710px; }

		.eine.spalte.plus-steg,
		.eine.spalten.plus-steg    { width: 60px;  }
		.zwei.spalten.plus-steg    { width: 120px; }
		.drei.spalten.plus-steg    { width: 180px; }
		.vier.spalten.plus-steg    { width: 240px; }
		.fuenf.spalten.plus-steg   { width: 300px; }
		.sechs.spalten.plus-steg   { width: 360px; }
		.sieben.spalten.plus-steg  { width: 420px; }
		.acht.spalten.plus-steg    { width: 480px; }
		.neun.spalten.plus-steg    { width: 540px; }
		.zehn.spalten.plus-steg    { width: 600px; }
		.elf.spalten.plus-steg     { width: 720px; }

		.einruecken-um-eine.spalte,
		.einruecken-um-eine.spalten 	{ margin-left: 70px; }
		.einruecken-um-zwei.spalte,
		.einruecken-um-zwei.spalten 	{ margin-left: 130px; }
		.einruecken-um-drei.spalte,
		.einruecken-um-drei.spalten 	{ margin-left: 190px; }
		.einruecken-um-vier.spalte,
		.einruecken-um-vier.spalten 	{ margin-left: 250px; }

	}

    @media only screen and (min-width: 760px) and (max-width: 999px) {

		.box.sechs.spalten,
		.box.vier.spalten   { width: 340px;}

	}

	@media only screen and (min-width: 1000px) {

		#main,
		#right,
		#left {
			padding: 25px 0 60px 0;
		}

		#header .zeile,
		#footer .zeile,
		#search-breadcrumb .zeile,
		#main,
		.main-right #container {
			width: 960px;
		}

		.main-right #main {
			width: 640px;
		}
		.main-right #right {
			width: 310px;
		}
		.main-right #right .ce_text,
		.main-right #right .mod_customnav,
		.main-right #right .ce_player {
			margin-left: 0;
		}
		.main-right #main .ce_text:not(.spalte),
		.main-right #main .ce_text:not(.spalten),
		.main-right #main .ce_text:not(.box),
		.main-right #main .mod_newslist,
		.main-right #main .ce_player,
		.main-right #main .ce_xfw2_faqpage {
			margin-right: 40px;
		}

		.eine.spalte,
		.eine.spalten   { width: 60px;  }
		.zwei.spalten   { width: 140px; }
		.drei.spalten   { width: 220px; }
		.vier.spalten   { width: 300px; }
		.fuenf.spalten  { width: 380px; }
		.sechs.spalten  { width: 460px; }
		.sieben.spalten { width: 540px; }
		.acht.spalten   { width: 620px; }
		.neun.spalten   { width: 700px; }
		.zehn.spalten   { width: 780px; }
		.elf.spalten    { width: 860px; }
		.zwoelf.spalten { width: 940px; }

		.eine.spalte.plus-halber-steg,
		.eine.spalten.plus-halber-steg    { width: 70px;  }
		.zwei.spalten.plus-halber-steg    { width: 150px; }
		.drei.spalten.plus-halber-steg    { width: 230px; }
		.vier.spalten.plus-halber-steg    { width: 310px; }
		.fuenf.spalten.plus-halber-steg   { width: 390px; }
		.sechs.spalten.plus-halber-steg   { width: 470px; }
		.sieben.spalten.plus-halber-steg  { width: 550px; }
		.acht.spalten.plus-halber-steg    { width: 630px; }
		.neun.spalten.plus-halber-steg    { width: 710px; }
		.zehn.spalten.plus-halber-steg    { width: 790px; }
		.elf.spalten.plus-halber-steg     { width: 870px; }

		.eine.spalte.plus-steg,
		.eine.spalten.plus-steg    { width: 80px;  }
		.zwei.spalten.plus-steg    { width: 160px; }
		.drei.spalten.plus-steg    { width: 240px; }
		.vier.spalten.plus-steg    { width: 320px; }
		.fuenf.spalten.plus-steg   { width: 400px; }
		.sechs.spalten.plus-steg   { width: 480px; }
		.sieben.spalten.plus-steg  { width: 560px; }
		.acht.spalten.plus-steg    { width: 640px; }
		.neun.spalten.plus-steg    { width: 720px; }
		.zehn.spalten.plus-steg    { width: 800px; }
		.elf.spalten.plus-steg     { width: 880px; }

		.einruecken-um-eine.spalte,
		.einruecken-um-eine.spalten 	{ margin-left: 90px; }
		.einruecken-um-zwei.spalte,
		.einruecken-um-zwei.spalten 	{ margin-left: 170px; }
		.einruecken-um-drei.spalte,
		.einruecken-um-drei.spalten 	{ margin-left: 250px; }
		.einruecken-um-vier.spalte,
		.einruecken-um-vier.spalten 	{ margin-left: 330px; }

	}

	@media only screen and (min-width: 1200px) {

		#header .zeile,
		#footer .zeile,
		#search-breadcrumb .zeile,
		#main,
		.main-right #container {
			width: 1080px;
		}

		.main-right #main {
			width: 720px;
		}
		.main-right #right {
			width: 350px;
		}
		.main-right #main .ce_text:not(.spalte),
		.main-right #main .ce_text:not(.spalten),
		.main-right #main .ce_text:not(.box),
		.main-right #main .mod_newslist,
		.main-right #main .ce_player,
		.main-right #main .ce_xfw2_faqpage {
			margin-right: 50px;
		}

		.eine.spalte,
		.eine.spalten   { width: 70px;  }
		.zwei.spalten   { width: 160px; }
		.drei.spalten   { width: 250px; }
		.vier.spalten   { width: 340px; }
		.fuenf.spalten  { width: 430px; }
		.sechs.spalten  { width: 520px; }
		.sieben.spalten { width: 610px; }
		.acht.spalten   { width: 700px; }
		.neun.spalten   { width: 790px; }
		.zehn.spalten   { width: 880px; }
		.elf.spalten    { width: 970px; }
		.zwoelf.spalten { width: 1060px; }

		.eine.spalte.plus-halber-steg,
		.eine.spalten.plus-halber-steg    { width: 80px;  }
		.zwei.spalten.plus-halber-steg    { width: 170px; }
		.drei.spalten.plus-halber-steg    { width: 260px; }
		.vier.spalten.plus-halber-steg    { width: 350px; }
		.fuenf.spalten.plus-halber-steg   { width: 440px; }
		.sechs.spalten.plus-halber-steg   { width: 530px; }
		.sieben.spalten.plus-halber-steg  { width: 620px; }
		.acht.spalten.plus-halber-steg    { width: 710px; }
		.neun.spalten.plus-halber-steg    { width: 800px; }
		.zehn.spalten.plus-halber-steg    { width: 890px; }
		.elf.spalten.plus-halber-steg     { width: 980px; }

		.eine.spalte.plus-steg,
		.eine.spalten.plus-steg    { width: 90px;  }
		.zwei.spalten.plus-steg    { width: 180px; }
		.drei.spalten.plus-steg    { width: 270px; }
		.vier.spalten.plus-steg    { width: 360px; }
		.fuenf.spalten.plus-steg   { width: 450px; }
		.sechs.spalten.plus-steg   { width: 540px; }
		.sieben.spalten.plus-steg  { width: 630px; }
		.acht.spalten.plus-steg    { width: 720px; }
		.neun.spalten.plus-steg    { width: 810px; }
		.zehn.spalten.plus-steg    { width: 900px; }
		.elf.spalten.plus-steg     { width: 990px; }

		.einruecken-um-eine.spalte,
		.einruecken-um-eine.spalten 	{ margin-left: 100px; }
		.einruecken-um-zwei.spalte,
		.einruecken-um-zwei.spalten 	{ margin-left: 190px; }
		.einruecken-um-drei.spalte,
		.einruecken-um-drei.spalten 	{ margin-left: 280px; }
		.einruecken-um-vier.spalte,
		.einruecken-um-vier.spalten 	{ margin-left: 370px; }

	}







.mejs-container .mejs-controls {
    height: 32px;
}

.mejs-container .mejs-controls div {
    width: 32px;
    height: 32px;
    font-family: inherit;
    font-size: 1.2rem;
    line-height: 3.2rem;
}

.mejs-controls .mejs-button button {
    height: 32px;
    width: 32px;
    background-image: url("/files/bilder/icons/mediaelement-controls.png");
    background-size: 188px 64px;
    margin: 0;
}

.mejs-controls .mejs-button button:hover,
.mejs-controls .mejs-button button:focus,
.mejs-controls .mejs-button button:active {
    background-color: #C02115;
    outline: none;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -32px;
}

.mejs-container .mejs-controls .mejs-time {
    height: 32px;
    padding: 0 2px;
}
.mejs-container .mejs-controls .mejs-currenttime-container {
    padding-left: 10px;
}
.mejs-container .mejs-controls .mejs-duration-container {
    padding-right: 20px;
}

.mejs-controls .mejs-captions-button button {
    background-position: -32px 0;
}
.mejs-controls .mejs-captions-enabled button {
    background-position: -32px -32px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
    display: none !important;
}

.mejs-controls .mejs-mute button {
    background-position: -64px -0;
}
.mejs-controls .mejs-unmute button {
    background-position: -64px -32px;   
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -96px 0;
}
.mejs-controls .mejs-unfullscreen button {
    background-position: -96px -32px;   
}

.mejs-controls div.mejs-time-rail {
    height: 4px;
    padding: 0;
    margin-top: 9px;
    outline: none !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: rgba(255,255,255,.2);
}
.mejs-controls .mejs-time-rail span, 
.mejs-controls .mejs-time-rail a {
    height: 4px;
    outline: none !important;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
    background: rgba(255,255,255,.2) !important;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: rgba(255,255,255,.3) !important;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #FFF !important;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
    top: -8px;
    display: block;
    height: 20px;
    width: 2px;
    background: #FFF;
    border: 0;
    border-radius: 1px;
}
.mejs-controls .mejs-time-slider:focus .mejs-time-handle,
.mejs-controls .mejs-time-slider .mejs-time-handle:active {
    background-color: #C02115;
    width: 10px;
    height: 10px;
    top: -5px;
    margin-left: -5px;
    border: 2px solid #FFF;
    border-radius: 100%;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    width: 4.4rem;
    height: 2.0rem;
    top: -3.5rem;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-size: 1.3rem;
    line-height: 2.0rem;
    border: solid 1px (0,0,0,.7);
    margin-left: -2.2rem;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    height: auto;
    width: 4.4rem;
    display: block;
    margin: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    top: 2.0rem;
    left: 1.5rem;
    border: solid 6px rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.7) transparent transparent;
}

/* Volume */

    .mejs-controls .mejs-volume-button .mejs-volume-slider {
        width: 32px;
        border-top-left-radius: 1px;
        border-top-right-radius: 1px;
        outline: none !important;
    }
    .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
        left: 15px;
    }
    .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
        left: 15px;
    }
    .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
        height: 2px;
        width: 18px;
        left: 7px;
        background: #FFF;
        border-radius: 1px;
    }
    .mejs-controls .mejs-volume-button .mejs-volume-slider:focus .mejs-volume-handle,
    .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle:active {
        background-color: #C02115;
        width: 10px;
        height: 10px;
        left: 9px;
        border: 2px solid #FFF;
        border-radius: 100%;
        margin-top: -4px;
    }

/* Big play button */

    .mejs-overlay-button {
        width: 60px;
        height: 60px;
        background-image: url("/files/bilder/icons/mediaelement-controls.png") !important;
        background-size: 188px 64px !important;
        background-repeat: no-repeat;
        background-position: -128px 0 !important;
        background-color: #C02115;
        border-radius: 100%;
        margin: -35px 0 0 -30px;
    }
    .mejs-overlay-button:hover,
    .mejs-overlay-button:focus,
    .mejs-overlay-button:active {
        background-color: rgba(0,0,0,.5);
        border: 2px solid rgba(255,255,255,.9);
        margin: -37px 0 0 -32px;
    }

/* Loading ... */

    @keyframes spinner {
        to {transform: rotate(360deg);}
    }
    @-webkit-keyframes spinner {
        to {-webkit-transform: rotate(360deg);}
    }
    .mejs-overlay-loading {
        display: none;
        min-width: 94px;
        min-height: 94px;
        background: none;
        margin: -52px 0 0 -47px;
    }
    .mejs-overlay-loading:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin-top: -47px;
        margin-left: -47px;
    }
    .mejs-overlay-loading:not(:required):before {
        content: '';
        border-radius: 50%;
        border: 7px solid rgba(255, 255, 255, .2);
        border-top-color: rgba(255, 255, 255, .6);
        animation: spinner 1.5 linear infinite;
        -webkit-animation: spinner 1.5s linear infinite;
    }
    .mejs-overlay-loading span {
        background: none;
        display: none;
    }

/* Captions */

    .mejs-captions-text {
        padding-top: 1px;
        padding-bottom: 1px;
        background: url(../../files/jquery/mediaelement/background.png);
        background: rgba(15,15,15,1);
        -webkit-box-shadow: 5px 0 0 rgba(15,15,15,1),-5px 0 0 rgba(15,15,15,1);
        box-shadow: 5px 0 0 rgba(15,15,15,1),-5px 0 0 rgba(15,15,15,1);
    }

