@font-face {
	font-family: 'Website-ID';
	src:url('../fonts/Website-ID.eot?abr3yj');
	src:url('../fonts/Website-ID.eot?#iefixabr3yj') format('embedded-opentype'),
		url('../fonts/Website-ID.ttf?abr3yj') format('truetype'),
		url('../fonts/Website-ID.woff?abr3yj') format('woff'),
		url('../fonts/Website-ID.svg?abr3yj#Website-ID') format('svg');
	font-weight: normal;
	font-style: normal;
}

        .col-right p a[href ^="http://"]:before,
        .col-right p a[href ^="https://"]:before,
        [class^="icon-"] span.path1::before,
        [class^="icon-"] span.path2::before,
         a.icon-mail:before,
        div.zeiten p a:before,
        .komitee_texte p a:before,
        div.medien_texte p a:before,
        div.col-right p a:before,
		[class^="icon-"],
		[class*=" icon-"] {
			font-family: 'Website-ID';  /* use !important to prevent issues with browser extensions that change fonts */
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			font-size: 1.5em;
			/* color: #fff;  */
			/* Better Font Rendering =========== */
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}


		address p a.icon-mail:before  {
			color: #fff;
		}
		.col-right p a[href ^="http://"]:before,
        .col-right p a[href ^="https://"]:before,
        .medien_texte p a[href ^="http://"]:before,
        .medien_texte p a[href ^="https://"]:before,
        .event_texte p a[href ^="http://"]:before,
        .event_texte p a[href ^="https://"]:before,
        .komitee_texte p a[href ^="http://"]:before,
        .komitee_texte p a[href ^="https://"]:before,
		.icon-link_extern:before {
			content: "\e900";
			font-size: 1em;
			padding: 0 6px 0 4px;
		}

		address p a.icon-mail:before,
		.icon-mail:before {
			content: "\e901";
			font-size: 0.9em;
			padding: 0 6px 0 0;
		}

		 .medien_texte p a[href$=".pdf"]::before,
		 .event_texte p a[href$=".pdf"]::before,
		 .aktuell div.col-right p a[href$=".pdf"]::before,
		 #pdf .icon-pdf:before,
		 div#pdf div.icon-pdf:before {
			content: "\e903";
			font-size: 1.5em;
			padding: 0 6px 0 0;
			position: relative;
			top: 2px;
		}



		.boxleftfree.nopaddingright div.back a:before,
		.icon-pfeil_li:before {
			content: "\e904";
			font-size: 1em;
			padding-left: 4px;
			padding-right: 10px;
		}

  div.boxrightfree.basic p a:before,
  div.col-right p a:before,
		.linkbereiche a:before,
		.icon-pfeil_re:before {
			content: "\e905";
			 font-size: 1em;
				padding-right: 5px;
		}
		div.boxrightfree.basic p a:before {
			content: "\e905";
			 font-size: 1em;
			 left: 4px;
			 position: relative;
			 top: 0px;
			 padding-right: 8px;
		}

div.linkbereiche a.current:before {
	 font-weight: bolder !important;
	 font-size: 1.5em;
	 top: 4px;
}

		[class^="icon-"] span.path1::before,
		.icon-tel .path1:before {
			content: "\e907";
			 color: rgb(255, 255, 255);  /*  Farbe Handy */
			 font-size: 1.75em;
		}

     	[class^="icon-"] span.path2::before,
		.icon-tel .path2:before {
			content: "\e908";
			margin-left: -0.8em;
			color: rgb(0, 0, 0);  /* Farbe Punkt */
			font-size: 1.75em;
		}
@media screen and (max-width:850px) {
		.icon-plus:before {
			content: "\e906";
		}
		.icon-minus:before {
			content: "\e902";
		}
}